:root{--bg:#070810;--bg2:#0a0c17;--white:#f3f4fb;--muted:#888b9b;--blue:#6477ff;--cyan:#53e2ee;--violet:#a48bff;--line:rgba(225,231,255,.13);--mono:'DM Mono',monospace;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);overflow-x:hidden}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.noise{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.045;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65}.intro{position:fixed;inset:0;z-index:50;background:#05060b;display:grid;place-items:center;overflow:hidden;transition:opacity .9s ease,visibility .9s ease}.intro:before,.intro:after{content:"";position:absolute;border:1px solid rgba(100,119,255,.11);border-radius:50%;width:min(85vw,850px);aspect-ratio:1;animation:rotate 40s linear infinite}.intro:after{width:min(62vw,600px);border-style:dashed;animation-direction:reverse}.intro.done{opacity:0;visibility:hidden}.terminal{position:absolute;top:9%;left:8%;width:min(370px,42vw);font:11px/2 var(--mono);color:#8b91ad;opacity:0;transform:translateY(15px);animation:terminalIn .6s .4s forwards}.terminal-top{border-bottom:1px solid #232638;padding:8px 0;display:flex;align-items:center;gap:5px}.terminal-top span{width:6px;height:6px;border-radius:50%;background:#59618a}.terminal-top span:first-child{background:#ff787b}.terminal-top span:nth-child(2){background:#ffd37a}.terminal-top span:nth-child(3){background:#55d6ab}.terminal-top b{margin-left:auto;color:#666d85;font-size:9px;font-weight:400}.terminal-lines{min-height:128px;padding-top:8px}.terminal-lines span{display:block}.terminal-lines span:last-child{color:#70dfcb}.cursor{display:block;width:6px;height:12px;background:#7f8eff;animation:blink .8s steps(2) infinite}.intro-title{position:relative;text-align:center;z-index:2;padding:35px 20px 10px;opacity:0;animation:titleIn 1s 1.2s forwards}.eyebrow{font:10px var(--mono);letter-spacing:.17em;color:#9ca4c3}.intro-title .eyebrow{color:#a5b2ff}.intro h1{font:700 clamp(58px,11vw,148px)/.81 var(--display);letter-spacing:-.085em;margin:25px 0 10px}.intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(195,203,255,.78)}.intro-name{font:12px var(--mono);letter-spacing:.36em;color:var(--cyan);margin:22px 0}.intro-copy{font-size:13px;line-height:1.8;color:#a4a6b4}.enter-button{margin-top:28px;min-width:225px;padding:15px 18px;background:linear-gradient(110deg,#526dff,#936cff);border:1px solid rgba(255,255,255,.35);border-radius:2px;box-shadow:0 0 38px #546dff55;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.12em;cursor:pointer;transition:transform .25s,box-shadow .25s}.enter-button:hover{transform:translateY(-3px);box-shadow:0 0 55px #546dff99}.enter-button b{font-size:15px}.skip-intro{display:block;margin:18px auto 0;background:none;border:0;color:#75798b;font:10px var(--mono);cursor:pointer}.skip-intro:hover{color:white}.intro-foot{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;color:#60647a;font:9px var(--mono);letter-spacing:.12em}.topbar{height:75px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(#070810dd,transparent)}.brand{display:flex;align-items:center;gap:12px;font:600 11px var(--mono);letter-spacing:.07em}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid #6477ff;border-radius:50%;font:600 14px var(--display);color:#e8ebff}.brand-mark span{color:var(--cyan)}.brand-sub{color:#73778b;font-size:9px}.topbar nav{display:flex;gap:33px;color:#a0a2b1;font-size:11px}.topbar nav a,.top-cta{transition:color .2s}.topbar nav a:hover,.top-cta:hover{color:white}.top-cta{font:10px var(--mono);letter-spacing:.08em;border-bottom:1px solid #6577ff;padding-bottom:7px}.top-cta span{color:var(--cyan);margin-left:8px}.section{position:relative;z-index:1}.hero{min-height:810px;height:100vh;max-height:1100px;padding:150px 9% 90px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 71% 48%,#1c1b43 0%,#0b0d1a 32%,#070810 68%)}.hero-grid,.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(132,147,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(132,147,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,black 18%,black 78%,transparent)}.hero-glow{position:absolute;width:620px;height:620px;left:51%;top:17%;background:#6065ff20;filter:blur(100px);border-radius:50%}.hero-copy{position:relative;z-index:2;width:54%;padding-top:10px}.live-dot{display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:blink 1.4s infinite}.hero h1{font:700 clamp(50px,7vw,92px)/.96 var(--display);letter-spacing:-.075em;margin:30px 0}.hero h1>span{color:transparent;-webkit-text-stroke:1.2px #a0a8ff}.period,.message h2 span,.final-content h2 span{color:var(--cyan);-webkit-text-stroke:0}.hero-lede{font-size:16px;line-height:1.8;color:#b0b2c1;margin:33px 0 44px}.hero-lede strong{color:#f4f3fa;font-weight:600}.scroll-link{display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.12em;color:#9b9eb1}.scroll-orbit{display:grid;place-items:center;width:33px;height:33px;border:1px solid #414767;border-radius:50%;color:var(--cyan);font-size:15px;transition:background .2s}.scroll-link:hover .scroll-orbit{background:#626fff33}.hero-art{position:absolute;width:52%;height:75%;top:13%;right:0;display:grid;place-items:center}.core{position:relative;width:min(25vw,295px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#9eaaff 0,#6678ff 11%,#312b77 38%,#121429 62%,transparent 70%);box-shadow:0 0 55px #6565ff60,0 0 140px #585dff25;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.core:before,.core:after{content:"";position:absolute;inset:16%;border:1px solid #a2aaff50;border-radius:50%;box-shadow:inset 0 0 35px #687cff44}.core:after{inset:31%;border-color:#79eaff55;background:#09112066}.core-inner{z-index:1;text-align:center;display:grid;gap:8px}.core-symbol{font:600 34px var(--mono);color:#e2e7ff;text-shadow:0 0 20px #96aaff}.core-name{font:9px var(--mono);letter-spacing:.3em;color:#92e7ed}.orbit{position:absolute;border:1px solid #93a2ff2b;border-radius:50%;width:75%;height:43%;transform:rotate(-30deg)}.orbit-two{width:90%;height:56%;transform:rotate(45deg);border-color:#7ae7ef26}.orbit-three{width:63%;height:72%;transform:rotate(72deg);border-style:dashed;border-color:#a388ff35}.orbit:after{content:"";position:absolute;width:6px;height:6px;top:8%;left:22%;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.float-code{position:absolute;font:10px var(--mono);color:#b5bdffb5;text-shadow:0 0 12px #768aff;white-space:nowrap}.code-a{top:21%;left:12%}.code-b{top:26%;left:14%;color:#81e8d8}.code-c{top:31%;left:14%;color:#a995ff}.code-d{top:36%;left:12%}.art-label{position:absolute;right:14%;bottom:11%;font:9px/1.8 var(--mono);letter-spacing:.12em;color:#a2a5bf}.art-label i{color:var(--cyan);font-style:normal;margin-left:20px}.art-coordinate{position:absolute;top:18%;right:15%;font:9px/1.7 var(--mono);color:#737992}.version-card{position:absolute;right:8.5%;bottom:10%;width:230px;padding:17px 18px 13px;background:linear-gradient(130deg,#15182bcf,#111220a8);border:1px solid #9caaff29;box-shadow:0 20px 70px #0007;backdrop-filter:blur(14px);font:8px var(--mono);color:#85899f}.version-top,.version-bottom,.version-row{display:flex;justify-content:space-between}.version-top{padding-bottom:12px;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.12em;color:#babdd0}.card-index{color:#6e748c}.version-row{padding-top:11px}.version-row strong{font-size:8px;color:#eff0fa;font-weight:400}.version-row .status{color:#75ded0}.version-row i{font-style:normal;color:var(--cyan)}.blink{animation:blink .9s infinite}.version-bar{margin:13px 0 8px;height:2px;background:#2a2d43}.version-bar i{height:100%;display:block;width:64%;background:linear-gradient(90deg,#5773ff,#65e6e2);box-shadow:0 0 8px #607aff;animation:progress 3s ease infinite alternate}.version-bottom{font-size:7px;color:#686d84}.hero-index{position:absolute;bottom:40px;left:6.5%;font:9px var(--mono);color:#7c8096}.hero-index span{color:#51556b;margin:0 8px}.manifesto{padding:110px 12% 42px;background:linear-gradient(180deg,#090a13,#0a0b15)}.section-kicker{display:flex;justify-content:space-between;color:#787c92;font:9px var(--mono);letter-spacing:.12em}.manifesto-copy{position:relative;margin:105px auto 120px;max-width:1000px}.quote-mark{position:absolute;left:-5px;top:-100px;font:180px/.9 Georgia;color:#596eff54}.manifesto-copy p{position:relative;font:500 clamp(36px,6.3vw,80px)/1.18 var(--display);letter-spacing:-.06em;margin:0}.manifesto-copy p span{color:#8b91b1}.manifesto-copy p i{color:var(--cyan);font-style:normal}.manifesto-aside{position:absolute;right:3%;bottom:0;font:9px/1.8 var(--mono);letter-spacing:.1em;color:#74798c}.manifesto-foot{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#777b91}.world{padding:145px 10% 110px;background:#0b0c16}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head h2,.editor-intro h2,.future-head h2{font:600 clamp(42px,6vw,70px)/1 var(--display);letter-spacing:-.07em;margin:23px 0 0}.section-head h2 span,.editor-intro h2 span,.future-head h2 span{color:#848bea}.section-head>p{font-size:11px;line-height:1.9;color:#8d91a6;margin-bottom:5px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.world-card{position:relative;min-height:246px;padding:20px 23px;background:linear-gradient(140deg,#111421,#0d0f19);border:1px solid #ffffff0c;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}.world-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,#6e78ff18,transparent 55%);opacity:0;transition:opacity .3s}.world-card:hover{transform:translateY(-5px);border-color:#7584ff68;background:#141727}.world-card:hover:before{opacity:1}.card-meta{display:flex;justify-content:space-between;font:8px var(--mono);color:#777d97}.tech-icon{height:70px;display:flex;align-items:center;font:28px var(--mono);color:#a0aaff;text-shadow:0 0 19px #6e82ff8a}.icon-software,.icon-future{color:#81e6dc}.icon-ai,.icon-innovation{color:#c29aff}.icon-problem{color:#ffbd91}.world-card h3{font:500 16px var(--display);margin:10px 0 7px}.world-card p{font-size:10px;line-height:1.8;color:#888ca0;max-width:250px}.card-arrow{position:absolute;right:20px;bottom:19px;color:#7179b0;transition:transform .2s,color .2s}.world-card:hover .card-arrow{color:var(--cyan);transform:translate(2px,-2px)}.world-foot{border-top:1px solid var(--line);margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:#71768b}.editor-section{padding:135px 10% 150px;background:radial-gradient(ellipse at 50% 50%,#15172b,#090a12 67%);text-align:center}.editor-intro h2{margin:22px 0 13px}.editor-intro h2 span{color:#b5a4ff}.editor-intro>p{font-size:11px;color:#9699aa}.editor-window{max-width:730px;margin:49px auto 26px;text-align:left;background:#0a0c13;border:1px solid #a4adff25;border-radius:6px;box-shadow:0 30px 90px #0007,0 0 55px #6268ff13;overflow:hidden}.editor-titlebar{height:43px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 16px;border-bottom:1px solid #ffffff0b;background:#10121c;color:#8589a1;font:9px var(--mono)}.editor-titlebar>span:nth-child(2){text-align:center}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#ff777c}.window-dots i:nth-child(2){background:#ffcb72}.window-dots i:nth-child(3){background:#61d5a2}.editor-run{text-align:right;font-size:8px;color:#7fe0c7}.editor-run i,.editor-status i{display:inline-block;width:5px;height:5px;background:#61ddb9;border-radius:50%;margin-right:4px}.editor-body{display:flex;padding:23px 24px 24px;min-height:242px;position:relative}.line-numbers{font:11px/1.75 var(--mono);color:#555b70;text-align:right;padding-right:22px;user-select:none}pre{margin:0;white-space:pre-wrap;font:11px/1.75 var(--mono);color:#d2d7ed;position:relative}code{font:inherit}.token-key{color:#b99aff}.token-name{color:#80dce1}.token-string{color:#c5e998}.token-fn{color:#90a7ff}.token-brace{color:#ffbd86}.typing-cursor{position:absolute;display:inline-block;width:7px;height:14px;background:#93a5ff;animation:blink .85s infinite}.editor-status{height:27px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0b;color:#777c91;font:8px var(--mono)}.editor-reveal{min-height:50px;opacity:0;transform:translateY(8px);transition:.7s;font:500 16px/1.7 var(--display);color:#a3a8c0}.editor-reveal span{color:#d5d7e8}.editor-reveal.show{opacity:1;transform:none}.message{overflow:hidden;padding:150px 18% 160px;background:#0a0b14}.message-backdrop{position:absolute;right:-3%;top:8%;font:700 26vw/.8 var(--display);letter-spacing:-.12em;color:#111321;pointer-events:none}.message-inner{position:relative;max-width:850px;margin:auto}.message h2{font:600 clamp(42px,7vw,82px)/1.05 var(--display);letter-spacing:-.075em;margin:30px 0 54px}.message-body{max-width:590px;margin-left:16%;font-size:13px;line-height:2;color:#b0b2c2}.message-body p{margin:0 0 22px}.message-emphasis{color:#e8e8f1;font-family:var(--display);font-size:16px;font-weight:600}.signoff{margin-top:36px!important;font-size:12px}.signoff strong{color:white}.message-seal{position:absolute;right:1%;bottom:3%;width:80px;height:80px;border:1px solid #6976ff54;border-radius:50%;display:grid;place-content:center;text-align:center;font:8px/1.6 var(--mono);letter-spacing:.1em;color:#9298c0;transform:rotate(12deg)}.message-seal span{position:absolute;top:26px;right:14px;color:var(--cyan);font-size:13px}.surprise{min-height:660px;padding:118px 10%;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#252050 0%,#0d0e1c 49%,#080911 78%)}.surprise-orb{position:absolute;width:400px;height:400px;left:calc(50% - 200px);top:25%;border-radius:50%;background:#6067fa19;filter:blur(30px);animation:breathe 5s ease-in-out infinite}.surprise-inner{position:relative;z-index:2}.surprise-number{display:block;margin-top:32px;font:10px var(--mono);color:#777d9b;letter-spacing:.12em}.surprise h2{font:600 clamp(48px,7vw,78px)/1 var(--display);letter-spacing:-.075em;margin:20px 0}.surprise h2 span{color:#a39cff}.surprise-inner>p{font-size:11px;line-height:1.9;color:#a1a3b4}.surprise-button{margin-top:25px;padding:16px 18px;min-width:300px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #838eff9c;background:linear-gradient(100deg,#586af3,#785be9);box-shadow:0 0 32px #656dff33;cursor:pointer;font:9px var(--mono);letter-spacing:.1em;transition:transform .25s,box-shadow .25s}.surprise-button:hover{transform:translateY(-3px);box-shadow:0 0 46px #707bff78}.button-icon{font-size:9px}.button-arrow{color:#cef7ff}.surprise-result{display:grid;gap:9px;margin-top:27px;opacity:0;transform:scale(.86);transition:opacity .45s,transform .55s}.surprise-result.show{opacity:1;transform:scale(1)}.result-spark{color:var(--cyan);font-size:20px;animation:spin 5s linear infinite}.surprise-result strong{font:600 clamp(23px,4vw,37px) var(--display);letter-spacing:.01em;text-shadow:0 0 22px #747bff}.surprise-result>span:last-child{font-size:10px;color:#b0b3c5}.surprise-code{position:absolute;left:7%;bottom:29px;text-align:left;font:9px/1.9 var(--mono);color:#727891}.surprise-code span{color:#70d9c3}.confetti-layer{position:absolute;inset:-120px;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-30px;width:6px;height:12px;opacity:0;animation:confettiFall var(--fall) cubic-bezier(.1,.65,.4,1) forwards;animation-delay:var(--delay);transform:rotate(var(--angle));background:var(--color);box-shadow:0 0 9px var(--color)}.future{padding:143px 14% 150px;background:#0a0b13}.future-head{text-align:center}.future-head h2{font-size:clamp(38px,6.5vw,68px);margin:22px 0}.future-head h2 span{color:#9399ba}.future-head>p{font-size:11px;color:#9093a4}.future-track{position:relative;max-width:700px;margin:78px auto 70px}.track-line{position:absolute;left:25px;top:13px;bottom:15px;width:1px;background:#31344b}.track-line span{position:absolute;inset:0;background:linear-gradient(transparent,#697bff,#69e6df);transform:scaleY(0);transform-origin:top;transition:transform 1.8s ease}.future.in-view .track-line span{transform:scaleY(1)}.milestone{position:relative;display:grid;grid-template-columns:52px 1fr 30px;align-items:center;min-height:80px;border-bottom:1px solid #ffffff0c;transition:transform .3s}.milestone:hover{transform:translateX(7px)}.mile-num{position:relative;z-index:1;width:51px;height:51px;display:grid;place-items:center;border:1px solid #525b8c;border-radius:50%;background:#0a0b13;font:10px var(--mono);color:#a9b3ff;box-shadow:0 0 15px #5a6cff1c}.mile-label{font:8px var(--mono);letter-spacing:.12em;color:#737a99}.milestone h3{font:500 18px var(--display);margin:5px 0}.mile-symbol{color:#91e3df;font-size:16px;text-align:right}.future-progress{max-width:700px;margin:auto}.progress-label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#7f849e}.progress-label i{font-style:normal;color:#8de3dd;margin-left:7px}.progress-track{position:relative;height:3px;margin-top:15px;background:#292c41}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#6475ff,#68e5de);box-shadow:0 0 8px #657aff;transition:width 1.7s 0.3s ease}.future.in-view .progress-track span{width:100%}.progress-track b{position:absolute;right:-3px;top:-7px;color:#78eee6;font-size:13px;opacity:0;transition:opacity .2s 2s}.future.in-view .progress-track b{opacity:1}.final{min-height:750px;padding:118px 10% 40px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 52%,#1d2042,#080911 67%)}.final-grid{opacity:.45;mask-image:linear-gradient(transparent,black 35%,transparent)}.final-content{position:relative;z-index:1}.final-overline{font:10px var(--mono);letter-spacing:.2em;color:#a2a6bc;margin:54px 0 14px}.final-content h2{font:700 clamp(54px,9.2vw,112px)/.9 var(--display);letter-spacing:-.085em;margin:0}.final-content h2 span{color:var(--cyan)}.final-rule{width:44px;height:1px;background:#6e7bff;margin:36px auto}.final-birthday{font:11px/1.8 var(--mono);letter-spacing:.2em;color:#aab0d0}.final-birthday strong{font:600 clamp(26px,4vw,43px) var(--display);letter-spacing:.03em;color:#f1f2fc}.final-wish{font-size:11px;line-height:1.9;color:#999caf;margin-top:19px}.signature{position:relative;width:max-content;margin:35px auto 0;padding-left:23px;text-align:left;border-left:1px solid #7080ff;font:8px/1.8 var(--mono);letter-spacing:.08em;color:#898ea8}.signature b{display:block;font:500 13px/1.45 var(--display);letter-spacing:0;color:#d7daea}.signature i{position:absolute;left:-6px;top:-5px;color:#79e8e4;font-style:normal;background:#101327}.footer-meta{position:absolute;left:6.5%;right:6.5%;bottom:29px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#696d83}.footer-meta a{color:#969bb5;transition:color .2s}.footer-meta a:hover{color:white}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.cards-grid .world-card:nth-child(2){transition-delay:.07s}.cards-grid .world-card:nth-child(3){transition-delay:.14s}.cards-grid .world-card:nth-child(4){transition-delay:.05s}.cards-grid .world-card:nth-child(5){transition-delay:.12s}.cards-grid .world-card:nth-child(6){transition-delay:.19s}@keyframes blink{50%{opacity:0}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes terminalIn{to{opacity:1;transform:none}}@keyframes titleIn{to{opacity:1}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes progress{to{width:90%}}@keyframes breathe{50%{transform:scale(1.15);opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-10px) rotate(var(--angle)) scale(.5)}8%{opacity:1}100%{opacity:0;transform:translateY(850px) rotate(calc(var(--angle) + 500deg)) scale(1)}}
@media(max-width:900px){.hero{padding-left:7%;padding-right:7%}.hero-copy{width:58%}.hero-art{width:48%;right:-3%}.version-card{right:6%;bottom:7%;transform:scale(.9);transform-origin:bottom right}.hero h1{font-size:clamp(52px,7vw,75px)}.world{padding-left:7%;padding-right:7%}.message{padding-left:12%;padding-right:12%}}
@media(max-width:650px){.topbar{height:62px;padding:0 5%}.brand{font-size:10px}.brand-sub{display:none}.topbar nav{display:none}.hero{min-height:820px;height:auto;max-height:none;padding:126px 7% 60px;align-items:flex-start}.hero-copy{width:100%;padding-top:5px}.hero h1{font-size:clamp(53px,13vw,77px);margin:25px 0}.hero-lede{font-size:14px;margin:22px 0 28px}.hero-art{top:365px;right:-12%;width:100%;height:340px;opacity:.88}.core{width:210px}.orbit{width:75%;height:50%}.orbit-two{width:94%;height:66%}.orbit-three{height:80%}.float-code{font-size:8px}.code-a{left:5%;top:22%}.code-b{left:7%;top:27%}.code-c{left:7%;top:32%}.code-d{left:5%;top:37%}.art-label{right:12%;bottom:1%}.art-coordinate{top:16%;right:11%}.version-card{bottom:20px;right:7%;transform:scale(.85)}.hero-index{bottom:31px;left:7%}.manifesto{padding:82px 8% 32px}.section-kicker{font-size:8px}.manifesto-copy{margin:90px auto 92px}.manifesto-copy p{font-size:clamp(34px,9vw,55px)}.quote-mark{font-size:130px;top:-77px}.manifesto-aside{right:0;bottom:-54px;font-size:8px}.manifesto-foot{gap:15px;font-size:7px;line-height:1.6}.world{padding:100px 7% 80px}.section-head{display:block;margin-bottom:32px}.section-head h2,.editor-intro h2{font-size:51px}.section-head>p{margin-top:18px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.world-card{min-height:230px;padding:15px 14px}.tech-icon{height:58px}.world-card h3{font-size:14px}.world-card p{font-size:9px}.card-arrow{right:13px;bottom:14px}.world-foot{font-size:6px;letter-spacing:.05em;gap:8px}.editor-section{padding:100px 6%}.editor-intro h2{font-size:47px}.editor-window{margin-top:35px}.editor-titlebar{padding:0 10px}.editor-body{padding:18px 11px;min-height:225px}.line-numbers{padding-right:12px;font-size:9px}pre{font-size:9px;overflow:hidden}.editor-status{font-size:7px;padding:0 8px}.editor-reveal{font-size:13px}.message{padding:105px 8% 125px}.message h2{font-size:49px;margin:24px 0 34px}.message-body{margin-left:3%;font-size:12px}.message-seal{right:0;bottom:-78px;width:68px;height:68px;font-size:7px}.surprise{min-height:640px;padding:90px 7%}.surprise h2{font-size:54px}.surprise-inner>p{font-size:10px}.surprise-button{min-width:min(300px,90vw);font-size:8px}.surprise-code{left:6%;bottom:20px;font-size:8px}.future{padding:100px 8%}.future-head h2{font-size:42px}.future-track{margin:55px auto 55px}.milestone{grid-template-columns:49px 1fr 23px;min-height:74px}.mile-num{width:43px;height:43px;font-size:9px}.track-line{left:21px}.milestone h3{font-size:16px}.mile-label{font-size:7px}.final{min-height:690px;padding:100px 5% 70px}.final-overline{margin-top:60px;font-size:8px}.final-content h2{font-size:clamp(48px,12vw,74px)}.final-birthday{font-size:9px}.final-birthday strong{font-size:29px}.footer-meta{left:5%;right:5%;bottom:18px;gap:10px;font-size:6px}.footer-meta span:last-child{display:none}.intro:before{width:130vw}.intro:after{width:95vw}.terminal{top:6%;left:7%;width:86%;font-size:9px}.intro-title{padding-top:40px}.intro h1{font-size:clamp(58px,14vw,90px)}.intro-copy{font-size:11px}.intro-foot{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.intro-title{opacity:1}.terminal{opacity:1;transform:none}}

/* Cinematic programmer sequence */
.hero{isolation:isolate;background:#060a0b}.hero-grid{z-index:0;opacity:.42;mask-image:linear-gradient(transparent,#000 20%,#000 82%,transparent)}.hero-glow{z-index:0;background:#18a9941c;filter:blur(110px)}.matrix-rain{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.72;pointer-events:none;mask-image:linear-gradient(90deg,#000 0%,#000 100%)}.cinema-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#050708 0%,#050708b0 37%,#05070826 66%,#050708a0 100%),linear-gradient(0deg,#050708b5 0%,transparent 28%,transparent 75%,#0507086b 100%),radial-gradient(ellipse at 74% 46%,transparent 12%,#05070855 100%)}.hero-copy{z-index:3}.hero-birthday{font:9px var(--mono);letter-spacing:.18em;color:#94e9d6;margin:22px 0 -17px}.hero h1{font-size:clamp(50px,6.7vw,87px)}.hero h1>span{-webkit-text-stroke-color:#87d9cd}.live-dot{background:#84f1c8;box-shadow:0 0 12px #55f5b1}.scroll-orbit{border-color:#418270;color:#94f5d1}.programmer-scene{position:absolute;z-index:2;right:1%;top:10%;width:52%;height:79%;max-width:730px;overflow:hidden;isolation:isolate;filter:drop-shadow(0 18px 45px #000b);animation:sceneIn 1.4s .2s both}.programmer-scene:before{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(0deg,#050708 0%,transparent 16%,transparent 85%,#0507084d),repeating-linear-gradient(0deg,#c6ffe306 0 1px,transparent 1px 4px);mix-blend-mode:screen}.programmer-scene:after{content:"";position:absolute;z-index:0;left:15%;top:5%;width:76%;height:84%;background:radial-gradient(ellipse,#3cbca733 0%,#227bd31a 34%,transparent 70%);filter:blur(35px);animation:screenBreath 5s ease-in-out infinite}.scene-window{position:absolute;z-index:2;left:14%;top:9%;width:61%;height:55%;perspective:700px}.scene-screen{position:absolute;inset:0;border:1px solid #a6efdc8a;border-radius:4px 4px 1px 1px;background:linear-gradient(145deg,#071316,#0b1b20 50%,#080b13);box-shadow:0 0 18px #5ce6ca38,inset 0 0 45px #29e5b40d;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);animation:screenPulse 6s ease-in-out infinite}.scene-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#9bf5da0b,transparent 25%,transparent 72%,#6a88ff0b)}.screen-top{height:24px;display:flex;align-items:center;gap:5px;padding:0 8px;border-bottom:1px solid #9af8dc1a;color:#879f9a;font:7px var(--mono)}.screen-top i{width:4px;height:4px;border-radius:50%;background:#fa817d}.screen-top i:nth-child(2){background:#e4c36c}.screen-top i:nth-child(3){background:#72dda8}.screen-top span{margin-left:auto}.screen-code{position:relative;padding:8% 7%;font:clamp(8px,.85vw,11px)/1.85 var(--mono);color:#d9f3e8;text-shadow:0 0 9px #8cffdb44}.screen-code b{color:#79e6bc;font-weight:500}.screen-code i{color:#91baff;font-style:normal}.screen-code em{color:#7c8c8c;font-style:normal}.screen-glow{position:absolute;inset:25% 4% 0;background:linear-gradient(0deg,transparent,#61ffd61a,transparent);animation:scanline 4s linear infinite}.monitor-neck{position:absolute;left:44%;top:64%;width:13%;height:11%;background:linear-gradient(90deg,#11191b,#526c69 48%,#101618);clip-path:polygon(30% 0,70% 0,88% 100%,12% 100%);filter:drop-shadow(0 0 8px #5ce6ca25)}.monitor-base{position:absolute;left:36%;top:73%;width:29%;height:3%;border-radius:60% 60% 10% 10%;background:linear-gradient(90deg,#101718,#71807d 47%,#101719);box-shadow:0 2px 8px #90f3d43b}.scene-chair{position:absolute;z-index:1;right:4%;bottom:15%;width:34%;height:43%;border:15px solid #071012;border-bottom:0;border-radius:45% 48% 4% 4%;background:linear-gradient(90deg,#101a1c,#091011 50%,#142022);box-shadow:inset 0 0 24px #54847b11,0 0 10px #000}.scene-chair:after{content:"";position:absolute;left:48%;bottom:-40%;height:42%;width:10px;background:#10191a;box-shadow:-40px 51px 0 -3px #293436,40px 51px 0 -3px #293436}.scene-person{position:absolute;z-index:4;right:12%;bottom:18%;width:40%;height:61%;filter:drop-shadow(-10px 0 18px #36d5b411)}.person-head{position:absolute;right:29%;top:8%;width:22%;height:24%;border-radius:48% 48% 43% 48%;background:radial-gradient(ellipse at 35% 25%,#354044,#111819 65%);transform:rotate(-5deg);box-shadow:inset -9px -6px 0 #080c0d}.person-head:before{content:"";position:absolute;width:65%;height:25%;top:-8%;right:8%;border-radius:80% 50% 15% 10%;background:#0a1011;transform:rotate(-9deg)}.person-neck{position:absolute;right:31%;top:28%;width:12%;height:13%;background:#1c2728;transform:rotate(-8deg)}.person-body{position:absolute;right:6%;bottom:-1%;width:73%;height:56%;border-radius:51% 42% 0 0;background:radial-gradient(ellipse at 25% 13%,#293536,#12191a 39%,#090d0e 75%);clip-path:polygon(28% 0,63% 0,87% 14%,100% 100%,0 100%,10% 32%)}.person-arm{position:absolute;right:49%;bottom:21%;width:58%;height:10%;border-radius:50%;background:linear-gradient(180deg,#252f30,#0c1112);transform:rotate(13deg);transform-origin:right center;box-shadow:0 5px 8px #0008;animation:typingArm 2.8s ease-in-out infinite}.scene-desk{position:absolute;z-index:5;left:1%;right:0;bottom:17%;height:4%;background:linear-gradient(180deg,#81928a,#26302e 28%,#080d0e);clip-path:polygon(0 0,100% 0,96% 100%,5% 100%);box-shadow:0 -4px 18px #6af4cb26}.scene-desk:after{content:"";position:absolute;right:9%;top:100%;width:7px;height:110px;background:#1a2222;box-shadow:-520px 0 0 -1px #17201f}.scene-caption{position:absolute;z-index:9;left:5%;bottom:5%;font:8px var(--mono);letter-spacing:.15em;color:#a7c4b8}.scene-caption i{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:#62e9b2;box-shadow:0 0 10px #62e9b2;animation:blink 1.3s infinite}.scene-time{position:absolute;z-index:9;right:5%;bottom:5%;font:8px var(--mono);color:#78958b}.version-card{z-index:4;background:linear-gradient(130deg,#111a1bdc,#0a1112d9);border-color:#a5f2d525}.version-row .status{color:#8de5bb}.version-bar i{background:linear-gradient(90deg,#5bd5a2,#7dd8ef)}.hero-index{z-index:4}.message-body .birthday-code{display:block;margin-top:9px;color:#7ed8b4;font:9px var(--mono);letter-spacing:.02em}
@keyframes sceneIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes screenPulse{0%,100%{box-shadow:0 0 18px #5ce6ca38,inset 0 0 45px #29e5b40d}50%{box-shadow:0 0 32px #5ce6ca50,inset 0 0 55px #29e5b41b}}@keyframes screenBreath{50%{opacity:.55;transform:scale(1.08)}}@keyframes scanline{0%{transform:translateY(-120%)}100%{transform:translateY(240%)}}@keyframes typingArm{0%,100%{transform:rotate(13deg)}50%{transform:rotate(8deg)}}
@media(max-width:900px){.programmer-scene{right:-3%;width:51%;top:12%;height:76%}.scene-caption,.scene-time{font-size:7px}.hero-birthday{font-size:8px}}
@media(max-width:650px){.hero{background:#060a0b}.hero-copy{z-index:4}.hero-birthday{font-size:8px;margin:17px 0 -17px}.hero h1{font-size:clamp(50px,12.8vw,76px)}.cinema-vignette{background:linear-gradient(90deg,#050708ad,transparent 85%),linear-gradient(0deg,#050708d9 0%,transparent 36%,transparent 73%,#0507088a)}.matrix-rain{opacity:.58}.programmer-scene{z-index:2;top:450px;right:-10%;width:108%;height:350px;max-width:none;opacity:.9}.scene-window{left:14%;top:5%;width:57%;height:54%}.scene-person{right:10%;bottom:17%;height:61%;width:43%}.scene-chair{right:1%;bottom:14%;height:43%}.scene-caption{left:7%;bottom:4%}.scene-time{right:7%;bottom:4%}.scene-code{font-size:8px}.version-card{z-index:5}.hero-index{z-index:5}.message-body .birthday-code{font-size:8px}}

/* The hero now plays the edited live-action film clip as its full-bleed background. */
.hero{isolation:isolate;background:#030509;overflow:hidden}.programmer-scene{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;right:auto;top:0;filter:none;animation:none;overflow:hidden}.programmer-scene:before,.programmer-scene:after{display:none}.programmer-video{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:brightness(.86) saturate(1.02)}.cinema-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,5,10,.86) 0%,rgba(3,5,10,.60) 37%,rgba(3,5,10,.08) 74%,rgba(3,5,10,.26) 100%),linear-gradient(0deg,rgba(3,5,10,.56) 0%,transparent 25%,transparent 73%,rgba(3,5,10,.32) 100%);box-shadow:inset 0 46px 0 rgba(0,0,0,.84),inset 0 -46px 0 rgba(0,0,0,.84)}.hero-copy{z-index:3;text-shadow:0 2px 20px rgba(0,0,0,.55)}.hero-birthday{color:#b1ffe0}.hero h1>span{-webkit-text-stroke-color:#a4d9ff}.version-card,.hero-index{z-index:4}.topbar{background:linear-gradient(rgba(3,5,10,.85),transparent)}
@media(max-width:650px){.hero{min-height:850px}.hero-copy{width:100%;max-width:560px}.hero h1{font-size:clamp(42px,11.5vw,66px)}.programmer-video{object-position:72% 50%;filter:brightness(.74) saturate(1)}.cinema-vignette{background:linear-gradient(90deg,rgba(3,5,10,.74),rgba(3,5,10,.16)),linear-gradient(0deg,rgba(3,5,10,.70),transparent 34%,rgba(3,5,10,.38));box-shadow:inset 0 44px 0 rgba(0,0,0,.82),inset 0 -44px 0 rgba(0,0,0,.82)}.hero-copy{z-index:3}.version-card{z-index:4}}

/* Floating celebration details in the programmer's film scene. */
.birthday-decor{position:absolute;z-index:2;right:8%;bottom:20%;width:clamp(205px,24vw,320px);pointer-events:none;filter:drop-shadow(0 18px 32px rgba(0,0,0,.48));animation:party-arrive 1.2s .35s both ease-out}
.birthday-decor svg{display:block;width:100%;height:auto;overflow:visible}
.balloon-one{transform-origin:80px 100px;animation:balloon-sway 4.8s ease-in-out infinite}
.balloon-two{transform-origin:151px 88px;animation:balloon-sway 5.4s .7s ease-in-out infinite reverse}
.balloon-three{transform-origin:218px 105px;animation:balloon-sway 4.5s .25s ease-in-out infinite}
@keyframes balloon-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes party-arrive{from{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:.96;transform:none}}
@media(max-width:650px){.birthday-decor{width:190px;right:2%;bottom:22%;opacity:.78}}
@media(prefers-reduced-motion:reduce){.birthday-decor,.balloon-one,.balloon-two,.balloon-three{animation:none}}
