body{overflow-x:clip}
.page-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:99;background:#a0e7ff08;pointer-events:none}.page-progress>span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--page-progress,0));box-shadow:0 0 15px var(--accent)}
.header{position:fixed;transition:height .4s,background .4s,backdrop-filter .4s}.header.scrolled{height:75px;background:#070b12bc;backdrop-filter:blur(16px)}.header nav{gap:26px}.hero-copy{will-change:transform,opacity}.hero h1{perspective:1000px}.hero h1>span{animation:title-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.hero h1>span+span{animation-delay:.13s}.hero-description{animation:title-arrive 1.2s .25s cubic-bezier(.16,1,.3,1) both}.hero-actions{animation:title-arrive 1.2s .38s cubic-bezier(.16,1,.3,1) both}.hero-vignette{background:linear-gradient(90deg,#070b12b5,transparent 65%),linear-gradient(0deg,#070b12,transparent 20%,transparent 85%,#070b1244)}
.journey{height:340svh;position:relative;border-bottom:1px solid var(--line);background:#070b12}.journey-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 72% 53%,#142d3b85,transparent 60%)}.journey-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#62839f0c 1px,transparent 1px),linear-gradient(90deg,#62839f0c 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 70%);transform:perspective(700px) rotateX(12deg) scale(1.3)}.spatial-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.spatial-canvas:active{cursor:grabbing}#core-canvas{z-index:-1}.journey-top{position:absolute;left:7%;right:7%;top:135px;display:flex;align-items:center;justify-content:space-between}.journey-top .eyebrow{font-size:8px;margin:0}.chapter-count{font:10px var(--mono);letter-spacing:2px;color:#647d91}.chapter-count b{font-weight:400;color:var(--accent)}.journey-copy{position:absolute;left:7%;top:35%;width:42%;pointer-events:none}.journey-copy .eyebrow{font-size:8px;letter-spacing:2px;color:#6e879d;margin-bottom:24px}.journey-copy h2{font-size:clamp(38px,4.25vw,68px);line-height:1.38;letter-spacing:-2px;font-weight:400;margin:0 0 28px}.journey-copy h2 span{color:var(--accent)}.journey-copy>p:last-of-type{font-size:12px;line-height:2.2;letter-spacing:.4px;color:#8da2b5;max-width:360px}.journey-copy.phase-change h2{animation:phase-arrive .65s cubic-bezier(.16,1,.3,1)}.journey-phases{display:flex;gap:25px;margin-top:34px;font-size:9px;letter-spacing:1px;color:#4a5d70}.journey-phases span{padding-top:14px;border-top:1px solid #4d6b862b;transition:color .4s,border .4s;min-width:65px}.journey-phases .active{color:var(--accent);border-color:var(--accent)}.core-hud{position:absolute;top:30%;right:8%;font:8px var(--mono);letter-spacing:1px;color:#738da2;display:flex;flex-direction:column;gap:8px}.core-hud>span:first-child{color:#b7cbdc}.hud-cross{font-size:25px!important;color:var(--accent);margin-top:12px}.core-controls{position:absolute;right:9%;bottom:105px;display:flex;gap:12px}.glass-button{background:#0c1726a6;border:1px solid #88b9db33;backdrop-filter:blur(14px);padding:15px 20px;font-size:10px;letter-spacing:1px;display:flex;gap:24px;align-items:center;transition:border-color .3s,background .3s}.glass-button span{color:var(--accent);font-size:17px}.glass-button:hover,.glass-button[aria-pressed=true]{background:#19324785;border-color:#8bbddd88}.journey-bottom{position:absolute;left:7%;right:7%;bottom:38px;display:flex;align-items:center;gap:30px;font:7px var(--mono);letter-spacing:1.3px;color:#60788d}.journey-meter{flex:1;height:1px;background:#3e5a7144}.journey-meter>span{display:block;height:1px;background:var(--accent);width:0;box-shadow:0 0 12px var(--accent)}#journey-percent{font-variant-numeric:tabular-nums;color:#abc2d4}.core-fallback{position:absolute;right:10%;top:29%;width:33vw;height:33vw;display:grid;place-items:center;border:1px solid #81aacc40;border-radius:50%;transform:rotate(-30deg);color:var(--accent);font-size:120px;z-index:-1}.core-fallback:before,.core-fallback:after{content:'';position:absolute;inset:-30px;border:1px solid #81aacc40;border-radius:50%;transform:rotateY(55deg)}.core-fallback:after{transform:rotateX(55deg)}.has-core .core-fallback{display:none}
.worlds{padding-top:100px}.world-grid{perspective:1200px}.world-card{transform-style:preserve-3d;--tilt-x:0deg;--tilt-y:0deg}.world-card.visible{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:opacity .85s,transform .2s ease-out,border .3s}.world-card.visible:hover{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px)}.world-card .card-top,.world-card .card-bottom{transform:translateZ(28px)}.world-card .mini-system{transform:translateZ(45px)}.world-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#c7edff16,transparent 55%);opacity:0;transition:opacity .3s}.world-card:hover:after{opacity:1}.world-card .mini-orb{transition:transform .5s}.world-card .mini-ring{transition:transform .6s}.world-card:hover .mini-ring{transform:rotate(-36deg) translateZ(20px)}.world-card.aurora:hover .mini-ring{transform:rotate(44deg) translateZ(20px)}
.gravity-lab{padding-top:90px;padding-bottom:120px;border-top:1px solid var(--line)}.lab-console{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #87bad336;min-height:580px;position:relative;background:#0b121a}.lab-viewport{position:relative;min-height:580px;overflow:hidden;background:radial-gradient(ellipse at center,#122330,transparent 70%);isolation:isolate}.lab-viewport:before{content:'';position:absolute;inset:25px;border:1px solid #769ab51a;pointer-events:none;z-index:2}.lab-corner{position:absolute;font:7px var(--mono);letter-spacing:1.5px;color:#61829b;pointer-events:none;z-index:3}.lab-corner.top-left{top:40px;left:42px;display:flex;gap:9px;align-items:center;color:#abc0d0}.lab-corner.top-right{top:40px;right:42px}.lab-corner.bottom-left{bottom:40px;left:42px}.lab-corner.bottom-right{bottom:40px;right:42px}.lab-panel{padding:39px 30px;background:linear-gradient(150deg,#101e2b,#0c141e);border-left:1px solid #87bad326}.lab-panel .eyebrow{font-size:7px;letter-spacing:1.3px;color:#7898b0;margin-bottom:17px}.lab-panel h3{font-size:23px;font-weight:400;letter-spacing:2px;margin:0}.panel-intro{font-size:10px;letter-spacing:.7px;color:#7290a8;margin:14px 0 34px}.panel-label{display:block;font:8px var(--mono);letter-spacing:1px;color:#81a0b7;margin-bottom:13px}.lab-modes{display:grid;gap:8px;margin-bottom:27px}.lab-modes button{background:#080f1980;border:1px solid #7394b124;display:flex;align-items:center;gap:18px;padding:13px 14px;font-size:10px;text-align:left;letter-spacing:1px;color:#8da5b9;transition:border .3s,background .3s}.lab-modes button>span{font-size:20px;color:#7095b4;width:22px;text-align:center}.lab-modes button i{margin-left:auto;font:8px var(--mono);font-style:normal;color:#49647c}.lab-modes button.active{border-color:#91c1df88;background:#1c354440;color:#deeff9}.lab-modes button.active>span{color:var(--accent)}.lab-panel output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}#gravity-range{width:100%;height:20px;accent-color:var(--accent);cursor:ew-resize;margin:0}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#647d94;margin:6px 0 26px}.lab-panel .primary-button{width:100%;justify-content:space-between;height:45px;font-size:10px;padding:0 17px}.reset-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;color:#7e9bb4;margin-top:13px;padding:10px 0;font-size:9px;border-bottom:1px solid #5a7e9a2b}.reset-button span{font-size:16px}.panel-footnote{font-size:8px;line-height:1.8;color:#537189;margin:25px 0 0;display:flex;align-items:center;gap:7px}.panel-footnote .live-dot{width:3px;height:3px}.lab-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:160px;color:#a0e7ff55}.has-particles .lab-fallback{display:none}
.manifesto{padding-top:90px}.manifesto h2{perspective:600px}.manifesto h2 .reading-word{color:rgba(160,231,255,.2);transition:color .2s}.manifesto h2 .reading-word.lit{color:#e0edf5}.manifesto h2 .reading-word:nth-last-child(-n+5).lit{color:var(--accent)}.outro h2{transform-origin:left;will-change:transform}.outro-top .outro-orbit{transition:transform .1s}.ripple{position:absolute;border:1px solid #070b1270;border-radius:50%;width:20px;height:20px;pointer-events:none;animation:ripple-out .65s ease-out forwards}.primary-button{position:relative;overflow:hidden}.scroll-chapter-indicator{position:fixed;right:20px;bottom:24px;z-index:10;font:7px var(--mono);color:#809caf;letter-spacing:1px;background:#0a142090;padding:9px 12px;backdrop-filter:blur(12px);opacity:0;transition:opacity .3s}.scroll-chapter-indicator.visible{opacity:1}.immersive .scroll-chapter-indicator{display:none}
@keyframes title-arrive{from{opacity:0;transform:translateY(45px) rotateX(-15deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}@keyframes phase-arrive{from{opacity:.25;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes ripple-out{to{transform:scale(25);opacity:0}}
@media(max-width:1000px){.journey-copy h2{font-size:42px}.journey-copy{width:43%}.core-controls{right:7%}.lab-console{grid-template-columns:minmax(0,1fr) 260px}.lab-panel{padding:34px 23px}.lab-corner{font-size:6px;letter-spacing:.8px}.lab-corner.top-left{left:30px}.lab-corner.top-right{right:30px}.lab-corner.bottom-left{left:30px}.lab-corner.bottom-right{right:30px}.header nav{gap:16px}.header nav a{font-size:10px}.header nav span{margin-left:5px}}
@media(max-width:680px){.header.scrolled{height:65px}.journey{height:290svh}.journey-stage{min-height:650px}.journey-top{top:105px;left:7%;right:7%}.journey-top .eyebrow{font-size:6px;letter-spacing:1px}.chapter-count{font-size:8px}.journey-copy{top:160px;width:86%;left:7%}.journey-copy .eyebrow{font-size:6px;margin-bottom:16px}.journey-copy h2{font-size:36px;line-height:1.3;letter-spacing:-1px;margin-bottom:13px}.journey-copy>p:last-of-type{font-size:10px;line-height:2;max-width:260px}.journey-phases{margin-top:15px;font-size:7px;gap:19px}.journey-phases span{padding-top:10px;min-width:60px}.core-hud{right:7%;top:47%;font-size:6px;gap:5px;letter-spacing:.5px}.hud-cross{display:none}.core-controls{right:7%;left:7%;bottom:85px;justify-content:center;gap:10px}.glass-button{padding:12px 17px;font-size:9px;gap:20px}.journey-bottom{left:7%;right:7%;bottom:30px;gap:13px;font-size:5px;letter-spacing:.4px}.core-fallback{width:58vw;height:58vw;right:21%;top:48%;font-size:80px}.gravity-lab{padding-top:60px;padding-bottom:65px}.lab-console{grid-template-columns:1fr}.lab-viewport{min-height:360px}.lab-panel{border-left:0;border-top:1px solid #87bad326;padding:27px 25px}.lab-panel .eyebrow{font-size:6px;margin-bottom:12px}.lab-panel h3{font-size:22px}.panel-intro{margin-bottom:25px}.lab-modes{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:25px}.lab-modes button{flex-direction:column;gap:7px;align-items:center;padding:12px 5px;font-size:9px}.lab-modes button i{display:none}.lab-modes button>span{font-size:25px}.lab-panel .primary-button{height:48px}.lab-corner.top-left{top:30px;font-size:5px}.lab-corner.top-right{top:30px;font-size:5px}.lab-corner.bottom-left{bottom:30px}.lab-corner.bottom-right{bottom:30px}.lab-viewport:before{inset:17px}.panel-footnote{margin-top:17px}.worlds{padding-top:65px}.scroll-chapter-indicator{right:10px;bottom:10px;font-size:5px;padding:7px 8px}.manifesto{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.journey-stage{position:relative;height:100svh}.hero-copy,.outro h2,.world-card.visible,.world-card.visible:hover{transform:none!important}.world-card .card-top,.world-card .card-bottom,.world-card .mini-system{transform:none}.manifesto h2 .reading-word{color:#e0edf5}.journey-copy h2{animation:none}.journey-grid{transform:none}.page-progress{display:none}}