:root{--bg:#020305;--panel:#070a0f;--line:#17345a;--red:#ff1027;--blue:#087cff;--cyan:#00a8ff;--purple:#8b31ff;--text:#f6f7fa;--muted:#a1a9b5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#07111f 0,#020305 44%,#010203 100%);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}.topbar{height:74px;padding:0 28px;display:grid;grid-template-columns:330px 1fr 300px;align-items:center;background:#020305;border-bottom:1px solid #15263e;position:sticky;top:0;z-index:50;box-shadow:0 10px 30px #0008}
.logo{height:74px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:44px 18px;align-items:center;text-decoration:none;position:relative;transform:skew(-4deg)}.logo-crown{grid-row:1/3;color:var(--red);font-size:39px;text-shadow:0 0 16px #ff102766}.logo-name{font-family:'Permanent Marker',cursive;font-size:28px;letter-spacing:-1px}.logo-name b{color:var(--red)}.logo-sub{font-size:9px;letter-spacing:8px;color:var(--red);font-weight:900}.logo:after{content:"";position:absolute;left:0;bottom:1px;width:270px;height:2px;background:linear-gradient(90deg,var(--red),transparent)}
.nav{height:100%;display:flex;align-items:center;justify-content:center;gap:28px}.nav a{height:100%;display:flex;align-items:center;text-decoration:none;font-size:12px;font-weight:800;position:relative}.nav a.active,.nav a:hover{color:var(--red)}.nav a.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:6px;background:var(--red);box-shadow:0 0 12px var(--red)}
.tools{display:flex;justify-content:flex-end;gap:8px;align-items:center}.tools button{height:44px;min-width:42px;background:transparent;color:#fff;border:0;border-left:1px solid #1a2431;font-weight:800}.cart{position:relative;font-size:9px}.cart sup{position:absolute;right:-2px;top:-2px;width:17px;height:17px;border-radius:50%;background:var(--red);display:grid;place-items:center}.discord{min-width:170px;padding:8px 14px;border:1px solid #087cff;background:linear-gradient(145deg,#08162e,#05080d);text-decoration:none}.discord span,.discord small{display:block}.discord span{font-size:17px;font-weight:900;letter-spacing:1px}.discord small{font-size:8px;color:#b1bdd0}.menu-toggle{display:none}
.hero{height:400px;display:grid;grid-template-columns:34% 51% 15%;position:relative;overflow:hidden;border-bottom:1px solid #15406d;background:#030508}.hero-copy{padding:38px 28px 28px 40px;z-index:5;background:linear-gradient(90deg,#030406 0,#030406 72%,rgba(3,4,6,.15) 100%)}.premium{color:var(--red);font-size:12px;font-weight:900;letter-spacing:2px;margin-bottom:6px}.hero h1{font-family:Anton,Impact,sans-serif;font-style:italic;line-height:.82;margin:0 0 12px;transform:skew(-4deg)}.hero h1 span{display:block;font-size:78px;background:linear-gradient(#fff,#a9adb5);-webkit-background-clip:text;color:transparent}.hero h1 b{display:block;font-size:78px;color:var(--red);text-shadow:7px 7px 0 #5c000b,0 0 34px #ff102744}.hero h2{font-size:14px;margin:8px 0 13px;letter-spacing:.7px}.hero h2 em{font-style:normal;color:var(--cyan)}.hero-copy p{font-size:14px;line-height:1.55;color:#c8cdd4;margin:0}.hero-buttons{display:flex;gap:14px;margin-top:14px}.btn{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:900;border:1px solid}.btn.red{background:linear-gradient(180deg,#d90b1e,#9d0010);border-color:#ff263b;box-shadow:0 0 22px #ff102722}.btn.outline{background:#07101c;border-color:#138aff;box-shadow:0 0 20px #087cff1f}
.hero-visual{position:relative;overflow:hidden;background:#06101c}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:saturate(1.15) contrast(1.08) brightness(.82)}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020305 0,transparent 18%,transparent 82%,#020305 100%);z-index:1;pointer-events:none}.hero-wash{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 42% 58%,#005dff44 0,transparent 26%),radial-gradient(circle at 73% 42%,#ff001f4f 0,transparent 25%),linear-gradient(180deg,transparent 55%,#020305dd 100%);mix-blend-mode:screen}.hero-tag{position:absolute;z-index:3;right:7%;bottom:40px;font-family:'Permanent Marker',cursive;font-size:24px;color:#d5d9e0;transform:rotate(-4deg);text-shadow:0 0 15px #000}.hero-tag b{color:var(--red)}
.hero-proof{background:linear-gradient(90deg,rgba(3,5,8,.72),#030406 80%);border-left:1px solid #17263b;padding:24px 18px;z-index:5}.hero-proof>div{display:flex;gap:14px;align-items:flex-start;padding:15px 0 18px;border-bottom:1px solid #1a1f29}.proof-icon{color:#1687ff;font-size:27px;text-shadow:0 0 14px #087cff}.hero-proof p{margin:0}.hero-proof b{font-size:13px;line-height:1.15}.hero-proof small{display:block;font-size:10px;line-height:1.35;color:#aab2be;margin-top:5px}
.trust-strip{display:grid;grid-template-columns:repeat(5,1fr);margin:0 10px;padding:11px 25px;background:linear-gradient(180deg,#08111d,#04070b);border:1px solid #1b4b80;clip-path:polygon(1.4% 0,98.6% 0,100% 50%,98.6% 100%,1.4% 100%,0 50%)}.trust-strip article{display:flex;align-items:center;gap:14px;padding:5px 18px;border-right:1px solid #223143}.trust-strip article:last-child{border-right:0}.trust-strip article>span{font-size:29px;color:#0b7fff;min-width:32px;text-align:center}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:11px}.trust-strip small{font-size:9px;line-height:1.3;color:#a4adbb;margin-top:4px}
.featured{padding:18px 26px 12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2{margin:0;font-size:19px;display:flex;align-items:center;gap:11px}.section-title h2 i{display:block;width:13px;height:27px;background:var(--red);transform:skew(-18deg);box-shadow:6px 0 0 #62000d}.section-title>a{border:1px solid #2a4c72;text-decoration:none;padding:8px 12px;font-size:9px;font-weight:900;background:#060a10}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.product{min-width:0;border:1px solid #29476d;background:linear-gradient(180deg,#0b1119,#05080d);position:relative;overflow:hidden;padding-bottom:8px;box-shadow:0 14px 30px #0006}.product.hot{border-color:#0b7fff;box-shadow:0 0 26px #087cff26,0 14px 30px #0008}.badge{position:absolute;left:12px;top:10px;z-index:4;padding:5px 8px;font-size:8px;font-weight:900;color:#fff}.red-badge{background:#c50b1b}.blue-badge{background:#0755dd}.purple-badge{background:#7020c8}.product-image{height:132px;border-bottom:1px solid #1d2b3d;position:relative;background-size:cover;background-position:center;overflow:hidden}.product h3{font-size:12px;line-height:1.24;text-align:center;margin:10px 10px 2px;min-height:45px}.price{display:block;text-align:center;font-size:18px;margin:2px 0 7px}.red-price{color:var(--red)}.blue-price{color:#1687ff}.purple-price{color:#a14cff}.card-actions{display:grid;grid-template-columns:1fr 1fr;border:1px solid #1a293d;margin:0 10px}.card-actions button{height:31px;background:#05080d;color:#fff;border:0;border-right:1px solid #1a293d;font-size:9px;font-weight:900}.card-actions button:last-child{border-right:0}.card-actions button:hover{background:#0a1a2e}
.p-traffic{background-image:linear-gradient(180deg,transparent,#030406dd),url('assets/hero-police.jpg');background-position:36% 64%}
.p-carcols{background-image:linear-gradient(180deg,transparent,#030406dc),url('assets/hero-police.jpg');background-position:71% 62%}
.p-mlo{background:linear-gradient(180deg,#132034,#06090f)}
.p-mlo:before{content:"";position:absolute;left:9%;right:9%;bottom:0;height:82%;background:linear-gradient(90deg,#1a2331,#34475e,#121923);clip-path:polygon(0 18%,70% 18%,70% 0,100% 12%,100% 100%,0 100%)}
.p-mlo:after{content:"";position:absolute;left:14%;right:14%;bottom:14px;height:54%;background:repeating-linear-gradient(90deg,#d9a85c 0 8px,transparent 9px 29px),repeating-linear-gradient(0deg,transparent 0 17px,#10161e 18px 24px);opacity:.68}
.p-bollards{background:linear-gradient(180deg,#101c2c,#06090f)}
.p-bollards:before{content:"";position:absolute;left:8%;right:8%;bottom:18px;height:86px;background:repeating-linear-gradient(90deg,transparent 0 19px,#14191f 20px 38px,transparent 39px 61px);filter:drop-shadow(0 5px 0 #72777d)}
.p-bollards:after{content:"";position:absolute;left:8%;right:8%;bottom:95px;height:5px;background:repeating-linear-gradient(90deg,transparent 0 19px,#e49a15 20px 38px,transparent 39px 61px);box-shadow:0 0 11px #f4a316}
.p-detector{background:radial-gradient(circle at 50% 100%,#123b6b,#070b11 65%)}
.p-detector:before{content:"";position:absolute;left:28%;top:17px;width:44%;height:104px;border:13px solid #6e7782;border-bottom:0;box-shadow:inset 0 0 22px #0b7fff2b}
.p-detector:after{content:"";position:absolute;left:35%;right:35%;top:62px;height:2px;background:#0b7fff;box-shadow:0 0 16px #0b7fff}
.p-camera{background:radial-gradient(circle,#0d2035 0,#06090e 70%)}
.p-camera:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-45%);background:radial-gradient(circle,#08121e 0 17%,#3a5674 18% 28%,#05070b 29% 49%,#242d38 50% 62%,#06070a 63%);box-shadow:0 0 24px #087cff30}
.p-camera:after{content:"REC";position:absolute;right:15px;top:12px;color:red;font-size:9px;font-weight:900}
.reseller{margin:0 26px 24px;min-height:154px;border:1px solid #1f5a94;display:grid;grid-template-columns:27% 36% 24% 13%;background:linear-gradient(100deg,#06132b,#080b12 48%,#170409);position:relative;overflow:hidden}
.reseller:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 11% 100%,#073b9766,transparent 28%),radial-gradient(circle at 58% 95%,#8b001d55,transparent 30%)}
.reseller>*{position:relative;z-index:2}.reseller-photo{background-image:linear-gradient(90deg,rgba(3,5,8,.25),rgba(3,5,8,.6)),url('assets/hero-police.jpg');background-size:cover;background-position:20% 70%;border-right:1px solid #173c6b}
.movement{padding:18px;font-family:'Permanent Marker',cursive;font-size:18px;line-height:1.05;text-shadow:0 0 18px #000}.movement b{display:block;font-size:31px;color:#1384ff;margin-top:5px}
.reseller-copy{padding:18px 24px}.reseller-copy h2{margin:0;font-size:19px}.reseller-copy h2 span{color:var(--red)}.reseller-copy p{font-size:10px;color:#c4c9d0;margin:8px 0 10px}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}.perks span{font-size:9px}
.reseller-badge{margin:17px;padding:13px;border:1px solid #617c9f;background:#05080d;text-align:center;transform:skew(-3deg)}.reseller-badge>span{display:block;color:var(--red);font-size:28px}.reseller-badge b,.reseller-badge small,.reseller-badge i{display:block}.reseller-badge b{font-family:'Permanent Marker',cursive;font-size:18px}.reseller-badge em{color:var(--red)}.reseller-badge small{font-size:9px}.reseller-badge i{color:var(--red);font-size:10px;margin-top:7px}
.learn{align-self:center;justify-self:center;border:1px solid #188bff;background:#07111f;padding:15px 20px;text-decoration:none;font-size:11px;font-weight:900}
.support{margin:0 26px 28px;padding:24px 28px;border:1px solid #202d3c;background:#070a0e;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:28px}.support span{font-size:9px;letter-spacing:4px;color:var(--red);font-weight:900}.support h2{margin:5px 0 0;font-size:22px}.support p{font-size:11px;line-height:1.55;color:#9ea8b5}
.footer{border-top:1px solid #17253a;padding:24px 34px 38px;display:flex;align-items:center;gap:28px;color:#747f8e}.footer-logo{font-family:'Permanent Marker',cursive;color:#fff}.footer-logo b{color:var(--red)}.footer p{font-size:10px;flex:1}.footer small,.footer a{font-size:9px;color:#7d8795}
@media(max-width:1200px){.topbar{grid-template-columns:280px 1fr auto}.nav{gap:15px}.nav a{font-size:10px}.discord{display:none}.hero{grid-template-columns:40% 60%}.hero-proof{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:repeat(3,1fr)}.reseller{grid-template-columns:1fr 2fr}.reseller-badge,.learn{display:none}}
@media(max-width:760px){.topbar{height:68px;grid-template-columns:1fr auto;padding:0 15px}.logo{height:68px;grid-template-columns:38px 1fr}.logo-name{font-size:20px}.logo-sub{font-size:7px;letter-spacing:5px}.logo-crown{font-size:31px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#030507;flex-direction:column;height:auto;padding:12px}.nav.open{display:flex}.nav a{height:36px}.tools{display:none}.menu-toggle{display:block;background:#07111f;border:1px solid #1d4e83;color:#fff;padding:9px 12px;font-size:9px;font-weight:900}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:30px 22px}.hero h1 span,.hero h1 b{font-size:58px}.hero-visual{min-height:280px}.trust-strip{grid-template-columns:1fr;margin:0;clip-path:none}.trust-strip article{border-right:0;border-bottom:1px solid #223143}.product-grid{grid-template-columns:1fr 1fr}.featured{padding:18px 12px}.reseller{grid-template-columns:1fr;margin:0 12px 20px}.reseller-photo{min-height:140px}.reseller-copy{padding:18px}.support{margin:0 12px 20px;grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.hero-buttons{flex-direction:column}.btn{width:100%}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}.hero h1 span,.hero h1 b{font-size:50px}}

/* 2026-08-26 storefront refinement */
@media(max-width:760px){
.hero-copy h2{max-width:100%;font-size:12px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.hero-copy p{max-width:100%;font-size:13px}
.hero-visual{overflow:hidden}
.hero-tag{right:18px;bottom:22px;font-size:18px}
.trust-strip{padding:0 14px}
.trust-strip article{padding:12px 6px;gap:12px}
.trust-strip article>span{font-size:16px;min-width:32px;font-weight:900;color:#1687ff}
.section-title{align-items:flex-end;gap:12px}.section-title h2{font-size:17px}.section-title>a{white-space:nowrap}
.product-image{height:168px}.product h3{min-height:auto;font-size:13px}.price{font-size:20px}
}
@media(max-width:480px){
.hero-copy{padding-left:20px;padding-right:20px}.hero h1 span,.hero h1 b{font-size:52px}
.section-title>a{display:none}.featured{padding-left:10px;padding-right:10px}
.product{border-color:#21466f}.product-image{height:190px}.card-actions button{height:38px}
}
@media(max-width:760px){
.menu-toggle{display:block;justify-self:end;position:relative;z-index:80;min-width:62px}
.hero-tag{display:none}
.nav.open{display:flex;z-index:70;border-bottom:1px solid #1d4e83;box-shadow:0 18px 30px #000b}
}

@media(max-width:760px){
.topbar{position:sticky}
.menu-toggle{display:block!important;position:absolute;right:12px;top:17px;width:64px;height:34px;color:#fff;background:#07111f;border:1px solid #1687ff}
}

@media(max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) 72px!important}.logo{min-width:0;max-width:230px}.logo:after{width:190px}.menu-toggle{display:block!important;position:static!important;justify-self:end!important;width:64px!important;height:34px!important;margin:0!important}}