:root{--brand-blue:#2E48B8;--brand-blue-deep:#24399A;--brand-blue-tint:#E9ECF8;--brand-purple:#6A00A8;--ink:#14171A;--ink-2:#3C444A;--ink-3:#5B646A;--ink-4:#7B858B;--ink-5:#9AA3A9;--canvas:#FFFFFF;--surface-tint:#F5F4FB;--frame:#E4E7E9;--rule:#EDEFF0;--rule-weak:#F0F2F3;--chip-line:#DDE1E3;--control-line:#C9CFD3;--surface-footer:#EBEEF3;--surface-pb:#EFEDF9;--surface-pb-2:#E6E3F4;--frame-pb:#D3CEE9;--rule-pb:#D8D3EC;--chip-line-pb:#C6C0E1;--ink-pb:#1E2033;--highlight:#E2E1F7;--highlight-ink:#16283F;--ch-h:225;--font-sans:"Pretendard","Pretendard Variable","IBM Plex Sans KR",-apple-system,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",menlo,monospace;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-19:19px;--fs-20:20px;--fs-21:21px;--fs-22:22px;--fs-24:24px;--fs-26:26px;--fs-28:28px;--fs-30:30px;--fs-32:32px;--fs-34:34px;--fs-36:36px;--fs-38:38px;--fs-40:40px;--fs-46:46px;--fs-48:48px;--fs-52:52px;--fs-54:54px;--fs-60:60px;--fs-64:64px;--fs-fl-30-48:clamp(30px,4.4vw,46px);--fs-fl-36-56:clamp(34px,5.0vw,54px);--fs-fl-40-64:clamp(33px,5.6vw,64px);--fs-em-72:0.72em;--lh-1:1;--lh-1-1:1.1;--lh-1-15:1.15;--lh-1-2:1.2;--lh-1-25:1.25;--lh-1-3:1.3;--lh-1-35:1.35;--lh-1-4:1.4;--lh-1-45:1.45;--lh-1-5:1.5;--lh-1-55:1.55;--lh-1-6:1.6;--lh-1-65:1.65;--lh-1-7:1.7;--lh-1-75:1.75;--lh-1-8:1.8;--lh-1-85:1.85;--lh-1-9:1.9;--lh-1-95:1.95;--lh-2-2:2.2;--ls-display:-0.035em;--ls-h1:-0.03em;--ls-h2:-0.025em;--ls-h3:-0.02em;--ls-tight:-0.015em;--ls-crumb:0.06em;--ls-btn:0.08em;--ls-meta:0.12em;--ls-label:0.16em;--ls-kicker:0.22em;--r-control:6px;--r-flat:0;--r-round:50%;--r-raised:6px;--shadow-raised:4px 4px 0 rgba(20,23,26,0.08);--dur-press:90ms;--dur-ui:160ms;--ease-out:cubic-bezier(0.4,0,0.2,1);--nav-delay:120ms;--press-tint:rgba(46,72,184,0.07);--press-drop:1px;--focus-ring:2px;--z-routebar:1200;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--wrap-grid:1280px;--wrap-body:720px;--gutter:56px;--rail-l:236px;--rail-r:300px;--sticky-top:140px;--hero-bg:#F2F5FC;--hero-ink:var(--ink);--role-display:var(--fs-fl-40-64);--role-h1:var(--fs-fl-30-48);--role-h2:var(--fs-32);--role-h3:var(--fs-26);--role-h4:var(--fs-19);--role-lead:var(--fs-20);--role-body:var(--fs-16);--role-body-sm:var(--fs-14);--role-caption:var(--fs-13);--role-meta:var(--fs-11);--role-badge:var(--fs-11);--purple:var(--brand-blue);--purple-light:#4A62C9;--purple-tint:var(--surface-tint);--purple-tint-2:var(--highlight);--blue:var(--brand-blue);--blue-tint:var(--brand-blue-tint);--blue-head:var(--frame);--blue-line:var(--frame);--ink-muted:var(--ink-3);--ink-faint:var(--ink-5);--surface-soft:var(--surface-tint);--surface-sunken:var(--surface-tint);--hairline:var(--frame);--hairline-soft:var(--rule);--vivid-lilac:oklch(0.55 0.13 205);--vivid-sky:oklch(0.55 0.13 15);--vivid-coral:oklch(0.55 0.13 25);--vivid-mint:oklch(0.55 0.13 215);--vivid-cream:oklch(0.55 0.13 190);--vivid-butter:oklch(0.55 0.13 160);--vivid-pink:oklch(0.55 0.13 340);--vivid-lime:oklch(0.55 0.13 135);--tint-lilac:oklch(0.972 0.014 205);--tint-sky:oklch(0.972 0.014 15);--tint-coral:oklch(0.972 0.014 25);--tint-mint:oklch(0.972 0.014 215);--tint-cream:oklch(0.972 0.014 190);--tint-butter:oklch(0.972 0.014 160);--tint-pink:oklch(0.972 0.014 340);--tint-lime:oklch(0.972 0.014 135);--block-lilac:oklch(0.93 0.05 205);--block-sky:oklch(0.93 0.05 15);--block-coral:oklch(0.93 0.05 25);--block-mint:oklch(0.93 0.05 215);--block-cream:oklch(0.93 0.05 190);--block-butter:oklch(0.93 0.05 160);--block-pink:oklch(0.93 0.05 340);--block-lime:oklch(0.93 0.05 135);--block-navy:var(--ink-pb)}*,:after,:before{--ch-face:oklch(0.965 0.035 var(--ch-h));--ch-line:oklch(0.88 0.07 var(--ch-h));--ch-base:oklch(0.62 0.17 var(--ch-h));--ch-solid:oklch(0.51 0.19 var(--ch-h));--ch-deep:oklch(0.50 0.16 var(--ch-h));--ch-mute:oklch(0.52 0.06 var(--ch-h));--cat-chip:var(--ch-base);--cat-tint:var(--ch-face);--type-chip:var(--ch-solid);--type-tint:var(--ch-face)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--lh-1-5)}a{color:inherit;text-decoration:none}img,svg{display:block}::selection{background:var(--purple-tint)}[role=button],a[href],button,input[type=button],input[type=submit],summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[role=button]:active,a[href]:not(.btn):not(.iconbtn):not(.herotile):active,button:not(.btn):not(.iconbtn):not(:disabled):active,summary:active{transform:translateY(var(--press-drop));transition:transform var(--dur-press) var(--ease-out)}:focus-visible{outline:var(--focus-ring) solid var(--brand-blue);outline-offset:2px}.btn:focus-visible,.iconbtn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:var(--sf-r-control)}html[data-navigating="1"],html[data-navigating="1"] a[href]{cursor:progress}@media (prefers-reduced-motion:reduce){[role=button]:active,a[href]:active,button:active,summary:active{transform:none}}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.eyebrow--purple{color:var(--purple)}.display{font-size:clamp(40px,7.2vw,84px);line-height:1.04;letter-spacing:-.035em}.display,.h1{font-weight:700;text-wrap:balance}.h1{font-size:var(--role-h1);line-height:var(--lh-1-1);letter-spacing:-.03em}.h1,.h2{margin:0}.h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em}.h2,.h3{font-weight:600}.h3{font-size:var(--fs-19);line-height:var(--lh-1-4)}.body-lg,.h3{letter-spacing:-.01em}.body-lg{font-size:var(--fs-20);line-height:var(--lh-1-55);color:var(--ink)}.body,.body-lg{font-weight:300}.body{font-size:var(--role-body);line-height:var(--lh-1-65);letter-spacing:-.003em}.small{font-size:var(--fs-14);line-height:var(--lh-1-55);color:var(--ink-muted)}.caption{font-size:var(--fs-11);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.caption,.mono{font-family:var(--font-mono);font-weight:400}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}code,kbd,pre,samp{font-weight:400}b,strong{font-weight:700}.container{width:100%;max-width:var(--wrap-grid);margin:0 auto;padding:0 var(--gutter)}.section{padding-block:var(--s-9)}.section--detail{padding-block:var(--s-6) var(--s-8)}.section--tight{padding-block:var(--s-7)}.word-home{padding-top:var(--s-8)}.divider{height:1px;background:var(--hairline-soft);border:0;margin:0}.stack{display:flex;flex-direction:column}[data-surface]{background:var(--sf-bg);color:var(--sf-ink)}:root,[data-surface=dict]{--sf-bg:var(--canvas);--sf-ink:var(--ink);--sf-ink-2:var(--ink-2);--sf-ink-3:var(--ink-3);--sf-ink-4:var(--ink-4);--sf-ink-5:var(--ink-5);--sf-frame:var(--frame);--sf-rule:var(--rule);--sf-rule-weak:var(--rule-weak);--sf-tint:var(--surface-tint);--sf-chip-line:var(--chip-line);--sf-logo:var(--brand-blue);--sf-r-control:var(--r-control)}[data-surface=playbook]{--sf-bg:var(--surface-pb);--sf-ink:var(--ink-pb);--sf-ink-2:#4A4C63;--sf-ink-3:#55576E;--sf-ink-4:#6E6C88;--sf-ink-5:#6E6C88;--sf-frame:var(--frame-pb);--sf-rule:var(--rule-pb);--sf-rule-weak:var(--rule-pb);--sf-tint:var(--surface-pb-2);--sf-chip-line:var(--chip-line-pb);--sf-logo:var(--ink-pb);--sf-r-control:var(--r-flat)}[data-cat=ai-trends]{--ch-h:230}[data-cat=basics]{--ch-h:245}[data-cat=models]{--ch-h:260}[data-cat=data-db]{--ch-h:150}[data-cat=ai-dev-tools]{--ch-h:165}[data-cat=deploy]{--ch-h:185}[data-cat=development]{--ch-h:200}[data-cat=prompts]{--ch-h:100}[data-cat=automation]{--ch-h:120}[data-cat=business]{--ch-h:55}[data-cat=design]{--ch-h:320}[data-cat=security]{--ch-h:20}