:root{--bg:#03060b;--bg-2:#07101c;--navy:#0b1a2e;--panel:#0e1e348c;--panel-solid:#0a1626;--line:#96b9dc1f;--line-strong:#96b9dc3d;--text:#e9f1f8;--muted:#8ea3b9;--dim:#5b6f86;--steel-1:#f4f8fc;--steel-2:#b9cadc;--steel-3:#6f8aa8;--teal:#2fe3c8;--green:#6ee68e;--blue:#3a8bff;--warn:#ffc56b;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shell:min(1320px, 100% - 2 * clamp(16px, 4vw, 56px));--cut:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:100;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--teal);color:var(--bg)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--green);color:var(--bg);font-family:var(--font-mono);padding:10px 16px;font-size:13px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.shell{width:var(--shell);margin-inline:auto}.accent{color:var(--green)}.metal{background:linear-gradient(180deg, var(--steel-1) 0%, var(--steel-2) 55%, var(--steel-3) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.accent-grad{background:linear-gradient(90deg, var(--green) 0%, var(--teal) 55%, var(--blue) 110%);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow,.index{font-family:var(--font-mono);letter-spacing:.14em;color:var(--steel-2);align-items:center;gap:10px;font-size:12px;display:inline-flex}.tick{background:var(--teal);width:18px;height:1px}.status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 12px var(--green);border-radius:50%;flex:none;position:relative}.status-dot:after{content:"";border:1px solid var(--green);border-radius:50%;animation:2.2s ease-out infinite ping;position:absolute;inset:-4px}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.btn{--c:var(--green);background:var(--c);color:#04120a;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);align-items:center;gap:12px;padding:14px 22px;font-size:13px;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}.btn:hover{background:#8ff2a8;transform:translateY(-2px)}.btn span{transition:transform .25s}.btn:hover span{transform:translate(4px)}.btn-sm{--cut:8px;padding:10px 16px;font-size:11.5px}.btn-lg{--cut:14px;padding:18px 28px;font-size:14px}.link{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel-2);border-bottom:1px solid var(--line-strong);align-items:center;gap:8px;padding-bottom:4px;font-size:12.5px;transition:color .2s,border-color .2s;display:inline-flex}.link:hover{color:var(--teal);border-color:var(--teal)}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags li{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--steel-2);background:#0a162699;border-radius:2px;padding:4px 9px;font-size:11.5px}.tags-ai li{color:#bff7ec;border-color:#2fe3c84d}.js [data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2, .7, .2, 1) var(--d,0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--d,0s);transform:translateY(24px)}.js [data-reveal].is-visible{opacity:1;transform:none}.hero-in{animation:1s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}.nav-wrap{z-index:50;transition:inset .3s;position:fixed;inset:12px 0 auto}.nav{width:var(--shell);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#10223a6b;justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;padding:12px 14px 12px 24px;transition:background .3s,border-color .3s;display:flex}.nav-wrap.is-scrolled .nav{border-color:var(--line-strong);background:#050b14d1}.brand{align-items:center;gap:10px;display:inline-flex}.brand-word{font-family:var(--font-display);letter-spacing:.08em;color:var(--steel-1);font-size:17px;font-weight:600}.brand-word b{color:var(--green);margin:0 2px}.mark{flex:none;width:26px;height:26px;overflow:visible}.mark-core{fill:#2fe3c829}.mark-lines{fill:none;stroke:#7fe0e8;stroke-width:2.6px}.mark-links{fill:none;stroke:var(--teal);stroke-width:2px;stroke-opacity:.8}.mark-node{fill:#e9fffb}.mark-node.green{fill:var(--green)}.meridian{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite turn}.meridian-2{animation-delay:-3s}@keyframes turn{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{transform:scaleX(1)}}.brand:hover .mark-node.green{filter:drop-shadow(0 0 4px var(--green))}.nav-links{gap:clamp(18px,2.6vw,40px);display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel-2);font-size:12px;transition:color .2s}.nav-links a span{color:var(--dim);margin-left:4px}.nav-links a:hover{color:var(--teal)}.nav-actions{align-items:center;gap:12px;display:flex}.lang{border:1px solid var(--line-strong);display:inline-flex}.lang a{font-family:var(--font-mono);letter-spacing:.1em;color:var(--dim);padding:7px 9px;font-size:11px}.lang a[aria-current=page]{color:var(--bg);background:var(--steel-2)}.menu-toggle{border:1px solid var(--line-strong);place-items:center;width:40px;height:40px;display:none}.burger,.burger:before,.burger:after{background:var(--steel-1);width:18px;height:1.5px;transition:transform .25s;display:block}.burger{position:relative}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{top:-6px}.burger:after{top:6px}.is-open .burger{background:0 0}.is-open .burger:before{transform:translateY(6px)rotate(45deg)}.is-open .burger:after{transform:translateY(-6px)rotate(-45deg)}.hero{background:radial-gradient(120% 90% at 70% 40%, #0f2a4a 0%, #08162a 45%, var(--bg) 85%), var(--bg);isolation:isolate;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(transparent, var(--bg));z-index:-1;height:16%;position:absolute;inset:auto 0 0}.particle-field{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.globe-scene{z-index:-1;pointer-events:none;position:absolute;inset:0}.globe-scene canvas{width:100%;height:100%;position:absolute;inset:0}.globe-node{opacity:0;will-change:transform, opacity;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0}.globe-node-ring{width:38px;height:38px;color:var(--teal);background:radial-gradient(circle,#145a6e8c,#051422b3);border:1px solid #2fe3c873;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 18px #2fe3c859,inset 0 0 12px #2fe3c82e}.globe-node small{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--steel-2);white-space:nowrap;font-size:9.5px}@media (width<=600px){.globe-node small{display:none}.globe-node-ring{width:30px;height:30px}}.hero-grid-lines{z-index:-1;background-image:linear-gradient(90deg,#8cc8e60f 1px,#0000 1px),linear-gradient(#8cc8e60f 1px,#0000 1px);background-size:120px 120px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 70% 35%,#000 0%,#0000 70%);mask-image:radial-gradient(60% 50% at 70% 35%,#000 0%,#0000 70%)}.hero-inner{flex-direction:column;padding-top:clamp(120px,18vh,190px);padding-bottom:72px;display:flex;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;color:var(--steel-1);text-shadow:0 10px 60px #00000073;margin-top:22px;font-size:clamp(40px,6.6vw,100px);font-weight:700;line-height:.92}.hero-line{display:block}.hero-bottom{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:end;gap:clamp(32px,8vw,160px);margin-top:auto;padding-top:clamp(40px,8vh,96px);display:grid}.glass-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);background:linear-gradient(160deg,#172e4eb8,#09162899);align-self:start;margin-left:clamp(0px,7vw,110px);padding:26px 28px}.glass-card h3{font-family:var(--font-display);letter-spacing:.02em;font-size:15px;font-weight:600}.glass-row{align-items:center;gap:18px;margin-top:18px;display:flex}.glass-row p{color:var(--muted);font-size:14px;line-height:1.55}.orb-btn{background:radial-gradient(circle at 35% 30%, #9ff5b4, var(--green) 45%, #2a9a63 100%);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 0 0 6px #6ee68e1f,0 0 28px #6ee68e80}.orb-btn:before{content:"";border:1px solid #6ee68e66;border-radius:50%;animation:2.6s ease-out infinite ping;position:absolute;inset:-10px}.orb-core{font-family:var(--font-mono);color:#052012;font-size:14px;font-weight:700}.hero-copy{max-width:560px;position:relative}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#030810c7,#03081066 60%,#0000);position:absolute;inset:-60px -80px}.hero-sub{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--steel-1);font-size:clamp(19px,1.9vw,25px);font-weight:700;line-height:1.15}.hero-text{color:var(--muted);margin-top:18px;padding-left:clamp(0px,9vw,128px);font-size:15px}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;padding-left:clamp(0px,9vw,128px);display:flex}.scroll-cue{font-family:var(--font-mono);letter-spacing:.16em;color:var(--steel-2);align-self:flex-start;gap:10px;margin-top:48px;font-size:11.5px;display:inline-flex}.scroll-cue span{animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(4px)}}.metrics{border-block:1px solid var(--line);background:linear-gradient(180deg, var(--bg), var(--bg-2))}.metrics-grid{grid-template-columns:repeat(4,1fr);display:grid}.metric{border-left:1px solid var(--line);padding:40px 28px}.metric:last-child{border-right:1px solid var(--line)}.metric strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(34px,3.6vw,52px);font-weight:700;line-height:1;display:block}.metric span{color:var(--muted);max-width:24ch;margin-top:12px;font-size:13.5px;display:block}.marquee{border-bottom:1px solid var(--line);background:var(--bg-2);padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}.marquee-track span{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--steel-2);white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:15px;display:inline-flex}.marquee-track b{color:var(--teal);font-size:12px;font-weight:400}@keyframes marquee{to{transform:translate(-50%)}}.section{background:var(--bg);padding-block:clamp(88px,13vw,168px);position:relative}.section-head{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-areas:"idx idx""title intro";align-items:end;gap:22px 64px;margin-bottom:clamp(48px,6vw,80px);display:grid}.section-head .index{grid-area:idx}.section-head h2{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;grid-area:title;font-size:clamp(32px,4.4vw,64px);font-weight:700;line-height:.98}.section-intro{color:var(--muted);grid-area:intro;max-width:46ch;font-size:16px}.cards{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.card{background:var(--bg);flex-direction:column;grid-column:span 2;gap:16px;padding:32px 28px 30px;transition:background .35s;display:flex;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:radial-gradient(80% 60% at 20% 0,#2fe3c824,#0000 70%);transition:opacity .35s;position:absolute;inset:0}.card:nth-child(-n+2){grid-column:span 3}.card:hover{background:var(--panel-solid)}.card:hover:before{opacity:1}.card>*{position:relative}.card-top{font-family:var(--font-mono);color:var(--dim);justify-content:space-between;margin-bottom:36px;font-size:12px;display:flex}.card-glyph{color:var(--teal);font-size:20px}.card h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1.15}.card p{color:var(--muted);flex:1;font-size:14.5px}.ai{background:linear-gradient(180deg, var(--bg) 0%, #051322 40%, #04101c 70%, var(--bg) 100%);border-block:1px solid var(--line);overflow:hidden}.ai-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#2fe3c829,#3a8bff14 45%,#0000 70%);border-radius:50%;width:900px;height:900px;position:absolute;top:10%;right:-260px}.ai .shell{position:relative}.ai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.pillars{flex-direction:column;display:flex}.pillar{border-top:1px solid var(--line);grid-template-columns:56px 1fr;gap:20px;padding:28px 0;display:grid}.pillar:last-child{border-bottom:1px solid var(--line)}.pillar-k{font-family:var(--font-mono);color:var(--green);padding-top:6px;font-size:12px}.pillar h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:23px;font-weight:600}.pillar p{color:var(--muted);margin:10px 0 16px;font-size:15px}.console{border:1px solid var(--line-strong);clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);background:linear-gradient(#0a182aeb,#040c16f2);position:sticky;top:110px;box-shadow:0 40px 120px -30px #2fe3c840,inset 0 1px #ffffff0d}.console-bar{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--dim);align-items:center;gap:14px;padding:14px 18px;font-size:12px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#1d3350;border-radius:50%;width:9px;height:9px}.console-title{flex:1}.console-live{color:var(--green);letter-spacing:.12em;align-items:center;gap:6px;display:inline-flex}.pulse{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.2s steps(2,end) infinite blink}.console-body{min-height:330px;font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:24px 22px 28px;font-size:13px;line-height:1.9;overflow-x:auto}.ln{opacity:0;transition:opacity .35s;display:inline}.ln.on{opacity:1}.ln-cmd{color:var(--steel-1)}.ln-dim{color:var(--dim)}.ln-ok{color:var(--teal)}.ln-warn{color:var(--warn)}.ln-accent{color:var(--green);font-weight:600}.caret{color:var(--green);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.timeline{position:relative}.role{border-top:1px solid var(--line);grid-template-columns:minmax(180px,260px) 32px minmax(0,1fr);gap:0 28px;padding:34px 0;display:grid;position:relative}.role:last-child{border-bottom:1px solid var(--line)}.role-meta{flex-direction:column;gap:6px;display:flex}.role-period{font-family:var(--font-mono);color:var(--teal);letter-spacing:.04em;font-size:13px}.role-title{color:var(--dim);font-size:13.5px}.role-node{border:1px solid var(--teal);justify-self:center;width:11px;height:11px;margin-top:8px;transition:background .3s,box-shadow .3s;position:relative;transform:rotate(45deg)}.role:hover .role-node{background:var(--teal);box-shadow:0 0 16px var(--teal)}.role-body h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--steel-1);font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.1}.role-body p{color:var(--muted);max-width:68ch;margin:12px 0 18px}.stack{border-top:1px solid var(--line)}.stack-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:24px;padding:22px 0;transition:background .3s;display:grid}.stack-row:hover{background:linear-gradient(90deg,#2fe3c80d,#0000 60%)}.stack-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel-2);font-size:12.5px}.stack-label small{color:var(--dim);margin-right:10px}.stack-row ul{flex-wrap:wrap;gap:10px 26px;display:flex}.stack-row li{font-family:var(--font-display);color:var(--text);font-size:clamp(17px,1.6vw,21px)}.stack-row.is-ai .stack-label{color:var(--green)}.stack-row.is-ai li{color:#bff7ec}.approach{background:linear-gradient(180deg, var(--bg), var(--bg-2))}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{border:1px solid var(--line);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);background:#0a162680;padding:32px 28px}.step-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--steel-3);font-size:44px;font-weight:700;line-height:1}.step h3{font-family:var(--font-display);margin-top:28px;font-size:22px;font-weight:600}.step p{color:var(--muted);margin-top:10px;font-size:15px}.notes{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.note{border:1px dashed var(--line-strong);gap:20px;padding:22px 28px;display:flex}.note span{width:120px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--teal);flex:none;padding-top:3px;font-size:11.5px}.note p{color:var(--muted);font-size:14.5px}.closing{isolation:isolate;background:radial-gradient(100% 80% at 60% 60%, #0e2846 0%, #06121f 55%, var(--bg) 100%);border-top:1px solid var(--line);padding-block:clamp(110px,16vw,200px);position:relative;overflow:hidden}.closing:before{content:"";z-index:-1;background:linear-gradient(90deg,#03060bd9 0%,#03060b59 60%,#0000);position:absolute;inset:0}.closing-title{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin-top:22px;font-size:clamp(40px,6.6vw,100px);font-weight:700;line-height:.95}.closing-text{max-width:54ch;color:var(--muted);margin-top:28px;font-size:18px}.footer{border-top:1px solid var(--line);background:var(--bg)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-block:28px;display:flex}.footer p{color:var(--dim);font-size:13px}.footer-links{flex-wrap:wrap;gap:14px 28px;display:flex}@media (width<=1100px){.cards{grid-template-columns:repeat(2,1fr)}.card,.card:nth-child(-n+2){grid-column:auto}.card:last-child{grid-column:1/-1}.ai-grid{grid-template-columns:1fr}.console{position:relative;top:0}}@media (width<=960px){.nav-links{width:var(--shell);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);visibility:hidden;opacity:0;background:#050b14f5;flex-direction:column;gap:0;transition:opacity .25s,translate .25s,visibility .25s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-8px)}.nav-links a{border-bottom:1px solid var(--line);padding:18px 22px;font-size:13px}.nav-links a:last-child{border-bottom:0}.is-open .nav-links{visibility:visible;opacity:1;translate:0}.menu-toggle{display:grid}.hero-bottom{grid-template-columns:1fr}.glass-card{max-width:420px;margin-left:0}.hero-text,.hero-actions{padding-left:0}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line)}.section-head{grid-template-columns:1fr;grid-template-areas:"idx""title""intro"}.role{grid-template-columns:20px minmax(0,1fr);gap:10px 16px}.role-meta{grid-area:1/2}.role-node{grid-area:1/1}.role-body{grid-column:2}.stack-row{grid-template-columns:1fr;gap:12px}.steps,.notes{grid-template-columns:1fr}}@media (width<=600px){.nav{gap:10px;padding:10px 10px 10px 16px}.brand-word{font-size:14px}.mark{width:22px;height:22px}.cards{grid-template-columns:1fr}.card:last-child{grid-column:auto}.metrics-grid{grid-template-columns:1fr 1fr}.metric{padding:28px 18px}.note{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.ln{opacity:1}html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.marquee-track{animation:none}}