:root{--bg:#06100b;--text:#f3f7f1;--muted:#a5b0a8;--lime:#b9ff62;--green:#39d98a;--purple:#a786ff;--glass:rgba(255,255,255,.075);--stroke:rgba(255,255,255,.14);--ease:cubic-bezier(.18,.72,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}@media(pointer:fine){*{cursor:none!important}}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}.glass{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));border:1px solid var(--stroke);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 28px 80px rgba(0,0,0,.24);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.noise{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.035;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");animation:n .23s steps(2) infinite}@keyframes n{25%{transform:translate3d(2%,-3%,0)}50%{transform:translate3d(-4%,2%,0)}75%{transform:translate3d(3%,4%,0)}}#fx{position:fixed;inset:0;z-index:2;pointer-events:none}.ambient{position:fixed;z-index:0;border-radius:50%;filter:blur(70px);opacity:.22}.a1{width:38vw;height:38vw;left:-18vw;top:8vh;background:#15824f}.a2{width:34vw;height:34vw;right:-16vw;bottom:8vh;background:#8dff48}
.topbar{position:fixed;z-index:40;top:20px;left:24px;right:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none}.brand,.top-status,.menu-btn{pointer-events:auto}.brand{justify-self:start;display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.065em;user-select:none}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#d5ff74,#59c768);color:#08140d;font-weight:1000;box-shadow:0 14px 45px rgba(185,255,98,.17)}.brand-word{font-size:24px}.brand-word span{color:var(--lime)}.top-status{justify-self:center;padding:10px 15px;border-radius:99px;font-size:10px;letter-spacing:.15em;color:#d6ded8}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--lime);box-shadow:0 0 18px var(--lime);margin-right:8px}.menu-btn{justify-self:end;width:46px;height:46px;border-radius:15px;display:grid;place-content:center;gap:6px}.menu-btn span{width:18px;height:1px;background:#fff;display:block;transition:.35s}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.side-nav{position:fixed;z-index:39;top:82px;right:24px;width:190px;padding:10px;border-radius:22px;opacity:0;pointer-events:none;transform:translateY(-10px) scale(.98);transition:.38s var(--ease)}.side-nav.open{opacity:1;pointer-events:auto;transform:none}.nav-head{display:flex;justify-content:space-between;padding:7px 9px 8px;color:#7d8a81;font-size:8px;letter-spacing:.16em}.side-nav button{width:100%;display:grid;grid-template-columns:34px 1fr;align-items:center;text-align:left;padding:11px 10px;border-radius:13px;transition:.3s}.side-nav button span{font-size:9px;color:#69776d}.side-nav button b{font-size:12px}.side-nav button:hover,.side-nav button.active{background:rgba(255,255,255,.075)}.side-nav button.active b{color:var(--lime)}
.journey{position:relative;min-height:500vh}.stage{position:fixed;inset:0;overflow:hidden;background:#06100b}.scene-bg{position:absolute;inset:-8%;z-index:0;opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 1.2s var(--ease);background:radial-gradient(circle at 55% 18%,rgba(185,255,98,.13),transparent 34%),linear-gradient(165deg,#06100b,#0b1b12 58%,#050a07)}.scene-bg.active{opacity:1;transform:scale(1)}.bg1{background:radial-gradient(circle at 72% 25%,rgba(185,255,98,.17),transparent 26%),linear-gradient(160deg,#06100b,#122219 52%,#07100b)}.bg2{background:radial-gradient(circle at 25% 22%,rgba(97,182,255,.13),transparent 24%),linear-gradient(160deg,#061018,#0b1c26 46%,#06100c)}.bg3{background:radial-gradient(circle at 57% 25%,rgba(169,128,255,.16),transparent 25%),linear-gradient(160deg,#0a0811,#151022 47%,#070907)}.bg4{background:radial-gradient(circle at 50% 12%,rgba(207,255,161,.2),transparent 18%),linear-gradient(180deg,#142016,#0b120d 50%,#040705)}.scan-grid{position:absolute;inset:-20%;z-index:1;background-image:linear-gradient(rgba(185,255,98,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,255,98,.035) 1px,transparent 1px);background-size:70px 70px;transform:perspective(700px) rotateX(68deg) translateY(20%);mask-image:linear-gradient(transparent,#000 35%,#000 75%,transparent)}.vignette{position:absolute;inset:0;z-index:7;background:radial-gradient(circle at 50% 48%,transparent 28%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.6));pointer-events:none}.grain{position:absolute;inset:0;z-index:8;background:linear-gradient(transparent 0 96%,rgba(255,255,255,.03) 96%);background-size:100% 6px;mix-blend-mode:soft-light;pointer-events:none}.scene-progress{position:fixed;right:24px;bottom:28px;z-index:30;width:120px;height:3px;background:rgba(255,255,255,.1);border-radius:99px}.scene-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),#fff);box-shadow:0 0 20px rgba(185,255,98,.55)}.panel{position:absolute;inset:0;z-index:4;opacity:0;visibility:hidden;transform:translateY(6vh) scale(.985);transition:opacity .75s ease,transform 1s var(--ease),visibility .75s}.panel.active{opacity:1;visibility:visible;transform:none}.num{position:absolute;top:112px;left:24px;color:#718077;font-size:10px;letter-spacing:.19em}.eyebrow{font-size:10px;letter-spacing:.19em;color:#c9d6cc;margin:0 0 17px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime);margin-right:8px}.panel h1,.panel h2{margin:0;font-weight:850;letter-spacing:-.07em;line-height:.87}.panel h1{font-size:clamp(64px,10vw,158px)}.panel h2{font-size:clamp(55px,8vw,130px)}em{font-style:normal;color:var(--lime)}.lead,.copy>p,.future-copy>p{color:#aeb9b1;line-height:1.7;font-size:15px}.hero-copy{position:absolute;left:8vw;top:50%;width:min(650px,48vw);transform:translateY(-48%);z-index:8}.hero-copy .lead{max-width:575px;margin:25px 0}.hero-actions{display:flex;align-items:center;gap:16px}.cta{padding:15px 17px 15px 19px;border-radius:16px;font-weight:750}.cta span{margin-left:22px;color:var(--lime)}.micro{font-size:10px;color:#6f7c73}.terminal{position:absolute;z-index:7;right:8vw;top:26%;width:min(390px,31vw);min-height:310px;border-radius:25px;transform:rotate(-4deg)}.term-top{height:43px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;padding:0 14px;gap:6px}.term-top span{width:8px;height:8px;border-radius:50%;background:#809080}.term-top b{font-size:9px;font-weight:500;color:#7e8b82;margin-left:auto;letter-spacing:.08em}.term-body{padding:20px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9daf9f}.term-body i{color:var(--lime);font-style:normal}.term-body strong{color:#fff}.term-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.term-grid pre{margin:0;color:#d9f3da;opacity:.8;line-height:1.15}.term-data{display:flex;flex-direction:column;gap:8px}.term-data b{font-size:22px;color:#fff}.term-data span{font-size:9px;color:#7b897f}.scroll-cue{position:absolute;left:50%;bottom:28px;z-index:10;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#7b887f;font-size:9px;letter-spacing:.18em}.scroll-cue span{width:28px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:99px;position:relative}.scroll-cue span:after{content:"";position:absolute;left:50%;top:8px;width:3px;height:7px;border-radius:99px;background:var(--lime);transform:translateX(-50%);animation:c 1.6s infinite}@keyframes c{0%{opacity:0}25%{opacity:1}80%{opacity:0;transform:translate(-50%,18px)}100%{opacity:0}}
.copy{position:absolute;top:50%;transform:translateY(-50%);width:min(550px,41vw);z-index:8}.copy.left{left:8vw}.copy.right{right:7vw}.copy>p:not(.eyebrow){margin-bottom:0}.metrics{display:flex;width:max-content;margin-top:29px;border-radius:18px;overflow:hidden}.metrics div{padding:15px 20px;border-right:1px solid rgba(255,255,255,.08)}.metrics div:last-child{border:0}.metrics b{display:block;font-size:19px}.metrics span{display:block;color:#738077;font-size:9px;margin-top:4px}.kernel-orbit{position:absolute;right:7vw;top:16%;width:min(44vw,650px);height:min(68vh,680px);display:grid;place-items:center}.core{width:36%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 32%,#efffe1 0 3%,#92d878 5% 17%,#225c39 44%,#07100b 71%);box-shadow:inset -25px -35px 55px rgba(0,0,0,.65),0 0 100px rgba(185,255,98,.18);display:grid;place-items:center;position:relative;z-index:3}.core b{font-size:100px;color:#e8ffcf;font-weight:300;text-shadow:0 0 30px rgba(185,255,98,.25)}.core span{position:absolute;bottom:20%;font:9px ui-monospace,monospace;color:#547260;letter-spacing:.16em}.orbit{position:absolute;border:1px solid rgba(185,255,98,.18);border-radius:50%;transform:rotateX(68deg) rotateZ(16deg)}.o1{width:94%;height:44%;animation:rot 12s linear infinite}.o2{width:74%;height:58%;transform:rotateX(68deg) rotateZ(-24deg);animation:rot 17s linear reverse infinite}.o3{width:53%;height:71%;transform:rotateX(68deg) rotateZ(48deg);animation:rot 22s linear infinite}.chip{position:absolute;bottom:12%;right:7%;padding:12px 15px;border-radius:15px;font-size:8px;line-height:1.55;letter-spacing:.13em;color:#809184}.chip strong{color:var(--lime);font-size:13px;letter-spacing:.05em}@keyframes rot{to{transform:rotateX(68deg) rotateZ(376deg)}}
.code-card{margin-top:29px;padding:7px 15px;border-radius:18px;width:min(460px,100%);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.line{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#a6b5ab}.line:last-child{border-bottom:0}.line span{color:var(--lime);margin-right:9px}.line b{float:right;color:#8adf72}.orb-terminal{position:absolute;left:7vw;top:21%;width:min(43vw,610px);height:63vh;display:grid;place-items:center}.cmd-window{width:79%;border-radius:23px;transform:rotate(6deg);overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.42)}.bar{height:40px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 13px;gap:6px}.bar i{width:8px;height:8px;border-radius:50%;background:#829187}.bar span{margin-left:auto;font:9px ui-monospace,monospace;color:#718177}.cmd-window pre{margin:0;padding:24px;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b4c3bb}.cmd-window em{font-style:normal;color:var(--lime)}.cmd-window strong{color:#fff}.prompt-glow{position:absolute;width:28vw;height:28vw;border-radius:50%;background:radial-gradient(circle,rgba(185,255,98,.16),transparent 64%);filter:blur(7px)}
.machine-art{position:absolute;right:4vw;top:15%;width:54vw;height:70vh;z-index:4}.machine-glow{position:absolute;width:50%;height:50%;left:35%;top:15%;border-radius:50%;background:radial-gradient(circle,rgba(170,130,255,.2),transparent 66%);filter:blur(8px)}.rack{position:absolute;right:6%;top:13%;width:48%;height:73%;border-radius:22px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025));box-shadow:inset 0 0 80px rgba(167,134,255,.08),0 40px 100px rgba(0,0,0,.38);transform:perspective(900px) rotateY(-17deg)}.rack:before{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 2px 43px)}.rack-line{position:absolute;left:9%;right:9%;top:23%;height:2px;background:linear-gradient(90deg,transparent,#a786ff,transparent);box-shadow:0 0 24px rgba(167,134,255,.7)}.rack-label{position:absolute;bottom:7%;left:9%;color:#81778e;font-size:9px;letter-spacing:.18em}.leds{position:absolute;right:10%;bottom:7%;color:#b9ff62;font-size:8px;letter-spacing:4px}.server{position:absolute;width:55%;height:15%;left:0;border-radius:16px;background:linear-gradient(180deg,#1d2b26,#0b110e);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px rgba(0,0,0,.35)}.s1{top:30%;transform:rotate(-4deg)}.s2{top:49%;transform:rotate(2deg)}.s3{top:68%;transform:rotate(-2deg)}.human{top:51%}.quote{margin-top:29px;padding:17px 19px;border-radius:18px;color:#c7c0da;line-height:1.5;font-size:13px}.quote:before{content:"//";color:var(--lime);margin-right:10px}
.future-copy{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:8;text-align:center;width:min(900px,85vw)}.future-copy .eyebrow{color:#e3e5dc}.future-copy>p{max-width:650px;margin:25px auto 0}.final-stats{display:flex;width:max-content;max-width:100%;margin:36px auto 0;overflow:hidden;border-radius:20px}.final-stats div{min-width:120px;padding:15px 22px;border-right:1px solid rgba(255,255,255,.08)}.final-stats div:last-child{border:0}.final-stats b{display:block;font-size:20px;color:var(--lime)}.final-stats span{display:block;color:#77827b;font-size:8px;letter-spacing:.18em;margin-top:4px}.sun{position:absolute;width:42vw;height:42vw;border-radius:50%;left:50%;top:-29vw;transform:translateX(-50%);background:radial-gradient(circle at 50% 64%,#e9ffc8,rgba(185,255,98,.18) 28%,transparent 65%);filter:blur(2px);z-index:2}.horizon{position:absolute;left:-10%;right:-10%;bottom:19%;height:1px;background:linear-gradient(90deg,transparent,#ddf9bd,transparent);box-shadow:0 0 26px rgba(221,249,189,.38);z-index:4}.signature{position:absolute;left:24px;bottom:21px;color:#67736b;font-size:9px;letter-spacing:.18em;z-index:8}.cursor-dot{position:fixed;z-index:120;left:0;top:0;width:6px;height:6px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:0;background:#fff;box-shadow:0 0 9px #fff,0 0 20px rgba(185,255,98,.34);transition:opacity .2s}.toast{position:fixed;z-index:50;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;padding:9px 13px;border-radius:12px;background:rgba(6,12,8,.78);border:1px solid rgba(255,255,255,.1);font-size:10px;letter-spacing:.09em;color:#aeb8b1;pointer-events:none;transition:.4s}.toast.show{opacity:1;transform:translate(-50%,0)}.scroll-spacer{position:absolute;inset:0;display:flex;flex-direction:column;z-index:1}.scroll-spacer>div{flex:1;min-height:100vh}
@media(max-width:900px){.topbar{left:16px;right:16px}.top-status{display:none}.hero-copy{left:24px;right:24px;top:44%;width:auto}.terminal{right:18px;top:67%;width:270px;transform:rotate(-3deg) scale(.82);transform-origin:right center}.panel h1{font-size:clamp(54px,16vw,104px)}.panel h2{font-size:clamp(50px,15vw,94px)}.copy.left,.copy.right,.human{left:24px;right:24px;top:34%;width:auto;transform:none}.kernel-orbit{right:-12vw;top:42%;width:78vw;height:55vh}.orb-terminal{left:18px;top:49%;width:75vw;height:45vh}.cmd-window{width:85%;transform:rotate(5deg) scale(.9)}.machine-art{right:-12vw;top:45%;width:95vw;height:50vh}.rack{right:5%;top:5%;width:57%;height:80%}.server{width:62%}.human{top:25%!important}.future-copy{top:40%;width:90vw}.final-stats{margin-top:26px}.final-stats div{min-width:88px;padding:13px 10px}.num{top:88px;left:18px}.scene-progress{right:18px;bottom:18px;width:92px}.cursor-dot{display:none}.scroll-cue{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.lead,.copy>p,.future-copy>p{font-size:14px}.metrics{width:auto;max-width:100%}.metrics div{padding:13px 12px}.metrics b{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.noise,.scan-grid,.orbit,.scroll-cue span:after{animation:none!important}.scene-bg,.panel{transition:none!important}}