/* Final refinement layer for the landing: loaded last, visual only. */
::selection{background:#a88aff;color:#070a1b}
html{scrollbar-color:#3a4378 #070a1b;caret-color:var(--cyan)}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:#070a1b}::-webkit-scrollbar-thumb{background:#2f3768;border:3px solid #070a1b;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#46508f}

/* Display type: Unbounded is wide, so the -.08em tracking crushed letters together. */
.hero h1,.manifesto h2,.journey h2,.community h2,.arrival h2{letter-spacing:-.045em}
.feature-intro h2{letter-spacing:-.04em;text-wrap:balance}
.community__metrics b{letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hero__copy,.lede,.feature-intro>p:last-child{text-wrap:pretty}

/* Nav: smoother hover and a soft lift on the call to action. */
.nav__links a{transition:color .2s ease}
.nav__cta{color:#090d24;box-shadow:0 10px 24px -12px rgba(3,4,16,.8)}

/* Features: give the hairline grid some life on hover without new layout. */
.feature-grid article,.steps-grid article{transition:background .3s ease}
.feature-grid article:hover,.steps-grid article:hover{background:#111a3b}
.feature-grid b,.steps-grid b{font:600 .78rem Unbounded,sans-serif;font-variant-numeric:tabular-nums}
.feature-media{border-radius:2px}
.feature-media strong{letter-spacing:-.035em}

/* Bottom call to action. */
.arrival #copy-ip-bottom{gap:12px;border-radius:10px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.footer a{transition:color .2s ease}
.footer a:focus-visible,.brand:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}

@media(prefers-reduced-motion:reduce){.feature-grid article,.steps-grid article,.arrival #copy-ip-bottom{transition:none}}