:root{--bg:#080c12;--surface:#121a25;--text:#edf3f8;--muted:#a6b4c5;--line:#344356;--ice:#9bdbff;--amber:#f8ba75;--up:#80deb2;--down:#ffa0aa;--hero-scale:1;--hero-shift:0px;--orbit-turn:-25deg;--pointer-x:0px;--pointer-y:0px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Space Grotesk',Arial,sans-serif}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--ice);outline-offset:5px}::selection{background:var(--ice);color:var(--bg)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ice);color:var(--bg);padding:12px}.skip:focus{top:10px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:23px;letter-spacing:-1px;font-weight:700;text-decoration:none;white-space:nowrap}.brand-icon{display:inline-block;width:36px;height:40px;overflow:hidden;position:relative}.brand-icon img{position:absolute;inset:-12px;width:64px;height:64px;max-width:none}.eyebrow,.hero-caption,.step,.card-label{font:11px/1.6 'IBM Plex Mono',Consolas,monospace;text-transform:uppercase;letter-spacing:1.5px}.eyebrow{color:var(--muted)}header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 5%;border-bottom:1px solid #34435666;background:#080c12ed;backdrop-filter:blur(14px)}header nav{display:flex;gap:28px}header nav a{font-size:13px;color:var(--muted);text-decoration:none}header nav a:hover{color:var(--ice)}.header-actions{display:flex;align-items:center;gap:15px}.quiet{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;background:transparent;min-height:38px;padding:8px 11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;border:1px solid #55657a;border-radius:7px;padding:13px 22px;min-height:48px;text-decoration:none;font-weight:600;font-size:14px;background:#17212e;transition:background .15s,border-color .15s}.button:hover{background:#26384d;border-color:#9bdbff}.button.primary{background:var(--ice);border-color:var(--ice);color:var(--bg)}.button.primary:hover{background:#c6ebff}.button.small{min-height:40px;font-size:12px;padding:10px 16px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid #70869b;padding:7px 0}.text-link:hover{color:var(--ice)}.hero-journey{height:210vh}.hero-stage{height:100vh;min-height:690px;position:sticky;top:0;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{transform:translate3d(var(--pointer-x),calc(var(--hero-shift) + var(--pointer-y)),0) scale(var(--hero-scale));transform-origin:68% 50%;will-change:transform}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:65% center;background:var(--bg)}.hero-shade{background:linear-gradient(90deg,#080c12ef 0%,#080c1299 35%,transparent 75%),linear-gradient(0deg,#080c12 0%,transparent 25%);pointer-events:none}.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#9bdbff0d,transparent 60%);pointer-events:none}.orbital-trace{position:absolute;width:40%;height:17%;left:50%;top:40%;border:1px solid #9bdbff26;border-radius:50%;transform:rotate(var(--orbit-turn));pointer-events:none}.trace-two{transform:rotate(calc(var(--orbit-turn) * -1));border-color:#f8ba7522}.hero-content{position:relative;max-width:1460px;margin:auto;padding:clamp(155px,22vh,245px) 6% 130px;z-index:2}.hero-content .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:var(--ice);border-radius:50%}h1{font:600 clamp(76px,8.7vw,134px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:25px 0 26px}h1 span,.closing h2 span{color:var(--ice)}.hero-content p{font-size:18px;color:#c1ceda;margin-bottom:29px}.hero-disclaimer{font-size:11px;color:var(--muted);margin-top:21px}.hero-chapter{position:absolute;right:6%;bottom:110px;text-align:right;max-width:330px}.hero-chapter strong{font-size:22px;display:block;margin-top:7px;font-weight:500}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-caption{color:#a6b4c5;text-align:right;font-size:10px}.scroll-track{width:180px;height:2px;margin-top:12px;background:var(--line)}.scroll-track i{display:block;height:100%;background:var(--ice);width:0}.content{max-width:1340px;margin:auto;padding:0 6%}.intro-section{padding:75px 0 95px}.intro-section h2{margin-bottom:25px}.intro-section h2 span{color:var(--muted)}h2{font:600 clamp(40px,5vw,70px)/1.03 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin-top:15px}.intro-section>p{max-width:660px;color:var(--muted)}.trade-paths{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.trade-paths a{padding:30px 24px;text-decoration:none;display:flex;gap:15px;align-items:start;border-right:1px solid var(--line);transition:background .15s}.trade-paths a:first-child{padding-left:0}.trade-paths a:last-child{border:0}.trade-paths a:hover{background:#121a2580}.trade-paths h3{font-size:19px;margin:0 0 8px}.trade-paths p{font-size:13px;color:var(--muted)}.path-icon{font-size:26px;line-height:1;color:var(--ice)}.long{color:var(--up)}.short{color:var(--down)}.fine{font-size:12px;margin-top:20px}.portal-section{padding-bottom:90px}.portal-image{position:relative;overflow:hidden;aspect-ratio:2.15;border:1px solid var(--line);border-radius:12px}.portal-image img{width:100%;height:100%;object-fit:cover;display:block}.portal-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080c12b0,transparent 55%)}.image-caption{position:absolute;bottom:23px;left:30px;z-index:1;font-size:13px;letter-spacing:.2px}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin:55px 0 35px}.section-top p{font-size:15px;color:var(--muted);max-width:480px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{padding:25px 0;border-top:1px solid var(--line)}.step{color:var(--ice)}.steps h3{font-size:23px;margin:20px 0 12px;font-weight:500}.steps p{font-size:14px;color:var(--muted);margin-bottom:20px}.steps a{font-size:13px;color:var(--ice);text-decoration:none}.clarity-section{padding:20px 0 80px;border-top:1px solid var(--line)}.position-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.position-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:30px}.position-card h3{font-size:22px;margin:15px 0}.position-card p{font-size:14px;color:var(--muted)}.position-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:24px;font-size:11px}.position-flow span{border:1px solid var(--line);padding:6px 9px;border-radius:4px}.position-flow b{font-weight:400;color:var(--muted)}.risk{border-left:2px solid var(--amber);padding:10px 20px;margin-top:30px;max-width:870px}.risk strong{font-size:14px;color:var(--amber)}.risk p{font-size:13px;color:var(--muted);margin-top:5px}.fees-section{padding:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:75px;border-block:1px solid var(--line)}.fees-section p{font-size:14px;color:var(--muted);margin-top:20px}.fees{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fees>div{border-bottom:1px solid var(--line);padding:20px}.fees b{font:600 62px/1 'Barlow Condensed',Impact,sans-serif;display:block}.fees b span{font-size:26px;color:var(--ice)}.fees>div>span{display:block;font-size:13px;color:var(--muted);margin-top:12px}.faq-section{padding:80px 0;max-width:900px;margin:auto}.faq-section h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:15px;max-width:740px}.closing{text-align:center;padding:70px 0 100px}.closing h2{font-size:clamp(60px,8vw,110px);line-height:.95;margin-bottom:33px}.closing .actions{justify-content:center}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 0 42px;border-top:1px solid var(--line)}footer>span{font:10px 'IBM Plex Mono',monospace;color:var(--muted)}footer>a:last-child{font-size:12px;color:var(--muted)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.motion-ready .reveal.seen{opacity:1;transform:none}.motion-off .hero-journey{height:auto}.motion-off .hero-stage{position:relative}.motion-off .hero-media{transform:none;will-change:auto}.motion-off .orbital-trace{display:none}.motion-off .reveal{opacity:1;transform:none;transition:none}html:has(.motion-off){scroll-behavior:auto}@media(max-width:1000px){header nav{gap:15px}.hero-content{padding-top:180px}h1{font-size:95px}.hero-chapter{max-width:220px}.hero-chapter strong{font-size:19px}.trade-paths{grid-template-columns:1fr}.trade-paths a,.trade-paths a:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.trade-paths a>span:last-child{margin-left:auto}.steps{gap:24px}.section-top{gap:30px}.fees-section{gap:35px}}@media(max-width:650px){header{padding:12px 5%;gap:10px}.brand{font-size:20px;gap:3px}.brand-icon{width:31px}header nav{display:none}.header-actions{gap:8px}.header-actions .button{padding:8px 10px;font-size:11px}.quiet{font-size:10px;padding:8px;min-height:40px}.hero-journey{height:180vh}.hero-stage{min-height:720px}.hero-content{padding:135px 6% 170px}h1{font-size:clamp(65px,14vw,88px)}.hero-content p{font-size:16px}.hero-media video{object-position:68% center}.hero-shade{background:linear-gradient(90deg,#080c12dc,#080c1244),linear-gradient(0deg,#080c12 0%,transparent 45%)}.hero-chapter{bottom:98px;right:6%;max-width:220px}.hero-chapter strong{font-size:17px}.hero-caption{display:none}.hero-bottom .eyebrow{font-size:10px}.hero-disclaimer{max-width:260px;line-height:1.7}.actions{gap:16px}.button{padding:12px 16px;font-size:13px}.text-link{font-size:12px}.intro-section,.portal-section,.faq-section{padding:50px 0}.section-top,.steps,.position-cards,.fees-section{grid-template-columns:1fr}.section-top{gap:25px;margin-top:35px}.steps{gap:8px}.portal-image{aspect-ratio:1.2}.image-caption{left:18px;bottom:17px;font-size:11px}.position-card{padding:23px}.fees-section{padding:50px 0;gap:25px}.closing{padding:45px 0 70px}.closing h2{font-size:70px}footer{gap:20px}.hero-content .eyebrow{font-size:10px}.hero-content .actions{max-width:330px}.orbital-trace{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-journey{height:auto}.hero-stage{position:relative}.hero-media{transform:none!important}.orbital-trace{display:none}.reveal{opacity:1!important;transform:none!important}}

/* Keep hero controls clear of the scroll cue on shorter displays. */
@media(min-width:651px) and (max-height:850px){.hero-content{padding-top:clamp(118px,18vh,153px)}.hero-content h1{font-size:clamp(64px,10.5vh,89px);margin:20px 0}.hero-content p{font-size:16px;margin-bottom:22px}.hero-disclaimer{margin-top:16px}.hero-chapter{bottom:110px}.hero-bottom{bottom:25px}}

/* Blender / real-time Gravity scene. The front haze sits above copy but never captures input. */
#gravity-stage{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none;z-index:0}
#gravity-stage canvas{display:block;width:100%;height:100%}
.gravity-poster{width:100%;height:100%;object-fit:cover;object-position:65% center}
.hero-media{transform:none;will-change:auto;transition:opacity .7s}
.scene-ready #gravity-stage{opacity:1}.scene-ready .hero-media{opacity:0}
.hero-shade{z-index:1;background:linear-gradient(90deg,#080c12e8 0%,#080c1280 35%,transparent 70%),linear-gradient(0deg,#080c12 0%,transparent 20%)}
.gravity-front-mist{position:absolute;inset:0;z-index:3;pointer-events:none;width:100%;height:100%;opacity:0;transition:opacity .7s}
.scene-ready .gravity-front-mist{opacity:1}.hero-bottom,.hero-chapter{z-index:4}
@media(max-width:650px){.gravity-poster{object-position:68% center}.hero-shade{background:linear-gradient(90deg,#080c12b0,#080c1222),linear-gradient(0deg,#080c12 0%,transparent 35%)}}
@media(prefers-reduced-motion:reduce){#gravity-stage,.gravity-front-mist,.hero-media{transition:none}}
.gate-journey{position:relative;background:#080c12;border-block:1px solid #34435666;scroll-margin-top:0}.gate-stage{position:relative;overflow:hidden;min-height:760px}.gate-canvas,.gate-vignette{position:absolute;inset:0;pointer-events:none}.gate-canvas{background:linear-gradient(#080c1255,#080c1299),url('/assets/gravity/gravity-architecture.png') center/cover}.gate-canvas canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s}.gate-loaded .gate-canvas canvas{opacity:1}.gate-vignette{background:linear-gradient(0deg,#080c12 0%,transparent 24%,transparent 80%,#080c1288),radial-gradient(ellipse at center,#080c1244 10%,#080c1299 95%)}
.gate-heading,.gate-footer{position:absolute;left:6%;right:6%;z-index:3;display:flex;justify-content:space-between;gap:20px;align-items:center}.gate-heading{top:105px}.gate-skip{font:11px 'IBM Plex Mono',monospace;color:#c7d7e4;text-underline-offset:5px}.gate-cards{position:relative;padding:190px 6% 120px;display:grid;gap:55px;text-align:center}.gate-card{max-width:720px;margin:auto;color:#edf3f8;text-shadow:0 3px 30px #000}.gate-card h2,.gate-card h3{font:600 clamp(48px,6.5vw,94px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:22px 0}.gate-card h2 span{color:var(--ice)}.gate-card .step{color:var(--ice);font-size:13px;letter-spacing:4px}.gate-card p{max-width:540px;margin:0 auto 24px;color:#d0dce7;font-size:17px;line-height:1.75}.gate-card a{display:inline-block;border-bottom:1px solid #9bdbff99;padding:9px 0;font-size:14px;color:var(--ice);text-decoration:none}.gate-footer{bottom:34px;flex-wrap:wrap;font:10px 'IBM Plex Mono',monospace;letter-spacing:1.4px;color:#bed0df}.gate-meter{flex-basis:100%;height:1px;background:#344356}.gate-meter i{display:block;width:0;height:1px;background:var(--ice)}
.gate-animated{height:500vh}.gate-animated .gate-stage{height:100vh;min-height:620px;position:sticky;top:0}.gate-animated .gate-cards{position:absolute;inset:0;padding:0;display:block;perspective:900px}.gate-animated .gate-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(720px,86%);padding:115px 0 90px;will-change:transform,opacity,filter;transform-origin:50% 50%}.gate-animated .gate-card[aria-hidden="true"]{pointer-events:none}.gate-fallback .gate-canvas canvas{display:none}
@media(max-width:650px){.gate-heading{top:95px;gap:12px}.gate-heading .eyebrow{font-size:9px;letter-spacing:1px}.gate-skip{font-size:10px;white-space:nowrap}.gate-card h2,.gate-card h3{font-size:clamp(48px,13vw,66px)}.gate-card p{font-size:14px;line-height:1.75}.gate-footer{font-size:8px;letter-spacing:.8px}.gate-animated{height:460vh}.gate-animated .gate-card{width:86%}.gate-stage{min-height:700px}}
@media(prefers-reduced-motion:reduce){.gate-journey{height:auto!important}.gate-stage{position:relative!important;height:auto!important}.gate-cards{position:relative!important;display:grid!important;padding:170px 6% 110px!important}.gate-card{position:relative!important;inset:auto!important;transform:none!important;filter:none!important;opacity:1!important;padding:0!important}.gate-canvas canvas{transition:none}}

/* Shared motion language: settle, hold, then release. Content stays visible without JS. */
.motion-ready .reveal,.motion-ready .reveal.seen{opacity:1;transform:none;transition:none}
.hero-content{will-change:transform,opacity}.gate-canvas{transform-origin:50% 50%;will-change:transform,opacity}
.intro-section,.clarity-section,.fees-section,.faq-section,.closing{position:relative}
.clarity-section:before,.fees-section:before,.faq-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#9bdbff99,#f8ba7544,transparent);transform:scaleX(var(--line-reveal,1));transform-origin:left;pointer-events:none}
.button,.text-link,.trade-paths a,.position-card{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s cubic-bezier(.2,.7,.2,1)}
.button span,.trade-paths a>span:last-child{display:inline-block;transition:transform .25s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body:not(.motion-off) .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9bdbff13}body:not(.motion-off) .button:hover span{transform:translate(2px,-2px)}body:not(.motion-off) .trade-paths a:hover>span:last-child{transform:translate(3px,-3px)}body:not(.motion-off) .position-card:hover{transform:translateY(-3px);border-color:#68859d}}
.button:active{transform:translateY(0)}
.faq-section summary{transition:color .2s}.faq-section details[open] summary{color:var(--ice)}
.closing:before{content:'';position:absolute;inset:0 -5%;background:radial-gradient(ellipse at center,#9bdbff0b,transparent 67%);pointer-events:none;z-index:-1}
.motion-off .hero-content,.motion-off .gate-canvas{will-change:auto}
@media(prefers-reduced-motion:reduce){.hero-content,.gate-canvas{transform:none!important;opacity:1!important;will-change:auto}.intro-section,.clarity-section,.fees-section,.faq-section,.closing{opacity:1!important}}


/* Neutral loading/fallback atmosphere; never flash the retired sphere poster. */
.hero-media{background:radial-gradient(ellipse at 73% 43%,#21364a66,transparent 42%),radial-gradient(ellipse at 85% 70%,#76512c22,transparent 38%),#080c12}


.brand-icon{width:34px;height:34px;display:inline-flex;align-items:center;overflow:visible}.brand-icon img{position:static;inset:auto;width:34px;height:34px;max-width:100%}


/* Shared footer navigation: quiet, spaced links with full touch targets. */
.site-footer{align-items:center;gap:20px 28px;line-height:1.6}
.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;white-space:normal}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;font:500 12px/1.5 'Space Grotesk',sans-serif;letter-spacing:0;color:var(--muted);text-decoration:none;text-transform:none;transition:color .15s ease}
.site-footer nav a:hover{color:var(--ice);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-footer nav a:focus-visible{outline:2px solid var(--ice);outline-offset:5px;border-radius:2px}
@media(max-width:650px){.site-footer{align-items:flex-start;gap:12px}.site-footer nav{width:100%;gap:4px 24px}}

/* Let mobile hero copy determine its height instead of colliding with pinned captions. */
@media(max-width:650px){
 .hero-journey{height:auto}.hero-stage{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;padding-bottom:24px;overflow:hidden}
 .hero-content{width:100%;padding:112px 6% 24px;margin:0;transform:none!important;opacity:1!important}
 .hero-content h1{font-size:clamp(52px,14vw,78px);line-height:.96;margin:22px 0}.hero-content p{font-size:15px;line-height:1.6;margin-bottom:24px}
 .hero-content .actions{max-width:none;align-items:flex-start;gap:12px 20px}.hero-content .button{min-height:48px}.hero-content .text-link{min-height:44px;display:inline-flex;align-items:center}
 .hero-disclaimer{margin-top:18px;max-width:280px}.hero-chapter{position:relative;inset:auto;text-align:left;max-width:none;margin:0 6% 24px;z-index:4}.hero-chapter .eyebrow{font-size:9px}.hero-chapter strong{font-size:16px;margin-top:4px}
 .hero-bottom{position:relative;inset:auto;margin:auto 6% 0;padding-top:8px}.hero-bottom .eyebrow{font-size:9px}.hero-shade{background:linear-gradient(90deg,#080c12e8,#080c1288 65%,#080c1244),linear-gradient(0deg,#080c12,transparent 45%)}
 .gravity-front-mist{opacity:.3!important}.header-actions{gap:6px}.header-actions .button{font-size:10px;padding:8px}.brand{font-size:19px}.quiet{padding:7px;font-size:9px}
}

.site-footer .footer-x{gap:8px}