/* Keep the complete product and its sensor side visible at every breakpoint. */
.hero{min-height:max(800px,100svh)}
.hero-copy{width:min(650px,49vw)}
.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7.2vw,112px);line-height:1.02;letter-spacing:-.065em;max-width:9ch}
.hero-stage{z-index:1;inset:45px -3% 0 40%;background:#050706}
.hero-stage video{object-fit:contain;filter:none;mix-blend-mode:screen}
.product-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.hero-stage video[hidden],.product-still[hidden]{display:none}
.hero:before{z-index:2;background:linear-gradient(90deg,#050706 0%,rgba(5,7,6,.9) 34%,rgba(5,7,6,.15) 53%,transparent 67%)}
.hero-stage:after{background:linear-gradient(180deg,#050706 0%,transparent 15%,transparent 83%,#050706 100%)}
.sensor-chip{display:none}
.mini-score{right:10%;bottom:12%;gap:10px;pointer-events:none}
.mini-ring{width:56px;height:56px;box-shadow:none}
.mini-ring:before{width:46px;height:46px}
.mini-ring strong{font-size:1rem}
.mini-score span{font-size:.7rem;max-width:100px}
.product-views{position:absolute;z-index:4;left:50%;bottom:4%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(8,12,11,.9);backdrop-filter:blur(12px);white-space:nowrap}
.product-views button{border:0;border-radius:999px;padding:10px 15px;background:transparent;color:#a7b1ac;font:600 12px Manrope,Arial,sans-serif;cursor:pointer}
.product-views button:hover,.product-views button[aria-pressed=true]{color:#e8faf4;background:rgba(255,255,255,.09)}
.product-views button:focus-visible{outline:2px solid #caff34;outline-offset:2px}
.product-concept-note{position:absolute;z-index:4;left:50%;bottom:calc(4% + 60px);transform:translateX(-50%);margin:0;width:max-content;max-width:90%;text-align:center;color:#a7b1ac;font:500 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.02em;pointer-events:none}
@media(max-width:980px){
 .hero{display:block;min-height:0;padding-top:118px;padding-bottom:25px}
 .hero-copy{width:100%;max-width:660px}
 .hero h1{font-size:clamp(60px,10vw,90px);max-width:10ch;margin:24px 0}
 .hero .lead{max-width:610px}
 .hero:before{display:none}
 .hero-stage{position:relative;inset:auto;width:100%;height:clamp(470px,86vw,720px);margin:0 auto;overflow:visible}
 .hero-stage video{position:absolute;inset:0;width:100%;height:100%}
 .hero-stage .mini-score{right:1%;bottom:16%}
 .product-views{bottom:1%}
 .product-concept-note{bottom:calc(1% + 60px)}
}
@media(max-width:620px){
 .hero{padding-top:102px}
 .hero h1{font-size:clamp(54px,14vw,80px)}
 .hero .lead{font-size:15px;line-height:1.65}
 .hero .actions{gap:9px;margin-top:25px}
 .hero .actions .btn{font-size:12px;padding:13px 15px}
 .hero-note{font-size:9px;letter-spacing:.08em}
 .hero-stage{width:calc(100% + 28px);margin-left:-14px;height:430px}
 .hero-stage .mini-score{display:none}
 .product-views button{font-size:11px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
 .hero-stage video{display:block}
 .hero-stage{background:#050706}
}