*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2b82d9;--primary-d:#1a64b0;--primary-xl:#5aabff;--primary-dim:#2b82d926;--dark:#060b14;--dark2:#0e1928;--dark3:#060b14;--mid:#1b2e45;--card-bg:#0e1928;--card-border:#1b2e45;--text:#b8c8d8;--text-light:#6b8099;--white:#e8f0f8;--green:#3dd68c;--purple:#9b8afb;--radius:12px;--shadow:0 8px 32px #000000b3, 0 2px 8px #00000080;--shadow-card:0 2px 16px #00000080;--glow:0 0 0 1px #2b82d966, 0 8px 32px #2b82d91f;--transition:.2s ease;scroll-behavior:smooth;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{background:var(--dark);color:var(--text);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{cursor:pointer;color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font:inherit;background:0 0;border:none}.container{max-width:1240px;margin:0 auto;padding:0 24px}.btn{transition:var(--transition);letter-spacing:.01em;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-d));color:#111;box-shadow:0 4px 16px #2b82d959}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-xl), var(--primary));transform:translateY(-2px);box-shadow:0 6px 24px #2b82d980}.btn-outline{border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#111}.btn-outline-light{color:var(--primary-xl);border:1.5px solid #2b82d980}.btn-outline-light:hover{background:#2b82d91f}.btn-sm{padding:7px 14px;font-size:.82rem}.btn-whatsapp{color:#fff;background:#25d366;box-shadow:0 4px 16px #25d3664d}.btn-whatsapp:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 24px #25d36673}.btn-full{justify-content:center;width:100%}.section-header{text-align:center;margin-bottom:44px}.section-title{color:var(--white);margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800}.section-sub{color:var(--text-light);font-size:1rem}.accent{color:var(--primary)}.header{z-index:100;border-bottom:1px solid var(--mid);-webkit-backdrop-filter:blur(14px);background:#060b14f2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:66px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.lang-switcher{align-items:center;gap:4px;margin-right:4px;display:flex}.lang-btn{letter-spacing:.05em;color:var(--text-light);transition:var(--transition);border-radius:5px;padding:4px 7px;font-size:.78rem;font-weight:700}.lang-btn:hover{color:var(--white)}.lang-btn--active{color:var(--primary);background:var(--primary-dim)}.lang-sep{color:var(--mid);-webkit-user-select:none;user-select:none;font-size:.75rem}@media (width<=768px){.lang-switcher{display:none}}.lang-switcher-mobile{z-index:200;border:1.5px solid var(--mid);-webkit-backdrop-filter:blur(16px);background:#0a1220f5;border-radius:12px;flex-direction:column;gap:0;padding:5px;display:none;position:fixed;bottom:24px;left:20px;box-shadow:0 8px 32px #0009,0 2px 10px #0006,0 0 0 1px #2b82d914}.lang-btn-mobile{letter-spacing:.06em;color:var(--text-light);transition:var(--transition);text-align:center;background:0 0;border:none;border-radius:8px;width:100%;padding:9px 18px;font-size:.8rem;font-weight:800}.lang-btn-mobile+.lang-btn-mobile{border-top:1px solid var(--mid);border-radius:0 0 8px 8px}.lang-btn-mobile:first-child{border-radius:8px 8px 0 0}.lang-btn-mobile:hover{color:var(--white);background:#2b82d914}.lang-btn-mobile.lang-btn--active{color:var(--primary);background:var(--primary-dim)}@media (width<=768px){.lang-switcher-mobile{display:flex}}.logo{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-img{object-fit:contain;filter:brightness(0)invert()sepia()hue-rotate(180deg)saturate(2.5)brightness(1.2);width:auto;max-width:190px;height:40px;transition:opacity .25s,transform .25s}.logo:hover .logo-img{opacity:.85;transform:scale(1.04)}.footer-brand .logo-img{max-width:220px;height:50px}@media (width<=1024px){.logo-img{max-width:170px;height:36px}.footer-brand .logo-img{max-width:200px;height:44px}}@media (width<=768px){.logo-img{max-width:150px;height:32px}.footer-brand .logo-img{max-width:175px;height:38px}}@media (width<=480px){.logo-img{max-width:130px;height:28px}.footer-brand .logo-img{max-width:155px;height:34px}}@media (width<=360px){.logo-img{max-width:112px;height:24px}.footer-brand .logo-img{max-width:135px;height:30px}}.nav{gap:28px;display:flex}.nav a{color:var(--text-light);transition:color var(--transition);padding-bottom:3px;font-size:.9rem;font-weight:500;position:relative}.nav a:after{content:"";background:var(--primary);border-radius:2px;height:2px;transition:right .25s;position:absolute;bottom:-1px;left:0;right:100%}.nav a:hover{color:var(--primary)}.nav a:hover:after{right:0}.nav a.nav-active{color:var(--primary);font-weight:700}.nav a.nav-active:after{right:0}.hamburger{flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger span{background:var(--text-light);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s,background .2s;display:block}.hamburger--open span:first-child{background:var(--primary);transform:translateY(7px)rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open span:nth-child(3){background:var(--primary);transform:translateY(-7px)rotate(-45deg)}.btn-phone-icon{border:1.5px solid var(--primary);width:40px;height:40px;color:var(--primary);transition:background var(--transition), color var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:none}.btn-phone-icon:hover{background:var(--primary);color:#111}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-badge-1{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(-2deg)}}@keyframes float-badge-2{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes scan{0%{opacity:.6;top:0}to{opacity:0;top:100%}}@keyframes orb-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hero{background:var(--dark3);flex-direction:column;justify-content:center;min-height:calc(100vh - 66px);padding:clamp(32px,4vh,60px) 0;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(60% 70% at 75% 40%,#2b82d938 0%,#0000 60%),radial-gradient(40% 40% at 10% 70%,#2b82d91a 0%,#0000 55%),radial-gradient(30% 30% at 90% 85%,#9b8afb1a 0%,#0000 50%),linear-gradient(160deg,#060b14 0%,#0e1928 100%);position:absolute;inset:0}.hero-bg:after{content:"";background-image:linear-gradient(#2b82d90a 1px,#0000 1px),linear-gradient(90deg,#2b82d90a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero-orb{pointer-events:none;filter:blur(60px);border-radius:50%;animation:6s ease-in-out infinite orb-pulse;position:absolute}.hero-orb--1{background:#2b82d92e;width:340px;height:340px;animation-delay:0s;top:-80px;right:20%}.hero-orb--2{background:#9b8afb1f;width:220px;height:220px;animation-delay:3s;bottom:0;right:5%}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,52px);display:grid;position:relative}.hero-content{flex-direction:column;gap:clamp(12px,1.6vh,20px);display:flex}.hero-badge{color:var(--primary-xl);letter-spacing:.12em;text-transform:uppercase;background:#2b82d91f;border:1px solid #2b82d966;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:5px 14px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 8px var(--primary);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;display:inline-block}.hero-title{color:var(--white);letter-spacing:-.02em;font-size:clamp(1.8rem,3.2vw,3.2rem);font-weight:900;line-height:1.08}.hero-sub{color:var(--text);max-width:460px;font-size:.9rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{border-top:1px solid var(--mid);flex-wrap:wrap;gap:22px;padding-top:clamp(14px,1.8vh,22px);display:flex}.stat-num{color:var(--primary);text-shadow:0 0 22px #2b82d980;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:900;display:block}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:.68rem;display:block}.hero-visual{justify-content:center;align-items:center;min-width:0;animation:6s ease-in-out infinite float-up;display:flex;position:relative}@keyframes car-drive{0%{left:-15%}to{left:110%}}@keyframes person-walk{0%{left:5%}to{left:80%}}@keyframes rain-fall{0%{top:-4%}to{top:104%}}@keyframes star-twinkle{0%,to{opacity:.6}50%{opacity:1}}@keyframes lf-scan{0%{top:0}to{top:100%}}@keyframes box-blink{0%,to{border-color:#2b82d9e6;box-shadow:0 0 8px #2b82d966}50%{box-shadow:none;border-color:#2b82d959}}.live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 6px #ef4444}.livefeed{border:1.5px solid #2b82d959;border-radius:14px;width:100%;max-width:420px;font-family:monospace;overflow:hidden;box-shadow:0 0 0 1px #2b82d91f,0 28px 64px #000000b3,0 0 60px #2b82d91a}.lf-topbar{letter-spacing:.06em;background:#04080ff7;border-bottom:1px solid #2b82d933;align-items:center;gap:10px;padding:8px 14px;font-size:.65rem;font-weight:700;display:flex}.lf-rec{color:#ef4444;letter-spacing:.12em;align-items:center;gap:5px;display:flex}.lf-recdot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 6px #ef4444}.lf-camid{color:var(--text-light);text-align:center;flex:1}.lf-clock{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.lf-date{color:var(--text-light);font-size:.56rem}.lf-time{color:var(--primary-xl);font-size:.7rem}.lf-scene{aspect-ratio:16/9;background:linear-gradient(#020810 0%,#030d14 55%,#04111a 100%);width:100%;position:relative;overflow:hidden}.lf-sky{background:radial-gradient(70% 40% at 50% 0,#2b82d91f 0%,#0000 70%),radial-gradient(30% 20% at 80% 10%,#2b82d912 0%,#0000 60%);position:absolute;inset:0}.lf-star{background:#c8dcffcc;border-radius:50%;width:2px;height:2px;animation:2s ease-in-out infinite star-twinkle;position:absolute}.lf-skyline{pointer-events:none;height:100%;position:absolute;bottom:32%;left:0;right:0}.lf-bld{background:linear-gradient(#0a1828 0%,#060e18 100%);border-top:1px solid #2b82d933;position:absolute;bottom:0}.lf-bld-top{background:#2b82d94d;border-radius:1px;height:4px;position:absolute;top:-4px;left:20%;right:20%}.lf-bld:after{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 7px,#2b82d91a 7px 8px),repeating-linear-gradient(90deg,#0000,#0000 7px,#2b82d91a 7px 8px);position:absolute;inset:10% 15% 5%}.lf-antenna{background:#2b82d966;width:2px;height:14px;position:absolute;top:-14px;left:50%;translate:-50%}.lf-antenna:after{content:"";background:#ef4444;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:0;left:50%;translate:-50% -50%;box-shadow:0 0 5px #ef4444}.lf-street{background:linear-gradient(#060e14 0%,#040c12 100%);border-top:1px solid #2b82d926;height:32%;position:absolute;bottom:0;left:0;right:0}.lf-lane{background:repeating-linear-gradient(90deg,#ffffff1f 0 24px,#0000 24px 44px);height:2px;position:absolute;top:48%;left:5%;right:5%}.lf-lane--r{top:56%}.lf-car{animation:7s linear infinite car-drive;position:absolute;bottom:32%;left:-15%}.lf-car__body{background:#2b82d940;border:1px solid #2b82d973;border-radius:2px;width:70px;height:16px;position:relative}.lf-car__roof{background:#2b82d933;border:1px solid #2b82d959;border-bottom:none;border-radius:4px 4px 0 0;width:44px;height:12px;position:absolute;bottom:100%;left:12px}.lf-car__wheel{background:#020810;border:2px solid #2b82d999;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px}.lf-car__wheel--f{left:8px}.lf-car__wheel--r{right:8px}.lf-car__light{filter:blur(6px);background:#fff0b426;width:18px;height:6px;position:absolute;bottom:4px}.lf-car__light--l{left:-20px}.lf-car__light--r{opacity:.6;left:-36px}.lf-person{flex-direction:column;align-items:center;animation:9s linear -3s infinite person-walk;display:flex;position:absolute;bottom:32%}.lf-person__head{background:#2b82d9b3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 5px #2b82d980}.lf-person__body{background:#2b82d98c;border-radius:1px;width:6px;height:12px;margin-top:1px}.lf-person__legs{background:linear-gradient(90deg,#2b82d980 40%,#0000 40% 60%,#2b82d980 60%);width:10px;height:6px;margin-top:1px}.lf-rain{background:linear-gradient(#0000,#2b82d959);border-radius:1px;width:1px;height:12px;animation:linear infinite rain-fall;position:absolute;top:-4%}.lf-box{z-index:6;border:1.5px solid #2b82d9e6;border-radius:3px;animation:1.6s ease-in-out infinite box-blink;position:absolute}.lf-box--car{width:80px;height:32px;bottom:32%;left:22%}.lf-box--person{width:24px;height:40px;bottom:32%;left:12%}.lf-box__label{color:var(--primary-xl);letter-spacing:.07em;background:#04080fd9;border-radius:2px;padding:1px 5px;font-size:.5rem;font-weight:800;position:absolute;top:-14px;left:0}.lf-box__conf{color:#22c55e;background:#04080fd9;border-radius:2px;padding:1px 4px;font-size:.48rem;font-weight:700;position:absolute;bottom:-13px;right:0}.lf-scanline{pointer-events:none;background:linear-gradient(90deg,#0000,#2b82d980,#0000);height:2px;animation:4s linear infinite lf-scan;position:absolute;left:0;right:0}.lf-vignette{pointer-events:none;background:radial-gradient(#0000 50%,#020810b3 100%);position:absolute;inset:0}.lf-bottombar{background:#04080ff7;border-top:1px solid #2b82d933;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 14px;display:flex}.lf-tag{color:var(--text-light);letter-spacing:.07em;background:#2b82d90d;border:1px solid #2b82d933;border-radius:4px;padding:2px 8px;font-size:.58rem;font-weight:700}.lf-tag--on{color:#22c55e;background:#22c55e0f;border-color:#22c55e4d}.lf-tag--alert{color:#f59e0b;background:#f59e0b0f;border-color:#f59e0b59;animation:1.5s ease-in-out infinite pulse-dot}.lf-tag--hdd{color:var(--primary-xl)}.hero-float{color:var(--white);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1928f2;border:1px solid #2b82d94d;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 24px #0006}.hero-float--1{animation:5s ease-in-out infinite float-badge-1;top:10%;left:-10px}.hero-float--2{animation:5.5s ease-in-out infinite float-badge-2;bottom:12%;right:-6px}.products-section{padding:88px 0}.category-filter-wrap{margin-bottom:30px;position:relative}.category-filter-wrap:after{content:"";background:linear-gradient(to right, transparent, var(--dark));pointer-events:none;border-radius:0 30px 30px 0;width:60px;height:calc(100% - 8px);display:none;position:absolute;top:0;right:0}.category-filter{flex-wrap:wrap;gap:10px;display:flex}.filter-dots{justify-content:center;gap:6px;margin-top:10px;display:none}.filter-dot{background:var(--mid);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.filter-dot--active{background:var(--primary);transform:scale(1.35)}.cat-btn{border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-light);transition:var(--transition);border-radius:30px;align-items:center;gap:8px;padding:9px 20px;font-size:.87rem;font-weight:600;display:flex}.cat-btn:hover{border-color:var(--primary);color:var(--primary)}.cat-btn--active{background:linear-gradient(135deg, var(--primary), var(--primary-d));border-color:var(--primary);color:#111;font-weight:700;box-shadow:0 4px 16px #2b82d94d}.cat-count{color:inherit;background:#0003;border-radius:20px;padding:1px 7px;font-size:.72rem;font-weight:700}.cat-btn--active .cat-count{background:#00000040}.products-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:36px;display:flex}.search-wrap{flex:1;min-width:200px;position:relative}.search-icon{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--card-bg);border:1.5px solid var(--card-border);width:100%;color:var(--white);transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;outline:none;padding:10px 14px 10px 36px;font-size:.9rem}.search-input::placeholder{color:var(--text-light)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2b82d926}.sort-wrap{color:var(--text-light);align-items:center;gap:8px;font-size:.88rem;display:flex}.sort-select{background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--white);cursor:pointer;border-radius:8px;outline:none;padding:9px 12px;font-size:.88rem}.sort-select:focus{border-color:var(--primary)}.result-count{color:var(--text-light);white-space:nowrap;font-size:.82rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(285px,100%),1fr));gap:22px;display:grid}.product-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);position:relative;overflow:hidden}.product-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:2px;transition:opacity var(--transition);z-index:1;position:absolute;top:0;left:0;right:0}.product-card:hover{box-shadow:var(--glow);border-color:#2b82d973;transform:translateY(-6px)}.product-card:hover:before{opacity:1}.card-img-wrap{text-align:center;background:linear-gradient(160deg,#f5f0e8,#ece4d4);padding:20px;position:relative}.card-img-wrap img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:195px;transition:transform var(--transition);border-radius:6px}.product-card:hover .card-img-wrap img{transform:scale(1.05)}.cat-tag{text-transform:uppercase;letter-spacing:.07em;border-radius:5px;padding:3px 9px;font-size:.68rem;font-weight:700;position:absolute;top:10px;left:10px}.tag--ip{color:#5aabff;background:#2b82d926;border:1px solid #2b82d966}.tag--analog{color:#4ade80;background:#4ade8026;border:1px solid #4ade8066}.tag--ptz{color:#c084fc;background:#c084fc26;border:1px solid #c084fc66}.tag--nvr{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2466}.tag--dvr{color:#f97316;background:#f9731626;border:1px solid #f9731666}.tag--alarm{color:#ef4444;background:#ef444426;border:1px solid #ef444466}.tag--accessories{color:#14b8a6;background:#14b8a626;border:1px solid #14b8a666}.tag--solar{color:#eab308;background:#eab30826;border:1px solid #eab30866}.tag--water{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866}.tag--consumer{color:#a855f7;background:#a855f726;border:1px solid #a855f766}.tag--robots{color:#22c55e;background:#22c55e26;border:1px solid #22c55e66}.tag--xray{color:#ec4899;background:#ec489926;border:1px solid #ec489966}.card-price__contact{color:var(--accent);font-size:.95rem;font-style:italic;font-weight:600}.card-body{padding:16px 18px 20px}.card-model{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;font-size:.7rem;font-weight:700}.card-name{color:var(--white);margin-bottom:14px;font-size:.95rem;font-weight:700;line-height:1.35}.card-specs{border:1px solid var(--mid);background:#0000004d;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px;display:flex}.card-specs li{align-items:center;gap:8px;font-size:.81rem;display:flex}.spec-icon{flex-shrink:0;font-size:.78rem}.spec-label{color:var(--text-light);flex:1}.spec-val{color:var(--white);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.compression-badge{color:var(--text-light);border:1px solid var(--mid);background:#2b82d914;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:.68rem;font-weight:600}.card-price{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.card-price__total{color:var(--primary);font-size:1.15rem;font-weight:800}.card-price__unit{color:var(--text-light);font-size:.7rem}.card-qty{border:1px solid var(--card-border);border-radius:8px;align-items:center;gap:0;width:fit-content;margin-bottom:12px;display:flex;overflow:hidden}.qty-btn{width:44px;height:44px;color:var(--primary);background:var(--card-bg);cursor:pointer;transition:background var(--transition);border:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.qty-btn:hover{background:var(--mid)}.qty-val{text-align:center;min-width:36px;color:var(--white);background:var(--dark2);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);padding:0 4px;font-size:.9rem;font-weight:700;line-height:44px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;grid-template-columns:240px 1fr;width:100%;max-width:780px;max-height:88vh;animation:.2s slide-up;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #000000b3}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-close{border:1px solid var(--mid);width:40px;height:40px;color:var(--text-light);cursor:pointer;z-index:2;transition:background var(--transition), color var(--transition);background:#0006;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--primary);color:#111}.modal-img-wrap{text-align:center;background:linear-gradient(160deg,#f5f0e8,#ece4d4);flex-direction:column;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:relative}.modal-img-wrap img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:180px}.modal-body{flex-direction:column;gap:10px;padding:20px 22px;display:flex;overflow-y:auto}.modal-title{color:var(--white);font-size:1.05rem;font-weight:800;line-height:1.3}.modal-price{align-items:baseline;gap:10px;display:flex}.modal-price__amount{color:var(--primary);font-size:1.35rem;font-weight:900}.modal-price__unit{color:var(--text-light);font-size:.75rem}.modal-specs{border:1px solid var(--mid);background:#00000040;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.modal-specs li{border-bottom:1px solid var(--mid);align-items:center;gap:10px;padding-bottom:4px;font-size:.8rem;display:flex}.modal-specs li:last-child{border-bottom:none;padding-bottom:0}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.empty-state span{font-size:3rem}.empty-state p{color:var(--text-light)}.about-section{background:var(--dark2);padding:88px 0;position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#2b82d912 0%,#0000 70%);width:380px;height:380px;position:absolute;top:-100px;right:-100px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);padding:30px 26px;position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(90deg, var(--primary), var(--purple));transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:#2b82d966;transform:translateY(-4px);box-shadow:0 12px 32px #00000080,0 0 0 1px #2b82d91f}.feature-card:hover:after{transform:scaleX(1)}.feature-icon{margin-bottom:14px;font-size:2.2rem;display:block}.feature-card h3{color:var(--white);margin-bottom:8px;font-size:1.05rem;font-weight:700}.feature-card p{color:var(--text-light);font-size:.88rem;line-height:1.65}.contact-section{padding:88px 0}.contact-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.contact-info .section-title{text-align:left}.contact-info .section-sub{text-align:left;margin-bottom:28px}.contact-list{flex-direction:column;gap:12px;display:flex}.contact-list li{background:var(--card-bg);border:1px solid var(--card-border);transition:border-color var(--transition);border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;font-size:.92rem;display:flex}.contact-list li:hover{border-color:#2b82d966}.contact-list li span:first-child{flex-shrink:0;margin-top:1px;font-size:1.2rem}.contact-list a:hover{color:var(--primary)}.contact-form-wrap{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:32px}.contact-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{background:var(--dark2);border:1.5px solid var(--card-border);width:100%;color:var(--white);transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-light)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2b82d926}.contact-form textarea{resize:vertical}.form-success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 0;display:flex}.form-success span{font-size:3rem}.form-success h3{color:var(--white);font-size:1.2rem}.form-success p{color:var(--text-light);font-size:.9rem}.form-error{color:#e53e3e;margin-bottom:8px;font-size:.875rem}.footer{background:var(--dark3);border-top:1px solid var(--mid);padding:64px 0 0;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:1px;margin-bottom:-1px;display:block}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;display:grid}.footer-brand p{color:var(--text-light);max-width:280px;margin-top:12px;font-size:.88rem}.footer-col h4{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-size:.78rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col li a{color:var(--text-light);transition:color var(--transition);font-size:.88rem}.footer-col li a:hover{color:var(--primary-xl)}.footer-bottom{border-top:1px solid var(--mid);text-align:center;color:var(--text-light);padding:20px;font-size:.82rem}.faq-section{background:var(--dark2);padding:88px 0}.faq-search-wrap{max-width:520px;margin:0 auto 40px;position:relative}.faq-search-icon{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.faq-search{background:var(--card-bg);border:1.5px solid var(--card-border);width:100%;color:var(--white);transition:border-color var(--transition), box-shadow var(--transition);border-radius:10px;outline:none;padding:12px 36px 12px 40px;font-family:inherit;font-size:.92rem}.faq-search::placeholder{color:var(--text-light)}.faq-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2b82d926}.faq-search-clear{color:var(--text-light);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:4px;font-size:.85rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.faq-search-clear:hover{color:var(--white)}.faq-empty{text-align:center;color:var(--text-light);padding:40px 0;font-size:.92rem}.faq-list{flex-direction:column;gap:10px;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);overflow:hidden}.faq-item--open{border-color:#2b82d973;box-shadow:0 0 0 1px #2b82d91f,0 8px 24px #0000004d}.faq-question{width:100%;color:var(--white);text-align:left;cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:.95rem;font-weight:600;line-height:1.45;display:flex}.faq-question:hover,.faq-item--open .faq-question{color:var(--primary)}.faq-icon{border:1.5px solid var(--card-border);width:28px;height:28px;color:var(--primary);transition:background var(--transition), border-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:flex}.faq-item--open .faq-icon{background:var(--primary-dim);border-color:var(--primary)}.faq-answer-wrap{max-height:0;transition:max-height .35s;overflow:hidden}.faq-item--open .faq-answer-wrap{max-height:400px}.faq-answer{color:var(--text);border-top:1px solid var(--mid);padding:16px 20px 20px;font-size:.9rem;line-height:1.75}@media (width<=640px){.faq-section{padding:56px 0}.faq-question{padding:15px 16px;font-size:.88rem}.faq-answer{padding:14px 16px 16px;font-size:.85rem}.faq-search-wrap{margin-bottom:28px}}.leads-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.leads-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.2s slide-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000b3}.leads-header{border-bottom:1px solid var(--mid);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.leads-title{color:var(--white);font-size:1.1rem;font-weight:800}.leads-count{color:var(--text-light);margin-top:2px;font-size:.78rem}.leads-actions{align-items:center;gap:10px;display:flex}.leads-close{border:1px solid var(--mid);width:40px;height:40px;color:var(--text-light);cursor:pointer;transition:background var(--transition), color var(--transition);background:#0006;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.leads-close:hover{background:var(--primary);color:#111}.leads-empty{color:var(--text-light);flex-direction:column;align-items:center;gap:10px;padding:60px 20px;font-size:.9rem;display:flex}.leads-empty span{font-size:2.5rem}.leads-table-wrap{flex:1;overflow-y:auto}.leads-table{border-collapse:collapse;width:100%;font-size:.83rem}.leads-table th{background:var(--dark2);color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--mid);padding:10px 14px;font-size:.72rem;font-weight:700;position:sticky;top:0}.leads-table td{border-bottom:1px solid var(--mid);color:var(--text);vertical-align:top;padding:12px 14px}.leads-table tr:last-child td{border-bottom:none}.leads-table tr:hover td{background:#ffffff05}.leads-date{color:var(--text-light);white-space:nowrap;font-size:.75rem}.leads-date span{opacity:.7;display:block}.leads-name{color:var(--white);white-space:nowrap;font-weight:600}.leads-msg{max-width:220px;color:var(--text-light);font-size:.78rem}.leads-table a{color:var(--primary)}.leads-table a:hover{text-decoration:underline}.leads-del{cursor:pointer;opacity:.5;transition:opacity var(--transition);background:0 0;border:none;padding:4px;font-size:.9rem}.leads-del:hover{opacity:1}@media (width<=1024px){.hero-inner{gap:clamp(20px,3vw,36px)}.hero-title{font-size:clamp(1.7rem,3vw,2.8rem)}.livefeed{max-width:360px}.hero-float{padding:6px 12px;font-size:.68rem}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.modal{grid-template-columns:190px 1fr;max-width:680px}.features-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{gap:36px}}@media (width<=900px){.hero{min-height:unset;padding:clamp(40px,6vh,72px) 0}.hero-inner{grid-template-columns:1fr;gap:clamp(28px,4vh,44px)}.hero-visual{display:none}.hero-content{text-align:center;align-items:center;gap:clamp(14px,2vh,22px)}.hero-badge{align-self:center}.hero-sub{max-width:560px;margin:0 auto}.hero-actions{justify-content:center}.hero-stats{justify-content:center;padding-top:clamp(16px,2vh,24px)}.contact-inner{grid-template-columns:1fr;gap:32px}.contact-info .section-title,.contact-info .section-sub{text-align:center}}@media (width<=768px){.hamburger{display:flex}.nav{background:var(--dark3);border-bottom:1px solid var(--mid);z-index:99;flex-direction:column;gap:14px;padding:16px 24px;display:none;position:absolute;top:66px;left:0;right:0}.nav--open{display:flex}.header-actions .btn-outline{display:none}.btn-phone-icon{display:flex}.hero-title{font-size:clamp(1.6rem,5vw,2.4rem)}.products-toolbar{flex-direction:column;align-items:stretch;gap:10px}.search-wrap{min-width:unset}.sort-wrap{justify-content:space-between}.result-count{text-align:right}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.modal{grid-template-columns:1fr;max-width:500px;max-height:92vh;overflow-y:auto}.modal-img-wrap{padding:20px}.modal-img-wrap img{max-height:150px}.modal-body{padding:18px 20px}.footer-inner{grid-template-columns:1fr 1fr;gap:24px}.leads-panel{max-height:92vh}.leads-table{font-size:.78rem}.leads-table th,.leads-table td{padding:9px 10px}.leads-msg{max-width:130px}.leads-table-wrap{overflow-x:auto}}@media (width<=640px){.products-section,.about-section,.contact-section,.faq-section{padding:52px 0}.section-header{margin-bottom:26px}.container{padding:0 16px}.hero{padding:36px 0 44px}.hero-content{gap:16px}.hero-title{font-size:clamp(1.55rem,6vw,2.2rem)}.hero-sub{font-size:.88rem}.hero-stats{gap:12px;padding-top:16px}.stat-num{font-size:1.2rem}.stat-label{font-size:.65rem}.category-filter{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.category-filter::-webkit-scrollbar{display:none}.cat-btn{flex-shrink:0}.category-filter-wrap:after{display:block}.filter-dots{display:flex}.product-grid{grid-template-columns:1fr;gap:14px}.card-img-wrap img{height:155px}.card-footer{flex-direction:column;gap:8px}.card-footer .btn{justify-content:center;width:100%}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:20px 18px}.form-row{grid-template-columns:1fr}.contact-form-wrap{padding:20px 18px}.footer-inner{grid-template-columns:1fr;gap:22px}.footer{padding:44px 0 0}.footer-brand p{max-width:100%}.leads-panel{border-radius:12px}}@media (width<=480px){.hero-title{font-size:1.5rem}.hero-badge{padding:4px 11px;font-size:.62rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{justify-content:center;width:100%}.hero-stats{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.header-actions .btn{letter-spacing:0;padding:8px 10px;font-size:.76rem}.btn{padding:9px 16px;font-size:.85rem}.btn-sm{padding:8px 12px;font-size:.8rem}.modal-overlay{padding:10px}.modal{border-radius:12px;max-height:94vh}.modal-body{gap:8px;padding:14px 16px}.modal-specs li{font-size:.78rem}.faq-question{gap:12px;padding:14px 15px;font-size:.86rem}.faq-answer{padding:13px 15px 15px;font-size:.84rem}.faq-icon{width:26px;height:26px;font-size:1rem}.faq-search{font-size:.86rem}.leads-header{flex-wrap:wrap;gap:10px;padding:14px 16px}.leads-actions{gap:8px}.card-body{padding:14px 16px 18px}}@media (width<=414px){.hero-title{font-size:1.42rem;line-height:1.15}.hero-sub{font-size:.86rem}.section-title{font-size:clamp(1.3rem,6vw,1.7rem)}.card-specs li{font-size:.78rem}.spec-val{max-width:110px}.contact-form input,.contact-form textarea{padding:10px 12px;font-size:.86rem}}@media (width<=360px){.container{padding:0 12px}.hero-title{font-size:1.3rem}.hero-sub{font-size:.82rem}.section-title{font-size:1.3rem}.card-body{padding:12px 13px 16px}.card-name{font-size:.88rem}.sort-wrap{flex-direction:column;align-items:flex-start;gap:5px}.sort-select{width:100%}.faq-question{padding:12px 13px;font-size:.82rem}.faq-answer{padding:12px 13px 14px;font-size:.8rem}.faq-search{padding:10px 30px 10px 36px;font-size:.82rem}.modal-body{padding:12px 14px}.modal-price__amount{font-size:1.15rem}.leads-title{font-size:.95rem}.leads-table{font-size:.72rem}}@media (height<=500px) and (orientation:landscape){.hero{min-height:unset;padding:28px 0}.modal{max-height:96vh}.modal-img-wrap img{max-height:110px}.leads-panel{max-height:96vh}}