/* Public landing: approved cinematic intro and light content surface. */
body.universe-home{isolation:isolate;--ink:#17171c;--ink-soft:#62616c;--card:#fff;--paper:#f3f4f5;--line:#dcdfe3;--shadow:0 20px 60px rgba(20,22,30,.1);background:var(--paper);color:var(--ink)}
body.universe-home::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--universe-surface,var(--paper))}
#universe-background{display:none;position:fixed;inset:0;z-index:0;pointer-events:none;mask-image:var(--universe-mask,none);-webkit-mask-image:var(--universe-mask,none);background:#111116 url('/static/assets/rangers3033-lesson-403.webp') center/cover no-repeat}
.universe-home #universe-background{display:block}
#universe-background video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
#universe-background video.current{opacity:1}
#universe-background::after{content:"";position:absolute;inset:0;background:rgba(5,8,14,.48)}
.universe-home #siteMain,.universe-home .site-footer{position:relative;z-index:1}
.universe-home .site-topbar{background:rgba(10,12,18,.82);border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#f5f3ed;transition:background-color .25s ease,color .25s ease}
.universe-home .brand-mark{color:#17171c;border-color:#17171c;box-shadow:0 2px 0 #17171c}
.universe-home .site-nav a,.universe-home .text-link{color:#f2f0f5}
.universe-home .site-nav a:hover,.universe-home .text-link:hover,.universe-home .site-nav a.active{background:rgba(255,255,255,.16);color:#fff}
.universe-home.universe-light-nav .site-topbar{background:rgba(243,244,245,.96);border-color:var(--line);color:var(--ink)}
.universe-home.universe-light-nav .site-nav a,.universe-home.universe-light-nav .text-link{color:var(--ink)}
.universe-home.universe-light-nav .site-nav a:hover,.universe-home.universe-light-nav .text-link:hover,.universe-home.universe-light-nav .site-nav a.active{background:#e3e5e8;color:var(--ink)}
.universe-home .solid-link,.universe-home .button-dark,.universe-home .button-yellow{background:var(--yellow);border-color:#17171c;color:#17171c;box-shadow:0 3px 0 #17171c}
.universe-home #siteMain>section{background:transparent}
.universe-home .hero-glow,.universe-home .launch-hero::after{display:none}
.universe-home .launch-hero{min-height:auto;color:var(--ink)}
/* Keep the dialogue below the cinematic intro at every viewport width. */
.universe-home .launch-inner{grid-template-columns:minmax(0,1fr);row-gap:clamp(144px,18vw,224px)}
.universe-home .launch-copy{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.universe-home .launch-copy>p,.universe-home .launch-kicker,.universe-home .hero-trust{color:#eeeaf2}
.universe-home .section-kicker{color:#5b5868}
.universe-home .desktop-callout .section-kicker{color:var(--yellow)}
.universe-home .experience-copy,.universe-home .section-head{text-shadow:none}
.universe-home .scene-window,.universe-home .try-scene,.universe-home .course-card,.universe-home .why-grid article{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 14px 45px rgba(20,22,30,.1)}
.universe-home .scene-window{animation:none;transform:none}
.universe-home .scene-dialogue,.universe-home .try-result{background:#f8f9fa}
.universe-home .scene-topline b{background:#eeebf8;color:#504767}
.universe-home .button-light{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}
.universe-home .button-light:hover{background:var(--yellow);color:#17171c}
.universe-home .scroll-cue,.universe-home .scroll-cue i{color:var(--ink-soft);border-color:var(--line)}
.universe-home .site-footer{background:#e9ebee;color:var(--ink-soft);padding-bottom:32px}
.universe-home .site-footer b{color:var(--ink)}
.universe-home .metrics-consent{color:#17171c;background:rgba(255,255,255,.97)}
.universe-home .metrics-consent p{color:#62616c}
.universe-home .metrics-consent button{color:#17171c}
.universe-home .metrics-consent .button-dark{background:#17171c;color:#fff}
@media(min-width:1041px){.universe-home .scene-shell{width:min(760px,100%);margin:0 auto}}
@media(max-width:640px){
  #universe-background video{object-position:40% center}
}
@media(prefers-reduced-motion:reduce){#universe-background video{display:none;transition:none}.universe-home .site-topbar{transition:none}}