/* Brilliant CCTV Solutions — visual system v3 · custom code, no framework/CDN */
:root{--navy:#071421;--navy2:#0b2036;--navy3:#0f2b49;--ice:#dbe9f3;--silver:#9cb5c8;--radius:16px;--shadow-lg:0 24px 70px rgba(0,5,19,.34)}
html{scroll-behavior:smooth}body{background:#071421;color:#f8fbff}img{max-width:100%}
.shell{width:min(1280px,calc(100% - 52px))}
.topbar{background:#07121f;height:36px;border-bottom:1px solid rgba(91,134,161,.17)}.topbar .shell{width:min(1280px,calc(100% - 52px))}.topcontacts{color:#cad7e6}.topcontacts span:first-letter{color:var(--gold)}
.header{height:80px;background:linear-gradient(100deg,rgba(10,25,43,.97),rgba(11,31,56,.96));border-bottom:1px solid #25405b;position:sticky;top:0;z-index:100}
.brand-logo{max-height:63px;max-width:190px}.mainnav{gap:21px}.mainnav>a:not(.btn){transition:color .2s ease}.mainnav>a:not(.btn):hover{color:#f3cf86}.mainnav a.on{color:var(--gold)}.mainnav .nav-quote{padding:12px 24px;font-weight:800;letter-spacing:.1px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;white-space:normal;font-weight:700;letter-spacing:.1px}.btn-outline:hover{background:rgba(255,255,255,.10);border-color:#b4d0e7}
.hero{min-height:540px;isolation:isolate;overflow:hidden;position:relative;background:radial-gradient(ellipse 72% 85% at 78% 54%,#16385e 0%,#0c233d 42%,transparent 84%),linear-gradient(135deg,#07121e 8%,#061523 55%,#09192b 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,#5887b5 1px,transparent 1px),linear-gradient(#5887b5 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#0006,transparent 18%,transparent 70%,#0007)}
.hero-shell{position:relative;z-index:2;grid-template-columns:46% 54%;min-height:540px}.hero-copy{padding:63px 0 57px}.hero-copy .eyebrow{font-weight:700;letter-spacing:2.5px}.hero h1{font-size:clamp(49px,4.55vw,68px);line-height:1.035;letter-spacing:-2px;max-width:550px;margin:22px 0 18px;text-transform:uppercase;text-shadow:0 8px 40px #0004}.hero-lead{font-size:clamp(17px,1.5vw,22px);font-weight:500;color:#f4f8fc;max-width:520px}.hero-description{max-width:460px;line-height:1.8;color:#b0c1d1;font-size:14px}.hero-actions{display:flex;gap:14px;margin-top:23px}.hero-actions .btn{padding:13px 21px;box-shadow:0 4px 23px #169cff3a}.hero-picture{height:535px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.hero-picture:after{content:"";position:absolute;inset:12% 2% 9% 8%;border-radius:50%;background:radial-gradient(circle,#35a7db29,transparent 62%);filter:blur(28px);z-index:-1}.hero-picture img{width:113%;max-width:none;max-height:520px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 18px 40px #0008)}
.hero-proof{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:25px;color:#a9bfce;font-size:11px;letter-spacing:.1px}.hero-proof span{display:inline-flex;gap:7px;align-items:center}.hero-proof b{color:#d9bb75;font-size:12px}
.benefits{background:linear-gradient(94deg,#0e2947,#0c2037 48%,#0e2947);border-bottom:1px solid #284563}.benefits-inner{padding:19px 0}.benefit{font-size:13px;color:#d4e0ed}.benefit i{color:var(--gold)}
.section{padding:75px 0}.section-header .eyebrow,.section-topline .eyebrow{letter-spacing:2px}.section-header h2{font-size:clamp(29px,3vw,39px)}.section-header p,.section-topline p{color:#a7bdd0}
.dark-section{background:radial-gradient(circle at 7% 30%,#0b2846 0%,#071728 39%,#061421 100%)}.service-card{border:1px solid #d9b96e;box-shadow:0 15px 32px #0007,inset 0 0 0 1px #dec27f24;border-radius:14px;min-height:250px}.service-card img{height:250px}.service-card::after{background:linear-gradient(0deg,#071421f2 0%,#08152390 32%,transparent 80%)}.service-caption{bottom:20px;left:21px}.service-caption h3{font-size:20px}.service-caption a{color:#edc67c}
.product-card{background:linear-gradient(155deg,#102d49,#0b1f34);border:1px solid #365572;border-radius:14px;box-shadow:0 10px 30px #0003;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-7px);border-color:#dfb85d;box-shadow:0 17px 46px #0006}.product-photo{height:232px;background:radial-gradient(circle at 45% 40%,#2f5674,#0c263e);overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:cover;transition:transform .42s}.product-card:hover .product-photo img{transform:scale(1.045)}.product-info{padding:22px}.product-info h3{font-size:17px}.product-bottom{flex-wrap:wrap}.product-bottom .btn{background:#123e60;border:1px solid #327a9f;color:#fff}.price{color:#f2ca79}
.workflow-step,.trust-stat,.form-box,.contact-info,.track-visual,.area-card,.review-card{box-shadow:0 12px 33px #0002}.workflow-step,.trust-stat{border-radius:16px}.trust-stat{border-color:#375b76}
.page-hero{background:radial-gradient(circle at 85% 30%,#173956,#08192c 64%);padding:72px 0}.page-hero .eyebrow{color:#f0c87f}.content-section{background:radial-gradient(ellipse at top right,#0d2540,#071624 70%)}.filters a{border-radius:999px}.filters a:hover{border-color:var(--gold)}
.form-box,.contact-info{background:linear-gradient(155deg,#102b48,#0a2037);border:1px solid #375571;border-radius:17px}.form-field input,.form-field select,.form-field textarea,.coupon-apply input{transition:border .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.coupon-apply input:focus{box-shadow:0 0 0 3px #e4b75a30;outline:none;border-color:var(--gold)}.payment-option{background:#0a2137}.payment-option:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 2px #e5bc5a24;background:#132f4c}
.coupon-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #426280;border-radius:15px;padding:22px 26px;margin-bottom:23px;background:linear-gradient(115deg,#142f4d,#0e2742 70%,#15385a)}.coupon-panel h3{font-size:21px;margin:4px 0 3px}.coupon-panel p{font-size:13px;color:#adc0d3;margin:0}.coupon-apply{display:flex;gap:10px;align-items:center}.coupon-apply input{min-width:190px;width:min(26vw,260px);border:1px solid #4d718f;padding:13px 15px;border-radius:10px;color:white;background:#081b2d;text-transform:uppercase;letter-spacing:1px;font-size:13px}.coupon-apply .btn{white-space:nowrap;min-height:45px}.coupon-saving{color:#71edb0;font-size:17px}
.whatsapp-float{position:fixed;z-index:85;bottom:22px;right:22px;display:flex;align-items:center;gap:9px;color:white!important;text-decoration:none;padding:10px 17px 10px 11px;border:1px solid #8ef2bc88;border-radius:999px;background:#116f4e;box-shadow:0 10px 35px #0008;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.whatsapp-float span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#1eb56c;font-size:22px}.whatsapp-float:hover{transform:translateY(-4px);background:#16865e}
.footer{border-top:1px solid #304a64}.footer a:hover{color:var(--gold)}.footer-grid{gap:35px}
@media(max-width:1180px){.mainnav{gap:11px;font-size:12px}.hero h1{font-size:clamp(40px,4.6vw,60px)}}
@media(max-width:990px){.header{height:74px}.mainnav{top:73px}.mainnav>a{white-space:normal}.hero-shell{grid-template-columns:49% 51%;min-height:470px}.hero-copy{padding-top:58px}.hero-picture{height:470px}.hero-picture img{width:115%;max-height:420px}.hero h1{font-size:clamp(36px,5vw,52px)}.hero-proof{gap:7px 12px}}
@media(max-width:740px){.shell,.topbar .shell{width:calc(100% - 36px)}.header{height:70px}.mainnav{top:69px}.hero-shell{grid-template-columns:1fr;gap:0}.hero-copy{padding:47px 0 0}.hero h1{font-size:clamp(40px,10.2vw,58px);max-width:100%;letter-spacing:-1.5px}.hero-picture{height:335px;margin-top:0}.hero-picture img{width:100%;max-height:345px}.hero-actions{flex-wrap:wrap}.hero-proof{margin-top:17px}.benefits-inner{grid-template-columns:repeat(2,1fr)}.coupon-panel{align-items:stretch;flex-direction:column;padding:20px}.coupon-apply input{width:100%;flex:1;min-width:0}.coupon-apply .btn{white-space:normal}.footer-grid{grid-template-columns:1fr 1fr}.service-card img{height:250px}}
@media(max-width:490px){.hero-copy{padding-top:36px}.hero h1{font-size:clamp(39px,11vw,50px)}.hero-lead{font-size:16px}.hero-actions .btn{flex:1;white-space:normal;min-width:132px;line-height:1.25}.hero-picture{height:250px}.hero-picture img{max-height:268px}.hero-proof{font-size:10px}.benefits-inner{grid-template-columns:1fr 1fr;gap:14px}.benefit{font-size:11px}.coupon-apply{align-items:stretch;flex-direction:column}.coupon-apply .btn{width:100%}.whatsapp-float{bottom:14px;right:12px;padding:8px}.whatsapp-float b{display:none}.whatsapp-float span{width:37px;height:37px}.footer-grid{grid-template-columns:1fr}.service-card img{height:225px}}
@media(prefers-reduced-motion:reduce){.hero-picture img,.product-photo img,.service-card img{transition:none!important}}