/* Technology that works as one — approved Secureview Tech theme */
:root{
  --navy-deep:#060b13;
  --navy:#0a121f;
  --navy-2:#101d2d;
  --blue:#2c7df0;
  --blue-bright:#35d6ea;
  --red:#2c7df0;
  --red-dark:#1c62c7;
  --ink:#eef5ff;
  --slate:#9eb0c7;
  --slate-2:#71849e;
  --paper:#08101b;
  --mist:#0b1522;
  --mist-2:#111d2d;
  --line:rgba(133,167,205,.18);
  --line-dark:rgba(133,167,205,.18);
  --radius:12px;
  --radius-lg:18px;
  --shadow:0 28px 70px -38px rgba(0,0,0,.88);
  --shadow-soft:0 18px 44px -30px rgba(0,0,0,.76);
}

html{background:#060b13}
body{background:#08101b;color:#eef5ff}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(53,214,234,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(53,214,234,.035) 1px,transparent 1px);
  background-size:72px 72px;
}

.section{background:#08101b}
.section.on-dark{background:linear-gradient(180deg,#0b1522,#07101b)}
.section.on-mist{background:#0b1522}
.section--tight{background:#08101b}
.sec-head h2,.prose h2,.prose h3,.faq__group>h3{color:#f7fbff}
.sec-head p,.prose p,.prose ul,.prose li{color:#9eb0c7}
.eyebrow{color:#35d6ea}
.eyebrow::before{background:#35d6ea}

/* Header */
.nav{background:rgba(6,11,19,.9);border-color:rgba(111,165,222,.18);box-shadow:0 14px 34px -28px #000}
.nav__inner{height:78px;max-width:1320px}
.brand__shield{width:38px;height:46px;filter:drop-shadow(0 0 13px rgba(53,214,234,.2))}
.brand__name{font-size:20px;letter-spacing:.01em}
.brand__name span{color:#35d6ea}
.brand__tag{color:#71849e}
.navlinks{gap:8px}
.navlinks a{color:#c8d5e5;border-radius:7px}
.navlinks a:hover{background:rgba(53,214,234,.07);color:#fff}
.navlinks a.is-active::after{background:#35d6ea;box-shadow:0 0 10px rgba(53,214,234,.7)}
.drop{background:#0d1826;border-color:rgba(133,167,205,.22)}
.drop a{color:#eef5ff}
.drop a:hover{background:rgba(53,214,234,.08);color:#35d6ea}
.drop a small{color:#8295ad}
.nav__phone b{color:#eef5ff}
.mobile{background:#060b13}

/* Actions */
.btn{border-radius:8px;padding:14px 24px}
.btn--primary{background:linear-gradient(135deg,#2c7df0,#245fbf);box-shadow:0 16px 30px -16px rgba(44,125,240,.9)}
.btn--primary:hover{background:linear-gradient(135deg,#398df8,#2c70db)}
.btn--ghost{border-color:rgba(105,153,209,.42);color:#dce9f7;background:rgba(7,16,27,.44)}
.btn--ghost:hover{border-color:#35d6ea;background:rgba(53,214,234,.07)}
.btn--dark{background:#14243a;border:1px solid rgba(53,214,234,.28)}
.btn--dark:hover{background:#19304c}

/* Approved homepage hero */
.hero{
  padding:82px 0 78px;color:#fff;isolation:isolate;
  background:
    radial-gradient(720px 420px at 50% 18%,rgba(44,125,240,.16),transparent 66%),
    linear-gradient(180deg,#0c1522 0%,#08101b 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-2;opacity:.72;
  background-image:linear-gradient(rgba(91,132,178,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,132,178,.08) 1px,transparent 1px);
  background-size:88px 88px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%);mask-image:linear-gradient(to bottom,#000,transparent 88%);
}
.hero::after{
  content:"";position:absolute;left:6%;right:6%;top:318px;height:1px;z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(53,214,234,.5) 18%,rgba(53,214,234,.08) 50%,rgba(53,214,234,.5) 82%,transparent);
  box-shadow:0 0 16px rgba(53,214,234,.3);
}
.hero__intro{position:relative;z-index:2;max-width:900px;margin:0 auto 54px;text-align:center}
.hero__intro .eyebrow{justify-content:center}
.hero h1{font-size:clamp(44px,6.1vw,78px);max-width:12em;margin:18px auto 0;letter-spacing:-.045em}
.hero h1 em{color:#fff;font-style:normal;white-space:nowrap}
.hero h1 em::after{content:"";display:block;width:100%;height:3px;margin-top:6px;background:linear-gradient(90deg,transparent,#35d6ea,transparent);box-shadow:0 0 16px rgba(53,214,234,.55)}
.hero__sub{max-width:44em;margin:22px auto 30px;color:#b7c6d9;font-size:18px}
.hero__actions{justify-content:center}
.hero__systems{
  position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .92fr .72fr;grid-template-rows:238px 238px;
  grid-template-areas:"security network lighting" "security monitoring lighting";gap:18px;padding:18px;
  border:1px solid rgba(90,139,194,.26);border-radius:20px;background:rgba(8,16,27,.78);
  box-shadow:0 34px 80px -36px #000,0 0 0 1px rgba(53,214,234,.035) inset;
}
.tech-shot{position:relative;display:block;overflow:hidden;border:1px solid rgba(73,136,203,.4);border-radius:12px;background:#050a11;min-width:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:zoom-in}
.tech-shot::before,.tech-shot::after{content:"";position:absolute;z-index:3;width:22px;height:22px;border-color:#35d6ea;pointer-events:none}
.tech-shot::before{left:8px;top:8px;border-left:2px solid #35d6ea;border-top:2px solid #35d6ea}
.tech-shot::after{right:8px;bottom:8px;border-right:2px solid #35d6ea;border-bottom:2px solid #35d6ea}
.tech-shot img{width:100%;height:100%;object-fit:cover;transform:none!important;filter:saturate(.9) contrast(1.05);transition:filter .35s ease}
.tech-shot:hover img{filter:saturate(1.04) contrast(1.07) brightness(1.05)}
.tech-shot>span{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;gap:10px;padding:38px 16px 14px;background:linear-gradient(transparent,rgba(3,8,15,.96));color:#fff}
.tech-shot b{font-family:var(--display);font-size:15px;letter-spacing:.01em;text-transform:uppercase}
.tech-shot--security{grid-area:security}
.tech-shot--network{grid-area:network}
.tech-shot--monitoring{grid-area:monitoring}
.tech-shot--lighting{grid-area:lighting}
.tech-shot--network img,.tech-shot--monitoring img,.tech-shot--lighting img{object-position:center}
.home-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:12px;border:0;background:transparent;overflow:hidden}
.home-lightbox::backdrop{background:rgba(1,5,10,.9);backdrop-filter:blur(5px)}
.home-lightbox__panel{position:relative;display:grid;width:100%;height:100%;place-items:center}
.home-lightbox__panel>img{display:block;width:auto;height:auto;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);object-fit:contain;object-position:center;transform:none!important}
.home-lightbox__close{position:absolute;z-index:2;top:8px;right:8px;display:grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(5,10,17,.88);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.home-lightbox__close:hover,.home-lightbox__close:focus-visible{background:var(--blue)}
.system-flow{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#71849e;white-space:nowrap}
.system-flow i{display:block;width:54px;height:1px;background:linear-gradient(90deg,#2c7df0,#35d6ea);position:relative}
.system-flow i::after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:#35d6ea;box-shadow:0 0 9px #35d6ea}

.trustbar{background:#07101b;border-color:rgba(92,143,199,.2)}
.trustbar__item{color:#9fb1c8}
.trustbar__item svg{color:#35d6ea}

/* Dark technology cards and content */
.cluster,.step,.review,.svc__item,.pathcard,.gcard,.formcard,details.qa{
  background:#0d1826;border-color:rgba(110,154,204,.2);box-shadow:var(--shadow-soft);color:#eef5ff;
}
.cluster:hover,.pathcard:hover{border-color:rgba(53,214,234,.48);background:#101d2d;box-shadow:0 18px 46px -28px rgba(53,214,234,.45)}
.cluster__node{background:#08101b;border-color:#35d6ea;box-shadow:0 0 0 6px rgba(53,214,234,.08),0 0 18px rgba(53,214,234,.35)}
.cluster__lead,.step p,.svc__item p,.svc__item.dark p{color:#9eb0c7}
.cluster li{color:#d4deeb}
.cluster li svg{color:#35d6ea}
.pathcard__top,.pathcard--home .pathcard__top,.pathcard--biz .pathcard__top{background:linear-gradient(135deg,#13233a,#0c1725);color:#fff;border-bottom:1px solid rgba(110,154,204,.17)}
.pathcard__kicker,.pathcard--home .pathcard__kicker,.pathcard--biz .pathcard__kicker{color:#35d6ea}
.pathcard__desc,.pathcard--biz .pathcard__desc,.pathcard__list li{color:#a8b9cc}
.pathcard__list li::before{background:#35d6ea;box-shadow:0 0 7px rgba(53,214,234,.55)}
.pathcard__link,.pathcard--biz .pathcard__link{color:#63dfee}
.gcard{box-shadow:0 18px 40px -28px #000}
.gcard__img{background:#050a11}
.gcard__cap{border-top:1px solid rgba(110,154,204,.16)}
.gcard__cap .tag{background:#14243a;color:#a9bed7}
.gcard__cap .tag--home{background:rgba(44,125,240,.14);color:#79aef9}
.gcard__cap .tag--biz{background:rgba(53,214,234,.1);color:#6ce0ee}
.review__text{color:#a8b9cc}
.review__who small,.reviews__foot{color:#7f93ac}
.review__ava{background:#162a44}
.svc__item.dark{background:#0d1826}
.svc__item .ico,.svc__item.dark .ico{background:rgba(53,214,234,.08);border:1px solid rgba(53,214,234,.2);color:#35d6ea}

/* Inner pages */
.phead{
  background:
    radial-gradient(620px 280px at 74% 15%,rgba(44,125,240,.17),transparent 70%),
    linear-gradient(rgba(78,126,180,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,126,180,.06) 1px,transparent 1px),#0a1421;
  background-size:auto,74px 74px,74px 74px,auto;border-bottom:1px solid rgba(81,139,200,.18);
}
.phead h1{max-width:15em}
.phead p{color:#aebed1}
.crumbs{color:#71849e}
.phead--showcase{padding:46px 0 64px;overflow:hidden}
.phead__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:64px;align-items:center;margin-top:28px}
.phead__copy .eyebrow{margin-bottom:15px}
.phead__copy h1{margin:0;max-width:12em;font-size:clamp(38px,5vw,64px);line-height:.98}
.phead__copy>p{max-width:38em;font-size:17px;line-height:1.7}
.phead__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.system-card{position:relative;padding:20px;border:1px solid rgba(53,214,234,.24);border-radius:18px;background:linear-gradient(145deg,rgba(17,31,49,.96),rgba(7,16,27,.98));box-shadow:0 32px 70px -42px rgba(53,214,234,.55)}
.system-card::before,.about-visual::before{content:"";position:absolute;inset:8px;border:1px solid rgba(113,167,218,.1);border-radius:12px;pointer-events:none}
.system-card__top{display:flex;justify-content:space-between;gap:12px;padding:2px 4px 18px;border-bottom:1px solid rgba(111,156,205,.2);font:500 11px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#7f93ac}
.system-card__top b{display:flex;align-items:center;gap:7px;color:#6fe1ee;font-weight:500}
.system-card__top b i{width:7px;height:7px;border-radius:50%;background:#35d6ea;box-shadow:0 0 12px #35d6ea}
.system-card__nodes{display:grid;gap:10px;padding:18px 0}
.system-card__nodes>div{display:flex;align-items:center;padding:15px;border:1px solid rgba(112,156,205,.16);border-radius:10px;background:#091522}
.system-card__nodes p{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;margin:0;font-size:14px}
.system-card__nodes p b{font-family:var(--display);color:#eef5ff}
.system-card__nodes p small{color:#7f93ac}
.system-card__foot{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 4px 2px;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#72869f}
.system-card__foot i{width:4px;height:4px;border-radius:50%;background:#2c7df0}
.service-section{padding-top:82px}
.sec-head--split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:48px;align-items:end}
.sec-head--split>p{color:#8fa2ba;font-size:15px;max-width:36em;padding-bottom:4px}
.svc--tech{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc--tech .svc__item{position:relative;min-height:250px;padding:26px 24px 24px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.svc--tech .svc__item::before{content:"";position:absolute;left:0;top:0;width:42%;height:2px;background:linear-gradient(90deg,#2c7df0,#35d6ea)}
.svc--tech .svc__item:hover{transform:translateY(-4px);border-color:rgba(53,214,234,.42);background:#101d2d}
.svc--tech .svc__item h3{font-size:20px}
.process-rail{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:center;margin-top:54px;padding:26px;border:1px solid rgba(112,156,205,.18);border-radius:14px;background:#0a1522}
.process-rail>div{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.process-rail b{font:700 13px var(--display);color:#eaf3ff}
.process-rail small{font-size:11px;color:#70839c;line-height:1.35}
.process-rail>i{height:1px;background:linear-gradient(90deg,#2c7df0,#35d6ea);opacity:.55}
.about-visual{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;grid-template-rows:250px 110px;gap:12px;padding:12px;border:1px solid rgba(53,214,234,.22);border-radius:18px;background:#07101b;box-shadow:0 30px 70px -42px #000}
.about-visual figure{position:relative;margin:0;overflow:hidden;border-radius:10px;background:#04090f}
.about-visual figure:first-of-type{grid-row:1/3}
.about-visual img{width:100%;height:100%;object-fit:cover;transform:none!important;filter:saturate(.88) contrast(1.05)}
.about-visual figcaption{position:absolute;inset:auto 0 0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(3,8,15,.94));font:600 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#dceaff}
.about-visual>span{display:grid;place-items:center;border:1px solid rgba(53,214,234,.15);border-radius:10px;background:linear-gradient(135deg,#0e1e31,#091522);font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#6fe1ee;text-align:center}
.about-section{padding-top:82px}
.about-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.7fr);gap:70px;align-items:start}
.about-story h2{font-size:clamp(32px,4vw,48px);max-width:13em;margin:14px 0 22px}
.about-story>div>p{color:#9eb0c7;max-width:44em;margin:0 0 16px}
.principles-card{border:1px solid rgba(53,214,234,.22);border-radius:16px;background:linear-gradient(145deg,#0e1b2b,#09131f);padding:22px}
.principles-card>span{display:block;padding:0 2px 15px;border-bottom:1px solid rgba(112,156,205,.18);font:500 10px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#6fe1ee}
.principles-card>div{display:flex;gap:14px;padding:18px 2px;border-bottom:1px solid rgba(112,156,205,.14)}
.principles-card>div:last-child{border-bottom:0;padding-bottom:2px}
.principles-card p{display:flex;flex-direction:column;margin:0}
.principles-card strong{font:700 15px var(--display);color:#eef5ff}
.principles-card small{color:#7f93ac;font-size:12px;margin-top:4px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}
.trust-grid article{position:relative;padding:24px 20px;border:1px solid rgba(112,156,205,.18);border-radius:12px;background:#0b1725}
.trust-grid article>span{font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#35d6ea}
.trust-grid h3{font-size:17px;margin:12px 0 8px}
.trust-grid p{font-size:13px;color:#8397af}
.note{background:#0d1928;border-left-color:#35d6ea;color:#a8b9cc}
.note--red{border-left-color:#2c7df0}
.prose a,.form-note a,.form-status a{color:#61ddea}
details.qa[open]{border-color:rgba(53,214,234,.65);box-shadow:0 15px 38px -28px rgba(53,214,234,.5)}
details.qa summary::after{color:#35d6ea}
details.qa .qa__body{color:#a8b9cc}
.field label{color:#dfe9f5}
.field label span{color:#6fe1ee}
.field input,.field select,.field textarea{background:#08121f;border-color:rgba(112,156,205,.26);color:#eef5ff}
.field input::placeholder,.field textarea::placeholder{color:#60748e}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#35d6ea;box-shadow:0 0 0 3px rgba(53,214,234,.1)}
.form-note{color:#8295ad}
.service-picker{border:0;padding:0;margin:4px 0 24px;min-width:0}
.service-picker>legend{font-family:var(--display);font-size:17px;font-weight:700;color:#eef5ff;padding:0;margin:0}
.service-picker>legend span{color:#6fe1ee}
.service-picker__help{color:#8295ad;font-size:13.5px;margin:5px 0 14px}
.service-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-option{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:14px;border:1px solid rgba(112,156,205,.24);border-radius:11px;background:#08121f;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.service-option:hover{border-color:rgba(53,214,234,.48);background:#0b1827}
.service-option:has(input:checked){border-color:#35d6ea;background:rgba(53,214,234,.08);box-shadow:0 0 0 1px rgba(53,214,234,.12),0 12px 28px -22px rgba(53,214,234,.8)}
.service-option input{width:19px;height:19px;margin:2px 0 0;flex:0 0 auto;accent-color:#2c7df0}
.service-option input:focus-visible{outline:3px solid #35d6ea;outline-offset:3px}
.service-option span{display:flex;flex-direction:column;min-width:0}
.service-option b{font-family:var(--display);font-size:14.5px;line-height:1.3;color:#eef5ff}
.service-option small{font-size:12px;line-height:1.45;color:#7f93ac;margin-top:3px}
.service-error{min-height:1.35em;margin-top:9px;color:#ff8d98;font-size:13px;font-weight:600}
.service-details{display:grid;gap:14px;margin-bottom:22px}
.service-panel{display:none;border:1px solid rgba(53,214,234,.22);border-radius:14px;background:linear-gradient(145deg,#0d1928,#09131f);padding:20px}
.service-panel.is-visible{display:block}
.service-panel__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.service-panel__head h4{font-size:17px;color:#eef5ff;margin:0}
.service-panel__head p{font-size:13px;color:#8295ad;margin-top:4px}
.detail-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:start}
.detail-grid>.field{margin:0}
.detail-group{border:0;padding:0;margin:0;min-width:0}
.detail-group>legend{font-size:13px;font-weight:600;color:#dfe9f5;margin-bottom:7px;padding:0}
.detail-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.detail-checks label{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid rgba(112,156,205,.18);border-radius:8px;background:#08121f;color:#b9c7d8;font-size:12.5px;line-height:1.35;cursor:pointer}
.detail-checks label:has(input:checked){border-color:rgba(53,214,234,.55);background:rgba(53,214,234,.07);color:#eef5ff}
.detail-checks input{width:16px;height:16px;margin:1px 0 0;flex:0 0 auto;accent-color:#2c7df0}
.infocard{background:linear-gradient(145deg,#111f31,#0a1522);border:1px solid rgba(53,214,234,.18)}
.infoline svg{color:#35d6ea}

/* CTA and footer */
.cta{
  background:
    linear-gradient(rgba(72,125,181,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,125,181,.07) 1px,transparent 1px),
    radial-gradient(520px 260px at 85% 110%,rgba(44,125,240,.22),transparent 70%),#0d1826;
  background-size:70px 70px,70px 70px,auto,auto;border:1px solid rgba(53,214,234,.2);box-shadow:var(--shadow);
}
.foot{background:#050a11;border-color:rgba(94,143,197,.18)}
.foot__brand b span{color:#35d6ea}
.foot p.foot__blurb,.foot h5,.foot__bottom{color:#71849e}
.foot ul a{color:#9eb0c7}
.callbar{background:linear-gradient(90deg,#1e66d1,#2c7df0)}
.skip-link{background:#eef7ff;color:#07101b}

@media (max-width:960px){
  .phead__grid{grid-template-columns:1fr;gap:38px}
  .phead__copy h1{max-width:14em}
  .svc--tech{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec-head--split{grid-template-columns:1fr;gap:18px}
  .process-rail{grid-template-columns:1fr 1fr;gap:18px}
  .process-rail>i{display:none}
  .about-story{grid-template-columns:1fr;gap:36px}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .hero__systems{grid-template-columns:1fr 1fr;grid-template-rows:270px 220px 220px;grid-template-areas:"security security" "network lighting" "monitoring lighting"}
  .system-flow{display:none}
}

@media (max-width:640px){
  body::before{background-size:48px 48px}
  .nav__inner{height:66px}
  .hero{padding:52px 0 54px}
  .hero::after{top:270px}
  .hero__intro{margin-bottom:34px;text-align:left}
  .hero__intro .eyebrow{justify-content:flex-start}
  .hero h1{font-size:clamp(38px,12vw,52px);margin:16px 0 0;max-width:8.5em}
  .hero h1 em{white-space:normal}
  .hero h1 em::after{width:74%;margin-left:0}
  .hero__sub{margin:18px 0 24px;font-size:16px}
  .hero__actions{justify-content:stretch}
  .phead--showcase{padding:30px 0 46px}
  .phead__grid{margin-top:20px;gap:30px}
  .phead__copy h1{font-size:39px}
  .phead__actions{display:grid;grid-template-columns:1fr}
  .phead__actions .btn{width:100%;justify-content:center}
  .system-card{padding:14px}
  .system-card__nodes p{align-items:flex-start;flex-direction:column;gap:1px}
  .system-card__foot{gap:7px;font-size:8.5px}
  .service-section,.about-section{padding-top:58px}
  .svc--tech{grid-template-columns:1fr}
  .svc--tech .svc__item{min-height:0}
  .process-rail{grid-template-columns:1fr;padding:20px}
  .about-visual{grid-template-columns:1fr 1fr;grid-template-rows:210px 84px}
  .about-visual figure:first-of-type{grid-row:1/2}
  .about-visual figure:nth-of-type(2){grid-column:2;grid-row:1/2}
  .about-visual>span{grid-column:1/3}
  .trust-grid{grid-template-columns:1fr}
  .hero__systems{padding:10px;gap:10px;border-radius:15px;grid-template-columns:1fr 1fr;grid-template-rows:230px 170px 170px;grid-template-areas:"security security" "network lighting" "monitoring lighting"}
  .tech-shot{border-radius:9px}
  .tech-shot>span{padding:30px 10px 10px;gap:6px;flex-wrap:wrap}
  .tech-shot b{font-size:11px}
  .tech-shot::before,.tech-shot::after{width:14px;height:14px}
  .tech-shot--lighting img{object-position:center}
  .section,.section.on-dark,.section.on-mist{background-color:#08101b}
  .phead{background-size:auto,48px 48px,48px 48px,auto}
  .service-options{grid-template-columns:1fr}
  .service-option{min-height:70px;padding:13px}
  .detail-grid{grid-template-columns:1fr;gap:14px}
  .service-panel{padding:17px 14px}
  .detail-checks{grid-template-columns:1fr}
  .detail-checks label{min-height:44px;align-items:center;font-size:13px}
}

@media (max-width:360px){
  .hero__systems{grid-template-rows:210px 150px 150px}
}

@media (prefers-reduced-motion:reduce){
  .tech-shot img{transition:none}
}