/* V5: one brand video in the hero, a quiet shared atmosphere below. */
:root{--bg:#081522;--panel:#112232;--line:#253b4c;--muted:#b2c0ce;--accent:#a5d1dc}
body{background:#081522}
.header{background:#081522f5;border-bottom-color:#28405180}
#sections{background:radial-gradient(ellipse at 88% 18%,#11334945,transparent 40%),linear-gradient(180deg,#071322,#0a1927 48%,#081522)}
.section{position:relative;isolation:isolate;background:transparent;border-bottom-color:#6dabc41b;overflow:hidden}
.section:not(.hero)>.container{position:relative;z-index:1}
.section:not(.hero)::before,.section:not(.hero)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.product::before,.solutions::before{background-image:linear-gradient(#73b9ce12 1px,transparent 1px),linear-gradient(90deg,#73b9ce12 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 12%,#0008 55%,#000 100%)}
.product::after{background:radial-gradient(ellipse at 84% 55%,#23739523,transparent 58%)}
.solutions::after{background:radial-gradient(ellipse at 7% 40%,#21668217,transparent 55%)}
.scenes::before{background:radial-gradient(ellipse at 95% 8%,#36749016,transparent 65%)}
.about::before{background:radial-gradient(ellipse at 12% 65%,#36749016,transparent 58%)}
.hero{min-height:720px;background:#071322;padding:100px 0 112px;border-bottom:0}
.hero .section-copy{max-width:630px;width:54%}
.hero h1{font-size:clamp(44px,4vw,58px)}
.hero .section-body{font-size:17px;line-height:1.85;max-width:600px}
.hero-shade{background:linear-gradient(90deg,#071322fa 0%,#071322ed 25%,#07132270 51%,#0713220c 72%),linear-gradient(0deg,#081522 0%,#08152200 25%)}
.hero-video{object-position:center}
.product,.solutions{padding-top:90px;padding-bottom:90px}
.solution-item,.scene{background:#112232f5;border-color:#3853678c;box-shadow:0 12px 36px #030c1422}
.solution-item .card-copy{background:#112232}
.scene .card-copy{background:#112232}
.visual{border-color:#3853678c;background:#0c1a28}
.product .visual{box-shadow:0 18px 50px #020c1444}
.company-scope{background:#102131f5;border-left-color:#789bab}
.contact{background:linear-gradient(180deg,#091725,#07131f);border-top:1px solid #38536755}
.contact::before,.contact::after{display:none}
.contact-details{background:#0e1e2df5;border-color:#385367}
#footer{position:relative;background:#07131f;border-top-color:#28405180}
.section-body,.card-copy p{color:#b8c6d3}
.eyebrow{color:#a5c4d4}
@media(min-width:1600px){.hero .section-copy{width:54%;max-width:650px}}
@media(max-width:1100px){.hero .section-copy{width:60%}.hero h1{font-size:48px}.hero-video{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#071322f5 0%,#071322dc 32%,#0713225c 80%),linear-gradient(0deg,#081522,transparent 30%)}}
@media(max-width:900px){.hero{min-height:700px;padding:85px 0 110px}.hero .section-copy{width:85%;max-width:640px}.hero h1{font-size:48px}.hero-video{object-position:72% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,#071322ed,#07132299),linear-gradient(0deg,#081522,transparent 35%)}.product,.solutions{padding-top:64px;padding-bottom:64px}}
@media(max-width:540px){.hero{min-height:650px;padding:68px 0 100px}.hero .section-copy{width:100%}.hero h1{font-size:36px}.hero .section-body{font-size:16px}.hero-video{opacity:.55;object-position:76% center}.hero-shade{background:linear-gradient(90deg,#071322e6,#071322ad),linear-gradient(0deg,#081522,transparent 30%)}.product,.solutions{padding-top:60px;padding-bottom:60px}.product::before,.solutions::before{background-size:56px 56px;opacity:.55}}
@media(prefers-reduced-motion:reduce){.section::before,.section::after{animation:none}}