.hero{grid-template-columns:minmax(355px,.62fr) minmax(690px,1.55fr);gap:48px;min-height:830px;position:relative}
.hero-copy{position:relative;z-index:4}.hero h1{font-size:clamp(68px,6.3vw,112px);letter-spacing:-5px}.hero h2{font-size:clamp(23px,2.2vw,37px)}.hero-copy>p{font-size:15px}
.vms-console{position:relative;z-index:3;border-radius:12px;transform:perspective(1600px) rotateY(-1.25deg) rotateX(.4deg);box-shadow:0 55px 140px #000e,0 0 100px #008ed327}
.vms-console:before{content:"IA VIDEO ANALYTICS · ACTIVE";position:absolute;z-index:15;top:-17px;right:28px;padding:8px 13px;border:1px solid #1dde8b;border-radius:20px;background:#03100cea;color:#38e9a0;font-size:7px;font-weight:900;letter-spacing:1px;box-shadow:0 0 25px #1dde8b33}
.console-body{grid-template-columns:120px 1fr 225px;min-height:515px}.camera-wall{padding:10px;gap:6px;background:#02070b}.camera{box-shadow:0 8px 20px #0009}.event-feed{padding:20px 14px;background:linear-gradient(180deg,#07131d,#03090f)}
.console-head{height:58px}.console-stats{height:68px}.console-stats b{font-size:22px}.edge-note{min-height:50px}
.hero:before{content:"";position:absolute;width:680px;height:680px;right:1%;top:10%;border-radius:50%;background:radial-gradient(circle,#007fbd25,transparent 68%);filter:blur(25px)}
.hero-kpis{border:1px solid #16364c;border-radius:8px;padding:18px 10px;background:#050c12b8}.hero-kpis strong{color:#fff}.hero-kpis div:first-child strong{color:#ff7217}
.migration-strip{transform:translateY(-20px);border-radius:9px;overflow:hidden}.section-title h2{letter-spacing:-2px}
.module-card{background:radial-gradient(circle at 80% 0,#08314a,transparent 38%),linear-gradient(145deg,#0a1722,#050b12)}
@media(max-width:1180px){.hero{grid-template-columns:1fr}.vms-console{transform:none}.hero-copy{max-width:760px}.console-body{min-height:500px}}
@media(max-width:650px){.hero h1{font-size:62px;letter-spacing:-3px}.console-body{min-height:430px}.vms-console:before{right:12px}.migration-strip{transform:none}}