@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#10110f;--text:#f2f0e8;--muted:#82867b;--line:#30332b;--acid:#c2ff63;--mono:'IBM Plex Mono',monospace;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);min-height:100svh;overflow-x:hidden}.ambient{pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 69% 34%,#52683612,transparent 48%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:6px}button{color:inherit}a{color:inherit;text-decoration:none}.header{height:100px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{display:block;width:32px;height:32px;flex:none;overflow:visible;filter:drop-shadow(0 2px 5px #a1e74318);transition:transform .25s ease}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.05)}@media(prefers-reduced-motion:reduce){.brand-mark{transition:none}.brand:hover .brand-mark{transform:none}}.trademark{align-self:flex-start;font:10px var(--mono);margin:2px 0 0 -7px}.header-right{display:flex;gap:32px;align-items:center}.network{font-size:14px;display:flex;align-items:center;gap:9px}.network svg{width:24px;height:24px;fill:none;stroke:#ef79dd;stroke-width:2.1}.development{font:11px var(--mono);letter-spacing:1px;color:#a1a698;display:flex;gap:8px;align-items:center}.development>span{width:5px;height:5px;background:var(--acid);border-radius:50%}main{width:100%}.experience{position:relative;min-height:510px;height:calc(100svh - 385px);max-height:830px;margin:0 4.5%}.intro{position:absolute;left:0;top:16%;z-index:1;pointer-events:none}.eyebrow{font:11px var(--mono);letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:#bbbeb0}.tiny-star{color:var(--acid);font-size:21px}h1{font:900 clamp(64px,6.3vw,106px)/.91 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1.5px;margin:23px 0 24px}h1>span{color:var(--acid)}.intro p{font-size:16px;color:#aaaD9e;line-height:1.7;margin:0}.intro-rule{width:34px;height:1px;background:#626854;margin:25px 0 16px}.equation{display:flex;flex-direction:column;gap:7px;font:10px var(--mono);letter-spacing:1px;color:#7d836e}.stage{position:absolute;top:-10px;bottom:0;right:-3%;width:75%;touch-action:none}.stage canvas{display:block;width:100%;height:100%;cursor:grab;outline:none}.stage canvas:active{cursor:grabbing}.loading,.scene-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font:12px var(--mono);color:#b9bdb0;pointer-events:none}.scene-error{line-height:1.8;text-align:center;pointer-events:auto}.scene-error button{padding:8px 20px;background:var(--acid);color:#10110f;border:0;border-radius:5px}.scene-error[hidden],.loading[hidden]{display:none}.loading-orbit{width:45px;height:45px;border:1px solid #c2ff6333;border-top-color:var(--acid);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.specimen-label{position:absolute;top:30px;right:0;display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1px;color:#8d9383}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--acid)}.label-divider{color:#414637;padding:0 4px}.scale-marker{position:absolute;right:0;top:41%;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.scale-marker>span{font:500 19px var(--mono);color:#c0c7b2}.scale-marker>div{height:70px;width:12px;border-top:1px solid #5d6550;border-right:1px solid #5d6550;border-bottom:1px solid #5d6550}.scale-marker small{font:9px var(--mono);color:#6e7563;letter-spacing:1px;writing-mode:vertical-rl;margin-top:2px}.scene-tools{position:absolute;bottom:33px;left:65.5%;right:auto;transform:translateX(-50%);display:flex;align-items:center}.icon-button{display:grid;place-items:center;width:33px;height:33px;background:#171a15b3;border:1px solid #343b2b;border-radius:50%;transition:all .2s}.icon-button:hover{border-color:var(--acid)}.icon-button.active{color:var(--acid)}.icon-button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.scene-tools>span{font:9px var(--mono);letter-spacing:1px;color:#858d76;margin-left:8px}.stage-caption{position:absolute;bottom:11px;left:0;right:0;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:2.8px;color:#515746;pointer-events:none}.cross{font-size:20px;font-weight:300;line-height:10px;color:#7b826b}.simulator{position:relative;z-index:2;margin:0 4.5%;padding:22px 28px 17px;border:1px solid #414a33;border-radius:11px;background:linear-gradient(112deg,#1d2119,#141710 74%);box-shadow:0 12px 60px #0002}.sim-heading{display:flex;align-items:center;gap:12px}.section-label{font:500 10px var(--mono);letter-spacing:1.5px;color:#b5bba9}.demo-tag{font:9px var(--mono);letter-spacing:.5px;color:#c2ff63;border:1px solid #718a474d;background:#c2ff6308;border-radius:3px;padding:4px 6px}.sim-grid{display:grid;grid-template-columns:235px 1fr 140px;align-items:center;gap:40px;margin-top:15px}.cap-readout label{display:flex;gap:10px;align-items:center;font-size:12px;color:#b1b9a2}.cap-readout label span{font:9px var(--mono);color:#676f5b}#cap-value{font:500 clamp(28px,3.1vw,40px)/1.35 var(--mono);letter-spacing:-1.9px;white-space:nowrap;font-variant-numeric:tabular-nums}.stage-name{font:11px var(--mono);color:var(--acid);display:flex;align-items:center;gap:6px}.stage-name>span:first-child{width:4px;height:4px;border-radius:50%;background:var(--acid)}.slider-area{padding-top:1px}.slider-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#cad0bb;margin-bottom:18px}#growth-percent{font:9px var(--mono);color:#6f7b5f}input[type=range]{--progress:35%;display:block;appearance:none;width:100%;height:5px;margin:12px 0;background:linear-gradient(to right,var(--acid) var(--progress),#3a422f var(--progress));border-radius:10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--acid);border:3px solid #1b2015;border-radius:50%;box-shadow:0 0 0 1px #c2ff63,0 0 15px #c2ff6320;transition:box-shadow .2s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #c2ff6320}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--acid);border:3px solid #1b2015;border-radius:50%}.slider-labels{display:flex;justify-content:space-between;margin-top:18px}.slider-labels button{border:0;background:transparent;padding:4px 0;font:10px var(--mono);color:#909d7d}.slider-labels button:hover{color:var(--acid)}.send-button{display:flex;justify-content:space-between;align-items:center;background:var(--acid);border:0;border-radius:5px;color:#1b2410;height:53px;padding:0 17px;font:600 12px var(--mono);letter-spacing:.6px;transition:background .2s,transform .2s}.send-button:hover{background:#d1ff8b;transform:translateY(-2px)}.send-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6}.demo-note{font-size:11px;color:#707b61;display:flex;gap:8px;border-top:1px solid #303826;margin-top:19px;padding-top:12px}.demo-note>span{color:#a2ba7f}footer{display:flex;justify-content:space-between;align-items:center;margin:0 4.5%;padding:23px 0;font:9px var(--mono);letter-spacing:.75px;color:#8d9381}.muted{color:#535b49}.footer-star{color:var(--acid);font-size:16px;vertical-align:middle;margin-left:8px}
@media(min-width:1600px){.header,.experience,.simulator,footer{margin-left:auto;margin-right:auto;max-width:1510px}.experience{min-height:620px}.sim-grid{grid-template-columns:270px 1fr 160px;gap:60px}.simulator{padding:26px 35px}.intro{top:20%}}
@media(max-width:1000px){.header{height:82px}.header-right{gap:20px}.experience{height:calc(100svh - 370px);min-height:490px}h1{font-size:70px}.intro{top:15%}.stage{width:80%;right:-6%;}.sim-grid{grid-template-columns:195px 1fr 115px;gap:20px}.simulator{padding:20px}.sim-grid #cap-value{font-size:31px}.slider-top{font-size:11px}#growth-percent{display:none}.scene-tools{left:66%}.scale-marker{right:-1%}}
@media(max-width:680px){.header{height:77px;margin:0 6%}.brand{font-size:20px;gap:9px}.brand-mark{width:28px;height:28px}.network{font-size:12px;gap:5px}.network svg{width:20px}.development{display:none}.experience{height:610px;min-height:610px;margin:0 6%}.intro{top:30px}.eyebrow{font-size:9px}.tiny-star{font-size:15px}h1{font-size:61px;margin:14px 0 13px}.intro p{font-size:13px;line-height:1.6}.intro-rule,.equation{display:none}.stage{top:160px;bottom:22px;left:-17%;right:auto;width:134%}.specimen-label{font-size:8px;top:273px;left:0;right:auto;writing-mode:vertical-rl;gap:6px}.scale-marker{top:320px;right:0}.scale-marker>span{font-size:14px}.scale-marker>div{height:44px}.scale-marker small{font-size:8px}.scene-tools{right:auto;left:50%;transform:translateX(-50%);bottom:32px;white-space:nowrap}.scene-tools>span{font-size:8px}.stage-caption{font-size:7px;letter-spacing:2px;bottom:5px}.simulator{margin:0 6%;padding:19px 18px 14px;border-radius:9px}.sim-heading{gap:9px}.section-label{font-size:9px}.demo-tag{font-size:8px}.sim-grid{grid-template-columns:1fr 107px;gap:17px;margin-top:17px}.cap-readout{grid-column:1;grid-row:1}.sim-grid #cap-value{font-size:31px}.cap-readout label{font-size:11px}.stage-name{font-size:10px}.send-button{grid-column:2;grid-row:1;height:47px;font-size:11px;padding:0 13px}.slider-area{grid-column:1/-1;grid-row:2;padding-top:4px}.slider-top{font-size:12px;margin-bottom:19px}#growth-percent{display:block;font-size:8px}.slider-labels{margin-top:14px}.slider-labels button{font-size:9px}.demo-note{font-size:10px;line-height:1.6;margin-top:15px;padding-top:10px}footer{margin:0 6%;font-size:8px;letter-spacing:0;align-items:flex-start;gap:15px;line-height:1.8;padding:20px 0}footer>span:first-child{max-width:150px}footer>span:last-child{max-width:140px;text-align:right}.footer-star{font-size:12px;margin-left:2px}}
.sim-grid{grid-template-columns:285px 1fr 140px;gap:30px}
@media(min-width:681px) and (max-width:1000px){.sim-grid{grid-template-columns:250px 1fr 115px;gap:20px}}
@media(max-width:680px){.sim-grid{grid-template-columns:minmax(0,1fr) 95px;gap:17px}.sim-grid #cap-value{font-size:clamp(23px,6vw,31px);letter-spacing:-1.4px}.send-button{padding:0 11px;font-size:10px}}
.experience{overflow:clip}
.development,.eyebrow,.equation,.specimen-label,.scale-marker small,.scene-tools>span,.stage-caption,.section-label,.demo-tag,.cap-readout label,.cap-readout label span,.stage-name,#growth-percent,.slider-labels button,.demo-note,footer{font-size:12px}
.stage-caption{letter-spacing:1px}
.slider-top{font-size:14px}
.trademark{font-size:12px}
@media(max-width:1000px){.sim-grid{gap:20px}.sim-heading{flex-wrap:wrap}.simulator{padding:20px}.slider-top{font-size:13px}}
@media(max-width:680px){h1{font-size:clamp(51px,15.6vw,61px)}.intro p{font-size:14px}.intro{top:27px}.simulator{padding:19px 18px 14px}.sim-grid{grid-template-columns:minmax(0,1fr) 95px;gap:17px}.sim-grid #cap-value{font-size:clamp(20px,5.3vw,30px)}.stage-caption{font-size:12px;letter-spacing:0}.specimen-label{letter-spacing:.4px}.scale-marker small{font-size:12px}.scene-tools>span{font-size:12px;letter-spacing:0}.scene-tools{gap:6px}.section-label{letter-spacing:.6px}.demo-tag{font-size:12px}.sim-heading{gap:8px}.slider-top{font-size:13px}#growth-percent{display:none}.slider-labels button{font-size:12px}.demo-note{font-size:12px}footer{font-size:12px;gap:20px}footer>span:last-child{max-width:155px}.send-button{font-size:12px;padding:0 9px}.send-button svg{width:18px}.equation{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

.milestone{position:absolute;right:11%;bottom:89px;max-width:350px;padding:11px 16px;background:#141a10eb;border:1px solid #70855166;border-radius:6px;color:var(--acid);font:500 13px/1.5 var(--mono);text-align:center;pointer-events:none;animation:caption-arrive .28s ease-out}.milestone[hidden]{display:none}
@keyframes caption-arrive{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
.sim-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #303826;margin-top:19px;padding-top:12px}.sim-footer .demo-note{border:0;margin:0;padding:0}
.billion-button{flex-shrink:0;border:1px solid #597138;color:var(--acid);background:#c2ff6309;padding:9px 12px;border-radius:4px;font:500 12px var(--mono);letter-spacing:.4px}.billion-button:hover{background:#c2ff631a;border-color:var(--acid)}.billion-button:disabled{opacity:.45;cursor:wait}.billion-button span{margin-left:8px}
#cap-value.long-cap{font-size:31px}
.finale-dialog{width:100vw;height:100svh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:#10110f;color:var(--text);overflow:hidden}.finale-dialog::backdrop{background:#10110f}.finale-dialog[open]{display:block}.finale-dialog #finale-stage{position:absolute;inset:0}.finale-dialog .stage{position:absolute;inset:0;width:100%;height:100%}
.finale-top{position:absolute;inset:25px 4.5% auto;z-index:2;display:flex;align-items:center;justify-content:space-between;font:600 19px var(--mono)}.finale-top .demo-tag{margin-left:12px}.finale-close{width:44px;height:44px;border:1px solid #b2c79466;border-radius:50%;background:#10110fcc;color:var(--text);font-size:20px}
.finale-copy{position:absolute;z-index:2;left:4.5%;right:4.5%;bottom:10%;pointer-events:none;text-shadow:0 3px 30px #000}.finale-copy p{font:500 13px/1.5 var(--mono);letter-spacing:1px;color:var(--acid)}.finale-copy h2{font:900 clamp(36px,6vw,80px)/.98 'Barlow Condensed',Impact,sans-serif;max-width:720px;margin:20px 0 25px}.finale-dialog[data-phase="2"] .finale-copy h2{color:var(--acid)}
#return-earth{pointer-events:auto;background:var(--acid);color:#10110f;border:0;border-radius:5px;padding:15px 22px;font:600 13px var(--mono)}body:has(.finale-dialog[open]){overflow:hidden}
@media(max-width:680px){.sim-footer{align-items:flex-start;flex-direction:column;gap:14px}.billion-button{width:100%;text-align:center;padding:13px}#cap-value.long-cap{font-size:clamp(17px,4.4vw,26px);letter-spacing:-1.3px}.milestone{left:23px;right:23px;bottom:79px;max-width:none;font-size:12px;padding:9px 12px}.finale-copy{bottom:8%;left:6%;right:6%}.finale-copy h2{font-size:clamp(39px,11vw,65px)}.finale-copy p{font-size:12px;letter-spacing:0}.finale-top{inset:20px 6% auto}.finale-top .demo-tag{margin-left:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.milestone{animation:none}}

.scale-marker{right:0}.finale-dialog::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0003,transparent 35%,#0008 100%);pointer-events:none}
.stage canvas.over-orbit-head{cursor:pointer}.orbit-name{position:absolute;z-index:3;transform:translate(-50%,-100%);padding:9px 13px;border:1px solid #c2ff6370;border-radius:6px;background:#131b0ef5;box-shadow:0 5px 25px #0006;color:var(--acid);font:500 12px/1.3 var(--mono);letter-spacing:.3px;white-space:nowrap;pointer-events:none}.orbit-name:after{content:'';position:absolute;left:calc(50% - 3px);bottom:-4px;width:6px;height:6px;transform:rotate(45deg);background:#131b0e;border-right:1px solid #c2ff6370;border-bottom:1px solid #c2ff6370}.orbit-name[hidden]{display:none}
.scene-tools>span small{display:block;margin-top:4px;font:10px var(--mono);letter-spacing:.4px;color:#a7b58e}
.specimen-label,.scale-marker{pointer-events:none}
:root{--bg:#0c0f11}.ambient{background:radial-gradient(ellipse at 79% 29%,#38255525,transparent 48%),radial-gradient(ellipse at 46% 54%,#1943441a,transparent 42%)}
.headline-cycle{display:inline-block;position:relative;width:4.95em;height:1.03em;vertical-align:top;isolation:isolate}.headline-word{display:inline-block;position:relative;width:max-content;max-width:none;white-space:nowrap;transform-origin:left center;vertical-align:top;line-height:1.03}.headline-cycle:after{content:'';position:absolute;left:0;right:0;top:52%;height:2px;background:var(--acid);box-shadow:0 0 12px #c2ff6370;transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}.headline-word:before,.headline-word:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.headline-word:before{color:#9be9df;clip-path:inset(17% 0 57%)}.headline-word:after{color:#ce99ff;clip-path:inset(63% 0 16%)}
.headline-cycle.is-switching .headline-word{animation:headline-swap .58s both}.headline-cycle.is-switching .headline-word:before{animation:headline-slice .58s both}.headline-cycle.is-switching .headline-word:after{animation:headline-slice .58s reverse both}.headline-cycle.is-switching:after{animation:headline-scan .58s both}
@keyframes headline-swap{0%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-.14em) skewX(-5deg)}32%{opacity:0;transform:translateY(.18em) skewX(5deg)}64%{opacity:1;transform:translateY(-.025em)}100%{opacity:1;transform:translateY(0)}}
@keyframes headline-slice{0%,100%{opacity:0;transform:translateX(0)}12%{opacity:.7;transform:translateX(4px)}22%{opacity:0;transform:translateX(-3px)}48%{opacity:.5;transform:translateX(-2px)}65%{opacity:0;transform:translateX(0)}}
@keyframes headline-scan{0%,100%{opacity:0;transform:scaleX(0)}22%{opacity:.7;transform:scaleX(.85)}40%{opacity:0;transform:scaleX(1)}}
@media(max-width:680px){.headline-cycle{max-width:88vw}}
@media(prefers-reduced-motion:reduce){.headline-cycle:after,.headline-word:before,.headline-word:after{display:none}}