:root{color-scheme:dark;--bg:#02050a;--ink:#f0f5fb;--muted:#a3b2c4;--accent:#65b5ff;--line:#a3d5ff30;--panel:#07131fd9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#65b5ff;color:#020b14}a:hover{color:#92ceff}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}
.orbital-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#02050a}.orbital-background canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s}.orbital-background[data-ready] canvas{opacity:1}.orbital-background[data-fallback] canvas{opacity:0}.orbital-poster{position:absolute;width:min(85vw,720px);right:-5%;top:38%;height:auto;opacity:.8}.orbital-background[data-ready]:not([data-fallback]) .orbital-poster{visibility:hidden}.page-veil{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#02060db3, #02060d55 56%,#02060d12),linear-gradient(0deg,#02060d1a,#02060d05 65%)}body>header,main,body>footer{position:relative;z-index:2}#progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#65b5ff;z-index:20}
body>header{position:absolute;top:0;left:0;right:0;height:104px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;z-index:10}.identity{font-size:19px;font-weight:700;letter-spacing:-.75px}.identity span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:38px;font-size:13px;color:#d2dfed}.navcta{font-size:13px;border:1px solid #ffffff50;border-radius:30px;padding:13px 22px;background:#05132233}.navcta span{margin-left:25px}
.hero{min-height:680px;height:100svh;position:relative;padding:140px 9% 90px;display:flex;align-items:center}.hero-content{width:100%;max-width:1300px;margin:auto}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#8dcaff;box-shadow:0 0 12px #389bff77}h1{position:relative;font-size:clamp(66px,9.3vw,132px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:28px 0}em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;align-items:center;gap:48px;flex-wrap:wrap}.hero-bottom p{font-size:16px;line-height:1.65;color:#cbd9e7}.coordinates{position:absolute;right:5.5%;bottom:145px;font-size:9px;line-height:1.8;letter-spacing:1.3px;text-align:right;color:#9eb1c7}.hero-footer{position:absolute;left:5.5%;right:5.5%;bottom:35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#a0b3c9}
.pad{padding:125px 9%}h2{font-size:clamp(36px,4.9vw,74px);letter-spacing:-.055em;line-height:1.08;font-weight:500}.blue{color:var(--accent)}.muted{color:#90a5bb}.section-top{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-bottom:45px}.ecosystem{padding:38px 0;border-block:1px solid var(--line);background:#020a1494;overflow:hidden}.ecosystem .section-top{padding:0 5.5%;margin-bottom:28px}.fine{font-size:10px;line-height:1.7;color:#99aabe;max-width:850px;text-align:center;margin:26px auto 0;padding:0 25px}.vision{background:none}.vision h2{margin:36px 0 65px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:13%}.split p{color:#b3c2d3;font-size:16px;line-height:1.8}.split .large{font-size:24px;line-height:1.55;color:#e1ebf5}.split .highlight{margin-top:30px;color:#e1efff}
.manifesto{position:relative}.manifesto-inner{min-height:88svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:95px 20px;background:none}.manifesto h2{font-size:clamp(46px,7.2vw,108px);line-height:1.05;margin:35px 0}.gravity-word{color:white}.manifesto p{font-size:16px;color:#bfcee0;line-height:1.6}.services{background:none}.services h2{margin-bottom:65px}.service{display:grid;grid-template-columns:45px 1fr 1.1fr;gap:25px;border-top:1px solid var(--line);padding:37px 0;align-items:start}.service>span:first-child{color:#90a4bc;font-size:11px}.service h3{font-size:clamp(23px,2.5vw,38px);letter-spacing:-.04em;font-weight:500}.service p{font-size:14px;line-height:1.8;color:#b4c3d4}.symbol{color:var(--accent);font-size:25px}
.journey{background:none}.journey h2{margin:35px 0 65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps b{font-size:12px;color:var(--accent);font-weight:400}.steps h3{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:24px 0 15px}.steps p{color:#b2c2d4;font-size:14px;line-height:1.8}.contact{min-height:780px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;background:none}.contact h2{font-size:clamp(48px,6.8vw,100px);margin:40px 0 30px}.contact p{max-width:570px;font-size:16px;line-height:1.8;color:#c4d3e5}.button{display:flex;align-items:center;justify-content:space-between;gap:50px;background:#a7d6ff;color:#061523;border:1px solid #e0f2ff55;border-radius:5px;font-size:14px;font-weight:600;padding:20px 25px;margin:30px 0 20px}.button:hover{color:#061523;background:#d3eaff}.email{font-size:15px;color:#abc4de}
footer{padding:32px 5.5%;display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);background:#020810aa}footer>span{flex:1;color:#96abc1;font-size:10px;letter-spacing:1px}footer>a:not(.identity){font-size:9px;letter-spacing:.8px}footer button{border:0;background:none;color:#afc5dc;font-size:10px;cursor:pointer}.texture-credit{flex-basis:100%;font-size:9px!important;color:#91a5bd;letter-spacing:0!important;opacity:.8}.reveal{transition:opacity .7s,transform .7s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}.paused *{animation-play-state:paused!important}
.try-mission,.action{border-radius:26px;padding:14px 22px;background:#b1dcff;color:#061728;font-size:14px;font-weight:600;border:1px solid #e1f3ff77;cursor:pointer}.try-mission:hover,.action:hover{background:#e5f3ff;color:#061728}.mission{background:none}.mission>h2{margin:24px 0}.mission p{color:#c1d0e1;line-height:1.65}.network{margin:65px 0 24px;min-width:0}.network h3{font-size:clamp(30px,4.2vw,58px);letter-spacing:-.045em;font-weight:500;margin:18px 0}.sim-note{display:block;font-size:12px!important;color:#adbed3!important;letter-spacing:0!important;margin-top:12px}.api-belt{overflow:hidden;margin:22px 0;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}.belt-row,.belt-group{display:flex;width:max-content;align-items:center}.belt-row{animation:roll 105s linear infinite}.belt-group a{display:flex;align-items:center;gap:10px;padding:9px 23px;color:#eaf3ff;font-size:18px;white-space:nowrap}.belt-group img{width:27px;height:27px;object-fit:contain;background:white;border-radius:7px;padding:3px}.api-belt:hover .belt-row,.api-belt:focus-within .belt-row{animation-play-state:paused}@keyframes roll{to{transform:translateX(-50%)}}
.seller{margin:34px 0 60px;border:1px solid #92bde644;overflow:hidden;border-radius:18px;background:var(--panel);backdrop-filter:blur(15px)}.seller-head,.seller-status{padding:16px 5%;display:flex;justify-content:space-between;align-items:center}.seller small{font-size:10px;letter-spacing:.14em;color:#bfdcff}.seller-head span,.seller-status{font-size:13px;color:#a7c0db}.seller-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.product-slab{position:relative;display:grid;place-items:center;padding:38px 10%;background:radial-gradient(ellipse at 50% 49%,#234a6caa,#0c223a88 60%,#06121d66);overflow:hidden}.product-slab small{position:absolute;top:16px;left:18px}.product-slab img{width:min(80%,270px);height:auto}.product-slab>span{font-size:11px;letter-spacing:.45em;color:#d5eaff;margin-top:10px}:is(img[src$="chancla.webp"],image[href$="chancla.webp"]){filter:hue-rotate(-48deg) saturate(1.2)}.seller-controls{align-self:center;padding:30px 8%}.seller-controls h3{font-size:clamp(26px,3vw,46px);letter-spacing:-.05em;margin:12px 0}.seller-controls p{margin:10px 0 16px}.seller dl{margin:12px 0}.seller dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:13px}.seller dt{color:#abc3df}.seller dd{margin:0;color:#edf6ff}#seller-action{display:block;width:fit-content;max-width:100%;margin-inline:auto}#channel-list{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}#channel-list button{border-radius:18px;padding:6px 10px;background:#071a2b;border:1px solid #527a9c;color:#e8f3ff;display:flex;align-items:center;gap:5px;cursor:pointer}#channel-list [aria-pressed=true]{border-color:#7ec4ff;background:#12385b}#channel-list button:disabled{cursor:default}#channel-list img,.shelves div img{width:18px;height:18px;object-fit:contain;border-radius:4px;background:white}#dispatch{padding:24px 5%;border-top:1px solid var(--line);background:radial-gradient(ellipse at 42% 48%,#173a5266,#06142355 72%)}#dispatch-map{display:block;width:100%;height:clamp(265px,48vw,420px);max-height:none}#shelves:empty{display:none}#shelves:not(:empty){display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#528ab3 transparent;padding:6px 0 12px}.shelves article{display:grid;gap:5px;align-content:start;flex:0 0 clamp(133px,15vw,165px);scroll-snap-align:start;background:#0c2239cc;padding:12px;border:1px solid #608db655;border-radius:9px}.shelves div{display:flex;align-items:center;gap:5px;font-size:11px}.shelves article>img{width:100%;height:60px;object-fit:contain;margin:6px 0}.shelves b,.shelves article>span{font-size:12px}
@media(max-width:700px){html{scroll-padding-top:75px}body>header{height:80px;padding:0 6%}header .identity{font-size:17px}nav{display:none}.navcta{font-size:11px;padding:12px 18px}.navcta span{margin-left:18px}.hero{min-height:680px;padding:120px 7% 100px}.hero h1{font-size:clamp(50px,14vw,82px);margin:24px 0}.hero-bottom{flex-wrap:wrap;gap:24px}.hero-bottom p{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.45px}.coordinates{display:none}.hero-footer{font-size:7px;letter-spacing:.8px;gap:20px}.hero-footer span{max-width:50%}.pad{padding:85px 7%}.section-top{font-size:8px;letter-spacing:.8px;gap:18px}.ecosystem .section-top span:last-child{display:none}.vision h2{margin-bottom:35px}.split{grid-template-columns:1fr;gap:28px}.split .large{font-size:20px}.split p{font-size:14px}.manifesto-inner{min-height:75svh;padding:75px 5%}.manifesto h2{font-size:clamp(36px,9.8vw,58px)}.manifesto .eyebrow{font-size:7px}.manifesto p{font-size:14px}.service{grid-template-columns:25px 1fr;gap:12px;padding:28px 0}.service p{grid-column:2;grid-row:2;font-size:13px}.service .symbol{grid-column:3;grid-row:1}.service h3{font-size:24px}.services h2{margin-bottom:35px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px}.steps h3{font-size:21px;margin-top:18px}.steps p{font-size:13px}.journey h2{margin-bottom:40px}.contact{min-height:720px}.contact h2{font-size:11.8vw}.contact p{font-size:14px}footer{gap:20px}footer>span{font-size:8px}footer button{margin-left:auto}.try-mission{font-size:12px}.network{margin-top:45px}.seller{backdrop-filter:blur(8px)}.seller-grid{display:block}.product-slab{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:215px;padding:26px;overflow:visible}.product-slab img{display:block;flex:none;height:145px;width:145px;object-fit:contain}.seller-controls{padding:24px 20px}.seller-head span,.seller-status{font-size:11px}.belt-group a{font-size:16px;padding-inline:17px}.page-veil{background:linear-gradient(90deg,#02060d99,#02060d25),linear-gradient(#02060d11,#02060d33)}.orbital-poster{top:48%;right:-10%;width:100vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.js-motion .reveal:not(.visible){opacity:1;transform:none}.api-belt{overflow-x:auto}.belt-row{animation:none}.belt-group[inert]{display:none}.orbital-background canvas{transition:none}.paused *{scroll-behavior:auto}}

/* Keep the closing controls separate on narrow screens. */
@media(max-width:700px){
 footer{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;padding:28px 7%}
 footer>span{text-align:right;line-height:1.7}
 footer>a:last-of-type{grid-column:1/-1}
 footer>a:not(.identity):not(.texture-credit){grid-column:1/-1}
 footer button{margin:0;min-height:40px;text-align:left;font-size:11px}
 footer #motion{text-align:right}
 footer .texture-credit{grid-column:1/-1;line-height:1.8}
}

/* The portrait shares the planet camera; only its gentle drift runs independently. */
.hero-content,.hero-footer,.coordinates{z-index:2}
.hero-content{position:relative}
main>section:not(.hero){position:relative;z-index:2}
.astronaut-orbit{position:fixed;inset:0;width:100%;height:100svh;margin:0;overflow:hidden;pointer-events:none;z-index:1;visibility:hidden}
.astronaut-depth{position:absolute;left:0;top:0;width:clamp(175px,19vw,270px);transform-origin:center;will-change:transform,opacity}
.astronaut-float{display:block;width:100%;height:auto;animation:astronaut-drift 7.5s ease-in-out infinite;filter:drop-shadow(0 8px 22px #07162733)}
.astronaut-orbit[data-distant=true] .astronaut-float{animation-play-state:paused}
.astronaut-static,.paused .astronaut-orbit{position:absolute}
html:is(.flight-active,.flight-pending) .astronaut-orbit{visibility:hidden!important}
html:is(.flight-active,.flight-pending) .astronaut-float{animation-play-state:paused}
@keyframes astronaut-drift{0%,100%{transform:translate3d(0,-4px,0) rotate(-1.8deg)}50%{transform:translate3d(0,5px,0) rotate(1.2deg)}}
@media(max-width:700px){.astronaut-depth{width:clamp(108px,30vw,132px)}}
@media(prefers-reduced-motion:reduce){.astronaut-orbit{position:absolute}.astronaut-float{animation:none}}

/* Transient cosmic events remain behind the content and never capture gestures. */
.space-effects{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;contain:strict}
html:is(.flight-active,.flight-pending) .space-effects{visibility:hidden}
@media(prefers-reduced-motion:reduce){.space-effects{display:none}}

/* Keep the demo at a comfortable reading width instead of filling the screen. */
.mission{padding-block:80px}
.mission>.eyebrow,.mission>h2{max-width:900px;margin-inline:auto}
.mission>h2{font-size:clamp(32px,3.8vw,54px)}
.seller{width:100%;max-width:900px;margin:28px auto 46px;border-radius:16px}
.seller-head,.seller-status{padding:13px 24px}
.seller-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.product-slab{padding:32px 24px 22px;min-height:0}
.product-slab img{width:min(100%,190px);height:190px;object-fit:contain}
.product-slab>span{font-size:10px;margin-top:4px}
.seller-controls{min-width:0;padding:24px 28px}
.seller-controls h3{font-size:clamp(24px,2.5vw,32px);margin:10px 0}
.seller-controls p{font-size:14px;margin:8px 0 14px}
#seller-action{min-height:44px;padding:11px 20px;font-size:13px}
#dispatch{padding:20px 24px}
#dispatch-map{width:min(100%,540px);height:310px;margin-inline:auto}
@media(max-width:700px){
 .mission{padding-block:60px}
 .mission>.eyebrow{font-size:7px;letter-spacing:1.1px}
 .seller{margin-block:24px 36px;border-radius:14px}
 .seller-head,.seller-status{padding:12px 16px}
 .seller-head b{font-size:13px}.seller-head span{font-size:10px}.seller small{font-size:9px}
 .seller-grid{display:block}
 .product-slab{min-height:0;padding:28px 16px 12px}
 .product-slab small{top:12px;left:16px;font-size:8px}
 .product-slab img{width:104px;height:104px}
 .product-slab>span{font-size:9px;margin-top:0}
 .seller-controls{padding:16px 20px 22px}
 .seller-controls h3{font-size:24px;margin:8px 0}
 .seller-controls p{font-size:13px;margin-bottom:12px}
 #dispatch{padding:16px 12px}
 #dispatch-map{height:260px}
}