/* Atmosphere from real field footage; original orthophoto remains the evidence. */
.hero.wrap{width:100%;max-width:none;padding:78px max(48px,calc((100% - 1240px)/2)) 64px;isolation:isolate;overflow:hidden;gap:48px}
.hero-film{position:absolute;inset:0;z-index:-2;background:#0d1117}
.hero-film video{width:100%;height:100%;object-fit:cover;opacity:.65}
.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1117ed 2%,#0d1117b3 45%,#0d111735),linear-gradient(0deg,#0d1117,transparent 35%,#0d111738)}
.hero-copy{position:relative;z-index:1}.hero-copy>p:not(.eyebrow){color:#d4deeb}.hero-copy>p:last-child{color:#bacadd}
.hero .footage-note{font-size:11px!important;letter-spacing:.04em;display:flex;align-items:center;gap:9px;margin-bottom:28px;color:#d3e6d9!important}
.live-dot{height:6px;width:6px;flex:none;border-radius:50%;background:#9ce6bf;box-shadow:0 0 13px #86e6b5;animation:beacon 3s ease-in-out infinite}
.hero-art:before{background:radial-gradient(ellipse,#00b2ff25,transparent 65%)}
.hero .ortho-label{border:1px solid #aecbe330;background:#101c2ebd;backdrop-filter:blur(16px);animation:float-label 8s ease-in-out infinite alternate}
.hero .ortho-foot{bottom:7%;left:8%;right:7%;padding:18px 20px;border:1px solid #b1c8df40;border-radius:12px;background:linear-gradient(130deg,#152d3dc7,#0d1721c7);backdrop-filter:blur(18px);box-shadow:0 15px 40px #0004;animation:float-label 9s ease-in-out infinite alternate-reverse}
.hero .ortho-foot strong{font-size:58px}.hero .ortho-foot p{font-size:11px}
.button{box-shadow:0 7px 30px #0057ff26;transition:box-shadow .25s,transform .25s}.button:hover{box-shadow:0 7px 40px #0077ff65}
.engine{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#0057ff20,transparent 65%),#0d1117}
.engine-grid{gap:24px}.engine-grid article{position:relative;isolation:isolate;padding:0 28px 28px;border:1px solid #29425a;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#172537b0,#11192580);box-shadow:inset 0 1px #d4e6ff13,0 18px 45px #0002;backdrop-filter:blur(12px)}
.engine-film{margin:0 -28px 12px;position:relative;height:235px;background:#0d1117;overflow:hidden}.engine-film video{width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%)}
.engine-film figcaption{position:absolute;bottom:8px;right:20px;font-size:9px;letter-spacing:.05em;color:#a8b9ce}
.engine .product{position:relative;margin-top:16px}
[data-glow]{position:relative}[data-glow]:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),#008dff12,transparent 75%)}
[data-reveal]{opacity:1;transform:none}.motion-ready [data-reveal]{transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.motion-ready [data-reveal]:not(.revealed){opacity:0;transform:translateY(22px)}
@keyframes float-label{to{transform:translateY(-9px)}}@keyframes beacon{50%{box-shadow:0 0 4px #86e6b5;opacity:.65}}
@media(max-width:700px){
.hero.wrap{padding:36px 20px 38px;gap:18px}.hero-film{bottom:160px}.hero-film video{object-position:center}.hero-film:after{background:linear-gradient(90deg,#0d1117db,#0d11177d),linear-gradient(0deg,#0d1117,transparent 45%,#0d111735)}
.hero .footage-note{font-size:9px!important;margin-bottom:20px}.hero .eyebrow{font-size:7.7px}.hero .ortho-foot{bottom:9%;left:7%;right:7%;padding:14px;gap:12px}.hero .ortho-foot strong{font-size:45px}.hero .ortho-foot p{font-size:9px}.hero .ortho-foot small{font-size:19px}.hero-art{max-width:420px}.engine-grid article{padding:0 22px 24px}.engine-film{height:185px;margin-inline:-22px}.engine-grid{gap:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]:not(.revealed){opacity:1;transform:none}}
/* r6b: the field video is the hero's life; darken only behind the copy. */
.hero-film video{opacity:1}
.hero-film:after{background:linear-gradient(90deg,#0d1117f0 0%,#0d1117c4 34%,#0d111740 62%,#0d111710 100%),linear-gradient(0deg,#0d1117 0%,transparent 26%,transparent 82%,#0d111766 100%)}
@media (max-width:700px){.hero-film:after{background:linear-gradient(180deg,#0d1117b0 0%,#0d111799 55%,#0d1117 100%)}}