:root{--bg:#03050c;--bg-2:#060a17;--surface:#8caaff09;--surface-2:#5be4ff12;--solid:#070c1a;--line:#a0beff1f;--line-strong:#a0beff3d;--text:#eaf0ff;--muted:#8e9ab8;--dim:#5d6886;--cyan:#5be4ff;--cyan-rgb:91, 228, 255;--violet:#8c7bff;--amber:#f2b544;--amber-rgb:242, 181, 68;--magenta:#e879f9;--magenta-rgb:232, 121, 249;--ribbon:linear-gradient(90deg, var(--cyan), var(--violet) 55%, var(--magenta));--font-sans:"SF Pro Display", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, "PingFang SC", monospace;--ease:cubic-bezier(.22, 1, .36, 1);--wrap:1240px;--sec-y:clamp(96px, 12vw, 160px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:80px;overflow-x:clip}body{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:clip}html[lang=zh-CN] body{line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}ul,ol,dl,dd{margin:0;padding:0;list-style:none}::selection{background:rgba(var(--cyan-rgb), .3)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}main,.nav-links{transition:opacity .18s}html[data-swapping] main,html[data-swapping] .nav-links{opacity:0}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 32px}.bg{z-index:-1;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg-mesh{background:radial-gradient(38% 34% at 18% 22%, rgba(var(--cyan-rgb), .5), transparent 70%), radial-gradient(34% 38% at 82% 18%, #8c7bff8c, transparent 70%), radial-gradient(42% 38% at 62% 88%, rgba(var(--magenta-rgb), .34), transparent 70%), radial-gradient(28% 28% at 12% 84%, rgba(var(--amber-rgb), .14), transparent 70%);filter:blur(48px)saturate(125%);animation:38s ease-in-out infinite alternate mesh;position:absolute;inset:-22%}@keyframes mesh{0%{transform:translate(-3%,-2%)rotate(0)scale(1)}50%{transform:translate(2%,3%)rotate(5deg)scale(1.08)}to{transform:translate(4%,-3%)rotate(-4deg)scale(1.04)}}.bg-strands{opacity:.9;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.bg-grid{background-image:linear-gradient(#a0beff0d 1px,#0000 1px),linear-gradient(90deg,#a0beff0d 1px,#0000 1px);background-size:96px 96px;animation:14s ease-in-out infinite alternate grid-breathe;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(70% 55% at 50% 40%,#000 20%,#0000 80%);mask-image:radial-gradient(70% 55% at 50% 40%,#000 20%,#0000 80%)}@keyframes grid-breathe{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.bg-grain{opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:13px}.sec{padding:var(--sec-y) 0;position:relative}.sec-alt{background:linear-gradient(#0000,#0c142c73 18% 82%,#0000)}.sec-head{max-width:920px;margin-bottom:clamp(48px,6vw,80px)}.sec-title{letter-spacing:-.015em;text-wrap:balance;margin-top:18px;font-size:clamp(30px,3.8vw,52px);font-weight:600;line-height:1.22}.ph{max-width:100%;display:inline-block}.sec-sub{color:var(--muted);text-wrap:pretty;max-width:820px;margin-top:22px;font-size:clamp(17px,1.4vw,20px)}.chip{font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--text);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:13px}.btn{isolation:isolate;transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s, border-color .35s;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:15px 26px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn .arrow{transition:transform .35s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn-primary{background:var(--cyan);color:#02111a;box-shadow:0 0 0 1px rgba(var(--cyan-rgb), .4), 0 10px 40px -10px rgba(var(--cyan-rgb), .7)}.btn-primary:before{content:"";z-index:-1;background:conic-gradient(from 0deg, var(--cyan), #a9f1ff, var(--cyan), #7fe9ff, var(--cyan));opacity:0;transition:opacity .4s;animation:5s linear infinite spin;position:absolute;inset:-40%}.btn-primary:hover:before{opacity:1}.btn-ghost:after{content:"";width:40%;transition:left .7s var(--ease);background:linear-gradient(90deg,#0000,#ffffff1f,#0000);position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn-ghost:hover:after{left:120%}.btn-primary:hover{box-shadow:0 0 0 1px rgba(var(--cyan-rgb), .6), 0 18px 50px -10px rgba(var(--cyan-rgb), .9);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-strong);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05}.btn-ghost:hover{border-color:rgba(var(--cyan-rgb), .6);transform:translateY(-2px)}.btn-sm{padding:10px 18px;font-size:14px}.btn-lg{padding:18px 32px;font-size:18px}.js [data-reveal]{opacity:0;filter:blur(4px);transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(26px)}.js [data-reveal][data-in]{opacity:1;filter:none;transform:none}.js [data-reveal][data-in]:hover{transition-delay:0s}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;position:fixed;inset:0 0 auto}.nav-scrolled{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-bottom-color:var(--line);background:#03050cb8}.nav-inner{max-width:var(--wrap);align-items:center;gap:40px;height:72px;margin:0 auto;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{filter:drop-shadow(0 0 8px #8c7bff73);width:44px;height:22px;display:block}.brand-zh{letter-spacing:.06em;font-size:19px;font-weight:700}.brand-en{font-family:var(--font-mono);letter-spacing:.22em;color:var(--muted);font-size:13px}.nav-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#080c1a8c;border-radius:999px;gap:2px;margin-left:auto;padding:4px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;transition:color .3s,background .3s}.nav-links a:hover{color:var(--text)}.nav-links a.is-active{color:var(--text);background:linear-gradient(135deg, rgba(var(--cyan-rgb), .18), #8c7bff2e);box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb), .25)}.nav-actions{align-items:center;gap:14px;display:flex}.lang-btn{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;transition:color .3s,border-color .3s}.lang-btn:hover{color:var(--text);border-color:var(--line-strong)}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-graph{width:62%;height:100%;position:absolute;top:0;bottom:0;right:0}.hero-veil{background:linear-gradient(90deg, var(--bg) 30%, #03050cb3 46%, transparent 70%), linear-gradient(0deg, var(--bg), transparent 22%);pointer-events:none;position:absolute;inset:0}.hero-inner{z-index:2;padding-top:clamp(88px,14vh,120px);padding-bottom:clamp(100px,12vh,120px);position:relative}.hero-ety{flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:clamp(16px,3vh,28px);display:flex}.ety{font-family:var(--font-mono);letter-spacing:.14em;color:var(--amber);border:1px solid rgba(var(--amber-rgb), .35);background:rgba(var(--amber-rgb), .06);border-radius:999px;padding:6px 12px;font-size:14px}.ety-line{color:var(--muted);font-size:16px}.hero-title{letter-spacing:-.03em;flex-direction:column;max-width:900px;font-size:clamp(44px,min(7vw,12vh),104px);font-weight:700;line-height:1.06;display:flex}html[lang=zh-CN] .hero-title{letter-spacing:-.01em;line-height:1.12}html[lang=en] .hero-title{max-width:760px;font-size:clamp(34px,min(4.8vw,9vh),70px)}@media (min-width:761px){.hero-title>span{white-space:nowrap}}.grad-text{background:linear-gradient(90deg, #eaf0ff 0%, var(--cyan) 45%, var(--violet) 75%, #eaf0ff 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:10s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.hero-sub{color:var(--muted);text-wrap:pretty;max-width:640px;margin-top:clamp(16px,3.2vh,30px);font-size:clamp(17px,1.5vw,21px)}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:clamp(20px,4.2vh,44px);display:flex}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:clamp(18px,5vh,56px);display:flex}.hero-badges li{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);background:#03050c80;border-radius:6px;padding:7px 12px;font-size:12px}.hero-in{animation:hero-in 1.1s var(--ease) both;animation-delay:calc(var(--d,0) * .11s + .15s)}@keyframes hero-in{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}}.scroll-cue{z-index:2;font-family:var(--font-mono);letter-spacing:.2em;color:var(--dim);text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(var(--cyan), transparent);transform-origin:top;width:1px;height:44px;animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.caret{background:var(--cyan);width:2px;height:1em;margin:0 2px -.12em;display:inline-block}.caret-idle{animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.tw-ghost{color:#0000}.hook{border:1px solid var(--line);background:linear-gradient(135deg, rgba(var(--cyan-rgb), .07), #8c7bff0a 60%, transparent);border-radius:20px;margin-bottom:56px;padding:40px 48px;position:relative;overflow:hidden}.hook-q{color:rgba(var(--cyan-rgb), .18);font-family:Georgia,serif;font-size:120px;line-height:1;position:absolute;top:-18px;left:22px}.hook-text{color:var(--text);font-size:clamp(22px,2.5vw,34px);font-weight:600;line-height:1.45;display:block;position:relative}.hook-note{color:var(--muted);margin-top:18px;font-size:17px}.gaps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.gap{flex-direction:column;gap:16px;padding:34px 4px 0;display:flex;position:relative}.gap:before{content:"";background:linear-gradient(90deg, var(--cyan), transparent);transform-origin:0;height:1px;transition:transform 1.2s var(--ease) .25s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.gap[data-in]:before,html:not(.js) .gap:before{transform:scaleX(1)}.gap-n{font-family:var(--font-mono);color:var(--cyan);font-size:15px}.gap h3{font-size:23px;font-weight:600;line-height:1.35}.gap p{color:var(--muted);font-size:16px}.gap-tag{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text);text-transform:uppercase;opacity:.8;margin-top:auto;padding-top:10px;font-size:12px}.concept{grid-template-columns:1fr 1.45fr;align-items:start;gap:clamp(40px,6vw,88px);display:grid}.statement{font-size:clamp(20px,1.9vw,27px);line-height:1.65}.statement strong{color:var(--cyan);font-weight:600}.note{color:var(--muted);margin-top:28px;font-size:17px}.prims{gap:30px;display:grid}.prim-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);margin-bottom:14px;font-size:12px}.prim-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.prim{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;min-height:150px;padding:20px 18px;display:flex;position:relative;transition:border-color .4s, background .4s, transform .5s var(--ease), opacity .9s var(--ease), filter .9s var(--ease)!important}.prim:hover{border-color:rgba(var(--cyan-rgb), .5);background:var(--surface-2)}.kinetic .prim:hover{border-color:rgba(var(--amber-rgb), .55);background:rgba(var(--amber-rgb), .06)}.prim-name{font-size:20px;font-weight:600}.prim-code{font-family:var(--font-mono);color:var(--cyan);font-size:12px}.kinetic .prim-code{color:var(--amber)}.prim-eg{color:var(--muted);margin-top:auto;font-size:13px;line-height:1.5}.arch{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(40px,5vw,72px);display:grid}.stack{flex-direction:column;align-items:center;gap:24px;display:flex}.stack-scene{perspective:1400px;width:100%;height:420px;position:relative}.plane{border:1px solid rgba(var(--cyan-rgb), .28);background:linear-gradient(135deg, rgba(var(--cyan-rgb), .06), #8c7bff08);width:320px;height:210px;transform:rotateX(58deg) rotateZ(-40deg) translateZ(calc(var(--i) * 62px - 90px));transition:transform .9s var(--ease), background .6s, border-color .6s, box-shadow .6s;border-radius:18px;flex-direction:column;justify-content:space-between;margin:-105px 0 0 -160px;padding:18px 22px;display:flex;position:absolute;top:50%;left:50%}.plane.is-active{transform:rotateX(58deg) rotateZ(-40deg) translateZ(calc(var(--i) * 62px - 62px));background:linear-gradient(135deg, rgba(var(--cyan-rgb), .22), #8c7bff1f);border-color:var(--cyan);box-shadow:0 0 60px -6px rgba(var(--cyan-rgb), .55), inset 0 0 30px rgba(var(--cyan-rgb), .2)}.plane-n{font-family:var(--font-mono);color:var(--cyan);font-size:13px}.plane-name{color:#eaf0ffd9;font-size:17px;font-weight:600}.stack-rail{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.stack-rail-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin-right:6px;font-size:12px}.stack-rail-item{border:1px dashed rgba(var(--amber-rgb), .45);color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px}.layers{gap:12px;display:grid}.layer{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:54px 1fr;column-gap:18px;width:100%;padding:22px 26px;transition:border-color .4s,background .4s;display:grid;position:relative;overflow:hidden}.layer:hover{border-color:var(--line-strong)}.layer.is-active{border-color:rgba(var(--cyan-rgb), .55);background:var(--surface-2)}.layer-n{font-family:var(--font-mono);color:var(--dim);grid-row:span 2;font-size:20px;transition:color .4s}.layer.is-active .layer-n{color:var(--cyan)}.layer-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.layer-name{font-size:21px;font-weight:600}.layer-code{font-family:var(--font-mono);color:var(--muted);font-size:12px}.layer-desc{color:var(--muted);opacity:0;max-height:0;transition:max-height .6s var(--ease), opacity .5s, margin .6s var(--ease);grid-column:2;font-size:15px;overflow:hidden}.layer.is-active .layer-desc{opacity:1;max-height:160px;margin-top:10px}.layer-progress,.pack-tab-fill{background:linear-gradient(90deg, var(--cyan), var(--violet));transform-origin:0;width:100%;height:2px;animation:linear both fill;position:absolute;bottom:0;left:0}.is-paused{animation-play-state:paused!important}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.deploy{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;padding-top:28px;display:flex}.deploy-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;margin-right:6px;font-size:12px}.deploy-note{color:var(--muted);margin-left:8px;font-size:15px}.pipe{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.pipe-flow{background:linear-gradient(90deg, transparent, var(--line-strong) 10%, var(--line-strong) 90%, transparent);z-index:0;height:1px;position:absolute;top:37px;left:0;right:0;overflow:hidden}.pipe-flow span{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:120px;height:3px;animation:4.8s linear infinite flow;position:absolute;top:-1px}.pipe-flow span:nth-child(2){animation-delay:-1.6s}.pipe-flow span:nth-child(3){animation-delay:-3.2s}@keyframes flow{0%{left:-15%}to{left:105%}}.stage{z-index:1;border:1px solid var(--line);background:var(--solid);border-radius:16px;padding:22px 26px 26px;position:relative}.stage-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:18px;display:flex}.stage-name{font-size:22px;font-weight:600}.stage-code{font-family:var(--font-mono);color:var(--cyan);font-size:12px}.stage ul{gap:12px;display:grid}.stage li{justify-content:space-between;gap:12px;font-size:16px;display:flex}.stage-v{color:var(--muted);text-align:right;font-size:13px}.traits{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;display:grid}.trait{border-top:1px solid var(--line-strong);padding-top:22px}.trait-k{margin-bottom:10px;font-size:19px;font-weight:600}.trait-v{color:var(--muted);font-size:15px}.xlate{border:1px solid var(--line);background:linear-gradient(#0a1022d9,#060a17d9);border-radius:22px;transition:border-color .6s;overflow:hidden}.xlate.is-onto{border-color:rgba(var(--cyan-rgb), .4);box-shadow:0 30px 80px -40px rgba(var(--cyan-rgb), .5)}.xlate-bar{border-bottom:1px solid var(--line);background:#ffffff04;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;display:flex}.xlate-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;font-size:13px}.toggle{border:1px solid var(--line-strong);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.toggle button{z-index:1;color:var(--muted);text-align:center;padding:7px 18px;font-size:13px;transition:color .4s;position:relative}.toggle button.is-on{color:#02111a;font-weight:600}.toggle-thumb{background:var(--cyan);width:calc(50% - 4px);transition:transform .5s var(--ease);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.is-onto .toggle-thumb{transform:translate(100%)}.xlate-body{grid-template-columns:1.25fr 1fr;display:grid}.xrows{border-right:1px solid var(--line);padding:18px 28px}.xrow{border-bottom:1px dashed var(--line);grid-template-columns:14px 1fr 1.2fr;align-items:center;gap:18px;padding:16px 0;display:grid}.xrow:last-child{border-bottom:0}.xrow-dot{border:1px solid var(--dim);width:10px;height:10px;transition:all .5s var(--ease);transition-delay:calc(var(--d) * 70ms)}.is-onto .xrow-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 14px rgba(var(--cyan-rgb), .8);border-radius:50%}.xrow-main{font-family:var(--font-mono);color:var(--text);font-size:16px}.is-onto .xrow-main{font-family:var(--font-sans);font-size:20px;font-weight:600}.xrow-sub{font-family:var(--font-mono);color:var(--muted);font-size:13px}.is-onto .xrow-sub{color:var(--cyan)}.xside{flex-direction:column;gap:28px;padding:28px;display:flex}.xlinks{gap:12px;display:grid}.xlinks li{color:var(--muted);opacity:.25;transition:opacity .6s, transform .6s var(--ease), color .6s;transition-delay:calc(var(--d) * 90ms);align-items:center;gap:12px;font-size:15px;display:flex;transform:translate(-8px)}.xlinks li:before{content:"";background:currentColor;width:28px;height:1px}.is-onto .xlinks li{opacity:1;color:var(--text);transform:none}.xacts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.xacts-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin-right:6px;font-size:12px}.xact{border:1px solid var(--line);color:var(--dim);transition:all .5s var(--ease);transition-delay:calc(var(--d) * 80ms + .2s);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}.is-onto .xact{background:var(--amber);border-color:var(--amber);color:#1a1304}.lanes{gap:18px;display:grid}.lane{--lane:var(--cyan-rgb);grid-template-columns:170px 1fr;align-items:stretch;gap:24px;display:grid}.lane-write{--lane:var(--amber-rgb)}.lane-label{border:1px solid rgba(var(--lane), .5);background:rgba(var(--lane), .07);border-radius:16px;flex-direction:column;justify-content:center;gap:6px;padding:18px 22px;display:flex}.lane-zh{font-size:20px;font-weight:600}.lane-code{font-family:var(--font-mono);letter-spacing:.2em;color:rgb(var(--lane));font-size:12px}.lane-track{grid-template-columns:repeat(4,1fr);gap:28px;display:grid;position:relative}.lane-wire{background:rgba(var(--lane), .3);height:1px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.packet{background:linear-gradient(90deg, transparent, rgb(var(--lane)), transparent);border-radius:4px;width:60px;height:5px;animation:4.8s linear infinite flow;position:absolute;top:-2px}.lane-node{z-index:1;border:1px solid var(--line);background:var(--solid);transition:border-color .4s, transform .5s var(--ease);border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;position:relative}.lane-node:hover{border-color:rgba(var(--lane), .6);transform:translateY(-3px)}.lane-t{font-size:16px;font-weight:600;line-height:1.4}.lane-d{color:var(--muted);font-size:13px}.kernel{border:1px solid rgba(var(--cyan-rgb), .35);background:linear-gradient(90deg, rgba(var(--cyan-rgb), .1), #8c7bff0d);border-radius:18px;grid-template-columns:240px 1fr;align-items:center;gap:28px;margin-bottom:20px;padding:22px 28px;display:grid}.kernel-head{flex-direction:column;gap:4px;display:flex}.kernel-label{font-size:19px;font-weight:600}.kernel-code{font-family:var(--font-mono);color:var(--cyan);font-size:12px}.kernel-items{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.kernel-items li{border:1px solid var(--line-strong);animation:6s ease-in-out infinite kernel-pulse;animation-delay:calc(var(--d) * .7s);background:#03050c80;border-radius:999px;padding:9px 16px;font-size:15px}@keyframes kernel-pulse{0%,70%,to{border-color:var(--line-strong);box-shadow:none}80%{border-color:rgba(var(--cyan-rgb), .8);box-shadow:0 0 22px -4px rgba(var(--cyan-rgb), .7)}}.packs{border:1px solid var(--line);background:#060a17cc;border-radius:20px;overflow:hidden}.pack-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.pack-tab{flex-direction:column;gap:4px;padding:20px 26px;transition:background .4s;display:flex;position:relative}.pack-tab+.pack-tab{border-left:1px solid var(--line)}.pack-tab.is-on{background:var(--surface-2)}.pack-tab-name{color:var(--muted);font-size:18px;font-weight:600;transition:color .4s}.pack-tab.is-on .pack-tab-name{color:var(--text)}.pack-tab-bar{height:2px;position:absolute;bottom:-1px;left:0;right:0}.pack-body{animation:pack-in .7s var(--ease) both;padding:26px 30px 30px}@keyframes pack-in{0%{opacity:0;transform:translateY(12px)}}.pack-scenes{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.04em;margin-bottom:18px;font-size:13px}.pack-rows{display:grid}.pack-row{border-top:1px solid var(--line);animation:pack-in .7s var(--ease) both;animation-delay:calc(var(--d) * 70ms);grid-template-columns:180px 1fr;gap:24px;padding:15px 0;display:grid}.pack-row dt{font-family:var(--font-mono);color:var(--muted);font-size:13px}.pack-row dd{font-size:17px}.pack-row.is-verbs dd{color:var(--amber);font-weight:500}.pack-notes{gap:12px;margin-top:30px;display:grid}.pack-notes p{color:var(--muted);align-items:baseline;gap:16px;font-size:16px;display:flex}.pack-notes .f{color:var(--text);white-space:nowrap;font-weight:600}.tech{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tech-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;padding:28px 28px 26px;display:flex;position:relative;overflow:hidden;transition:border-color .4s, transform .6s var(--ease), opacity .9s var(--ease), filter .9s var(--ease)!important}.tech-card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), rgba(var(--cyan-rgb), .13), transparent 45%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.tech-card:hover{border-color:rgba(var(--cyan-rgb), .45)}.tech-card:hover:before{opacity:1}.tech-n{font-family:var(--font-mono);color:var(--cyan);margin-bottom:18px;font-size:13px}.tech-name{font-size:22px;font-weight:600;line-height:1.3}.tech-code{font-family:var(--font-mono);color:var(--muted);margin:6px 0 16px;font-size:12px}.tech-d{color:var(--muted);font-size:15px}.tech-so{gap:10px;margin-top:auto;padding-top:22px;font-size:15px;display:flex}.tech-so:before{content:"→";color:var(--cyan)}.road{grid-template-columns:repeat(3,1fr);gap:36px;display:grid;position:relative}.road-line{background:var(--line);height:2px;position:absolute;top:10px;left:0;right:0}.road-line span{background:linear-gradient(90deg, var(--amber), var(--cyan), var(--violet));transform-origin:0;transition:transform 1.8s var(--ease) .3s;position:absolute;inset:0;transform:scaleX(0)}.road[data-in] .road-line span,html:not(.js) .road-line span{transform:scaleX(1)}.phase{flex-direction:column;padding-top:44px;display:flex;position:relative}.phase-dot{border:2px solid var(--cyan);background:var(--bg);border-radius:50%;width:22px;height:22px;position:absolute;top:0;left:0}.phase-dot.is-now{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 6px rgba(var(--amber-rgb), .15), 0 0 24px rgba(var(--amber-rgb), .6)}.phase-p{font-family:var(--font-mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;font-size:12px}.phase-t{margin:8px 0 18px;font-size:26px;font-weight:600}.phase ul{gap:10px;display:grid}.phase li{color:var(--muted);gap:12px;font-size:15px;display:flex}.phase li:before{content:"—";color:var(--dim)}.phase-out{gap:12px;margin-top:auto;padding-top:22px;font-size:15px;display:flex}.phase-out b{color:var(--text);white-space:nowrap}.phase-out span{color:var(--muted)}.metrics{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:64px;padding:30px 32px}.metrics-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin-bottom:18px;font-size:12px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.metric-k{margin-bottom:6px;font-size:18px;font-weight:600}.metric-v{color:var(--muted);font-size:14px}.metrics-base{color:var(--dim);font-size:14px;font-family:var(--font-mono);margin-top:22px}.closing-panel{background:linear-gradient(160deg, #0a1228f2, #040710f2) padding-box, linear-gradient(120deg, rgba(var(--cyan-rgb), .7), #8c7bff66, rgba(var(--amber-rgb), .6)) border-box;border:1px solid #0000;border-radius:28px;padding:clamp(48px,7vw,96px) clamp(28px,6vw,88px);position:relative;overflow:hidden}.closing-orbit{pointer-events:none;width:560px;height:560px;margin-top:-280px;position:absolute;top:50%;right:-160px}.closing-orbit span{border:1px solid rgba(var(--cyan-rgb), .18);border-radius:50%;animation:40s linear infinite spin;position:absolute;inset:0}.closing-orbit span:after{content:"";background:var(--cyan);width:8px;height:8px;box-shadow:0 0 16px var(--cyan);border-radius:50%;position:absolute;top:-4px;left:50%}.closing-orbit span:nth-child(2){animation-duration:28s;animation-direction:reverse;inset:80px}.closing-orbit span:nth-child(2):after{background:var(--amber);box-shadow:0 0 16px var(--amber)}.closing-orbit span:nth-child(3){animation-duration:18s;inset:160px}@keyframes spin{to{transform:rotate(360deg)}}.closing-title{letter-spacing:-.02em;max-width:820px;margin:20px 0 26px;font-size:clamp(34px,5vw,68px);font-weight:700;line-height:1.15;position:relative}.closing-line{color:var(--muted);max-width:680px;margin-bottom:40px;font-size:clamp(17px,1.5vw,20px);position:relative}.closing-contact{font-family:var(--font-mono);flex-wrap:wrap;gap:48px;margin-top:48px;font-size:15px;display:flex;position:relative}.closing-contact div{flex-direction:column;gap:6px;display:flex}.closing-contact .cl{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:11px}.closing-contact a:hover{color:var(--cyan)}.footer{border-top:1px solid var(--line);padding:36px 0}.footer-inner{color:var(--muted);flex-wrap:wrap;align-items:center;gap:24px;font-size:14px;display:flex}.footer-note{margin-right:auto}.footer-top:hover{color:var(--cyan)}.tech-card,.prim,.layer,.stage,.lane-node,.lane-label,.metrics,.hook,.kernel,.xlate,.packs,.plane{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff0d,#ffffff03) padding-box padding-box;border-color:#a0beff1a}.tech-card:after,.prim:after,.layer:after,.stage:after,.lane-node:after,.metrics:after,.hook:after,.kernel:after,.xlate:after,.packs:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(var(--cyan-rgb), .55), #a0beff14 38%, #a0beff14 62%, rgba(var(--magenta-rgb), .4));-webkit-mask-composite:xor;opacity:.55;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tech-card:hover:after,.prim:hover:after,.layer.is-active:after,.stage:hover:after,.lane-node:hover:after,.layer:hover:after{opacity:1}.metrics,.hook,.kernel,.xlate,.packs,.stage,.lane-node,.layer,.prim{position:relative}.tech-card,.stage,.lane-node,.prim,.layer,.phase,.gap{transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg)) translateY(var(--ty,0px));transition:transform .6s var(--ease), border-color .4s, background .4s, opacity .9s var(--ease), filter .9s var(--ease);will-change:transform}.tech-card:hover,.stage:hover,.lane-node:hover,.prim:hover{--ty:-4px}.layer.is-active{--ty:-2px}.sec:after{content:"";background:var(--ribbon);opacity:.7;transform-origin:50%;width:min(62vw,760px);height:1px;transition:transform 1.4s var(--ease) .1s;position:absolute;top:72px;left:50%;transform:translate(-50%)scaleX(0)}.sec[data-active]:after{transform:translate(-50%)scaleX(1)}.kicker{align-items:center;gap:0;display:inline-flex}.kicker:before{content:"";background:var(--cyan);width:0;height:1px;box-shadow:0 0 12px var(--cyan);transition:width .9s var(--ease), margin .9s var(--ease)}.sec[data-active] .kicker:before{width:28px;margin-right:12px}.js .sec-title .ph{opacity:0;clip-path:inset(0 100% -20% 0);transform:translateY(.18em)}.sec[data-active] .sec-title .ph,html:not(.js) .sec-title .ph{animation:ph-in 1s var(--ease) both;animation-delay:calc(var(--d,0) * .14s + .12s)}@keyframes ph-in{to{opacity:1;clip-path:inset(0 -5% -20% 0);transform:none}}.sec-title .ph,.closing-title .ph{background:linear-gradient(100deg, var(--text) 0%, var(--text) 60%, rgba(var(--cyan-rgb), .95) 88%, var(--violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}.hero-title>span{clip-path:inset(0 100% -10% 0);animation:wipe 1.3s var(--ease) both;animation-delay:calc(var(--d,0) * .16s + .3s)}.hero-title>span:nth-child(2){--d:1}@keyframes wipe{to{clip-path:inset(0 -5% -10% 0)}}.ety{position:relative;overflow:hidden}.ety:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--amber-rgb), .25), transparent);animation:ety-sweep 5s var(--ease) 2s infinite;position:absolute;inset:0;transform:translate(-120%)}@keyframes ety-sweep{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}.hero-badges li{transition:border-color .4s, box-shadow .4s, transform .4s var(--ease)}.hero-badges li:hover{border-color:rgba(var(--cyan-rgb), .5);box-shadow:0 0 20px -6px rgba(var(--cyan-rgb), .6);transform:translateY(-2px)}.lane-wire{background:var(--ribbon);opacity:.35}.road-line span{background:var(--ribbon)}.closing-panel:after{content:"";background:conic-gradient(from 180deg at 50% 50%, transparent 0 60%, rgba(var(--cyan-rgb), .08) 70%, #8c7bff1a 80%, transparent 90%);pointer-events:none;animation:28s linear infinite spin;position:absolute;inset:-40% -20%}.closing-panel>*{z-index:1;position:relative}@media (max-width:1080px){.nav-links{display:none}.nav-actions{margin-left:auto}.concept,.arch{grid-template-columns:1fr}.stack-scene{height:340px}.tech{grid-template-columns:1fr 1fr}.modes,.kernel{grid-template-columns:1fr}.kernel-items{justify-content:flex-start}}@media (max-height:720px){.scroll-cue{display:none}.hero-inner{padding-bottom:56px}}@media (max-width:760px){.wrap,.nav-inner{padding:0 20px}.scroll-cue{display:none}.hero-inner{padding-top:104px;padding-bottom:56px}.nav-actions .btn{display:none}.hero-graph{opacity:.25;width:100%}.hero-veil{background:linear-gradient(0deg, var(--bg), #03050c66 60%, #03050c99)}.gaps,.pipe,.traits,.metrics-grid,.road,.tech{grid-template-columns:1fr}.pipe-flow,.road-line{display:none}.prim-grid{grid-template-columns:1fr 1fr}.lane{grid-template-columns:1fr}.lane-track{grid-template-columns:1fr 1fr;gap:12px}.lane-wire{display:none}.xlate-body{grid-template-columns:1fr}.xrows{border-right:0;border-bottom:1px solid var(--line)}.xrow{grid-template-columns:14px 1fr}.xrow-sub{grid-column:2}.xlate-bar{flex-direction:column;align-items:flex-start}.pack-tabs{grid-template-columns:1fr}.pack-tab+.pack-tab{border-left:0;border-top:1px solid var(--line)}.pack-row{grid-template-columns:1fr;gap:4px}.pack-notes p{flex-direction:column;gap:4px}.hook{padding:30px 24px}}@media (min-width:1081px) and (min-height:560px){html{scroll-snap-type:y proximity;scroll-padding-top:0}main>section{scroll-snap-align:start}.sec{flex-direction:column;justify-content:center;min-height:100svh;padding:88px 0 24px;display:flex}.sec-head{margin-bottom:clamp(20px,3.5vh,48px)}.sec-title{margin-top:10px;font-size:clamp(30px,min(3.6vw,5.4vh),52px)}.sec-sub{margin-top:12px;font-size:clamp(16px,1.25vw,19px)}.hook{margin-bottom:clamp(24px,4vh,48px);padding:26px 36px}.gaps{gap:24px}.gap{gap:10px;padding-top:24px}.stack-scene{height:clamp(280px,44vh,420px)}.layer{padding:16px 22px}.deploy{margin-top:20px;padding-top:16px}.traits{margin-top:28px}.lanes{gap:12px}.kernel{margin-bottom:12px;padding:16px 24px}.pack-tab{padding:14px 22px}.pack-body{padding:16px 26px 18px}.pack-scenes{margin-bottom:10px}.pack-row{padding:9px 0}.pack-notes{gap:8px;margin-top:16px}.tech-card{padding:20px 24px}.tech-n{margin-bottom:10px}.tech-code{margin:4px 0 10px}.tech-so{padding-top:14px}.phase{padding-top:36px}.phase-t{margin:6px 0 12px}.metrics{margin-top:28px;padding:20px 26px}.metrics-base{margin-top:14px}.closing-panel{padding:clamp(32px,6vh,80px) clamp(28px,5vw,80px)}.closing-title{margin:14px 0 18px}.closing-line{margin-bottom:28px}.closing-contact{margin-top:28px}}@media (max-width:420px){.stack-scene{transform:scale(.86)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;filter:none;transform:none}.js .sec-title .ph,.hero-title>span{opacity:1;clip-path:none;transform:none}.sec:after{transform:translate(-50%)scaleX(1)}.gap:before,.road-line span{transform:scaleX(1)}.packet,.pipe-flow span,.closing-orbit span:after{display:none}}