:root{
  --bg:#02040a;--ink:#f4f7ff;--muted:#8290a8;--line:rgba(145,166,204,.18);
  --blue:#3c8cff;--blue2:#8dc5ff;--cyan:#c7e5ff;--max:1680px;--pad:clamp(22px,4vw,72px);
  color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;min-height:100vh;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#4f98ff;color:#fff}
.shell{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 71% 15%,rgba(25,91,255,.09),transparent 25%),radial-gradient(circle at 20% 77%,rgba(21,82,178,.05),transparent 30%),#02040a}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.progress{position:fixed;top:0;left:0;height:2px;width:calc(var(--progress,0)*100%);background:linear-gradient(90deg,transparent,var(--blue2));z-index:90;box-shadow:0 0 18px rgba(83,155,255,.8)}
.header{height:78px;position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(180deg,rgba(2,4,10,.82),rgba(2,4,10,0))}
.header.scrolled{height:64px;border-color:rgba(154,175,214,.12);background:rgba(2,4,10,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:650;letter-spacing:.22em}.brand-mark{width:24px;height:27px;display:block;filter:drop-shadow(0 0 9px rgba(65,142,255,.4))}
.nav{display:flex;align-items:center;gap:32px;color:#9aa7ba;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.nav a{transition:.2s}.nav a:hover{color:#fff}.nav-cta{padding:11px 16px;border:1px solid rgba(168,194,239,.22);color:#e6efff!important}
.menu-btn{display:none;background:transparent;border:1px solid rgba(137,169,216,.22);color:#fff;width:48px;height:48px;position:relative;cursor:pointer}.menu-btn span{position:absolute;left:12px;right:12px;height:1px;background:#e8f2ff;transition:.3s}.menu-btn span:first-child{top:18px}.menu-btn span:last-child{top:28px}.menu-btn.open span:first-child{transform:translateY(5px) rotate(45deg)}.menu-btn.open span:last-child{transform:translateY(-5px) rotate(-45deg)}
.mobile-nav{position:fixed;inset:64px 0 0;z-index:75;background:rgba(2,4,10,.98);padding:40px var(--pad);display:none;align-content:start;gap:0}.mobile-nav.open{display:grid}.mobile-nav a{font-size:clamp(34px,10vw,58px);letter-spacing:-.05em;text-transform:uppercase;padding:16px 0;border-bottom:1px solid var(--line)}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:end;padding:130px var(--pad) 64px;max-width:var(--max);margin:0 auto;overflow:hidden}.hero-copy{position:relative;z-index:4;padding-bottom:4vh}
.eyebrow{display:flex;align-items:center;gap:12px;color:#7f93b1;font-size:10px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;margin-bottom:30px}.eyebrow::before{content:"";width:36px;height:1px;background:#4b82cf;box-shadow:0 0 9px #4b82cf}
.hero h1{margin:0;font-size:clamp(65px,8.4vw,154px);line-height:.78;letter-spacing:-.072em;font-weight:630;text-transform:uppercase;max-width:9ch}.hero h1 .cut{color:transparent;-webkit-text-stroke:1px rgba(197,222,255,.58);text-shadow:0 0 30px rgba(65,128,255,.13)}
.hero-bottom{display:flex;align-items:flex-end;gap:42px;margin-top:42px;max-width:670px}.hero-copy p{margin:0;max-width:460px;color:#8b98ab;font-size:clamp(14px,1vw,18px);line-height:1.55}.hero-link{white-space:nowrap;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d6e7ff;border-bottom:1px solid rgba(130,182,255,.45);padding-bottom:8px}
.hero-architecture{position:relative;align-self:stretch;min-height:690px;display:flex;align-items:center;justify-content:center;perspective:1200px;z-index:2}.arch-grid{position:absolute;inset:5% -10% -18% 0;transform:perspective(700px) rotateX(66deg) translateY(23%);transform-origin:50% 100%;background-image:linear-gradient(rgba(83,136,219,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(83,136,219,.11) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to top,#000,transparent 78%);-webkit-mask-image:linear-gradient(to top,#000,transparent 78%);animation:gridDrift 10s linear infinite}
.a-stage{width:min(39vw,600px);aspect-ratio:.76;position:relative;transform:translate3d(calc(var(--mx,0)*15px),calc(var(--my,0)*12px),0);transition:transform .15s linear}.a-beam{position:absolute;left:50%;top:-7%;width:1px;height:114%;background:linear-gradient(transparent,rgba(108,177,255,.9) 34%,rgba(136,200,255,.2) 65%,transparent);box-shadow:0 0 16px rgba(62,145,255,.8);animation:beamPulse 4s ease-in-out infinite}.a-slice{position:absolute;inset:0;filter:drop-shadow(0 0 24px rgba(35,103,237,.18))}.a-slice svg{width:100%;height:100%;overflow:visible}.a-slice.one{transform:translateZ(0)}.a-slice.two{opacity:.4;transform:translate(13px,-9px);animation:offsetA 6s ease-in-out infinite}.a-slice.three{opacity:.17;transform:translate(-15px,13px);animation:offsetB 7s ease-in-out infinite}.a-floor{position:absolute;left:13%;right:13%;bottom:7%;height:1px;background:linear-gradient(90deg,transparent,#5ca2ff 35%,white 50%,#5ca2ff 65%,transparent);box-shadow:0 0 25px rgba(82,153,255,.75)}.a-caption{position:absolute;right:-6%;bottom:14%;font-size:9px;line-height:1.8;letter-spacing:.17em;color:#62728b;text-transform:uppercase;text-align:right}
.side-index{position:absolute;right:var(--pad);top:28%;z-index:5;display:grid;gap:8px;color:#596980;font-size:9px;letter-spacing:.14em;text-transform:uppercase;text-align:right}.side-index strong{color:#b9cbe5;font-weight:500}.scroll-cue{position:absolute;left:var(--pad);bottom:18px;display:flex;align-items:center;gap:12px;color:#516078;font-size:9px;letter-spacing:.17em;text-transform:uppercase}.scroll-cue i{width:52px;height:1px;background:linear-gradient(90deg,#4b82cf,transparent);animation:cue 2.2s ease-in-out infinite}
.section{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(110px,13vw,220px) var(--pad)}.section-rule{border-top:1px solid var(--line)}.kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6f829f;margin-bottom:32px;display:flex;align-items:center;gap:14px}.kicker span{color:#b7c9e4}
.statement{display:grid;grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr);gap:8vw;align-items:start}.statement h2{margin:0;font-size:clamp(50px,6.4vw,110px);line-height:.9;letter-spacing:-.065em;font-weight:560;text-transform:uppercase}.statement h2 em{font-style:normal;color:#5e6b80}.statement-copy{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:40px;color:#8b98ab;font-size:15px;line-height:1.7}.statement-copy strong{display:block;color:#e9f2ff;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-weight:550}
.systems-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.systems-head h2{margin:0;font-size:clamp(48px,6vw,104px);line-height:.86;letter-spacing:-.06em;text-transform:uppercase;font-weight:600}.systems-head p{max-width:360px;color:#77869c;font-size:13px;line-height:1.55;margin:0}.system-list{border-top:1px solid var(--line)}.system-row{position:relative;display:grid;grid-template-columns:62px minmax(180px,.7fr) minmax(280px,1.3fr) 110px;gap:22px;align-items:center;min-height:146px;border-bottom:1px solid var(--line);overflow:hidden;transition:background .4s}.system-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,104,227,.16),transparent 42%);transform:translateX(-102%);transition:transform .65s cubic-bezier(.16,1,.3,1)}.system-row:hover::before{transform:translateX(0)}.system-row:hover .sys-name{transform:translateX(8px);color:#fff}.sys-no{font-size:10px;color:#5f7089;letter-spacing:.12em;position:relative}.sys-name{font-size:clamp(30px,3.4vw,57px);font-weight:570;letter-spacing:-.045em;transition:.45s;position:relative}.sys-desc{color:#79879b;font-size:13px;line-height:1.55;position:relative;max-width:560px}.sys-state{justify-self:end;display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7e8ea5;position:relative}.sys-state i{width:6px;height:6px;border-radius:50%;background:#4695ff;box-shadow:0 0 12px #4695ff;animation:livePulse 2s ease-in-out infinite}.system-line{position:absolute;bottom:0;left:62px;width:14%;height:1px;background:#5ca3ff;box-shadow:0 0 12px #387ee7;transform-origin:left;animation:sysLine 5s ease-in-out infinite}
.trajectory{display:grid;grid-template-columns:minmax(380px, .6fr) 1fr;gap:6vw}.trajectory-intro{position:sticky;top:110px;align-self:start;word-break:break-word}.trajectory-intro h2{font-size:clamp(42px,4.7vw,76px);margin:0;line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.timeline{border-top:1px solid var(--line)}.time-row{display:grid;grid-template-columns:160px 1fr;gap:40px;border-bottom:1px solid var(--line);padding:46px 0 52px}.time-label{font-size:10px;color:#6b7c95;letter-spacing:.17em;text-transform:uppercase}.time-content h3{margin:0 0 13px;font-size:clamp(27px,3vw,47px);letter-spacing:-.04em;font-weight:520}.time-content p{margin:0;max-width:650px;color:#7c8a9e;font-size:14px;line-height:1.65}.time-row.current .time-label,.time-row.current h3{color:#bad8ff}.time-row.current{position:relative}.time-row.current::after{content:"";position:absolute;left:0;top:-1px;width:38%;height:1px;background:#5ca3ff;box-shadow:0 0 16px #367bd8}
.future-wrap{min-height:820px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6vw;overflow:hidden}.future-copy h2{font-size:clamp(58px,8vw,135px);line-height:.76;letter-spacing:-.08em;margin:0 0 35px;text-transform:uppercase;font-weight:620}.future-copy h2 span{color:transparent;-webkit-text-stroke:1px #536176}.future-copy p{max-width:480px;color:#8190a5;line-height:1.65;font-size:14px}.future-field{position:relative;height:650px}.future-field::before{content:"";position:absolute;left:48%;top:4%;bottom:4%;width:1px;background:linear-gradient(transparent,rgba(85,143,223,.35),transparent)}.future-item{position:absolute;display:flex;align-items:center;gap:17px;color:#a9bad2;font-size:11px;letter-spacing:.14em;text-transform:uppercase;animation:futureShift 8s ease-in-out infinite}.future-item::before{content:"";width:clamp(70px,9vw,150px);height:1px;background:linear-gradient(90deg,transparent,#5b9ef6);box-shadow:0 0 12px rgba(68,140,240,.65)}.future-item:nth-child(1){top:15%;left:10%}.future-item:nth-child(2){top:35%;left:37%;animation-delay:-2s}.future-item:nth-child(3){top:58%;left:6%;animation-delay:-4s}.future-item:nth-child(4){top:76%;left:42%;animation-delay:-6s}.future-item b{font-weight:520;color:#e8f1ff}.future-item small{display:block;color:#596b85;font-size:8px;margin-top:5px}
.founder{display:grid;grid-template-columns:1fr 1fr;min-height:700px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.founder-copy{padding:clamp(70px,7vw,120px) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.founder-copy h2{font-size:clamp(64px,8vw,142px);line-height:.75;letter-spacing:-.078em;margin:0;text-transform:uppercase;font-weight:630}.founder-copy h2 span{display:block;color:#5f6c80}.founder-copy p{max-width:510px;color:#8492a6;line-height:1.65;font-size:14px}.founder-panel{position:relative;border-left:1px solid var(--line);overflow:hidden;background:linear-gradient(135deg,rgba(12,24,45,.15),transparent)}.founder-panel::before,.founder-panel::after{content:"";position:absolute;inset:11%;border:1px solid rgba(92,140,205,.16);transform:skewY(-8deg)}.founder-panel::after{inset:22%;border-color:rgba(108,164,245,.28);animation:panelShift 7s ease-in-out infinite}.founder-signature{position:absolute;left:12%;bottom:14%;font-size:clamp(26px,3.6vw,62px);letter-spacing:-.045em}.founder-meta{position:absolute;right:10%;top:13%;font-size:9px;color:#65758e;line-height:1.8;letter-spacing:.14em;text-transform:uppercase;text-align:right}
.final{min-height:86vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--pad);position:relative;overflow:hidden}.final::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(102,162,244,.55),transparent);box-shadow:0 0 35px rgba(58,124,231,.4);animation:horizon 4s ease-in-out infinite}.final-mark{width:min(24vw,320px);margin-bottom:44px;filter:drop-shadow(0 0 32px rgba(47,117,229,.18))}.final h2{font-size:clamp(54px,8vw,140px);line-height:.8;letter-spacing:-.075em;margin:0;text-transform:uppercase;font-weight:620;position:relative}.final p{position:relative;max-width:560px;color:#7e8da2;line-height:1.6;margin:32px auto}.final-cta{position:relative;margin-top:20px;display:inline-flex;align-items:center;gap:16px;border:1px solid rgba(135,178,239,.28);padding:16px 22px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;transition:.3s}.final-cta:hover{background:#eaf3ff;color:#06101e;border-color:#eaf3ff}.footer{display:flex;justify-content:space-between;gap:30px;padding:27px var(--pad);border-top:1px solid var(--line);font-size:9px;color:#596980;letter-spacing:.12em;text-transform:uppercase}
.reveal{opacity:1;transform:none}.js-ready .reveal:not(.animate-in){opacity:.01;transform:translateY(24px);animation:failsafeReveal .1s 2.5s forwards}.reveal.animate-in{animation:revealUp .8s cubic-bezier(.16,1,.3,1) both}
@keyframes revealUp{from{opacity:.01;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes failsafeReveal{to{opacity:1;transform:none}}@keyframes gridDrift{to{background-position:0 62px,62px 0}}@keyframes beamPulse{0%,100%{opacity:.45;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.6)}}@keyframes offsetA{0%,100%{transform:translate(13px,-9px)}50%{transform:translate(4px,-3px)}}@keyframes offsetB{0%,100%{transform:translate(-15px,13px)}50%{transform:translate(-5px,5px)}}@keyframes cue{0%,100%{transform:scaleX(.4);transform-origin:left;opacity:.3}50%{transform:scaleX(1);opacity:1}}@keyframes sysLine{0%,100%{transform:scaleX(.15);opacity:.3}50%{transform:scaleX(1);opacity:1}}@keyframes livePulse{0%,100%{opacity:.5;box-shadow:0 0 6px #4695ff}50%{opacity:1;box-shadow:0 0 18px #4695ff}}@keyframes futureShift{0%,100%{transform:translateX(0)}50%{transform:translateX(28px)}}@keyframes panelShift{0%,100%{transform:skewY(-8deg) translate(0,0)}50%{transform:skewY(-8deg) translate(-16px,10px)}}@keyframes horizon{0%,100%{transform:scaleX(.55);opacity:.25}50%{transform:scaleX(1);opacity:.9}}
@media(max-width:900px){:root{--pad:22px}.header{height:64px}.nav{display:none}.menu-btn{display:block}.hero{min-height:100svh;grid-template-columns:1fr;padding-top:110px;padding-bottom:42px;align-items:start}.hero-copy{padding:0;z-index:6}.hero h1{font-size:clamp(50px,14.8vw,72px);max-width:100%;width:100%;line-height:.81;letter-spacing:-.067em;overflow:visible}.hero h1 .hero-word{display:block;white-space:nowrap}.hero h1 .cut{display:block;width:max-content;max-width:100%}.hero-bottom{display:block;margin-top:25px}.hero-copy p{max-width:90%;font-size:13px}.hero-link{display:inline-block;margin-top:25px}.hero-architecture{position:absolute;inset:29% -20% -8% 28%;min-height:0;opacity:.72}.a-stage{width:min(83vw,500px)}.a-caption,.side-index{display:none}.scroll-cue{bottom:13px}.statement{grid-template-columns:1fr;gap:50px}.statement h2{font-size:clamp(50px,15vw,82px)}.statement-copy{grid-template-columns:1fr;gap:28px}.systems-head{display:block}.systems-head p{margin-top:25px}.system-row{grid-template-columns:38px 1fr 70px;min-height:118px;gap:10px}.sys-desc{grid-column:2/4;padding-bottom:22px}.sys-name{font-size:clamp(29px,10vw,45px)}.system-line{left:38px}.sys-state{grid-column:3;grid-row:1}.trajectory{grid-template-columns:1fr}.trajectory-intro{position:static;margin-bottom:50px}.time-row{grid-template-columns:80px 1fr;gap:18px}.future-wrap{grid-template-columns:1fr;min-height:auto}.future-copy h2{font-size:clamp(62px,20vw,100px)}.future-field{height:500px;margin-top:20px}.future-item:nth-child(1){left:0}.future-item:nth-child(2){left:22%}.future-item:nth-child(3){left:0}.future-item:nth-child(4){left:25%}.future-item::before{width:60px}.founder{grid-template-columns:1fr;min-height:900px}.founder-copy{min-height:500px}.founder-panel{border-left:0;border-top:1px solid var(--line);min-height:400px}.founder-copy h2{font-size:clamp(62px,19vw,100px)}.final{min-height:76vh}.final-mark{width:52vw}.footer{flex-direction:column;gap:9px}}
@media(max-width:430px){.hero h1{font-size:clamp(40px,12.2vw,56px);letter-spacing:-.072em}.section{padding-top:100px;padding-bottom:100px}.system-row{grid-template-columns:34px 1fr 64px}.sys-desc{font-size:12px}.time-row{grid-template-columns:68px 1fr}.future-field{height:430px}.future-item{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arch-grid,.future-item,.founder-panel::after{animation-duration:20s!important}.a-slice.two{animation:offsetA 15s ease-in-out infinite!important}.a-slice.three{animation:offsetB 18s ease-in-out infinite!important}.reveal.animate-in{animation:revealUp 1s ease-out both!important}}