@layer tokens,base,layout,components,utilities;@layer tokens{:root{color-scheme:light dark;--c-bg: #ffffff;--c-bg-alt: #f6f7f9;--c-surface: #ffffff;--c-surface-alt: #f1f3f6;--c-border: #e4e7ec;--c-border-strong: #c9cfd8;--c-border-control: #7c8694;--c-text: #101418;--c-text-muted: #4a5462;--c-text-subtle: #646e7c;--c-brand: #1e68dc;--c-brand-hover: #1855be;--c-brand-active: #14499f;--c-brand-fg: #ffffff;--c-brand-text: #0f52bc;--c-brand-subtle-bg: #eaf1fe;--c-success: #0f7a46;--c-success-bg: #e4f6ec;--c-warning: #8a5a00;--c-warning-bg: #fdf3dc;--c-code-bg: #f1f3f6;--c-code-fg: #232830;--c-code-muted: #5c6673;--c-code-accent: #0f52bc;--c-focus: #1e68dc;--shadow-sm: 0 1px 2px rgb(16 20 26 / .05), 0 1px 3px rgb(16 20 26 / .06);--shadow-md: 0 2px 4px rgb(16 20 26 / .04), 0 8px 24px -6px rgb(16 20 26 / .1);--font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, "Segoe UI", Roboto, "Malgun Gothic", "맑은 고딕", "Noto Sans KR", "Apple Color Emoji", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "D2Coding", monospace;--fw-normal: 400;--fw-bold: 700;--fs-display: clamp(2rem, 1.2rem + 3.4vw, 3.5rem);--fs-h2: clamp(1.5rem, 1.15rem + 1.5vw, 2.25rem);--fs-h3: clamp(1.125rem, 1.02rem + .45vw, 1.375rem);--fs-lead: clamp(1.0625rem, 1rem + .35vw, 1.25rem);--fs-body: 1rem;--fs-sm: .9375rem;--fs-xs: .8125rem;--fs-code: .875rem;--lh-display: 1.3;--lh-heading: 1.4;--lh-body: 1.7;--lh-ui: 1.5;--ls-display: -.022em;--ls-heading: -.012em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--dur-fast: .12s;--dur: .18s;--ease: cubic-bezier(.2, .6, .3, 1);--w-narrow: 720px;--w-content: 1120px;--w-wide: 1200px;--gutter: clamp(1rem, 5vw, 2rem)}@media(prefers-color-scheme:dark){:root{--c-bg: #0b0d11;--c-bg-alt: #0f1218;--c-surface: #14181f;--c-surface-alt: #1b2029;--c-border: #262c36;--c-border-strong: #39414e;--c-border-control: #6b7485;--c-text: #e8ebf0;--c-text-muted: #a3adbb;--c-text-subtle: #8590a0;--c-brand: #1e68dc;--c-brand-hover: #246de0;--c-brand-active: #1d66da;--c-brand-fg: #ffffff;--c-brand-text: #7fb0ff;--c-brand-subtle-bg: #12203a;--c-success: #45ce8c;--c-success-bg: #0e2b1e;--c-warning: #e5b54b;--c-warning-bg: #2e230c;--c-code-bg: #11151b;--c-code-fg: #d7dde6;--c-code-muted: #8590a0;--c-code-accent: #7fb0ff;--c-focus: #7fb0ff;--shadow-sm: 0 1px 2px rgb(0 0 0 / .5);--shadow-md: 0 8px 24px -6px rgb(0 0 0 / .6)}}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--c-bg);color:var(--c-text);font:var(--fw-normal) var(--fs-body) / var(--lh-body) var(--font-sans);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--fw-bold)}h2{font-size:var(--fs-h2);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);font-weight:var(--fw-bold)}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}a{color:var(--c-brand-text);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}img,svg{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--c-brand-subtle-bg);color:var(--c-text)}.skip-link{position:absolute;left:var(--space-4);top:-6rem;z-index:999;padding:var(--space-3) var(--space-4);background:var(--c-brand);color:var(--c-brand-fg);border-radius:var(--radius-md);font-weight:var(--fw-bold);text-decoration:none}.skip-link:focus{top:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer layout{.container{width:100%;max-width:var(--w-content);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--w-narrow)}.container--wide{max-width:var(--w-wide)}.section{padding-block:var(--space-9)}.section--alt{background:var(--c-bg-alt)}.section__head{max-width:46rem;margin-bottom:var(--space-7)}.section__head p{margin-top:var(--space-3);color:var(--c-text-muted);font-size:var(--fs-lead)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:60px}.site-header nav{display:flex;align-items:center;gap:var(--space-2)}.site-header nav a:not(.btn){display:none;padding:var(--space-2) var(--space-3);color:var(--c-text-muted);text-decoration:none;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.site-header nav a:not(.btn):hover{color:var(--c-text);background:var(--c-surface-alt)}@media(min-width:720px){.site-header nav a:not(.btn){display:inline-block}}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);font-size:1.125rem;color:var(--c-text);text-decoration:none;letter-spacing:-.02em}.site-footer{border-top:1px solid var(--c-border);padding-block:var(--space-7);background:var(--c-bg-alt);font-size:var(--fs-sm);color:var(--c-text-muted)}.site-footer h2{font-size:var(--fs-body);color:var(--c-text);margin-bottom:var(--space-3)}.site-footer ul{list-style:none;padding:0;display:grid;gap:var(--space-2)}.footer__grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}@media(min-width:720px){.footer__grid{grid-template-columns:2fr 1fr}}.footer__bottom{padding-top:var(--space-5);border-top:1px solid var(--c-border);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;font-size:var(--fs-xs);color:var(--c-text-subtle)}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding-inline:var(--space-5);border:1px solid transparent;border-radius:var(--radius-md);font:var(--fw-bold) var(--fs-body) / var(--lh-ui) var(--font-sans);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn--primary{background:var(--c-brand);color:var(--c-brand-fg);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--c-brand-hover);box-shadow:var(--shadow-md)}.btn--primary:active{background:var(--c-brand-active);transform:translateY(1px);box-shadow:none}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-control)}.btn--secondary:hover{background:var(--c-surface-alt);border-color:var(--c-text-subtle)}.btn--secondary:active{transform:translateY(1px)}.btn--lg{min-height:52px;padding-inline:var(--space-6);font-size:var(--fs-lead)}.btn--sm{min-height:36px;padding-inline:var(--space-4);font-size:var(--fs-sm)}.btn--block{display:flex;width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:24px;padding-inline:var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1;white-space:nowrap}.badge--brand{background:var(--c-brand-subtle-bg);color:var(--c-brand-text)}.badge--success{background:var(--c-success-bg);color:var(--c-success)}.dot{width:8px;height:8px;border-radius:50%;background:var(--c-success);flex:none}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5)}.hero{padding-block:var(--space-8) var(--space-9)}.hero__grid{display:grid;gap:var(--space-7);align-items:center}@media(min-width:960px){.hero__grid{grid-template-columns:1.05fr .95fr;gap:var(--space-8)}}.hero__eyebrow{margin-bottom:var(--space-4)}.hero p.hero__lead{margin-top:var(--space-5);font-size:var(--fs-lead);color:var(--c-text-muted);max-width:34rem}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero__note{margin-top:var(--space-4);font-size:var(--fs-sm);color:var(--c-text-subtle)}.hero__terms{margin-top:var(--space-3);padding-left:var(--space-3);border-left:3px solid var(--c-border-strong);font-size:var(--fs-sm);color:var(--c-text)}.code{background:var(--c-code-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden}.code__title{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--c-surface-alt);border-bottom:1px solid var(--c-border);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-text-muted)}.code pre{margin:0;padding:var(--space-4);overflow-x:auto;font:var(--fw-normal) var(--fs-code) / var(--lh-body) var(--font-mono);color:var(--c-code-fg)}.code code{font:inherit}.tok-comment{color:var(--c-code-muted)}.tok-accent{color:var(--c-code-accent)}.tok-var{color:var(--c-code-accent);font-weight:var(--fw-bold)}.features{display:grid;gap:var(--space-5)}@media(min-width:640px){.features{grid-template-columns:repeat(2,1fr)}}.feature h3{margin-bottom:var(--space-3)}.feature p{color:var(--c-text-muted)}.steps{display:grid;gap:var(--space-5);counter-reset:step}@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}.step{counter-increment:step;padding-top:var(--space-5);border-top:2px solid var(--c-brand)}.step h3:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:var(--space-2);border-radius:var(--radius-pill);background:var(--c-brand-subtle-bg);color:var(--c-brand-text);font-size:var(--fs-xs);vertical-align:2px}.step p{margin-top:var(--space-3);color:var(--c-text-muted)}.plans{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.plans{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.plans>.plan:first-child{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center}.plans>.plan:first-child .plan__cta{margin-left:auto;margin-top:0}}@media(min-width:1160px){.plans{grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.plans>.plan:first-child{grid-column:auto;flex-direction:column;align-items:stretch}.plans>.plan:first-child .plan__cta{margin-left:0;margin-top:auto}.plan{padding:var(--space-4)}}.plan{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5)}.plan__name{font-size:var(--fs-h3);font-weight:var(--fw-bold)}.plan__tagline{font-size:var(--fs-xs);color:var(--c-text-subtle);margin-top:var(--space-1)}.plan__price{display:flex;align-items:baseline;gap:var(--space-1);flex-wrap:wrap;font-variant-numeric:tabular-nums}.plan__amount{font-size:1.75rem;font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.2}.plan__period{font-size:var(--fs-sm);color:var(--c-text-muted)}.plan__strike{font-size:var(--fs-sm);color:var(--c-text-subtle);text-decoration:line-through}.plan__specs{list-style:none;padding:0;display:grid;gap:var(--space-2);font-size:var(--fs-sm);line-height:var(--lh-ui)}.plan__specs li{display:flex;justify-content:space-between;gap:var(--space-3)}.plan__specs .k{color:var(--c-text-muted)}.plan__specs .v{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.plan__cta{margin-top:auto}.plan--featured{border-color:var(--c-brand);box-shadow:0 0 0 1px var(--c-brand),var(--shadow-md)}.plan__badge{position:absolute;top:0;left:var(--space-5);transform:translateY(-50%)}.plan--featured .plan__badge{background:var(--c-brand);color:var(--c-brand-fg)}.plans-note{margin-top:var(--space-6);font-size:var(--fs-sm);color:var(--c-text-muted);max-width:60rem}.plans-note p+p{margin-top:var(--space-2)}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin-top:var(--space-7)}.cmp{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm);line-height:var(--lh-ui)}.cmp caption{text-align:left;padding-bottom:var(--space-4);font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--c-text)}.cmp th,.cmp td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);text-align:center;font-variant-numeric:tabular-nums}.cmp thead th{background:var(--c-surface-alt);font-weight:var(--fw-bold);border-bottom:1px solid var(--c-border-strong)}.cmp tbody th[scope=row]{text-align:left;color:var(--c-text-muted);font-weight:var(--fw-normal);white-space:nowrap}.table-hint{margin-top:var(--space-3);font-size:var(--fs-xs);color:var(--c-text-subtle);text-align:center}@media(min-width:860px){.table-hint{display:none}}.faq details{border-bottom:1px solid var(--c-border)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-4) 0;font-weight:var(--fw-bold);line-height:var(--lh-ui);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--c-brand-text)}.faq summary:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.faq summary:after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--c-text-muted);border-bottom:2px solid var(--c-text-muted);transform:translateY(-2px) rotate(45deg);transition:transform var(--dur) var(--ease)}.faq details[open]>summary:after{transform:translateY(2px) rotate(-135deg)}.faq__body{padding-bottom:var(--space-5);color:var(--c-text-muted);max-width:60ch}.faq__body>*+*{margin-top:var(--space-3)}.cta-final{text-align:center;padding-block:var(--space-9)}.cta-final p{margin:var(--space-4) auto 0;max-width:40rem;color:var(--c-text-muted);font-size:var(--fs-lead)}.cta-final .hero__actions{justify-content:center}.disclosure{border:1px solid var(--c-border);border-left:3px solid var(--c-warning);border-radius:var(--radius-md);background:var(--c-surface);padding:var(--space-5)}.disclosure h2{font-size:var(--fs-h3);margin-bottom:var(--space-4)}.disclosure ul{display:grid;gap:var(--space-3);padding-left:var(--space-5);color:var(--c-text-muted);font-size:var(--fs-sm)}}@layer utilities{.stack>*+*{margin-top:var(--space-4)}.text-muted{color:var(--c-text-muted)}.num{font-variant-numeric:tabular-nums}}