.hero{position:relative;isolation:isolate;display:block;min-height:860px;max-width:none;overflow:hidden;background:#030a15 url('gated-community-hero-v3.webp') center center/cover no-repeat}
.hero:before{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#030a15 0%,rgba(3,10,21,.96) 28%,rgba(3,10,21,.72) 52%,rgba(3,10,21,.14) 76%,rgba(3,10,21,.04) 100%),linear-gradient(180deg,rgba(3,10,21,.12) 58%,#030a15 100%)}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(760px,58vw);min-height:860px;padding:130px 40px 100px max(30px,calc((100vw - var(--max))/2));background:none}
.hero-visual{position:absolute;z-index:1;inset:0;min-height:0;background:none;overflow:hidden;pointer-events:none}
.hero-visual:after{background:none}
.hero .scan-line{left:51%;right:5%;top:32%}
.hero .signal-card{left:auto;right:max(30px,calc((100vw - var(--max))/2));bottom:9%}
.service-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.service-grid article{min-height:350px;border:0;background:linear-gradient(180deg,var(--panel),#06101f)}
.service-grid article:last-child{border:0}
@media(max-width:900px){.hero{min-height:790px;background-position:64% center;background-size:cover}.hero:before{background:linear-gradient(90deg,rgba(3,10,21,.98),rgba(3,10,21,.75) 70%,rgba(3,10,21,.35)),linear-gradient(180deg,transparent 50%,#030a15)}.hero-copy{width:min(720px,90vw);min-height:790px;padding:105px 28px 230px}.hero .scan-line{left:18%;right:8%;top:62%}.hero .signal-card{left:28px;right:auto;bottom:9%}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.hero{min-height:780px;background-position:66% center;background-size:cover}.hero-copy{width:100%;min-height:780px;padding:90px 20px 245px}.hero h1{font-size:3rem}.hero .signal-card{left:18px;right:18px;bottom:7%}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:0}}