:root{--ink: #0b1a1d;--ink-soft: #33474a;--ink-mute: #556a6c;--paper: #fbf9f4;--paper-2: #f3f0e8;--mist: #e2ebe6;--pine: #1d5c50;--pine-deep: #123f37;--rust: #2e6b63;--rust-soft: #dcebe6;--line: color-mix(in srgb, var(--ink) 12%, transparent);--line-strong: color-mix(in srgb, var(--ink) 24%, transparent);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-serif: "Iowan Old Style", ui-serif, Georgia, "Times New Roman", "Batang", "Nanum Myeongjo", "Songti SC", "Source Han Serif SC", "Noto Serif CJK SC", serif;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--step-2: clamp(1.4rem, 1.2rem + 1vw, 1.85rem);--step-3: clamp(1.75rem, 1.4rem + 1.8vw, 2.6rem);--step-4: clamp(1.95rem, 1.35rem + 3.1vw, 3.9rem);--space-hair: 4px;--space-xs: 8px;--space-1: .35rem;--space-2: .7rem;--space-3: 1.1rem;--space-4: 1.7rem;--space-5: 2.6rem;--space-6: 4rem;--space-7: 6rem;--wrap: 1180px;--radius: 4px;--radius-lg: 10px;--shadow-card: 0 1px 2px color-mix(in srgb, var(--ink) 8%, transparent), 0 8px 24px -18px color-mix(in srgb, var(--ink) 40%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}[hidden]{display:none!important}html,body{max-width:100%;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--pine);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--rust)}h1,h2,h3,h4{overflow-wrap:break-word;font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 var(--space-3);max-width:68ch;text-wrap:pretty}ul,ol{margin:0 0 var(--space-3);padding-inline-start:1.2em}li{margin-bottom:var(--space-1)}hr{border:0;border-top:1px solid var(--line);margin:var(--space-5) 0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--paper-2);padding:.1em .35em;border-radius:3px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--space-4)}.section{padding-block:var(--space-6)}.section--tight{padding-block:var(--space-5)}.section--tint{background:var(--paper-2)}.grid{display:grid;gap:var(--space-4)}.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3,.grid--2{align-items:start}.eyebrow{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:var(--space-2)}.lede{font-size:var(--step-1);color:var(--ink-soft);max-width:60ch}.muted{color:var(--ink-mute);font-size:var(--step--1)}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.78em 1.25em;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:var(--step-0);font-weight:550;text-decoration:none;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:hover{background:var(--rust);border-color:var(--rust);color:#fff;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media(pointer:coarse),(max-width:599px){button:not(.pv__open):not([class*=link]),select,input:not([type=checkbox]):not([type=radio]),.chip,.btn{min-block-size:44px;min-inline-size:44px}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-2)}.card h3{margin-bottom:0}.card__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--step--1);color:var(--ink-mute)}.tag{display:inline-block;align-self:flex-start;font-size:var(--step--1);line-height:1.4;padding:.18em .55em;border-radius:3px;background:var(--mist);color:var(--pine-deep);white-space:nowrap}.tag--warn{background:#dcebe6;color:#2c5149}.tag--off{background:var(--paper-2);color:var(--ink-mute)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}table{border-collapse:collapse;width:100%;font-size:var(--step--1)}th,td{text-align:start;padding:.7em .9em;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--paper-2);font-weight:600;white-space:nowrap}tr:last-child td{border-bottom:0}::selection{background:color-mix(in srgb,var(--pine) 24%,transparent);color:var(--ink)}html{caret-color:var(--pine);scrollbar-color:color-mix(in srgb,var(--ink) 26%,transparent) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 22%,transparent);border:2px solid transparent;border-radius:999px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink) 40%,transparent);background-clip:content-box}::placeholder{color:var(--ink-mute);opacity:1}:focus-visible{outline:2px solid var(--rust);outline-offset:2px}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:var(--space-2);top:var(--space-2);z-index:100;background:#fff;padding:var(--space-2) var(--space-3);border:1px solid var(--ink)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-1: .18s;--dur-2: .38s;--dur-3: .72s;--dur-4: 1.2s}.reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}.rise>*{display:block;overflow:hidden}.rise>*>span{display:block;transform:translate3d(0,110%,0);animation:rise-in var(--dur-4) var(--ease-out) forwards;animation-delay:var(--rise-delay, 0ms)}@keyframes rise-in{to{transform:none}}.counter{font-variant-numeric:tabular-nums}.spot{--mx: 50%;--my: 40%;pointer-events:none;position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--paper) 55%,transparent),transparent 65%);opacity:.55;transition:opacity var(--dur-2) var(--ease-out);mix-blend-mode:soft-light}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}.card{transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ink) 22%,transparent);box-shadow:0 2px 4px color-mix(in srgb,var(--ink) 6%,transparent),0 18px 40px -26px color-mix(in srgb,var(--ink) 55%,transparent)}.card__link,.step__link,.pc__more{transition:gap var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.card:hover .card__link{color:var(--ink)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--paper) 22%,transparent) 45%,transparent 70%);transform:translate(-120%);transition:transform var(--dur-3) var(--ease-out)}.btn:hover:after{transform:translate(120%)}[dir=rtl] .btn:after{transform:translate(120%)}[dir=rtl] .btn:hover:after{transform:translate(-120%)}.section-head{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.section-head h2{margin:0;font-size:var(--step-3)}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .18s var(--ease-in-out) both}::view-transition-new(root){animation:vt-in .32s var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}.fold{position:relative;z-index:2;background:var(--pine-deep)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.rise>*>span{animation:none;transform:none}.btn:after{display:none}.card:hover{transform:none}}.turn[data-turn-state=hero] .turn__hero>*{pointer-events:auto}.icon-heading{display:flex;align-items:center;gap:var(--space-xs)}
