/* One interactive scene in the opening screen; all movement can be paused. */
.home-page .stars{display:none}
.home-page main{background:radial-gradient(ellipse at 76% 8%,#3a224c40,transparent 48rem),radial-gradient(ellipse at 8% 20%,#16354b28,transparent 40rem)}
.cosmos-teaser{position:relative;min-width:0;isolation:isolate;overflow:hidden;border:1px solid #8f74c650;border-radius:28px;background:#090c21;box-shadow:0 24px 90px #08001865,0 0 60px #864aff0b;scroll-margin-top:110px}
.cosmos-teaser__stage{position:relative;aspect-ratio:1.05;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#46306c,#10152d 49%,#080b1d)}
.cosmos-teaser canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cosmos-teaser__fallback{position:absolute;left:27%;top:24%;width:46%;height:46%;object-fit:contain;filter:drop-shadow(0 0 35px #fac77566)}
.cosmos-teaser[data-canvas-ready] .cosmos-teaser__fallback{visibility:hidden}
.cosmos-teaser__top{position:absolute;inset:17px 17px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1;pointer-events:none}
.cosmos-kicker{font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;color:#d8cdf1;font-weight:650}
.cosmos-kicker:before{content:"";display:inline-block;width:6px;height:6px;background:#9be4da;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #9be4da80}
.cosmos-motion{pointer-events:auto;min-width:44px;min-height:44px;border:1px solid #b9a0ef60;border-radius:50%;background:#16142fcf;color:#eadfff;font-size:18px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}
.home-page .cosmos-motion:hover{background:#473566;color:#fff}
.cosmos-motion:disabled{opacity:.55;cursor:default}
.cosmos-teaser__caption{position:absolute;inset:auto 16px 21px;text-align:center;color:#f1eaff;pointer-events:none;text-shadow:0 2px 18px #080816}
.cosmos-teaser__caption strong{display:block;font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:650;letter-spacing:-.025em}
.cosmos-teaser__caption small{display:block;color:#b7b1d1;font-size:.7rem;margin-top:6px;line-height:1.5}
.cosmos-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:9px;border-top:1px solid #8e7ba32e;background:#111225}
.home-page .cosmos-mode{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:46px;padding:8px 4px;border:1px solid transparent;border-radius:12px;background:transparent;color:#b3accd;font:600 .68rem/1.3 Inter,system-ui,sans-serif;cursor:pointer;-webkit-text-fill-color:currentColor;transition:background .15s,color .15s}
.cosmos-mode>span:first-child{font-size:16px;line-height:1}
.home-page .cosmos-mode:hover{color:#fff;background:#29213d}
.home-page .cosmos-mode[aria-pressed=true]{background:#322748;color:#f7efff;border-color:#6e558d}
.cosmos-mode:focus-visible,.cosmos-motion:focus-visible{outline:3px solid #c5eeeb;outline-offset:-4px}
@media(max-width:680px){.cosmos-teaser{border-radius:22px}.cosmos-teaser__stage{aspect-ratio:1.22}.cosmos-teaser__top{inset:12px 12px auto}.cosmos-teaser__caption{bottom:17px}.cosmos-kicker{font-size:.58rem;letter-spacing:.11em}.cosmos-teaser__caption small{font-size:.68rem}.home-page .cosmos-mode{font-size:.64rem;gap:5px}.cosmos-modes{padding:7px;gap:3px}}
@media(prefers-reduced-motion:reduce){.cosmos-mode{transition:none}}