.service-banner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;min-height:360px;margin:0 0 30px;padding:36px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#10191e;color:#f0f2ee}.service-banner__copy{position:relative;z-index:2;align-self:end}.service-banner__eyebrow{margin:0 0 15px;color:#e6c27e;font:.64rem var(--mono);letter-spacing:.12em}.service-banner h3{max-width:640px;margin:0;font-size:clamp(2.7rem,5vw,5.4rem);line-height:.9;letter-spacing:-.07em}.service-banner__copy>p:last-child{max-width:530px;margin:18px 0 0;color:#c5ced0;font-size:.92rem}.service-banner__tag{display:inline-flex;margin-top:20px;padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#f4e5c6;font:.62rem var(--mono);letter-spacing:.05em}.service-banner__art{position:relative;min-height:260px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:radial-gradient(circle at 70% 20%,#92d9cc,transparent 22%),linear-gradient(140deg,#112a36,#203d44 60%,#aa8950)}.service-banner__art:before,.service-banner__art:after{position:absolute;content:"";transition:background .35s ease}.service-banner__art:before{top:12%;right:14%;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.42);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.06),0 0 0 54px rgba(255,255,255,.035)}.service-banner__art:after{bottom:12%;left:10%;width:58%;height:23%;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(242,201,120,.9));transform:rotate(-14deg)}.service-banner[data-service="security"] .service-banner__art{background:radial-gradient(circle at 72% 24%,#77c1dd,transparent 19%),linear-gradient(135deg,#071822,#10364a 65%,#377a93)}.service-banner[data-service="security"] .service-banner__art:before{border-radius:50% 50% 50% 8%;box-shadow:0 0 0 18px rgba(100,201,230,.09),0 0 0 44px rgba(100,201,230,.05)}.service-banner[data-service="access"] .service-banner__art{background:radial-gradient(circle at 22% 20%,#edc474,transparent 18%),linear-gradient(145deg,#241b13,#5b4324 70%,#9d7741)}.service-banner[data-service="access"] .service-banner__art:before{border-radius:10px;transform:skewY(-10deg)}.service-banner[data-service="automation"] .service-banner__art{background:radial-gradient(circle at 70% 24%,#d9b7ec,transparent 21%),linear-gradient(145deg,#18152b,#34265a 64%,#7562a3)}.service-banner[data-service="automation"] .service-banner__art:before{border-radius:18px;box-shadow:0 0 0 12px rgba(255,255,255,.08),0 0 0 34px rgba(255,255,255,.04)}.service-banner[data-service="av"] .service-banner__art{background:radial-gradient(circle at 30% 25%,#efd283,transparent 17%),radial-gradient(circle at 70% 72%,#65a7ce,transparent 22%),#14181e}.service-banner[data-service="av"] .service-banner__art:before{border-radius:50%;border-width:8px}.service-banner[data-service="energy"] .service-banner__art{background:radial-gradient(circle at 74% 20%,#e4c467,transparent 17%),linear-gradient(145deg,#152820,#24583c 65%,#89a74d)}.service-banner[data-service="energy"] .service-banner__art:before{border-radius:6px;transform:rotate(31deg);box-shadow:0 0 0 12px rgba(255,255,255,.06)}.service-banner[data-service="wifi"] .service-banner__art{background:radial-gradient(circle at 70% 20%,#9ae1d2,transparent 21%),linear-gradient(145deg,#102832,#183b47 62%,#967d4c)}.service-banner[data-service="wifi"] .service-banner__art:before{border-radius:50%;box-shadow:0 0 0 19px rgba(255,255,255,.08),0 0 0 45px rgba(255,255,255,.035)}.service-grid article.is-selected{background:var(--dark);color:#fff}.service-grid article.is-selected p{color:#c8d1d4}@media(max-width:780px){.service-banner{grid-template-columns:1fr;min-height:0;padding:25px}.service-banner__art{min-height:180px}.service-banner h3{font-size:3rem}}