/* Approved package palette. Accessibility changes use its existing ink tokens. */
html { scroll-padding-top:84px; }
body { margin:0; background:#080808; color:#fff; font-family:"Instrument Sans",-apple-system,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:#7AE3FF; text-decoration:none; } a:hover {color:#fff;}
form.notify+div a,.policy main a {text-decoration:underline;text-underline-offset:3px;}
button,input {font:inherit;}
:focus-visible {outline:2px solid #7AE3FF !important;outline-offset:5px;}
input:focus {border-color:#10D6FF !important;}
.skip-link {position:fixed;left:20px;top:-80px;z-index:100;background:#161618;padding:14px;border-radius:12px;}
.skip-link:focus {top:12px;}
.trap {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.form-status {flex-basis:100%;margin:0;color:#a1a1aa;font-size:13px;line-height:1.5;}
.form-status:empty {display:none;}
button:disabled {cursor:wait;opacity:.7;}
[data-on-click],button,a {touch-action:manipulation;}
[data-on-click*=".tap"]:focus-visible {opacity:1 !important;}
/* Match the reference's responsive stacking without implicit extra grid columns. */

.demo-note {font-size:11px;line-height:1.5;color:#a1a1aa;margin:12px 0 0;}
.animation-toggle {border:1px solid #262626;background:#161618;color:#8FD0ED;font-size:12px;padding:8px 12px;border-radius:10px;cursor:pointer;}
.wordmark-fallback {display:none;}
noscript .wordmark-fallback {display:block;width:3.25em;filter:brightness(0) invert(1);}

@media(max-width:700px) {
  .comparison-grid {grid-template-columns:minmax(0,1fr) !important;}
  .comparison-memories {grid-column:auto;display:flex !important;position:static !important;}
  .comparison-answer {grid-column:auto !important;}
  form.notify input[type=email] {box-sizing:border-box;min-width:0 !important;flex-basis:100% !important;width:100%;height:54px !important;}
  .universe-legend {font-size:9px !important;letter-spacing:.07em !important;}
}
.no-js nav {background:#080808 !important;}
.no-js nav>a:first-child {transform:none !important;}
.no-js .header-brand {gap:12px !important;}
.no-js .header-orbit {width:46px !important;height:46px !important;transform:translate(2.806px,-4.186px) !important;}
.no-js .nav-wordmark {height:36px !important;width:68.48px !important;transform:translateY(-4.32px) !important;}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}
/* The policy keeps its factual text and dates; only presentation changes. */
.policy {--void:#080808;--bg:#111;--ink:#fff;--ink-secondary:#a1a1aa;--ink-tertiary:#a1a1aa;--neon:#7AE3FF;--neon-ink:#8FD0ED;--line:#262626;}
.policy .brand {align-items:center;gap:10px;}
.policy nav {height:64px;padding:0 clamp(20px,4vw,48px);}
.policy .brand {color:#fff;gap:12px;transform:translateY(4.186px);}
.policy .brand .orbit {width:46px;height:46px;transform:translate(2.806px,-4.186px);}
.policy .brand .wm {height:36px;width:68.48px;margin:0;filter:none;transform:translateY(-4.32px);}
.policy .short {background:#111;border:1px solid #262626;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}

.pseudo-0:focus,.pseudo-0:focus-visible {border-color:#10D6FF}
.pseudo-1:hover,.pseudo-1:focus-visible {opacity:1}
.pseudo-2:focus,.pseudo-2:focus-visible {border-color:#10D6FF}