/* Honeydew's centered device composition and rounded surfaces, in Orbital's palette.
   Scoped to the homepage so article layouts retain their existing reading styles. */
.landing-page{--bg:#090b10;--text:#f5f5f7;--dim:#a5a9b4;--accent:#95bcff;--line:#292f3c;--maxw:1160px;background:#090b10;color:var(--text)}
.landing-page main{overflow:clip;background:radial-gradient(ellipse 650px 550px at 8% 1%,#18263e88,transparent),radial-gradient(ellipse 550px 650px at 100% 9%,#30203e55,transparent)}
.landing-page :where(main) h1,.landing-page :where(main) h2,.landing-page :where(main) h3{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;text-wrap:balance;letter-spacing:-.045em}
.landing-page :where(main) h2{font-size:clamp(2.25rem,4.4vw,3.6rem);line-height:1.08;margin:0 0 24px}
.landing-page :where(main) h2 span,.landing-hero h1 span{color:#a0bfff;background:linear-gradient(115deg,#b4ccff 10%,#75a8fa 52%,#bea9f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.landing-page p{color:var(--dim)}
.landing-page .btn{border-radius:999px}
.landing-page .appstore-btn{background:#f8f8fb;color:#080a10;border:1px solid #fff;box-shadow:0 5px 24px #0003}
.landing-page .appstore-glyph{background-color:transparent;filter:invert(1)}
.landing-page .appstore-text{color:inherit}
.landing-page .appstore-btn:hover{background:#e0eaff;box-shadow:0 8px 32px #92b4ff28}
.landing-kicker{font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.6;margin:0 0 20px;color:#a9bfe8!important}
.landing-kicker>span,.status-dot{display:inline-block;width:6px;height:6px;background:#91b4ff;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 12px #92b4ff88}
.landing-hero{text-align:center;padding-top:64px}
.landing-hero h1{font-size:clamp(3.3rem,6.6vw,5.5rem);line-height:1.02;margin:0 auto 26px;max-width:950px}
.landing-lead{font-size:clamp(1.0625rem,1.7vw,1.25rem);line-height:1.6;max-width:730px;margin:0 auto 28px}
.landing-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.landing-text-link{display:inline-flex;align-items:center;gap:12px;color:#e2e8f4;font-weight:650;font-size:1rem}
.landing-text-link span{font-size:1.4rem}
.landing-availability{font-size:.8125rem;margin:18px 0 0;color:#8f97a7!important}
.landing-stage{position:relative;isolation:isolate;width:100%;max-width:1060px;height:704px;margin:68px auto 0;text-align:left}
.landing-stage::before{content:"";position:absolute;inset:-12% -10%;z-index:-1;background:radial-gradient(ellipse at center,#2b4c8548,transparent 63%);pointer-events:none}
.stage-phone{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3;width:300px}
.landing-phone{background:#171a20;border-radius:46px;border:1px solid #ffffff26;padding:7px;box-shadow:0 30px 70px #0008,inset 0 0 0 1px #ffffff12;overflow:hidden}
.landing-phone img{width:100%;height:auto;border-radius:38px}
.stage-orbit{position:absolute;left:50%;top:39%;width:870px;height:400px;border:1px solid #8bafff1c;border-radius:50%;transform:translate(-50%,-50%) rotate(-21deg);z-index:-1;pointer-events:none}
.orbit-two{width:990px;height:470px;transform:translate(-50%,-50%) rotate(22deg);border-style:dashed;border-color:#8bafff10}
.float-card{position:absolute;border:1px solid #ffffff20;background:linear-gradient(130deg,#242b3cee,#141923f5);border-radius:24px;padding:22px;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff09;backdrop-filter:blur(20px);z-index:4}
.float-card strong{display:block;font-size:1.2rem;line-height:1.3;letter-spacing:-.025em}
.float-card small{display:block;font-size:.75rem;color:#a8b6d0;line-height:1.5}
.mini-label{font-size:.75rem;letter-spacing:.06em;font-weight:650;color:#a8b6d0;margin-bottom:12px}
.flight-card{top:64px;left:22px;width:274px;transform:rotate(-5deg)}
.mission-card-bottom{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff13;margin-top:19px;padding-top:17px}
.mission-card-bottom b{font-size:1rem}
.orbit-symbol{font-size:42px;color:#97b7fa;line-height:1}
.vehicle-card{top:105px;right:16px;width:277px;display:flex;align-items:center;gap:20px;transform:rotate(5deg);min-height:211px}
.vehicle-card img{object-fit:contain;width:55px;height:160px;filter:drop-shadow(0 10px 14px #8eabf833)}
.vehicle-card strong{font-size:1.5rem;margin:8px 0}
.vehicle-card span{font-size:.875rem;color:var(--dim);display:block}
.focus-card{left:46px;top:337px;width:310px;display:flex;align-items:center;gap:15px}
.focus-card strong{font-size:1rem;margin-top:5px}
.card-icon{width:47px;height:47px;border-radius:14px;background:#8fafff19;color:#a8c1f8;display:grid;place-items:center;font-size:24px;flex:none}
.reward-card{top:396px;right:4px;width:305px;display:flex;gap:13px;transform:rotate(3deg)}
.reward-card small{font-size:.75rem;color:#afc9b9}
.reward-card strong{margin-top:7px}
.reward-card p{font-size:.875rem;line-height:1.5;margin:8px 0 0}
.reward-check{display:grid;place-items:center;flex:none;width:35px;height:35px;background:#a7d5bb1a;color:#a4d6b7;border-radius:50%;font-size:20px}
.stage-spark{position:absolute;z-index:1;color:#b9cffa;font-size:30px}.spark-one{left:20%;top:540px}.spark-two{right:22%;top:25px}
.landing-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:22px 42px;padding-top:25px;padding-bottom:25px;border-block:1px solid #ffffff10;color:#a2a9b8;font-size:.875rem}
.landing-benefits span::before{content:'✓';margin-right:9px;color:#89a9de}
.landing-section{padding-top:112px;padding-bottom:32px;scroll-margin-top:110px}
.landing-heading{text-align:center;max-width:760px;margin:0 auto 52px}
.landing-heading>p:not(.landing-kicker){font-size:1.125rem;line-height:1.7;max-width:620px;margin:0 auto}
.focus-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
.focus-tile{min-width:0;overflow:hidden;min-height:366px;border:1px solid #ffffff13;border-radius:30px;background:#131720}
.tile-copy{padding:32px 32px 0}
.tile-copy h3{font-size:1.65rem;line-height:1.16;margin:14px 0 12px}
.tile-copy p{font-size:1rem;line-height:1.65;margin:0}
.tile-icon{font-size:24px;line-height:1;color:#aac4ff}
.tile-plan{background:radial-gradient(ellipse at 100% 100%,#354e823b,transparent 65%),#131720}
.duration-demo{display:flex;align-items:center;gap:10px;margin:30px 28px 32px;min-height:100px}
.duration-demo>div{position:relative;flex:1;padding:16px 12px;border:1px solid #ffffff13;background:#ffffff04;border-radius:16px}
.duration-demo span{display:block;font-size:.75rem;color:#a5afc2;white-space:nowrap}
.duration-demo b{display:block;font-size:1.7rem;margin-top:7px;line-height:1.2;font-weight:650;letter-spacing:-.025em}.duration-demo b small{font-size:.875rem;font-weight:500;color:#a5afc2}
.duration-demo .selected{border-color:#95b6fc80;background:#8cadfc13;transform:translateY(-7px)}
.duration-demo .duration-check{position:absolute;top:-10px;right:10px;background:#a8c4ff;color:#17233b;width:21px;height:21px;text-align:center;border-radius:50%;font-weight:bold}
.tile-lock{background:radial-gradient(ellipse at 50% 100%,#594a7233,transparent 65%),#15151e}
.lock-demo{display:flex;justify-content:center;align-items:center;gap:15px;margin:30px 20px 10px}.lock-demo span{width:42px;height:42px;display:grid;place-items:center;background:#ffffff06;border:1px solid #ffffff0a;border-radius:13px;color:#747788;font-size:22px;transform:rotate(-10deg)}
.lock-demo b{display:grid;place-items:center;width:75px;height:75px;font-size:40px;color:#bcabeb;border:1px solid #b5a0ee44;border-radius:24px;background:#b5a0ee13;box-shadow:0 0 45px #8d70d018}
.tile-caption{text-align:center;font-size:.8125rem!important;margin:0 20px 30px!important;color:#aaa3c4!important}
.tile-progress{background:radial-gradient(ellipse at 50% 100%,#254a7638,transparent 65%),#131720}
.progress-ships{display:flex;gap:60px;justify-content:center;padding:23px 24px 0;height:172px;overflow:hidden}.progress-ships img{height:180px;width:58px;object-fit:contain;object-position:top;filter:drop-shadow(0 0 16px #aac4ff20)}
.tile-minutes{background:radial-gradient(ellipse at 50% 100%,#345e4a22,transparent 65%),#131b1c}
.minute-demo{margin:28px 30px 30px;padding:20px;border:1px solid #9abca91f;background:#9abca908;border-radius:18px;text-align:center}.minute-demo>span{display:block;color:#a4d5b8;font-size:24px;margin-bottom:7px}.minute-demo strong{display:block;font-size:.9375rem}.minute-demo small{display:block;color:#96afa3;font-size:.8125rem;margin-top:5px}
.landing-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:150px}
.story-copy p:not(.landing-kicker){font-size:1.0625rem;line-height:1.75;margin-bottom:22px}.story-copy .landing-text-link{margin-top:8px}
.story-phones{position:relative;height:590px;isolation:isolate}.story-phones::before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse,#28487555,transparent 65%);z-index:-1}.story-phone-back,.story-phone-front{position:absolute;width:235px}.story-phone-back{top:5px;left:0;transform:rotate(-7deg)}.story-phone-front{right:0;top:78px;transform:rotate(7deg)}
.fleet-section .rocket-marquee{width:100%;margin-top:12px}.fleet-section .rocket-marquee-hint{font-size:.8125rem}.fleet-section .rocket-marquee-item{background:linear-gradient(#171d2780,#10131a);border:1px solid #ffffff12;border-radius:24px}.fleet-section .rocket-marquee-hint-pill{font-family:inherit;background:#ffffff09}
.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-panel{border-radius:30px;overflow:hidden;border:1px solid #ffffff12;background:radial-gradient(ellipse at 50% 100%,#3c426b55,transparent 65%),#13151e}.story-panel h2{font-size:2.2rem}.story-panel .tile-copy{padding:38px 36px 0}.story-panel .landing-kicker{font-size:.75rem}.panel-phone{max-width:260px;margin:36px auto -80px;transform:rotate(-4deg)}.history-panel{background:radial-gradient(ellipse at 50% 100%,#31545b55,transparent 65%),#121a1e}.history-panel .panel-phone{transform:rotate(4deg)}
.premium-band{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:75px;padding:52px 56px;border:1px solid #afc4ff25;border-radius:32px;background:radial-gradient(ellipse at 100% 100%,#3a528938,transparent),#151b28}.premium-band h2{font-size:3rem}.premium-band p{font-size:1rem;line-height:1.7}.premium-band .premium-note{font-size:.8125rem}.premium-action{display:flex;align-items:center;flex-direction:column;gap:25px}.premium-action img{border-radius:23px;box-shadow:0 16px 40px #0007}.premium-action>span{font-size:.8125rem;color:#96a1b7}
.landing-faq{max-width:790px;margin:auto}.landing-faq details{border-bottom:1px solid #ffffff18}.landing-faq summary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0;cursor:pointer;font-size:1.0625rem;font-weight:600;list-style:none}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary>span{font-size:24px;line-height:1;color:#a5b8d9;font-weight:400;transition:transform .2s}.landing-faq details[open] summary>span{transform:rotate(45deg)}.landing-faq details>p{margin:0;padding:0 35px 25px 0;line-height:1.75;font-size:1rem}.faq-help{text-align:center;font-size:.9375rem;margin-top:30px}.faq-help a{color:#b0caff}
.landing-closing{text-align:center;padding-bottom:115px}.landing-closing>img{margin:0 auto 28px;border-radius:25px;box-shadow:0 14px 55px #618cd222}.landing-closing>p{font-size:1.125rem;margin:0 0 25px}.landing-closing .landing-availability{font-size:.8125rem;margin:18px 0 0}
/* The demo previews remain readable even when scripting is unavailable. */
.landing-page .reveal{opacity:1;transform:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.focus-card{animation:landing-float 6s ease-in-out infinite}.spark-two{animation:landing-float 7s ease-in-out infinite alternate}@keyframes landing-float{50%{translate:0 -9px}}}
@media(max-width:1000px){.landing-stage{height:670px}.stage-phone{width:280px}.flight-card{left:0;width:240px}.vehicle-card{right:0;width:225px;gap:10px;padding:18px}.focus-card{left:0;width:270px}.reward-card{right:0;width:263px}.landing-story{gap:35px}.story-phone-back,.story-phone-front{width:205px}.story-phones{height:535px}.duration-demo{gap:6px;margin-inline:20px}.duration-demo>div{padding:16px 8px}.duration-demo span{font-size:.75rem;white-space:normal}.premium-band{gap:40px;padding:40px}}
@media(max-width:760px){.landing-hero{padding-top:45px}.landing-hero h1{font-size:clamp(3.1rem,9vw,4.5rem)}.landing-lead{max-width:520px}.desktop-break{display:none}.landing-stage{height:690px;margin-top:48px}.stage-phone{width:260px}.float-card{padding:16px}.flight-card{top:95px;left:0;width:210px;z-index:2}.vehicle-card{top:155px;right:0;width:185px;z-index:2}.focus-card{top:465px;left:0;width:260px}.reward-card{top:555px;right:0;width:267px}.stage-spark{display:none}.stage-orbit{width:650px}.landing-section{padding-top:80px}.landing-benefits{gap:12px 24px}.landing-heading{margin-bottom:35px}.focus-grid{gap:16px}.tile-copy{padding:25px 24px 0}.tile-copy h3{font-size:1.45rem}.focus-grid{grid-template-columns:1fr}.focus-tile{min-height:0}.duration-demo{margin:25px}.progress-ships{height:180px}.landing-story{grid-template-columns:1fr;gap:30px}.story-copy{max-width:550px;margin:auto}.story-phones{max-width:440px;width:100%;margin:auto;height:555px}.story-phone-back,.story-phone-front{width:230px}.story-pair{grid-template-columns:1fr}.story-panel h2{font-size:2rem}.story-panel .tile-copy{padding:30px 28px 0}.panel-phone{margin-bottom:-90px;max-width:260px}.story-panel{min-height:640px}.premium-band{grid-template-columns:1fr;gap:25px;padding:32px}.premium-band h2{font-size:2.6rem}.premium-action>img{display:none}.premium-action{align-items:flex-start;gap:15px}.landing-closing{padding-bottom:80px}}
@media(max-width:480px){.landing-hero h1{font-size:3.25rem}.landing-kicker{font-size:.75rem;letter-spacing:.075em}.landing-lead{font-size:1.0625rem}.landing-actions{gap:20px}.landing-stage{height:726px;margin-top:43px}.stage-phone{width:246px}.flight-card{top:387px;left:0;z-index:5;width:200px;transform:rotate(-5deg)}.flight-card .mission-card-bottom{margin-top:12px;padding-top:12px}.flight-card strong{font-size:1.1rem}.flight-card .mission-card-bottom small{font-size:.75rem}.vehicle-card{top:455px;right:0;width:152px;min-height:0;padding:12px;gap:8px;z-index:4}.vehicle-card img{height:105px;width:27px}.vehicle-card strong{font-size:1.125rem}.vehicle-card small{font-size:.75rem;line-height:1.2}.vehicle-card span{font-size:.75rem}.focus-card{top:596px;left:10px;width:calc(100% - 20px);padding:18px;z-index:6}.reward-card{display:none}.stage-orbit{top:34%;width:510px;height:310px}.landing-benefits{font-size:.8125rem;gap:12px 18px}.landing-heading>p:not(.landing-kicker){font-size:1rem}.landing-section{padding-top:65px}.landing-page :where(main) h2{font-size:2.35rem}.story-phone-back,.story-phone-front{width:200px}.story-phones{height:510px}.story-phone-front{top:70px}.landing-faq summary{font-size:1rem}.landing-closing h2{font-size:2.5rem}.landing-closing>p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.landing-page *, .landing-page *::before,.landing-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One continuous backdrop extends behind the unscrolled navigation. */
.landing-page{background:radial-gradient(900px 850px at 9% 0,#1a2b465c,transparent 75%),radial-gradient(750px 950px at 100% 350px,#35203c38,transparent 75%),#090b10}
.landing-page main{background:none}
.landing-page .nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.landing-page .nav:not(.scrolled) .nav-inner{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The app overlaps the Earth, with a flight HUD and app-blocking previews. */
.earth-app-stage{height:770px;max-width:1120px;margin-top:34px}
.earth-app-stage::before{background:radial-gradient(ellipse at 43% 52%,#1b355429,transparent 63%);inset:0}
.hero-earth-wrap{position:absolute;left:-95px;top:-8px;width:790px;height:790px;z-index:1;pointer-events:none}
#hero-earth{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .7s ease}
.earth-ready #hero-earth{opacity:1}
.hero-earth-fallback{position:absolute;inset:9.5%;border-radius:50%;background:radial-gradient(circle at 31% 35%,transparent 22%,#03081777 62%,#020409ed 94%),url('/assets/textures/earth_day_09.jpg') center/200% 100%;box-shadow:0 0 14px #699cf359;transition:opacity .7s ease}
.earth-ready .hero-earth-fallback{opacity:0}
.earth-app-stage .stage-phone{width:282px;left:auto;right:205px;top:70px;transform:rotate(5deg);z-index:3}
.earth-app-stage .flight-card{top:24px;left:20px;width:288px;transform:rotate(-4deg);z-index:4}
.earth-app-stage .flight-card strong{font-size:1.2rem}
.earth-app-stage .focus-card{top:460px;left:45px;width:313px;z-index:4}
.earth-app-stage .reward-card{top:556px;right:65px;width:322px;z-index:5;transform:rotate(-3deg)}
.earth-app-stage .reward-card strong{font-size:1.125rem}
.earth-app-stage .spark-one{left:58%;top:58px}
.earth-app-stage .spark-two{right:3%;top:380px}
@media(max-width:1000px){.earth-app-stage{height:750px}.hero-earth-wrap{width:690px;height:690px;left:-90px;top:20px}.earth-app-stage .stage-phone{right:25px;width:250px;top:90px}.earth-app-stage .flight-card{width:263px;left:0}.earth-app-stage .focus-card{left:0;top:450px;width:293px}.earth-app-stage .reward-card{top:554px;width:298px;right:0}}
@media(max-width:760px){.earth-app-stage{height:770px;margin-top:38px}.hero-earth-wrap{width:590px;height:590px;left:-160px;top:0}.earth-app-stage .stage-phone{width:222px;right:3px;top:136px;transform:rotate(5deg)}.earth-app-stage .flight-card{top:0;left:0;width:230px;padding:17px}.earth-app-stage .flight-card strong{font-size:1.0625rem}.earth-app-stage .mission-card-bottom{margin-top:12px;padding-top:12px}.earth-app-stage .mission-card-bottom b{font-size:.875rem}.earth-app-stage .focus-card{top:421px;left:0;width:260px;padding:17px}.earth-app-stage .focus-card strong{font-size:.9375rem}.earth-app-stage .reward-card{top:613px;right:4px;width:285px;display:flex;padding:17px}.earth-app-stage .reward-card strong{font-size:1rem}}
@media(max-width:480px){.earth-app-stage{height:815px;margin-top:25px}.hero-earth-wrap{width:470px;height:470px;left:-141px;top:63px}.earth-app-stage .stage-phone{width:186px;right:-5px;top:229px;transform:rotate(5deg)}.earth-app-stage .flight-card{top:0;left:0;width:222px;transform:rotate(-3deg);padding:16px}.earth-app-stage .flight-card .mini-label{font-size:.75rem;letter-spacing:.02em}.earth-app-stage .focus-card{top:465px;left:0;width:224px;padding:14px;gap:10px}.earth-app-stage .card-icon{width:33px;height:39px;border-radius:11px}.earth-app-stage .focus-card strong{font-size:.875rem}.earth-app-stage .focus-card small{font-size:.75rem}.earth-app-stage .reward-card{top:658px;right:6px;width:285px;padding:17px}.earth-app-stage .reward-card p{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){#hero-earth,.hero-earth-fallback{transition:none}}

@media(max-width:480px){.earth-app-stage .mission-card-bottom .orbit-symbol{display:none}}

/* The orbit overlay shares the globe viewport and never captures page gestures. */
#hero-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s}
.earth-ready #hero-orbits{opacity:1}

/* FlightDeckView's glass telemetry card, sized as one responsive HUD. */
.earth-app-stage .flight-hud{width:410px;max-width:100%;top:-12px;left:0;padding:18px 20px 24px;border-radius:38px;background:linear-gradient(140deg,rgba(114,142,177,.20),rgba(18,27,42,.37));border:1px solid #dbe9ff45;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff0d,0 20px 55px #0005;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transform:rotate(-3deg);animation:none;container-type:inline-size;color:#f2f6ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.hud-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;font-weight:600;letter-spacing:.5px;color:#c6d5e9}.hud-heading>span{display:flex;align-items:center;gap:6px}.hud-heading .status-dot{width:5px;height:5px;background:#a9ceff;flex-shrink:0}.hud-heading button{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #fff3;border-radius:50%;background:#ffffff0d;color:#fff;cursor:pointer;font-size:14px}.hud-heading button:hover{background:#ffffff26}.hud-heading button:focus-visible{outline:2px solid #b6d2ff;outline-offset:3px}
.hud-stage-arc{width:100%;height:auto;display:block;margin:2px 0 8px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.hud-stage-arc path{fill:none;stroke:#e0eaff38;stroke-width:2.5}.hud-stage-arc .hud-flown{stroke:#accfff}.hud-stage-arc .hud-now{stroke:white;stroke-linecap:round}.hud-stage-arc circle{fill:#b4d4ff}.hud-stage-arc text{fill:#c1cfe2;font-size:7.5px;text-anchor:middle;letter-spacing:.5px}
.hud-telemetry{display:grid;grid-template-columns:78px minmax(0,1fr) 78px;gap:8px;align-items:center;text-align:center}.hud-gauge{position:relative;width:78px;padding-bottom:12px}.hud-gauge svg{display:block;width:100%}.hud-gauge circle{fill:none;stroke:#ffffff24;stroke-width:5;stroke-linecap:round;stroke-dasharray:78 100;transform:rotate(129.6deg);transform-origin:center}.hud-gauge .hud-gauge-fill{stroke:#adceff;stroke-dasharray:74 100;filter:drop-shadow(0 0 3px #a3c5ff55)}.hud-gauge-value{position:absolute;left:0;right:0;top:28px;font-size:17px;font-weight:700}.flight-hud .hud-gauge small{position:absolute;bottom:0;left:-6px;right:-6px;font-size:7px;letter-spacing:.5px;white-space:nowrap;color:#ced8e8}.hud-center{min-width:0}.hud-center>span{display:block;font:700 9px system-ui,sans-serif;letter-spacing:1px;white-space:nowrap;color:#bdcadd}.hud-center time{display:block;font-size:48px;font-size:13cqw;line-height:1.15;letter-spacing:-3px;font-weight:700;font-variant-numeric:tabular-nums}.flight-hud .hud-center small{font-size:7px;letter-spacing:1.2px;color:#bfcbdd}.hud-clock-row{display:flex;justify-content:space-between;margin:14px 0 12px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.hud-clock-row>div:last-child{text-align:right}.flight-hud .hud-clock-row small{font-size:7px;letter-spacing:1.2px;color:#adbed5;margin-top:2px}.hud-payload{border-top:1px solid #ffffff16;padding-top:10px;text-align:center;font:600 12px system-ui,sans-serif}.hud-payload>span:first-child{color:#b7d2ff;margin-right:4px}.hud-payload>span:last-child{color:#aebed3;font-weight:500}.hud-preview-label{position:absolute;bottom:-19px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.5px;color:#8495b0}.hud-paused .hud-center time,.hud-paused #hud-phase{color:#f1c89b}
@media(max-width:1000px){.earth-app-stage .flight-hud{width:375px;top:-8px}}
@media(max-width:760px){.earth-app-stage .flight-hud{width:340px;top:-12px;padding:14px 17px 19px;border-radius:32px}.hud-telemetry{grid-template-columns:64px minmax(0,1fr) 64px;gap:5px}.hud-gauge{width:64px}.hud-gauge-value{top:22px;font-size:15px}.hud-clock-row{margin-top:10px;font-size:12px}.hud-payload{font-size:11px}}
@media(max-width:480px){.earth-app-stage .flight-hud{width:330px;top:-6px;padding:13px 15px 17px;transform:rotate(-2deg)}.hud-heading{font-size:8px}.hud-center>span{font-size:8px;letter-spacing:.5px}.hud-center time{letter-spacing:-2px}.hud-telemetry{grid-template-columns:58px minmax(0,1fr) 58px}.hud-gauge{width:58px}.hud-gauge-value{top:20px;font-size:14px}.flight-hud .hud-gauge small{font-size:6px}.hud-stage-arc{margin-bottom:5px}}

/* One continuous page surface. Only the planetary atmosphere adds local glow. */
.landing-page{background:var(--bg)}
.landing-page main,.earth-app-stage,.hero-earth-wrap,#hero-earth,#hero-orbits{background:transparent}
.earth-app-stage::before{display:none}
.earth-app-stage{height:840px}
.earth-app-stage .lockdown-card,.earth-app-stage .shield-card{background:linear-gradient(135deg,#7285a324,#101927a6);border:1px solid #d0e0ff30;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px #fff2,0 20px 45px #0004;animation:none}
.earth-app-stage .lockdown-card{display:block;top:460px;left:0;width:320px;padding:22px;transform:rotate(-3deg);border-radius:28px}
.lockdown-eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.3px;color:#b3c9ed;margin-bottom:10px;font-weight:650}.lockdown-eyebrow svg{width:14px;height:14px}
.earth-app-stage .lockdown-card strong{font-size:1.05rem;letter-spacing:-.02em}
.blocked-apps{display:flex;justify-content:space-between;gap:12px;margin:20px 4px 16px;text-align:center}.blocked-app{position:relative;display:grid;place-items:center;width:47px;height:47px;border-radius:14px;box-shadow:inset 0 1px #fff3,0 5px 14px #0003;color:white;margin:auto}.blocked-app>svg{width:29px;height:29px}.blocked-app.instagram{background:linear-gradient(35deg,#e8b463,#c34c81,#625fca)}.blocked-app.youtube{background:#e34449}.blocked-app.tiktok{background:#20232d}.blocked-app i{position:absolute;bottom:-3px;right:-4px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#b9decf;color:#1e3f34;border:2px solid #26313c;font:700 9px system-ui}.lockdown-card .blocked-apps small{font-size:9px;margin-top:8px;color:#bdc8d9}.lockdown-status{display:flex;align-items:center;gap:7px;border-top:1px solid #ffffff17;padding-top:12px;font-size:9px;line-height:1.5;color:#b1ccbf}.lockdown-status>span{width:5px;height:5px;flex-shrink:0;background:#9ecdb2;border-radius:50%;box-shadow:0 0 8px #9ecdb255}
.earth-app-stage .shield-card{top:575px;right:30px;width:350px;padding:19px;gap:17px;display:flex;align-items:center;transform:rotate(3deg);border-radius:28px}
.shield-phone{position:relative;flex:0 0 87px;height:170px;padding:5px;border:1px solid #8996ac6b;border-radius:22px;background:linear-gradient(145deg,#444c5a,#13171e 30%);box-shadow:0 8px 18px #0005;overflow:hidden}.shield-island{position:absolute;top:9px;left:29px;width:29px;height:8px;background:#040608;border-radius:10px;z-index:1}.shield-screen{height:100%;border-radius:17px;background:radial-gradient(ellipse at 40% 30%,#3c5073,#172236);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 3px}.shield-screen svg{width:23px;height:23px;color:#aecbfa;margin:7px 0}.shield-screen b{font-size:9px;font-weight:650}.shield-screen small{font-size:6px;line-height:1.5;margin-top:4px;color:#b2bfd4}.shield-dismiss{font-size:7px;color:#c3d8fd;border:1px solid #c5d6f92b;padding:2px 15px;border-radius:9px;margin-top:12px}.shield-home{position:absolute;bottom:9px;left:29px;width:29px;height:2px;background:#d5dfef8c;border-radius:2px}.shield-copy{min-width:0}.shield-copy>small{font-size:8px;letter-spacing:1.3px;margin-bottom:7px;color:#b7cbe8}.earth-app-stage .shield-copy strong{font-size:1.25rem;line-height:1.2}.earth-app-stage .shield-copy p{font-size:11px;line-height:1.6;margin:9px 0 10px;color:#b4c1d5}.shield-caption{font-size:7px;color:#8e9db4}
@media(max-width:1000px){.earth-app-stage .lockdown-card{width:290px}.earth-app-stage .shield-card{right:0;width:310px;gap:13px;padding:17px}}
@media(max-width:760px){.earth-app-stage{height:750px}.earth-app-stage .lockdown-card{top:462px;left:0;width:260px;padding:18px}.earth-app-stage .shield-card{top:697px;right:0;width:305px}.earth-app-stage .lockdown-card strong{font-size:.95rem}.blocked-apps{margin-top:17px;gap:8px}.blocked-app{width:41px;height:41px;border-radius:12px}.lockdown-status{font-size:8px}.shield-phone{flex-basis:78px;height:151px;border-radius:20px}.shield-island,.shield-home{left:25px;width:26px}}
@media(max-width:480px){.earth-app-stage{height:750px}.earth-app-stage .lockdown-card{top:473px;width:245px;padding:17px}.earth-app-stage .shield-card{top:733px;width:295px;max-width:100%;right:0}.earth-app-stage .shield-copy strong{font-size:1.12rem}.earth-app-stage .shield-copy p{font-size:10px}}

/* Two balanced rows keep all six app choices readable at phone widths. */
.blocked-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
.blocked-app.facebook{background:#387bea}.blocked-app.reddit{background:#ed633c}.blocked-app.x-app{background:#191b22}
@media(max-width:760px){.earth-app-stage{height:830px}.blocked-apps{gap:14px 8px}}

/* Remaining block duration follows the same mission clock as the HUD. */
.app-block-timer{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);min-width:43px;padding:2px 5px;border:1px solid #a7c8ff45;border-radius:7px;background:#1b293d;color:#d7e7ff;box-shadow:0 3px 7px #0004;font:600 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.lockdown-card .blocked-apps small{margin-top:13px}

/* Anchor the blocking preview to the phone, like the HUD over the globe. */
.earth-app-stage .lockdown-card{left:auto;right:125px;top:460px;z-index:5;transform:rotate(3deg)}
@media(max-width:1000px){.earth-app-stage .lockdown-card{right:0;top:460px}}
@media(max-width:760px){.earth-app-stage .lockdown-card{left:auto;right:0;top:462px}}
@media(max-width:480px){.earth-app-stage .lockdown-card{left:auto;right:0;top:473px;transform:rotate(2deg)}}

/* Give the Earth and phone more breathing room between their overlay cards. */
@media(min-width:1001px){.earth-app-stage .flight-hud{left:-55px}.earth-app-stage .lockdown-card{right:15px}}
@media(min-width:761px) and (max-width:1000px){.earth-app-stage .flight-hud{left:-12px}.earth-app-stage .lockdown-card{right:-12px}}

/* Native focus-role colors, with glass that samples the moving Earth beneath. */
.satellite-tags{position:absolute;inset:0;pointer-events:none;opacity:0}
.earth-ready .satellite-tags{opacity:1}
.satellite-tag{position:absolute;top:0;left:0;visibility:hidden;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--session-color) 48%,transparent);background:color-mix(in srgb,var(--session-color) 16%,#10182799);color:color-mix(in srgb,var(--session-color) 55%,white);font:600 10px/1.35 system-ui,sans-serif;letter-spacing:.1px;backdrop-filter:blur(9px) saturate(145%);-webkit-backdrop-filter:blur(9px) saturate(145%);box-shadow:inset 0 1px #ffffff20,0 3px 9px #0003}
.satellite-tag::before{content:"";width:4px;height:4px;flex-shrink:0;border-radius:50%;background:var(--session-color);box-shadow:0 0 5px var(--session-color)}
@media(max-width:760px){.satellite-tag{font-size:9px;padding:3px 7px;gap:4px}}

/* Paired store downloads share the hero's button sizing and alignment. */
.playstore-glyph{width:25px;height:28px;flex-shrink:0;display:block}
.landing-actions{gap:16px}
.landing-actions .appstore-btn{min-width:180px;justify-content:center}
@media(max-width:480px){.landing-actions{gap:12px}.landing-actions .appstore-btn{min-width:0;padding:10px 15px}.landing-actions .appstore-text strong{font-size:17px}}

/* Keep the sister-app recommendation with the closing download invitation. */
.landing-closing .cross-promo{padding:0;margin:38px auto 0;max-width:650px;background:transparent;text-align:left}
.landing-closing .cross-promo-card{padding:20px 24px}
@media(max-width:480px){.landing-closing .cross-promo-card{padding:18px;gap:14px}.landing-closing .cross-promo-title{font-size:.9rem}}

.hero-timer-kicker::before{display:none}.hero-timer-kicker svg{width:17px;height:17px;vertical-align:-3px;margin-right:8px}