/* Local landscape footage, with the existing violet / blue interface. */
.cinematic-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#050813}
.cinematic-layer{position:absolute;inset:0;opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1)}
.cinematic-layer.is-active{opacity:1}
.cinematic-layer>img,.cinematic-layer>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%}
.cinematic-layer>video{opacity:0;transition:opacity .65s ease}
.cinematic-layer.has-frame>video{opacity:1}
.cinematic-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,16,.44),rgba(5,8,22,.4) 35%,rgba(2,5,16,.72)),radial-gradient(ellipse at 50% 26%,rgba(4,6,20,.28),transparent 68%)}
.has-cinematic-background #cosmic-sky{z-index:1;opacity:.2}
.has-cinematic-background>main,.has-cinematic-background>.site-footer{z-index:2}
.has-cinematic-background .hero{background:radial-gradient(ellipse at 4% 0%,#24446720,transparent 36%),radial-gradient(ellipse at 95% 4%,#4337ab24,transparent 34%)}
.has-cinematic-background .workflow-section{background:radial-gradient(ellipse at 50% 70%,#17295643,transparent 65%)}
.has-cinematic-background .hero-glow{opacity:.4;filter:blur(34px)}
.has-cinematic-background .hero-description{color:#d2d8e7;text-shadow:0 2px 16px #01030bbf}
.has-cinematic-background .hero-caption{color:#b8c2d7;text-shadow:0 1px 10px #000a}
.has-cinematic-background .hero-eyebrow{color:#d7ddf1;text-shadow:0 1px 10px #000a}
.has-cinematic-background .hero h1{text-shadow:0 2px 30px #0006}
.has-cinematic-background .hero-actions .secondary{background:#0b132b99;border-color:#8993b677;backdrop-filter:blur(12px)}
.background-credits{position:relative;z-index:2;border-top:1px solid #44537222;padding-block:12px 24px;color:#7083a3;font-size:10px;line-height:1.8}
.background-credits a{color:#a3b4d1;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.cinematic-layer>img,.cinematic-layer>video{object-position:55% center}.cinematic-backdrop:after{background:linear-gradient(180deg,#03061088,#05081680 45%,#020510bd)}.background-credits{font-size:9px;padding-bottom:20px}}
@media(max-width:640px){.cinematic-layer[data-background-layer=galaxy]>img,.cinematic-layer[data-background-layer=galaxy]>video{object-position:35% center}}
@media(prefers-reduced-motion:reduce){.cinematic-layer,.cinematic-layer>video{transition:none}.has-cinematic-background #cosmic-sky{opacity:.15}}
@media(max-width:640px){.hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .button{width:100%;min-height:44px;white-space:nowrap}.hero-actions .button:first-child{grid-column:1/-1}}