/* The page is usable without starting the optional story. */
#screen{height:100svh;min-height:560px}
#screen:not(.running){height:auto;min-height:max(560px,calc(100svh - var(--consent-height,0px)));display:flex;flex-direction:column;justify-content:center;gap:38px;padding:110px 8vw 65px}
#afterMovie{padding-top:90px}
#ending{position:static;inset:auto;padding:74px 0 0;max-width:1100px}
#ending h2{font-size:clamp(60px,10vw,150px)}
.header-try{color:#e6efdc;text-decoration:none;letter-spacing:0;border-bottom:1px solid #7f926d;padding:8px 0;white-space:nowrap}
#screen:not(.running) #titleCard,#screen:not(.running) #entry{position:static;inset:auto}
#screen:not(.running) #progress,#screen:not(.running) #movieRenderBadge{display:none}
#screen:not(.running)>#stage{display:none}
.render-badge{font-size:11px;line-height:1.5;letter-spacing:.01em;color:#c2cbb8;background:#14180f;margin:0;padding:9px 14px;text-align:center}
#movieRenderBadge{position:absolute;z-index:5;left:20px;bottom:9px;max-width:calc(100% - 160px);padding:4px 0;text-align:left;background:#10110f}
#stage{bottom:44px}
#captionArea{bottom:max(9%,66px)}
#storyProgress{backdrop-filter:none;-webkit-backdrop-filter:none}
#tryIt,#whatItSolves,#waitlistSignup{scroll-margin-top:24px}
#tryPlayer>.render-badge{border-top:1px solid #52664155}
#speechLimitsContent p{line-height:1.6;margin:12px 0}
.legal-footer nav{flex-wrap:wrap}
#astraStory{max-width:1000px;margin:0 auto;padding:80px 0;border-top:1px solid #3c4337;border-bottom:1px solid #3c4337}
#astraStory h2{font-size:clamp(30px,5vw,56px);line-height:1.08;letter-spacing:-.035em;margin:22px 0 35px}
#astraStory>p:not(.eyebrow){max-width:760px;color:#bfc7b6;font-size:clamp(17px,2vw,21px);line-height:1.65;margin:22px 0}
#astraStory strong{color:#eef1e8;font-weight:500}
.live-attempts{color:#c6f28d;font-size:15px;line-height:1.6;margin:16px 0 8px}
.live-pool-note{color:#c2c8ba;font-size:14px;line-height:1.6;max-width:620px}
@media(max-width:700px){
 #screen{min-height:530px}
 #screen:not(.running){min-height:max(530px,calc(100svh - var(--consent-height,0px)));gap:28px;padding-top:110px;padding-bottom:54px}
 #topline{gap:12px}.header-try{font-size:12px}#identity{font-size:9px;max-width:110px;text-align:right}
 #movieRenderBadge{font-size:9px;left:16px;max-width:calc(100% - 142px)}
 #afterMovie{padding-top:65px}#ending{padding-top:54px}#ending h2{font-size:18vw}
 #ending>p{max-width:none;font-size:20px}
 #astraStory{padding:50px 0}
}