:root{--void: #04060B;--panel: #080E18;--panel-2: #070C15;--panel-3: #060911;--raise: #0C1421;--beam: #4FE3FF;--aurora: #8B7BFF;--aurora-lit: #C9C2FF;--signal: #56F0A0;--flare: #FFB35C;--ember: #FF8A5C;--alarm: #FF5C7A;--fg-hi: #EAF4FF;--fg: #D8E6F5;--fg-dim: #8FA5BC;--mut: #5C7086;--on-beam: #04060B;--void-rgb: 4, 6, 11;--beam-rgb: 79, 227, 255;--aurora-rgb: 139, 123, 255;--signal-rgb: 86, 240, 160;--flare-rgb: 255, 179, 92;--alarm-rgb: 255, 92, 122;--panel-rgb: 8, 14, 24;--fg-hi-rgb: 234, 244, 255;--ease: cubic-bezier(.22, .9, .3, 1);--dur: .18s;--dur-panel: .26s;--breath: 3.2s;--drift: 14s;--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--abyss: #010309;--horizon: linear-gradient(90deg, transparent 0%, rgba(var(--beam-rgb), .32) 28%, rgba(var(--aurora-rgb), .38) 62%, transparent 100%);--grid-line: rgba(var(--beam-rgb), .045);--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--line-beam: rgba(var(--beam-rgb), .16);--line-beam-2: rgba(var(--beam-rgb), .34);--line-aurora: rgba(var(--aurora-rgb), .2);--wash: rgba(var(--beam-rgb), .08);--wash-2: rgba(var(--beam-rgb), .16);--wash-aurora: rgba(var(--aurora-rgb), .1);--glass-1: rgba(var(--void-rgb), .55);--glass-2: rgba(var(--panel-rgb), .62);--glass-3: rgba(var(--panel-rgb), .88);--blur-1: blur(14px);--blur-2: blur(22px);--e-1: 0 2px 10px rgba(0, 0, 0, .3);--e-2: 0 10px 34px rgba(0, 0, 0, .42);--e-3: 0 28px 70px rgba(0, 0, 0, .55);--glow: 0 0 24px rgba(var(--beam-rgb), .35);--glow-lg: 0 0 60px rgba(var(--beam-rgb), .28);--glow-aurora: 0 0 48px rgba(var(--aurora-rgb), .3);--font-ui: "Space Grotesk", "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, "Noto Sans Mono CJK KR", monospace;--font-display: var(--font-ui);--t-display-1: clamp(42px, 7.4vw, 110px);--t-display-2: clamp(34px, 5.6vw, 76px);--t-h1: clamp(30px, 4.2vw, 54px);--t-h2: clamp(24px, 2.9vw, 38px);--t-h3: clamp(19px, 1.9vw, 25px);--t-h4: 17px;--t-lead: clamp(16px, 1.5vw, 21px);--t-body: 16px;--t-sm: 14.5px;--t-xs: 13px;--t-micro: 11.5px;--lh-tight: 1.06;--lh-head: 1.18;--lh-body: 1.68;--lh-ui: 1.4;--tr-display: -.03em;--tr-head: -.018em;--tr-body: 0;--tr-label: .16em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--sec-y: clamp(80px, 11vh, 160px);--sec-y-lg: clamp(120px, 18vh, 240px);--shell: 1240px;--shell-narrow: 760px;--gutter: clamp(20px, 4vw, 56px);--col-gap: clamp(16px, 2vw, 28px);--dur-slow: .46s;--dur-hero: 1.2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.62, 0, .28, 1);--field-lerp: .075;--field-parallax: 26;--z-field: 0;--z-page: 1;--z-header: 40;--z-overlay: 60}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{background:var(--abyss);color:var(--fg);font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}.mono,code,pre,kbd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}img,svg,canvas{display:block;max-width:100%}a{color:var(--beam);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--fg-hi)}::selection{background:rgba(var(--beam-rgb),.26);color:var(--fg-hi)}:focus-visible{outline:2px solid var(--beam);outline-offset:3px;border-radius:4px}.t-display-1{font-size:var(--t-display-1);line-height:var(--lh-tight);letter-spacing:var(--tr-display);font-weight:700;color:var(--fg-hi);text-wrap:balance}.t-display-2{font-size:var(--t-display-2);line-height:var(--lh-tight);letter-spacing:var(--tr-display);font-weight:700;color:var(--fg-hi);text-wrap:balance}h1,.t-h1{font-size:var(--t-h1);line-height:var(--lh-head);letter-spacing:var(--tr-head);font-weight:700;color:var(--fg-hi);text-wrap:balance}h2,.t-h2{font-size:var(--t-h2);line-height:var(--lh-head);letter-spacing:var(--tr-head);font-weight:600;color:var(--fg-hi);text-wrap:balance}h3,.t-h3{font-size:var(--t-h3);line-height:1.34;letter-spacing:-.01em;font-weight:600;color:var(--fg-hi)}h4,.t-h4{font-size:var(--t-h4);line-height:1.45;font-weight:600;color:var(--fg-hi)}.t-lead{font-size:var(--t-lead);line-height:1.62;color:var(--fg-dim);font-weight:400;text-wrap:pretty}.t-body{font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg)}.t-sm{font-size:var(--t-sm);line-height:1.6;color:var(--fg-dim)}.t-xs{font-size:var(--t-xs);line-height:1.55;color:var(--mut)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mut);font-weight:500;display:inline-flex;align-items:center;gap:var(--s-2)}.eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--beam);box-shadow:0 0 10px var(--beam);flex:0 0 auto}.eyebrow.is-aurora:before{background:var(--aurora);box-shadow:0 0 10px var(--aurora)}.eyebrow.is-signal:before{background:var(--signal);box-shadow:0 0 10px var(--signal)}.eyebrow.is-flare:before{background:var(--flare);box-shadow:0 0 10px var(--flare)}.hl{color:var(--fg-hi);font-weight:500}.hl-beam{color:var(--beam)}.hl-aurora{color:var(--aurora-lit)}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.shell-narrow{width:100%;max-width:var(--shell-narrow);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--sec-y)}.section-lg{position:relative;padding-block:var(--sec-y-lg)}.seam{position:relative;height:1px;background:var(--horizon);opacity:.8}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:46px;padding:0 var(--s-6);border-radius:var(--r-md);border:1px solid transparent;font-family:var(--font-ui);font-size:var(--t-sm);font-weight:600;letter-spacing:-.005em;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);position:relative;overflow:hidden}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--beam);color:var(--on-beam);box-shadow:0 0 rgba(var(--beam-rgb),0),var(--e-1)}.btn-primary:hover{color:var(--on-beam);box-shadow:var(--glow),var(--e-2);filter:brightness(1.06)}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);transform:translate(-110%);transition:transform .68s var(--ease-out)}.btn-primary:hover:after{transform:translate(110%)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--line-2)}.btn-ghost:hover{color:var(--fg-hi);border-color:var(--line-beam-2);background:var(--wash)}.btn-quiet{background:transparent;color:var(--fg-dim);padding-inline:var(--s-3)}.btn-quiet:hover{color:var(--beam)}.btn-lg{min-height:54px;padding:0 var(--s-8);font-size:var(--t-body)}.card{position:relative;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-6);transition:border-color var(--dur-panel) var(--ease),background var(--dur-panel) var(--ease),transform var(--dur-panel) var(--ease),box-shadow var(--dur-panel) var(--ease)}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(90deg,transparent,rgba(var(--fg-hi-rgb),.13) 32%,rgba(var(--fg-hi-rgb),.13) 68%,transparent);pointer-events:none}.card-hover:hover{border-color:var(--line-beam);background:var(--raise);transform:translateY(-3px);box-shadow:var(--e-2)}.glass{background:var(--glass-2);backdrop-filter:var(--blur-1);-webkit-backdrop-filter:var(--blur-1);border:1px solid var(--line);border-radius:var(--r-lg)}.bracket{position:relative}.bracket:before,.bracket:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--beam);opacity:.55;transition:opacity var(--dur) var(--ease),width var(--dur) var(--ease),height var(--dur) var(--ease);pointer-events:none}.bracket:before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-radius:var(--r-lg) 0 0 0}.bracket:after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-radius:0 0 var(--r-lg) 0}.bracket:hover:before,.bracket:hover:after{opacity:1;width:22px;height:22px}.pill{display:inline-flex;align-items:center;gap:var(--s-2);height:28px;padding:0 var(--s-3);border-radius:999px;border:1px solid var(--line);background:rgba(var(--panel-rgb),.7);font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);font-weight:500}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--mut);flex:0 0 auto}.pill.is-on{color:var(--signal);border-color:rgba(var(--signal-rgb),.28)}.pill.is-on .dot{background:var(--signal);box-shadow:0 0 10px var(--signal);animation:breathe var(--breath) var(--ease-in-out) infinite}.pill.is-beam{color:var(--beam);border-color:var(--line-beam-2)}.pill.is-beam .dot{background:var(--beam);box-shadow:0 0 10px var(--beam)}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.chip{border:1px solid var(--line-2);background:transparent;color:var(--fg-dim);border-radius:999px;padding:9px var(--s-4);min-height:40px;font-family:var(--font-ui);font-size:var(--t-sm);cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease)}.chip:hover{color:var(--fg-hi);border-color:var(--line-beam-2)}.chip.is-on{color:var(--on-beam);background:var(--beam);border-color:var(--beam)}.node{width:9px;height:9px;border-radius:50%;background:var(--beam);box-shadow:0 0 14px var(--beam);flex:0 0 auto}.node.is-aurora{background:var(--aurora);box-shadow:0 0 14px var(--aurora)}.node.is-flare{background:var(--flare);box-shadow:0 0 14px var(--flare)}kbd{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;border:1px solid var(--line-2);background:var(--raise);color:var(--fg-dim);font-size:var(--t-micro);font-weight:500}.stat{display:flex;flex-direction:column;gap:var(--s-1)}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1;color:var(--fg-hi);letter-spacing:-.02em}.stat-value .unit{font-size:.48em;color:var(--beam);margin-left:2px;font-weight:500}.stat-label{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--mut)}.numbered{list-style:none;display:grid;gap:var(--s-2);counter-reset:n}.numbered>li{counter-increment:n;display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--s-4);align-items:start;padding:var(--s-5) var(--s-5) var(--s-5) var(--s-4);border-radius:var(--r-md);border:1px solid transparent;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.numbered>li:hover{background:var(--panel-2);border-color:var(--line)}.numbered>li:before{content:counter(n,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--t-xs);font-weight:600;color:var(--beam);letter-spacing:.06em;padding-top:3px}.grid{display:grid;gap:var(--col-gap)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}.reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}