/* Calm starfield shared by the theway.host marketing pages (same as the start flow).
   Layer 1: static CSS dots on <body> (shows without JS). Layer 2: canvas#stars drawn by js/theway/starfield.js. */
:root{--ink:#0B1220}
/* Starfield. Layer 1 (CSS) is static dots that show even if JS fails; layer 2 is the canvas, drawn on top of it. */
  body.tw-stars{min-height:100vh;
    background:
      radial-gradient(60rem 30rem at 50% -10%, rgba(232,184,109,.14), transparent 60%),
      radial-gradient(1.2px 1.2px at 12% 18%, rgba(255,255,255,.75), transparent 60%),
      radial-gradient(1px 1px at 27% 72%, rgba(255,255,255,.6), transparent 60%),
      radial-gradient(1.4px 1.4px at 41% 33%, rgba(255,255,255,.7), transparent 60%),
      radial-gradient(1px 1px at 58% 84%, rgba(255,255,255,.55), transparent 60%),
      radial-gradient(1.3px 1.3px at 66% 12%, rgba(255,255,255,.7), transparent 60%),
      radial-gradient(1px 1px at 79% 57%, rgba(255,255,255,.6), transparent 60%),
      radial-gradient(1.5px 1.5px at 91% 26%, rgba(255,240,215,.75), transparent 60%),
      radial-gradient(1px 1px at 6% 91%, rgba(255,255,255,.55), transparent 60%),
      var(--ink);
    background-attachment:fixed}
  #stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
body.tw-stars > nav, body.tw-stars > .landing-container, body.tw-stars > footer{position:relative;z-index:1}
body.tw-stars > nav#main-nav{position:fixed}
@media (prefers-reduced-motion: reduce){body.tw-stars *{transition:none!important;animation:none!important}}