@font-face{font-family:'Funnel Display';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/FunnelDisplay-normal-500-800.woff) format('woff');unicode-range:U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Host Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/HostGrotesk-normal-400-700.woff) format('woff');unicode-range:U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Host Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/HostGrotesk-italic-400.woff) format('woff');unicode-range:U+0000-024F, U+0259, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+20AC, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{--sheet:#F7F8FA;--ink:#0E0F12;--muted:#575D68;--grid:#E2E6EC;--red:#D21F17;--void:#0B0C10;--on-void:#E9ECF2;--on-void-2:#AEB5C2;--earth:#1E5BB8;--moon:#A7ADB7;--mars:#B9472C;--disp:'Funnel Display',system-ui,sans-serif;--sans:'Host Grotesk',system-ui,sans-serif;--mx:clamp(16px,4vw,56px);--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sheet);color:var(--ink);font:400 18px/1.62 var(--sans);overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--disp);font-weight:800;line-height:1.02;margin:0;letter-spacing:-.025em}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;z-index:60}.skip:focus{left:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dk{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--ink);flex:none}
.dk-sun{background:var(--red)}.dk-earth{background:var(--earth)}.dk-moon{background:var(--moon)}.dk-mars{background:var(--mars)}.dk-deep{background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}

/* the island: a floating pill that expands in place */
.hd{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:40;width:max-content;max-width:calc(100vw - 20px)}
.isl summary{list-style:none;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:999px;padding:6px 8px 6px 6px;cursor:pointer;box-shadow:0 10px 30px rgba(14,15,18,.22);transition:padding .35s var(--spring)}
.isl summary::-webkit-details-marker{display:none}
.isl-m{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff}
.isl-m svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:2}.isl-m circle{fill:var(--red);stroke:none}
.isl-n{font:700 1rem var(--disp);white-space:nowrap}
.isl-c{display:flex;align-items:center;gap:8px;font-size:.92rem;color:#C9CED8;white-space:nowrap;max-width:34vw;overflow:hidden;text-overflow:ellipsis}
.isl-c::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--red);flex:none;box-shadow:0 0 0 3px rgba(210,31,23,.3)}
.isl-x{position:relative;width:30px;height:30px;border-radius:50%;background:#262830}
.isl-x::before,.isl-x::after{content:'';position:absolute;left:9px;right:9px;top:14px;height:2px;background:#fff;transition:transform .3s var(--spring)}
.isl-x::after{transform:rotate(90deg)}
.isl[open] .isl-x::before{transform:rotate(45deg)}.isl[open] .isl-x::after{transform:rotate(135deg)}
.isl[open] summary{padding-right:12px}
.isl-p{position:absolute;top:calc(100% + 8px);left:50%;width:min(560px,calc(100vw - 20px));transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:26px;padding:22px 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px 28px;box-shadow:0 24px 60px rgba(14,15,18,.3);transform-origin:top center;animation:grow .42s var(--spring)}
@keyframes grow{from{transform:translateX(-50%) scale(.6,.2);opacity:0}}
.isl-h{margin:0 0 6px;color:#9097A3;font-size:.88rem}
.isl-p ul{list-style:none;margin:0 0 12px;padding:0}
.isl-p a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:6px 0;font-weight:600}
.isl-p a span{margin-left:auto;color:#9097A3;font-weight:400}
.isl-p a:hover{color:#FF8C84}
.isl-p .dk-deep{box-shadow:inset 0 0 0 2px #fff}

/* hero: orrery on a technical sheet */
.top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(100px,12vw,150px) var(--mx) clamp(40px,6vw,80px);max-width:1400px;margin:0 auto}
.top h1{font-size:clamp(3.1rem,8.2vw,7.6rem);line-height:.92}
.top .dek{font-size:clamp(1.1rem,1.6vw,1.35rem);max-width:40ch;margin:24px 0 14px}
.t-k{color:var(--muted);margin:0 0 14px;max-width:50ch}
.t-n{margin:0;max-width:52ch;padding-top:14px;border-top:2px solid var(--ink)}
.t-n a{font-weight:600}
.t-orr{margin:0}
.orr{width:100%;height:auto;overflow:visible}
.o-grid path{stroke:var(--grid);stroke-width:1}
.o-ring{fill:none;stroke:var(--ink);stroke-width:1.3}
.o-deep{stroke-dasharray:3 7}
.o-mr{stroke-width:.8;stroke-dasharray:2 4}
.o-lab{font:500 13px var(--sans);fill:var(--muted)}
.o-sun{fill:var(--red);transition:transform .3s var(--spring);transform-box:fill-box;transform-origin:center}
.o-earth{fill:var(--earth)}.o-moon{fill:var(--moon)}.o-mars{fill:var(--mars)}.o-probe{fill:var(--ink)}
.o-hit{fill:transparent;stroke:transparent;stroke-width:2;transition:stroke .2s}
.o-b:hover .o-hit,.o-b:focus-visible .o-hit{stroke:var(--red)}
.o-b:hover .o-sun{transform:scale(1.12)}
.o-b:focus-visible{outline:none}
.o-spin{transform-box:view-box;transform-origin:300px 300px;animation:spin var(--p) linear infinite}
.o-ea{--p:80s;animation-delay:-66s}.o-ma{--p:150.5s;animation-delay:-96s}.o-pr{--p:900s;animation-delay:-375s}
.o-mo{transform-origin:430px 300px;--p:5.98s}
@keyframes spin{to{transform:rotate(-360deg)}}
.orr:hover .o-spin,.orr:focus-within .o-spin{animation-play-state:paused}
.t-orr figcaption{color:var(--muted);font-size:.85rem;margin-top:8px;text-align:center}

/* destination bands */
.dest{position:relative;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(56px,8vw,110px) var(--mx);border-top:1px solid var(--grid);overflow:hidden;scroll-margin-top:0}
.dest.flip{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.bd{width:132%;height:auto;margin-left:-32%;transition:transform 1.2s var(--ease)}
.flip .bd{grid-column:2;grid-row:1;margin-left:0;margin-right:-32%}
.flip .dest-w{grid-column:1;grid-row:1}
.dest-w{max-width:720px;width:100%}
.flip .dest-w{justify-self:end}
.dest-h h2{font-size:clamp(2.4rem,5.6vw,4.6rem)}
.dest-f{margin:10px 0 0;font-weight:600;color:var(--red)}
.dest-d{margin:12px 0 0;max-width:52ch}
.dest-c{margin:8px 0 22px;color:var(--muted);font-size:.95rem}
.lead{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 20px;align-items:center;padding:16px 0;border-top:2px solid currentColor;text-decoration:none;color:inherit}
.lead-p{grid-row:1/3}
.lead-p img,.lead-p svg{width:200px;aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.lead-t{font:700 clamp(1.25rem,2vw,1.55rem)/1.2 var(--disp);align-self:end}
.lead .r-m{align-self:start}
.lead:hover .lead-t{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--red);text-underline-offset:4px}
.rows{list-style:none;margin:0;padding:0}
.rows a{display:block;padding:13px 0;border-top:1px solid var(--grid);text-decoration:none;color:inherit}
.r-t{display:block;font-weight:600;font-size:1.06rem;line-height:1.35}
.r-m{display:flex;flex-wrap:wrap;gap:2px 16px;color:var(--muted);font-size:.9rem;margin-top:3px}
.r-d{color:var(--red);font-weight:600}
.rows a:hover .r-t{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.dest-deep{background:var(--void);color:var(--on-void);border-top:0}
.dest-deep .dest-f{color:#FF8C84}
.dest-deep .dest-c,.dest-deep .r-m{color:var(--on-void-2)}
.dest-deep .rows a{border-color:#262A33}
.dest-deep .lead{border-color:var(--on-void)}
.dest-deep a:hover{color:#fff}

/* ending: earthrise */
.rise{position:relative;background:var(--void);color:var(--on-void);overflow:hidden;padding:clamp(60px,9vw,120px) var(--mx) 0;border-top:1px solid #262A33}
.rise-c{position:relative;z-index:2;max-width:720px;margin:0 auto;text-align:center}
.rise h2{font-size:clamp(2.6rem,6vw,5rem);color:#fff}
.rise p{font-size:1.15rem;margin:16px 0 0;color:var(--on-void)}
.rise a{color:#fff;font-weight:600}.rise a:hover{color:#FF8C84}
.rise-s{max-width:none;width:calc(100% + 2 * var(--mx));margin-left:calc(-1 * var(--mx));margin-right:calc(-1 * var(--mx));height:clamp(220px,32vw,420px);margin-top:clamp(10px,3vw,30px)}
.rise-e{transform:translateY(var(--rise,0px));transition:transform .1s linear}

/* article: transfer orbit along the bottom edge */
.k-art{padding-bottom:64px}
.tf{position:fixed;left:0;right:0;bottom:0;height:58px;z-index:35;background:rgba(247,248,250,.94);backdrop-filter:blur(6px);border-top:1px solid var(--grid);transition:transform .35s var(--ease)}
.tf.off{transform:translateY(100%)}
.tf-s{position:absolute;inset:6px 0 4px;width:100%;height:calc(100% - 10px)}
.tf-track{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}
.tf-done{fill:none;stroke:var(--red);stroke-width:3.4}
.tf-e,.tf-b{position:absolute;bottom:6px;border-radius:50%}
.tf-e{left:calc(3% - 9px);width:18px;height:18px;background:var(--earth)}
.tf-b{right:calc(3% - 11px);width:22px;height:22px}
.tf-sun{background:var(--red);width:30px;height:30px;right:calc(3% - 15px);bottom:2px}.tf-earth{background:transparent;box-shadow:inset 0 0 0 2px var(--earth)}.tf-moon{background:var(--moon);width:14px;height:14px;right:calc(3% - 7px);bottom:10px}.tf-mars{background:var(--mars)}.tf-deep{background:transparent;box-shadow:inset 0 0 0 2px var(--ink)}
.tf-c{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:3px solid var(--red);transform:translate(var(--cx,3vw),var(--cy,46px))}
.ar-h{max-width:940px;margin:0 auto;padding:clamp(96px,12vw,140px) var(--mx) 28px}
.ar-x{margin:0 0 18px}
.ar-x a{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;padding:6px 14px 6px 8px;border:1.5px solid var(--ink);border-radius:999px}
.ar-x a:hover{border-color:var(--red)}
.ar-h h1{font-size:clamp(2.2rem,5vw,4.3rem)}
.ar-d{font-size:1.15rem;color:var(--muted);margin:18px 0 0;max-width:62ch}
.ar-k{display:flex;flex-wrap:wrap;gap:4px 20px;margin:18px 0 0;padding-top:12px;border-top:2px solid var(--ink);color:var(--muted);font-size:.95rem}
.ar-k a{font-weight:700;color:var(--ink)}
.ar-pic{margin:0 auto;max-width:1200px;padding:0 var(--mx)}
.ar-pic img,.ar-pic svg{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:4px}
.prose{max-width:740px;margin:0 auto;padding:clamp(32px,5vw,60px) var(--mx)}
.prose a{color:var(--ink);text-decoration-color:var(--red);text-decoration-thickness:2px}
.prose a:hover{color:var(--red)}
.prose h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin:1.6em 0 .5em;scroll-margin-top:90px}
.prose h3{font-size:1.3rem;margin:1.4em 0 .4em}
.prose li{margin:.3em 0}
.prose img{height:auto;border-radius:4px}
.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.95rem}
.prose th,.prose td{border-bottom:1px solid var(--grid);padding:9px 10px;text-align:left;vertical-align:top}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--red)}
.prose pre{overflow-x:auto;background:#fff;padding:14px;border-radius:4px}
.prose .v358-meta{color:var(--muted);font-size:.95rem}
.prose .v358-toc,.prose .quick-answer,.prose .v463-about,.prose .v302-checked,.prose .dyor-disclosure{background:#fff;border:1px solid var(--grid);border-radius:4px;padding:16px 20px;margin:1.4em 0}
.prose .v358-toc{border-top:3px solid var(--ink)}
.prose .quick-answer{border-left:3px solid var(--red)}
.prose .v358-related{border-top:2px solid var(--ink);margin-top:2em;padding-top:1em}
.nx{max-width:940px;margin:0 auto;padding:10px var(--mx) clamp(48px,7vw,90px)}
.nx>a{display:block;background:var(--ink);color:#fff;text-decoration:none;border-radius:20px;padding:24px 28px;margin-bottom:18px}
.nx-k{display:block;color:#FF8C84;font-weight:600}
.nx-t{display:block;font:800 clamp(1.4rem,2.6vw,2rem)/1.15 var(--disp);margin-top:6px}
.nx-m{display:block;color:#AEB5C2;margin-top:6px;font-size:.92rem}
.nx>a:hover .nx-t{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}

/* section, trust, 404 */
.tp{max-width:980px;margin:0 auto;padding:clamp(96px,12vw,140px) var(--mx) clamp(48px,7vw,90px)}
.tp h1{font-size:clamp(2.6rem,7vw,5.4rem)}
.tp header p{color:var(--muted);margin:12px 0 18px}
.none{padding:20px 0}
.tr{max-width:820px;margin:0 auto;padding:clamp(96px,12vw,140px) var(--mx) clamp(48px,7vw,90px)}
.tr h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.5em}
.tr h2{font-size:1.5rem;margin:1.5em 0 .4em}
.tr-b input,.tr-b textarea,.tr-b select{font:inherit;max-width:100%;padding:10px 12px;border:1.5px solid var(--ink);border-radius:4px;background:#fff}
.tr-b button,.tr-b [type=submit]{font:700 1rem var(--sans);background:var(--ink);color:#fff;border:0;border-radius:999px;padding:12px 24px;cursor:pointer}
.lost{max-width:760px;margin:0 auto;padding:clamp(110px,14vw,170px) var(--mx) clamp(48px,8vw,110px)}
.lost-s{width:300px;margin-bottom:24px}
.lost h1{font-size:clamp(2rem,5vw,3.2rem)}

/* footer */
.ft{display:grid;grid-template-columns:1.4fr .9fr 1.5fr .7fr;gap:28px;padding:48px var(--mx) 26px;border-top:2px solid var(--ink);color:var(--muted);font-size:.98rem;background:var(--sheet)}
.k-home .ft{border-top:0}
.ft-n{font:800 1.4rem var(--disp);color:var(--ink);margin:0 0 8px}
.ft p{margin:0}
.or .ft nav{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding:0!important}
.ft a{color:var(--ink);text-decoration:none;opacity:1}.ft a:hover{color:var(--red);text-decoration:underline}
.ft-c{grid-column:1/-1;border-top:1px solid var(--grid);padding-top:14px;margin-top:8px!important}

@media (max-width:960px){
 .top{grid-template-columns:minmax(0,1fr)}
 .t-orr{max-width:560px;width:100%;justify-self:center}
 .dest,.dest.flip{grid-template-columns:minmax(0,1fr)}
 .bd,.flip .bd{position:absolute;top:clamp(30px,6vw,60px);right:-70px;width:220px;margin:0;grid-column:auto;grid-row:auto;opacity:.95}
 .flip .dest-w{grid-column:auto;justify-self:start}
 .dest-h{padding-right:120px}
 .ft{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
 .isl-n{display:none}
 .isl-c{max-width:52vw;color:#fff}
 .lead{grid-template-columns:minmax(0,1fr)}
 .lead-p{grid-row:auto}.lead-p img,.lead-p svg{width:100%}
 .bd,.flip .bd{width:170px;right:-60px}
 .dest-h{padding-right:80px}
 .ar-pic{padding:0}.ar-pic img,.ar-pic svg{aspect-ratio:16/10;border-radius:0}
}
@media (max-width:480px){.ft{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rise-e{transform:none!important}}

/* long URLs in prose and policy pages wrap instead of running off a phone screen */
main a{overflow-wrap:anywhere}
main p,main li,main td,main dd{overflow-wrap:break-word}
