/* Full-bleed cinematic hero and continuously orbiting CTA highlight. */
@property --cta-orbit{syntax:'<angle>';inherits:false;initial-value:0deg}
.cosmic-hero{padding-bottom:0;overflow:clip}
.cosmic-hero .hero-frame{position:relative;z-index:2;margin-bottom:0;padding-bottom:28px}
.cosmic-hero .hero-stage.hero-stage-video{position:relative;left:50%;width:100vw;max-width:none;margin:0 0 0 -50vw;aspect-ratio:auto;overflow:hidden;transform:none}
.cosmic-hero .hero-stage:has(.ambient-hero-video){margin-top:-12px}
.cosmic-hero .hero-stage:has(.ambient-hero-video) .hero-video-shell{position:relative;aspect-ratio:auto;height:clamp(300px,38vw,680px);max-height:none;overflow:hidden;border-radius:0;mask-image:linear-gradient(transparent,black 9%,black 96%,transparent)}
.cosmic-hero .hero-stage .ambient-hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 75%;border-radius:0;transform:none}
.cosmic-hero .hero-actions .btn-primary{position:relative;isolation:isolate;overflow:visible;border:1px solid #ccecff38;border-radius:10px;min-width:195px;min-height:65px;color:#e1f1f7;background:linear-gradient(145deg,#24404a66,#07131b 65%);box-shadow:inset 0 1px 1px #d4f4ff26,0 0 25px #80dfff0b;transition:background .25s,box-shadow .25s}
.cosmic-hero .hero-actions .btn-primary::before,.cosmic-hero .hero-actions .btn-primary::after{content:'';position:absolute;inset:-1px;width:auto;height:auto;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--cta-orbit),transparent 0deg,transparent 260deg,#6fbbd755 295deg,#e9fbff 326deg,#96dbed88 342deg,transparent 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;transform:none;animation:cta-perimeter-orbit 3.8s linear infinite;opacity:1}
.cosmic-hero .hero-actions .btn-primary::after{inset:-3px;padding:3px;filter:blur(4px);opacity:.7;z-index:-1}
.cosmic-hero .hero-actions .btn-primary:hover{background:linear-gradient(145deg,#31586699,#091923 70%);box-shadow:0 0 24px #a5eaff20}
@keyframes cta-perimeter-orbit{to{--cta-orbit:360deg}}
.cosmic-hero .stats-marquee{position:relative;left:50%;width:100vw;max-width:none;margin:4px 0 0 -50vw;mask-image:none;border:0;padding-block:18px;overflow:hidden;background:var(--ca-surface,#020c11)}
.cosmic-hero .stats-marquee-track{gap:0;animation:hero-highlights-marquee 34s linear infinite}
.cosmic-hero .stats-marquee .stats-grid{width:max-content;min-width:0;justify-content:flex-start;gap:16px;padding:0 8px;margin:0;box-sizing:border-box;flex-wrap:nowrap}
.cosmic-hero .stats-marquee .stats-grid>div{flex:0 0 300px;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:12px 18px;border:1px solid #b7e7fa1a;border-radius:7px;background:linear-gradient(120deg,#c1edff0b,transparent);white-space:nowrap;min-height:42px}
.cosmic-hero .stats-marquee .stats-grid strong{font-size:15px;font-weight:600;line-height:1.3}
.cosmic-hero .stats-marquee .stats-grid span{font-size:14px;line-height:1.4;white-space:nowrap;max-width:none}
.cosmic-hero .stats-marquee-toggle{right:12px;bottom:0;z-index:2}
@media(max-width:767px){.cosmic-hero .hero-frame{padding-bottom:22px}.cosmic-hero .hero-stage:has(.ambient-hero-video) .hero-video-shell{height:clamp(230px,64vw,380px);mask-image:linear-gradient(transparent,black 5%,black 96%,transparent)}.cosmic-hero .hero-stage .ambient-hero-video{object-position:65% 75%}.cosmic-hero .hero-actions .btn-primary{min-height:57px;min-width:175px}.cosmic-hero .stats-marquee{padding-block:14px}.cosmic-hero .stats-marquee .stats-grid{width:max-content;min-width:0;gap:16px;padding:0 8px}.cosmic-hero .stats-marquee .stats-grid>div{flex-basis:250px;padding:11px 14px;gap:20px}.cosmic-hero .stats-marquee .stats-grid span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cosmic-hero .hero-actions .btn-primary::before,.cosmic-hero .hero-actions .btn-primary::after{animation:none;--cta-orbit:160deg}.cosmic-hero .stats-marquee-track{animation:none;width:100%}.cosmic-hero .stats-marquee .stats-grid{width:100%;min-width:0;flex-wrap:wrap;gap:12px;padding:12px 20px}.cosmic-hero .stats-marquee .stats-grid>div{flex:1 1 240px;white-space:normal}.cosmic-hero .stats-marquee .stats-grid[aria-hidden]{display:none}}

@keyframes hero-highlights-marquee{to{transform:translateX(-25%)}}