/* LANDING-2: cinematic treatments; LANDING-1 composition stays in styles.css. */
.hero{--letterbox:0px;--hud-opacity:1;background:#060f17}
.scene-vignette{background:linear-gradient(90deg,#061019f2 0%,#061019b8 28%,#06101920 49%,transparent 75%),linear-gradient(0deg,#071018 0%,transparent 27%,transparent 86%,#07101830)}
.hero-copy{animation:none}.hero h1{position:relative;text-shadow:0 0 42px #7af5e418;isolation:isolate}
.hero h1:before{content:'';position:absolute;inset:10% -18% 0 -12%;background:radial-gradient(ellipse,#5dffe615,transparent 66%);z-index:-1;pointer-events:none}
.hero h1 .title-site{color:var(--text)}.hero h1 .title-twin{color:var(--mint)}.hero h1 .title-word{display:inline}.hero h1 .title-letter{display:inline-block;color:inherit;will-change:opacity,transform;white-space:pre}.hero h1 .title-period{display:inline-block}
.hero h1.title-ready .title-letter{will-change:auto}
.scene-idle *{animation-play-state:paused!important}.frame-locks i{color:#8af1db88}.sound-toggle,.motion-toggle{min-height:28px}.sound-toggle{font-size:9px}.motion-toggle{right:calc(4.5% + 110px)}
.letterbox{position:absolute;left:0;width:100%;height:var(--letterbox);background:#020508;z-index:9;pointer-events:none}.letterbox-top{top:0}.letterbox-bottom{bottom:0}
.frame-locks{position:absolute;inset:112px 3.4% 99px;z-index:2;pointer-events:none;opacity:.45}.frame-locks i{position:absolute;width:18px;height:18px;border-color:#8af1db}.frame-locks i:nth-child(1){top:0;left:0;border-left:1px solid;border-top:1px solid}.frame-locks i:nth-child(2){top:0;right:0;border-right:1px solid;border-top:1px solid}.frame-locks i:nth-child(3){bottom:0;left:0;border-left:1px solid;border-bottom:1px solid}.frame-locks i:nth-child(4){bottom:0;right:0;border-right:1px solid;border-bottom:1px solid}
.telemetry{opacity:var(--hud-opacity);animation:hud-lock .8s 2.8s both;box-shadow:0 0 40px #51e6d411,inset 0 0 18px #5be4d808;background:linear-gradient(120deg,#102c34db,#07151ed9)}
.hud:before{content:'';position:absolute;inset:-1px;pointer-events:none;border:1px solid #86e9d64d;clip-path:polygon(0 0,16px 0,16px 1px,1px 1px,1px 16px,0 16px,0 0,100% 100%,calc(100% - 16px) 100%,calc(100% - 16px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 16px),100% calc(100% - 16px),100% 100%)}
.telemetry:after{content:'';position:absolute;top:0;left:0;right:0;background:linear-gradient(transparent,#8af1db18,transparent);height:60px;pointer-events:none;animation:hud-scan 8s 3s infinite linear;mix-blend-mode:screen}
.photo-strip{opacity:var(--hud-opacity);box-shadow:0 0 35px #7fefd911}.hud-heading{background:#7ae8da04;color:#bae4e0}.tower-tag{opacity:var(--hud-opacity)}
.number-roll{animation:number-roll .17s ease-out}.radio-bar{box-shadow:0 -12px 55px #08151b80;border-color:#75d2c72b}.waveform{filter:drop-shadow(0 0 4px #f1a16b55)}
.sound-toggle{position:absolute;bottom:11px;right:4.5%;z-index:10;color:#94adb7;border:1px solid #7db8b333;border-radius:3px;background:#07101899;padding:7px 10px;font:8px var(--mono);cursor:pointer;letter-spacing:.4px}.sound-toggle>span:first-child{color:var(--mint);margin-right:5px}.sound-toggle[aria-pressed=true]{border-color:#8af1db88;color:var(--mint)}.motion-toggle{right:calc(4.5% + 95px)}.tower-tag{top:18.7%}
.visual-panel,.document-card{box-shadow:0 15px 70px #0003,inset 0 0 32px #6cd8c306}.visual-panel{isolation:isolate}.visual-panel:before,.visual-panel:after{width:22px;height:22px;box-shadow:0 0 9px #8af1db16}
.panel-sweep{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(105deg,transparent 40%,#bbfff33b 50%,transparent 60%);transform:translateX(-120%);mix-blend-mode:screen}
.visible>.panel-sweep{animation:light-sweep 1.3s .2s ease-out both}.visible .svg-tower{filter:drop-shadow(0 0 5px #82ebd533)}.visible .paper{animation:print-in 1.3s ease-out,hologram-lock 1s ease-out;box-shadow:12px 18px 0 #8af1db06,0 0 38px #8af1db17}.chapter-copy.visible .glitch,.documents-heading.visible .glitch{animation:glitch-in .55s ease-out}
.final-cta{background:radial-gradient(ellipse at 50% 85%,#19565575,transparent 66%),#071018}.final-cta:after{content:'';position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#8af1db99,transparent);box-shadow:0 0 25px #8af1db66}.final-cta h2{text-shadow:0 0 50px #8af1db13}
.preview .telemetry,.preview .photo-strip,.preview .tower-tag{animation:none!important}.preview .visible>.panel-sweep{animation:none;display:none}.preview .visible .paper,.preview .visible .glitch{animation:none!important}
@keyframes hud-lock{0%{clip-path:inset(48% 0);filter:brightness(2)}30%{clip-path:inset(0);transform:translateX(2px);filter:brightness(1.5)}40%{transform:translateX(-1px)}100%{clip-path:inset(0);transform:none;filter:none}}
@keyframes hud-scan{from{transform:translateY(-80px)}to{transform:translateY(480px)}}
@keyframes number-roll{from{transform:translateY(-3px);filter:blur(.5px);opacity:.65}to{transform:none;filter:none;opacity:1}}
@keyframes light-sweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes hologram-lock{0%{filter:brightness(2);opacity:.1}20%{opacity:.8}25%{opacity:.4}100%{filter:none;opacity:1}}
@media(max-width:760px){.scene-vignette{background:linear-gradient(0deg,#071018 0%,transparent 20%,transparent 45%,#071018df 61%,#071018 98%)}.frame-locks{inset:92px 4% 81px;opacity:.25}.frame-locks i{width:11px;height:11px}.sound-toggle{right:6%;bottom:8px;font-size:8px;padding:5px 7px}.motion-toggle{right:calc(6% + 95px)}.tower-tag{top:458px}.telemetry{backdrop-filter:none}.telemetry:after{height:25px}.hero h1:before{inset:0 -5% 0 -10%}}
@media(prefers-reduced-motion:reduce){.letterbox{display:none}.title-letter{opacity:1!important;transform:none!important;filter:none!important;text-shadow:none!important}.telemetry,.photo-strip,.tower-tag{opacity:1}.panel-sweep{display:none}.hero h1:before{opacity:.6}}