/* STech / concise homepage. Scoped to keep shop and planner intact. */
.focused-home{--ink:#20392f;--accent:#b64710;--soft:#f3f4ee;background:#fff;color:var(--ink)}
.focused-home p{color:#3f554b;line-height:1.65}
.focused-home .eyebrow{color:#536257;font-size:12px;line-height:1.5;letter-spacing:1.6px;margin-bottom:15px;font-weight:750}
.focused-home h2{font-size:clamp(29px,3.1vw,44px);line-height:1.12;letter-spacing:-1.6px;margin:0 0 18px}
.focused-home .button{background:#b64710;color:#fff;min-height:50px;font-size:15px;padding:16px 23px;border-radius:9px;box-shadow:0 8px 22px #873b1618}
.focused-home .button:after{animation:none;display:none}
.focused-home .button:hover{background:#953708}
.focused-home .text-link{font-size:15px;color:#a33d0c;line-height:1.5}
.focused-home a:focus-visible,.focused-home button:focus-visible{outline:3px solid #a43e0d;outline-offset:4px}
.focused-home>header{height:88px;padding-inline:5%;gap:20px;background:#fffffff5}
.focused-home.scrolled>header{height:78px}
.focused-home>header nav{gap:18px}
.focused-home>header nav a{font-size:14px;padding-block:16px}
.focused-home>header .phone{background:#b64710;font-size:22px;padding:14px 18px;border-radius:9px}
.focused-home .alt-hero{min-height:0;padding:54px 6% 45px;grid-template-columns:1.15fr 1fr;gap:30px;background:linear-gradient(120deg,#f8f8f2,#edf0e7)}
.focused-home .alt-copy h1{font-size:clamp(40px,4.7vw,73px);letter-spacing:-3.4px;line-height:1.04;margin:0 0 22px;font-weight:750}
.focused-home .alt-copy em{color:#b64710}
.focused-home .alt-copy p{font-size:19px;max-width:530px;margin:0}
.focused-home .alt-copy .actions{margin-top:26px;flex-direction:row;align-items:center;gap:23px}
.focused-home .lens-scene{max-width:460px}
.focused-home .lens-tag,.focused-home .lens-label{font-size:11px;letter-spacing:1px;color:#30493d}
.focused-home .lens-tag{top:2%;left:5%;background:#f0f2e9}
.focused-home .lens-rim>span{font-size:9px}
.hero-assurance{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:14px;color:#3e5549}
.hero-assurance span:before{content:'✓';color:#a73e0b;margin-right:7px;font-weight:800}
.proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 6%;gap:24px;border-bottom:1px solid #dce3d8;background:#fff}
.proof-strip>div,.proof-strip>a{display:flex;flex-direction:column;gap:5px;border-right:1px solid #dae1d6;padding-right:16px}
.proof-strip>a{border:0}
.proof-strip strong{font-size:23px;letter-spacing:-.6px;color:#20392f}
.proof-strip span{font-size:14px;line-height:1.5;color:#43594d}
.proof-strip>a strong{color:#a43e0d}
.focused-home .services,.focused-home .brands-section{padding:54px 6%!important}
.focus-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}
.focus-section-head h2{margin-bottom:0}
.focus-section-head>p{font-size:15px;margin:0;max-width:340px}
.focused-home .service-list{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.focused-home .service.compact-service{grid-template-columns:1fr 22px;grid-template-rows:20px auto auto;gap:10px;min-height:185px;padding:21px!important;border-radius:14px;box-shadow:none;background:#f3f5ef!important}
.focused-home .service.compact-service .num{grid-column:1;grid-row:1;font-size:12px;color:#9e3c0c;padding:0;font-weight:700}
.focused-home .service.compact-service .arrow{grid-column:2;grid-row:1;font-size:23px;line-height:1;color:#a83d0b}
.focused-home .service.compact-service h3{grid-column:1/-1;grid-row:2;font-size:21px;max-width:100%;line-height:1.18;letter-spacing:-.6px}
.focused-home .service.compact-service p{grid-column:1/-1;grid-row:3;font-size:14px;max-width:100%;line-height:1.5;font-weight:400}
.focused-home .service.compact-service:before{left:50%;opacity:.19;right:-24px;bottom:-30px}
.focused-home .service.compact-service:after{background:linear-gradient(90deg,#f3f5effa,#f3f5efc9 65%,#f3f5ef55)}
.focused-home .service.compact-service:hover{border-color:#b64710!important;box-shadow:0 10px 25px #23422c13;transform:translateY(-4px)}
.focused-home .service.compact-service:hover:before{opacity:.35}
.solution-section{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:0 6% 54px;align-items:center}
.solution-photo{position:relative;min-width:0;aspect-ratio:1.25;border-radius:24px 24px 80px 24px;overflow:hidden;background:#1b302c;isolation:isolate}
.solution-photo>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;transition:transform .7s ease}
.solution-photo:hover>img{transform:scale(1.035)}
.solution-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#10211de6);pointer-events:none;z-index:0}
.solution-caption{position:absolute;bottom:25px;left:25px;right:25px;font-size:13px;color:white;z-index:1;line-height:1.5}
.solution-marker{position:absolute;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;width:44px;height:44px;color:white;background:#a9410deb;box-shadow:0 0 0 9px #fff2;font-size:14px;font-weight:700}
.marker-one{top:18%;right:10%}.marker-two{bottom:25%;left:18%}
.scenario-controls{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.scenario-controls button{font:inherit;font-size:15px;font-weight:700;border:1px solid #b8c7ba;border-radius:30px;padding:10px 19px;cursor:pointer;background:#fff;color:#284334;transition:background .2s,color .2s,transform .2s}
.scenario-controls button:hover{transform:translateY(-2px);border-color:#a43e0d}
.scenario-controls button.is-active{background:#223e30;color:#fff;border-color:#223e30}
.scenario-content{min-height:220px}
.scenario-content h3{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:0 0 12px}
.scenario-content p{font-size:16px;margin:0 0 15px;max-width:520px}
.scenario-content ul{padding:0;margin:0 0 24px;list-style:none;display:grid;gap:9px}
.scenario-content li{font-size:15px;line-height:1.5;color:#314e3e}
.scenario-content li:before{content:'↗';color:#a43e0d;margin-right:10px;font-weight:700}
.focused-home .approach{padding:45px 6%!important;grid-template-columns:1fr 1fr;gap:7%;background:#f0f3eb;border-block:1px solid #dee5d8;align-items:center}
.focused-home .approach>div>p{font-size:16px;max-width:520px}
.focused-home .steps article{padding:17px 0;border-color:#c7d3c3;gap:17px}
.focused-home .steps article>span{border-color:#b4c4b0;color:#a43e0d;flex-shrink:0}
.focused-home .steps h3{font-size:21px}
.focused-home .steps p{font-size:15px;margin-top:5px}
.assurance-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.assurance-tags span{padding:8px 12px;background:#fff;border:1px solid #c5d1bd;border-radius:7px;font-size:14px;font-weight:600;color:#304b39}
.focused-home .approach .small-print{font-size:13px;color:#455b4b;margin:10px 0 0}
.focused-home .brands-section{background:#fff;border:0}
.focused-home .brands-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.focused-home .brand-tile{height:82px;padding:17px;border-radius:11px;box-shadow:none;border-color:#d7e1d4;min-width:0}
.focused-home .brand-tile img{width:100%;max-width:155px;height:46px;object-fit:contain}
/* Hikvision artwork is white on transparent: it needs a dark/red ground. */
.focused-home .brand-hikvision{background:#b9162c;border-color:#b9162c}
.focused-home .brand-gree{background:#123861}.focused-home .brand-kenik{background:#26333b}
.focused-home .brands-note{color:#425849;font-size:13px;margin-top:17px;line-height:1.6}
.quick-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 6% 50px}
.quick-paths>a{display:flex;align-items:center;gap:20px;padding:25px;background:#f3f5ef;border:1px solid #d9e3d5;border-radius:16px;transition:transform .25s,box-shadow .25s}
.quick-paths>a:first-child{background:#213e30;border-color:#213e30;color:white}
.quick-paths .eyebrow{display:block;font-size:11px;margin:0 0 8px;color:#405644}
.quick-paths h3{margin:0 0 8px;font-size:25px;letter-spacing:-.8px;line-height:1.2}
.quick-paths p{margin:0;font-size:14px;line-height:1.5}
.quick-paths>a:first-child .eyebrow,.quick-paths>a:first-child p{color:#edf2e8}
.path-icon{font-size:38px;flex-shrink:0;color:#ae440f}
.quick-paths>a:first-child .path-icon{color:#ffad7b}
.path-arrow{font-size:26px;margin-left:auto}
.quick-paths>a:hover{transform:translateY(-4px);box-shadow:0 12px 25px #22452b18}
.focused-home .form-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding:48px 6%;background:#f4f4ee;border-top:1px solid #dce3d7}
.contact-number{display:block;font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-1px;margin:26px 0 10px;color:#a43e0d}
.contact-mail{font-size:17px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.focused-home .contact-area{font-size:15px;margin:30px 0 25px}
.focused-home .form-section form{padding:24px;margin:0;gap:15px;background:#fff;border:1px solid #d1decc;border-radius:16px;box-shadow:0 15px 35px #25422c08;max-width:none}
.focused-home .form-section form label{font-size:14px;color:#2d4837}
.focused-home .form-section input,.focused-home .form-section select,.focused-home .form-section textarea{background:#fff;border:1px solid #a9bba2;padding:12px;border-radius:7px;font-size:16px;color:#20392f;min-width:0}
.focused-home .form-section textarea{min-height:96px}
.focused-home .form-note{font-size:13px;color:#425747;line-height:1.6;margin:12px 0 0}
.focused-home footer{padding:28px 6%;gap:16px 25px;background:#e8eee2}
.focused-home footer small,.focused-home footer .company-tax{font-size:13px!important;color:#3a523f!important}
.focused-home footer>a:not(.logo){font-size:15px}
@media(min-width:1500px){.focused-home .alt-hero{padding-block:65px}.focused-home .lens-scene{max-width:500px}}
@media(max-width:1150px){.focused-home>header{gap:13px;padding-inline:4%}.focused-home>header nav{gap:12px}.focused-home>header nav a{font-size:13px}.focused-home>header .phone{font-size:19px;padding:12px}.focused-home>header .logo{font-size:28px}.focused-home .service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.focused-home .service.compact-service{min-height:155px}.focused-home .scenario-content{min-height:265px}}
@media(max-width:950px){.focused-home>header nav{display:none}.focused-home>header .menu-toggle{display:block;margin-left:auto;color:#20392f}.focused-home>header nav.menu-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:15px 5%;background:#fff;gap:0}.focused-home>header nav.menu-open a{font-size:17px;padding:13px}.focused-home .brands-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.focused-home .brand-tile{padding:12px}.proof-strip{gap:16px}.proof-strip strong{font-size:21px}.focused-home .form-section{gap:5%;grid-template-columns:.8fr 1.2fr}.quick-paths>a{gap:12px;padding:22px}.path-icon{display:none}}
@media(max-width:700px){.focused-home>header,.focused-home.scrolled>header{height:76px;padding-inline:5%;gap:9px}.focused-home>header .logo{font-size:24px;gap:6px}.focused-home>header .logo svg{width:33px}.focused-home>header .phone{font-size:16px;letter-spacing:-.5px;padding:12px 10px;margin-left:0}.focused-home>header .menu-toggle{width:34px}.focused-home .alt-hero{padding:32px 6% 26px;grid-template-columns:1fr;gap:15px}.focused-home .alt-copy h1{font-size:clamp(36px,9.6vw,59px);letter-spacing:-1.9px}.focused-home .alt-copy p{font-size:17px;line-height:1.6}.focused-home .alt-copy .actions{gap:18px;margin-top:22px}.focused-home .alt-copy .button{font-size:14px;padding:15px 17px}.focused-home .alt-copy .text-link{font-size:14px}.hero-assurance{font-size:13px;gap:10px 16px;margin-top:20px}.focused-home .lens-scene{width:65%;max-width:280px;margin:7px auto 0}.focused-home .lens-label,.focused-home .lens-tag{font-size:9px;letter-spacing:.6px}.focused-home .lens-rim>span{font-size:6px}.focused-home .eyebrow{font-size:11px;letter-spacing:1.2px}.proof-strip{grid-template-columns:1fr 1fr;padding:22px 6%;gap:20px 14px}.proof-strip>div:nth-child(2){border:0}.proof-strip strong{font-size:22px}.proof-strip span{font-size:13px}.focused-home .services,.focused-home .brands-section{padding:36px 6%!important}.focus-section-head{display:block;margin-bottom:20px}.focus-section-head>p{margin-top:12px;font-size:14px}.focused-home .service-list{grid-template-columns:1fr 1fr;gap:10px}.focused-home .service.compact-service{min-height:175px;padding:15px!important;gap:9px;grid-template-rows:18px auto auto;border-radius:11px}.focused-home .service.compact-service h3{font-size:19px;line-height:1.2}.focused-home .service.compact-service p{font-size:13px;line-height:1.5}.solution-section{grid-template-columns:1fr;gap:26px;padding:0 6% 36px}.solution-photo{aspect-ratio:1.55;border-bottom-right-radius:55px}.solution-caption{font-size:12px;left:18px;bottom:17px}.solution-marker{width:34px;height:34px;font-size:12px}.scenario-content{min-height:0!important}.scenario-content h3{font-size:23px}.scenario-content p{font-size:15px}.scenario-controls{margin-block:17px}.scenario-controls button{font-size:14px;padding:10px 16px}.focused-home .approach{grid-template-columns:1fr;padding:32px 6%!important;gap:22px}.focused-home .steps p{font-size:14px}.focused-home .brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.focused-home .brand-tile{height:72px;padding:14px}.focused-home .brands-note{font-size:12px}.quick-paths{grid-template-columns:1fr;padding:0 6% 36px;gap:12px}.quick-paths h3{font-size:23px}.quick-paths>a{padding:22px}.focused-home .form-section{grid-template-columns:1fr;padding:32px 6%;gap:25px}.focused-home .contact-area{margin-block:20px}.focused-home .form-section form{padding:20px 16px;grid-template-columns:1fr 1fr;gap:14px}.focused-home .form-section form .wide{grid-column:1/-1}.focused-home .form-section form button{grid-column:1/-1}.focused-home .form-section form input,.focused-home .form-section form select{padding:11px 9px}.focused-home footer{padding:25px 6% 110px}.focused-home .mobile-call a:first-child{background:#b64710;color:white}.focused-home .mobile-call a{font-size:14px}}
@media(max-width:380px){.focused-home .alt-copy .actions{gap:13px;flex-wrap:wrap}.focused-home .service.compact-service{padding:13px!important}.focused-home .service.compact-service h3{font-size:17px}.focused-home>header .phone{font-size:14px;padding:12px 8px}.focused-home .form-section form{grid-template-columns:1fr}.focused-home .form-section form .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.focused-home *, .focused-home *:before,.focused-home *:after{animation:none!important;transition:none!important}.focused-home .quick-paths>a:hover,.focused-home .service.compact-service:hover{transform:none}}