/* Brilliant CCTV Solutions — premium storefront v2 */
:root{--navy:#071423;--navy2:#0a1e35;--navy3:#102846;--txt:#f8fbff;--muted:#9aaec3;--line:#203a56;--glass:rgba(13,34,58,.84)}
html{scroll-padding-top:85px}body{background:#081728;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#e9b95b;color:#061320}
.shell{width:min(1340px,calc(100% - 54px))}.topbar{height:39px;background:#081421;border-color:#19314b}.topbar-inner{font-weight:500;letter-spacing:.12px}.topcontacts{gap:29px}.topcontacts span{display:flex;gap:5px;align-items:center}.socials a{opacity:.8;transition:.2s}.socials a:hover{opacity:1;transform:translateY(-1px)}.header{height:86px;background:#0d1f37ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 30px #020c1980;border-color:#24405c}.brand-logo{max-width:195px;max-height:64px;object-fit:contain}.navwrap{gap:26px}.mainnav{gap:21px;font-weight:550;font-size:13px}.mainnav>a{white-space:nowrap}.mainnav a.on{position:relative}.mainnav a.on::after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:var(--gold);border-radius:6px;box-shadow:0 0 12px var(--gold)}.cart-nav{border:1px solid #31516e;padding:8px 10px;border-radius:18px}.cart-nav span:last-child{color:#071526;background:#e8be68}.mainnav .nav-quote{padding:11px 21px}.announcement{border-bottom:1px solid #375277;background:linear-gradient(90deg,#102e50,#0e2745 55%,#08182b);color:#e9eef6;text-align:center;padding:8px;font-size:12px}.announcement-dot{color:var(--gold);padding-right:5px}.announcement a{color:var(--gold);font-weight:800;margin-left:10px}
.hero{min-height:530px;background:radial-gradient(ellipse at 75% 46%,#17385d 0%,#0d243e 32%,#081625 68%,#06111d 100%);border-bottom:1px solid #214362}.hero::after{content:"";position:absolute;bottom:0;left:50%;right:3%;height:100px;background:radial-gradient(ellipse,#1abfff15,transparent 73%);pointer-events:none}.hero-shell{min-height:530px;grid-template-columns:46% 54%;gap:0}.hero-copy{padding:46px 0 57px 3px}.hero h1{font-size:clamp(46px,4.25vw,72px);letter-spacing:-2.8px;font-weight:850;max-width:650px;line-height:1.065;text-wrap:balance;margin:16px 0 16px}.hero-lead{font-size:20px;line-height:1.39;max-width:570px}.hero-description{font-size:14px;max-width:570px;line-height:1.65;color:#b6c5d6}.hero-actions{gap:15px}.hero-picture{height:515px}.hero-picture img{width:105%;max-height:520px;object-fit:contain;filter:drop-shadow(0 28px 45px #0007)}.eyebrow{color:#efc471;letter-spacing:2.3px;font-size:11px}.btn{font-size:13px;border-radius:999px;padding:12px 23px;min-height:45px}.btn-gold{background:linear-gradient(120deg,#ffe39a,#e2ac45 62%,#b58530);border-color:#e7b95a;box-shadow:0 0 0 1px #efc47344,0 6px 22px #cb953e59}.btn-blue{background:linear-gradient(115deg,#0d74b6,#12395f 75%);border-color:#45c0fa;box-shadow:0 0 0 1px #2098e457,0 5px 20px #079ce44f}.btn:hover{transform:translateY(-3px);filter:brightness(1.09)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.benefits{background:linear-gradient(100deg,#0d2847,#0d213b 52%,#0c2949)}.benefits-inner{padding:17px 0;gap:20px}.benefit{font-size:13px;font-weight:540;letter-spacing:.1px;gap:12px}.benefit i{font-size:25px}.section{padding:79px 0}.section-header{margin-bottom:36px}.section-header h2{font-size:clamp(27px,3.1vw,39px);letter-spacing:-1.2px;font-weight:770}.dark-section{background:radial-gradient(circle at 9% 80%,#0a2340 0,#061627 53%,#061323 100%)}.dark-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:linear-gradient(90deg,#4488b7 1px,transparent 1px),linear-gradient(#4488b7 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,#000,transparent 42%)}.grid-3,.grid-4{gap:22px}.service-card{border-color:#e4b75cbb;box-shadow:0 7px 25px #0006,0 0 0 1px #daa8522a;min-height:246px}.service-card img{height:246px}.service-card::after{background:linear-gradient(0deg,#071522ef 2%,#07152230 62%,#07152218 90%)}.service-caption{bottom:17px;left:22px}.service-caption h3{font-weight:720;font-size:19px}.service-caption a{font-weight:550}.product-card{border-color:#274863;background:linear-gradient(155deg,#102a46,#0c2038);box-shadow:0 8px 28px #0003}.product-photo{height:210px;background:#173854}.product-photo img{mix-blend-mode:normal;opacity:1;object-fit:cover}.product-info{padding:19px 20px}.product-info h3{font-size:16px;font-weight:710}.product-info p{line-height:1.55}.price{color:#f3cc77}.section-topline h2{font-size:clamp(26px,3vw,39px)}.trust-section{background:linear-gradient(110deg,#0d2a49,#09213a)}.trust-stat{border:1px solid #345575;background:linear-gradient(135deg,#0f3557,#10263e);box-shadow:inset 0 1px 0 #ffffff0d}.trust-stat strong{letter-spacing:-1px}.workflow-section{background:#081827}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.workflow-step{display:flex;align-items:start;gap:18px;border:1px solid #284463;border-radius:14px;padding:27px 23px;background:linear-gradient(145deg,#112a47,#081d31)}.workflow-step>span{font-size:28px;color:#e8bb65;font-weight:850;line-height:1}.workflow-step h3{font-size:17px;line-height:1.25;margin:1px 0 9px}.workflow-step p{font-size:13px;color:#a6bdd1;line-height:1.65;margin:0}.faq-home{background:linear-gradient(120deg,#071c31,#0b2440)}.faq-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;align-items:start}.faq-layout h2{font-size:37px;line-height:1.16;margin:12px 0 14px;letter-spacing:-1px}.faq-layout .btn{margin-top:23px}.faq-items{display:grid;gap:11px}.faq-items details{border:1px solid #375570;background:#102941;border-radius:12px;padding:0 19px;box-shadow:0 5px 12px #0002}.faq-items summary{cursor:pointer;padding:18px 25px 18px 0;font-size:15px;font-weight:690;list-style:none;position:relative}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:"+";color:var(--gold);font-size:23px;line-height:1;position:absolute;right:2px;top:17px}.faq-items details[open] summary::after{content:"−"}.faq-items details[open]{border-color:#e3b75a8a}.faq-items p{color:#a7bed2;font-size:14px;line-height:1.75;border-top:1px solid #2c455c;padding:14px 0 18px;margin:0}.faq-page{display:grid;grid-template-columns:1.5fr .7fr;align-items:start;gap:35px}.cta-section{padding:82px 0;background:radial-gradient(ellipse at 45% 8%,#1d4263,#08192a 75%)}.cta-section h2{font-size:clamp(27px,3.2vw,41px);letter-spacing:-1px}.footer{background:#050e18}.footer-grid{padding:65px 0 50px}.footer-brand img{width:185px;max-height:72px;object-fit:contain;object-position:left}.footer p,.footer a:not(.brand){font-size:13px}.footer h3{font-size:15px;color:#edf4fe}.footer .footbar{color:#8199af}
.page-hero{background:radial-gradient(ellipse at 80% 30%,#113d63,#0b213a 54%,#071625);padding:70px 0;border-bottom:1px solid #30506f}.page-hero h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.3px}.page-hero p{font-size:15px}.catalog-toolbar{display:flex;align-items:center;gap:14px;padding:14px 17px;border:1px solid #2d4864;background:#102940;border-radius:13px;margin:14px 0 16px}.catalog-toolbar .catalog-search{display:flex;flex:1;gap:8px;align-items:center}.catalog-search span{font-size:23px;color:#c6b480}.catalog-toolbar input,.catalog-toolbar select{border:1px solid #355575;color:#d9e8f7;background:#0a2139;border-radius:8px;padding:11px 13px;outline:none}.catalog-search input{flex:1;min-width:0}.catalog-toolbar label{font-size:12px;color:#a8c0d4}.catalog-sort select{margin-left:7px}.catalog-count{color:#91acc4;font-size:13px;margin:0 0 17px}.pager{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:36px;font-size:14px}.pager a,.pager span{border:1px solid #385a76;padding:9px 15px;border-radius:8px}.pager a:hover{border-color:var(--gold);color:var(--gold)}.product-gallery{min-width:0}.detail-img{overflow:hidden;background:radial-gradient(circle at 55% 50%,#22405e,#0e2238);border-color:#355572}.detail-img img{object-fit:contain;max-height:520px}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 2px}.gallery-thumb{border:2px solid #33516c;min-width:84px;width:84px;height:70px;border-radius:9px;background:#1a3650;padding:2px;overflow:hidden}.gallery-thumb.selected,.gallery-thumb:hover{border-color:var(--gold)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.detail-grid{gap:42px}.detail-info h1{letter-spacing:-1px}.form-box,.contact-info{border:1px solid #305170;background:linear-gradient(148deg,#112d4b,#0b2137);box-shadow:0 12px 30px #0002}.contact-grid{align-items:start}.form-field input,.form-field select,.form-field textarea{transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#49bafa;outline:none;box-shadow:0 0 0 3px #2387bc26}.checkout-grid{align-items:start}.area-card{background:#102941;border:1px solid #304d68;border-radius:14px;padding:27px}.area-icon{color:var(--gold);font-size:33px}.area-card h3{font-size:21px;margin:5px 0}.area-card .gold-link{display:block;margin:8px 0}.track-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:29px;align-items:start;max-width:1040px;margin:auto}.track-layout .form-box{display:grid;gap:17px}.track-layout .form-box h2,.track-layout .form-box p{margin:0}.track-layout .form-field{margin:0}.track-visual{border:1px solid #2b5272;background:radial-gradient(circle at 50% 15%,#184669,#0e233a 75%);border-radius:17px;min-height:370px;display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;padding:35px}.track-icon{width:85px;height:85px;display:grid;place-items:center;border-radius:50%;background:#173c5b;box-shadow:0 0 0 7px #2a5b7929;font-size:36px;color:var(--gold)}.track-visual h3{font-size:23px;margin:20px 0 4px}.track-visual p{color:#a5bacc;font-size:14px}.track-state{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #31506b}.track-state span{color:#a0b6ca}.track-state b{color:#f5d38a}.track-result .muted{font-size:13px}
@media(max-width:1200px){.mainnav{gap:13px;font-size:12px}.mainnav .nav-quote{padding-inline:16px}.hero h1{font-size:54px}.hero-lead{font-size:18px}.grid-4{gap:15px}}@media(max-width:990px){.header{height:75px}.navwrap{position:relative}.mobile-toggle{display:block}.mainnav{display:none;position:absolute;top:74px;left:-12px;right:-12px;flex-direction:column;align-items:stretch;padding:16px 22px 25px;background:#091e35;border:1px solid #31536f;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 25px 35px #0009;gap:0}.mainnav.opened{display:flex}.mainnav a{padding:11px 12px}.mainnav a.on::after{display:none}.mainnav .nav-quote{margin-top:8px}.hero-shell{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(37px,5.5vw,57px)}.hero-picture{height:390px}.hero-picture img{max-height:415px}.hero-shell,.hero{min-height:445px}.benefits-inner{grid-template-columns:repeat(2,1fr);gap:16px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:1fr}.faq-layout,.faq-page{gap:24px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.service-card img{height:260px}}
@media(max-width:680px){.shell{width:calc(100% - 34px)}.topbar{height:auto;padding:9px 0}.topbar-inner{justify-content:center}.topcontacts{gap:15px;font-size:10px;flex-wrap:wrap;justify-content:center}.topcontacts span:nth-child(3){display:none}.socials{display:none}.header{height:72px}.brand-logo{max-width:172px;max-height:59px}.mainnav{top:70px}.hero-shell{grid-template-columns:1fr;min-height:0}.hero{min-height:0}.hero-copy{padding:52px 0 6px}.hero h1{font-size:clamp(41px,10vw,58px);letter-spacing:-1.8px}.hero-lead{font-size:17px}.hero-description{font-size:13px}.hero-picture{height:305px}.hero-picture img{width:100%;max-height:320px}.hero-actions{gap:11px}.hero .btn{flex:1;padding:11px 12px;white-space:nowrap;font-size:12px}.benefits-inner{padding:15px 0;gap:13px}.benefit{font-size:11px;gap:7px;justify-content:start;white-space:normal}.benefit i{font-size:20px}.section{padding:55px 0}.section-header h2,.section-topline h2{font-size:29px}.grid-3,.grid-4{grid-template-columns:1fr;gap:18px}.service-card img{height:235px}.product-photo{height:245px}.workflow-step{padding:22px}.faq-layout,.faq-page,.track-layout{grid-template-columns:1fr}.faq-layout h2{font-size:31px}.faq-items summary{font-size:14px}.trust-stat{padding:25px}.section-topline{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid p{margin-bottom:14px}.footbar{flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-img{min-height:270px}.detail-info h1{font-size:32px}.content-section{padding:35px 0 60px}.catalog-toolbar{flex-wrap:wrap;padding:12px}.catalog-search{min-width:100%}.catalog-sort{flex:1}.catalog-sort select{max-width:170px}.checkout-grid,.contact-grid{grid-template-columns:1fr}.page-hero{padding:46px 0}.page-hero h1{font-size:32px}.announcement{font-size:10px}.announcement a{margin-left:5px}}
@media(max-width:380px){.shell{width:calc(100% - 24px)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.hero h1{font-size:39px}.hero-actions{flex-direction:column}.benefits-inner{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}