:root{--blue:#005187;--mid:#4d82bc;--light:#84b6f4;--pale:#c4dafa;--ink:#17324d;--muted:#6d7f91;--bg:#f5f8fc;--white:#fff;--line:#dbe6f0;--green:#1ea75a;--dark:#062846}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden} a{text-decoration:none;color:inherit} img{max-width:100%;height:auto;display:block}.container{width:min(1280px,94%);margin:auto}
.topbar{background:var(--blue);color:#fff;font-size:13px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:20px}.topbar-left{display:flex;gap:18px;flex-wrap:wrap}.topbar-left span{position:relative;padding-right:18px}.topbar-left span:not(:last-child):after{content:"";position:absolute;right:7px;top:50%;transform:translateY(-50%);width:1px;height:14px;background:#ffffff55}.topbar-right{opacity:.95}
.mainhead{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(0,81,135,.08)}.mainhead-inner{display:grid;grid-template-columns:330px 1fr 210px;gap:28px;align-items:center;padding:18px 0}.logo img{max-width:320px;width:100%;height:auto}.search{display:flex;border:2px solid var(--mid);border-radius:10px;overflow:hidden;background:#fff}.search input{flex:1;border:0;padding:16px 16px;outline:0;font-size:15px}.search button{border:0;background:#2563eb;color:#fff;padding:0 22px;font-weight:700;cursor:pointer}.header-contact{text-align:right}.header-contact small{display:block;color:var(--muted);font-size:12px}.header-contact a{display:block;color:var(--blue);font-weight:900;font-size:20px;text-decoration:none;line-height:1.2}.header-contact span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.menu{background:#fff;border-bottom:1px solid var(--line)}.menu .container{display:flex;gap:32px;align-items:center;padding:16px 0;font-weight:800;font-size:15px;overflow:auto}.menu a{white-space:nowrap}.menu a:hover,.menu a:first-child{color:var(--blue)}
.categorybar{background:linear-gradient(90deg,var(--mid),var(--light));color:#fff}.categorybar .container{display:flex;overflow:auto;scrollbar-width:thin}.categorybar a{padding:16px 18px;white-space:nowrap;font-size:13px;font-weight:700;border-right:1px solid #ffffff2b}
.hero{background:var(--bg);padding:20px 0 28px}.hero-box{display:grid;grid-template-columns:.95fr 1.05fr;min-height:520px;background:radial-gradient(circle at 72% 15%,rgba(132,182,244,.25),transparent 28%),linear-gradient(120deg,#012c52,#0a4f82 58%,#3c7bbc);border-radius:22px;overflow:hidden;color:#fff;box-shadow:0 20px 50px rgba(0,81,135,.18)}.hero-copy{padding:56px 52px}.eyebrow{display:inline-block;color:#9fcbff;font-size:14px;letter-spacing:.08em;font-weight:700;margin-bottom:16px}.hero-copy h1{font-size:clamp(42px,4.4vw,68px);line-height:1.04;margin:0 0 18px;letter-spacing:-1px}.hero-copy h1 span{display:block;color:#fff}.hero-copy p{font-size:18px;line-height:1.6;color:#e4f2ff;max-width:580px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:10px;background:#2563eb;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.2)}.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}.benefits-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.benefits-inline b{display:block;font-size:14px}.benefits-inline span{display:block;color:#d6e8f6;font-size:12px;line-height:1.35;margin-top:3px}
.hero-showcase{position:relative;min-height:520px;padding:36px}.hero-showcase img{width:100%;height:auto;object-fit:contain}.showcase-main,.showcase-tower,.showcase-cam1,.showcase-cam2{position:absolute;filter:drop-shadow(0 16px 32px rgba(0,0,0,.22))}.showcase-main{width:390px;left:80px;top:150px;transform:rotate(-8deg)}.showcase-tower{width:260px;right:90px;top:100px}.showcase-cam1{width:300px;right:95px;bottom:60px}.showcase-cam2{width:170px;right:15px;bottom:70px}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:18px;background:#fff;box-shadow:0 8px 20px #0051870b}.quick div{padding:22px;text-align:center;border-right:1px solid var(--line)}.quick div:last-child{border-right:0}.quick b{display:block;color:var(--ink);margin-bottom:4px;font-size:18px}.quick span{font-size:13px;color:var(--muted)}
.section{padding:56px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.section-head h2{margin:0;font-size:34px;color:var(--blue);letter-spacing:-.5px}.section-head p{color:var(--muted);margin:8px 0 0;line-height:1.5}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.cat-card{border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center;padding:16px 10px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;box-shadow:0 8px 18px #0051870b}.cat-card:hover{transform:translateY(-5px);box-shadow:0 15px 32px #00518720;border-color:var(--mid)}.cat-card img{width:82px;height:62px;object-fit:contain;margin-bottom:11px}.cat-card b{font-size:13px;color:var(--blue);line-height:1.35}
.catalog{background:var(--bg)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:24px}.filters input,.filters select{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px}.clear-btn{padding:14px 18px;border:1px solid var(--mid);background:#fff;color:var(--blue);border-radius:10px;font-weight:700;cursor:pointer;white-space:nowrap}.clear-btn:hover{background:var(--pale)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px #0051870d;transition:.18s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #00518724}.product-image{height:220px;padding:15px;background:linear-gradient(180deg,#fff,#f4f8fc);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.badge{position:absolute;top:12px;left:12px;background:var(--green);color:#fff;font-size:10px;font-weight:bold;padding:5px 10px;border-radius:20px;z-index:2}.product-image img{width:100%;height:100%;object-fit:contain;transition:.2s ease}.product-image:hover img{transform:scale(1.04)}.product-info{padding:17px;display:flex;flex-direction:column;flex:1}.product-code{align-self:flex-start;background:#e9f3ff;color:var(--blue);padding:5px 9px;border-radius:7px;font-size:11px;font-weight:700}.brand{color:var(--mid);font-size:12px;font-weight:bold;margin-top:10px}.product-info h3{font-size:15px;line-height:1.35;margin:7px 0;color:var(--ink)}.product-info p{font-size:12.5px;color:var(--muted);line-height:1.45}.price{font-size:25px;font-weight:900;color:var(--blue);margin-top:auto}.price-consult{font-size:20px;line-height:1.2}.product-info small{color:var(--muted);margin:4px 0 13px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buy-btn{display:block;text-align:center;background:var(--green);color:#fff;padding:11px 6px;border-radius:9px;font-weight:bold;font-size:13px}.details-btn{display:block;text-align:center;background:#fff;color:var(--blue);border:1.5px solid var(--mid);padding:11px 6px;border-radius:9px;font-weight:bold;font-size:13px;cursor:pointer;font-family:inherit}.details-btn:hover{background:var(--pale)}.empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.empty p{margin:0 0 14px}.empty button{padding:12px 18px;border:1px solid var(--mid);background:#fff;color:var(--blue);border-radius:10px;font-weight:700;cursor:pointer}
.info-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0051870b}.info-strip div{padding:22px;text-align:center;border-right:1px solid var(--line)}.info-strip div:last-child{border-right:0}.info-strip b{display:block;color:var(--blue);margin-bottom:4px}.info-strip span{font-size:12px;color:var(--muted)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:linear-gradient(145deg,var(--blue),#06375c);color:#fff;border-radius:16px;padding:28px;box-shadow:0 12px 28px #00518720}.service h3{margin-top:0}.service p{color:#d6e8f6;line-height:1.6;font-size:14px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.about-copy h2{font-size:32px;color:var(--blue);margin:0 0 14px}.about-copy p{color:var(--muted);line-height:1.75;font-size:15px}.about-stats{display:flex;gap:18px;margin-top:26px;flex-wrap:wrap}.about-stats div{background:var(--bg);border-radius:12px;padding:15px 18px;min-width:130px}.about-stats b{display:block;color:var(--blue);font-size:22px}.about-stats span{font-size:12px;color:var(--muted)}.values{display:grid;grid-template-columns:1fr 1fr;gap:14px}.value-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 6px 16px #0051870a}.value-card b{display:block;color:var(--blue);margin-bottom:5px;font-size:15px}.value-card p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.testimonials{background:var(--bg)}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testi-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 6px 16px #0051870a}.testi-card p{color:var(--ink);font-size:14px;line-height:1.6;margin:0 0 14px;font-style:italic}.testi-card b{display:block;color:var(--blue);font-size:14px}.testi-card span{font-size:12px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 26px #0051870d}.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:bold;color:var(--ink)}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:9px;padding:12px;font:inherit;font-size:14px;resize:vertical}.btn-solid{background:var(--green);color:#fff;font-size:14px;padding:14px;border-radius:9px;font-weight:900;width:100%;text-align:center}.contact-info{background:linear-gradient(150deg,var(--blue),#06375c);color:#fff;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:18px}.contact-info div b{display:block;margin-bottom:4px;font-size:13px}.contact-info div span,.contact-info div a{color:#d6e8f6;font-size:13px;text-decoration:none}
footer{background:var(--blue);color:#fff;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer-logo-card{display:inline-block;background:#fff;border-radius:14px;padding:14px 18px}.footer-logo{width:250px}footer p,footer li{color:#d3e5f4;font-size:13px;line-height:1.7}footer ul{padding-left:18px}.copyright{border-top:1px solid #ffffff26;margin-top:30px;padding-top:18px;font-size:12px;color:#c8dfef}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 25px #0004;z-index:20}
.modal-overlay{position:fixed;inset:0;background:#0f2233cc;display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-overlay.open{display:flex}.modal{background:#fff;border-radius:16px;max-width:840px;width:100%;max-height:88vh;overflow:auto;position:relative;box-shadow:0 25px 60px #0006}.modal-grid{display:grid;grid-template-columns:1fr 1fr}.modal-image{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:30px}.modal-image img{width:100%;max-width:340px}.modal-body{padding:32px 32px 32px 24px;display:flex;flex-direction:column}.modal-body h3{font-size:22px;margin:8px 0;color:var(--ink)}.modal-body p{color:var(--muted);line-height:1.6;font-size:14px}.modal-avail{display:inline-block;margin-top:8px;font-size:12px;font-weight:bold;padding:4px 10px;border-radius:20px;width:fit-content}.modal-avail.ok{background:#e5f8ee;color:var(--green)}.modal-avail.no{background:#fdeee9;color:#c0392b}.modal-specs{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:6px}.modal-specs li{font-size:13px;color:var(--ink);background:var(--bg);border-radius:8px;padding:8px 12px}.modal-specs li b{color:var(--blue)}.modal-price{margin:14px 0 18px}.modal-price .price{font-size:30px}.modal-price small{color:var(--muted)}.modal-close{position:absolute;top:16px;right:16px;background:#fff;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;z-index:2}.modal-close:hover{background:var(--pale)}
@media(max-width:1100px){.mainhead-inner{grid-template-columns:280px 1fr}.header-contact{display:none}.hero-box{grid-template-columns:1fr}.hero-showcase{min-height:360px}.showcase-main{width:300px;left:36px;top:110px}.showcase-tower{width:220px;right:70px;top:80px}.showcase-cam1{width:240px;right:70px;bottom:40px}.showcase-cam2{width:140px;right:20px;bottom:50px}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.benefits-inline{grid-template-columns:repeat(2,1fr)}}
.filter-hint{font-size:12px;color:var(--muted)}
@media(max-width:760px){.topbar-inner{display:block}.topbar-left{gap:10px}.mainhead-inner{grid-template-columns:1fr;gap:14px}.logo img{max-width:260px}.menu .container{gap:18px}.hero-copy{padding:36px 24px}.hero-copy h1{font-size:38px}.hero-showcase{min-height:280px;padding:18px}.showcase-main{width:190px;left:10px;top:100px}.showcase-tower{width:150px;right:16px;top:40px}.showcase-cam1{width:170px;right:26px;bottom:18px}.showcase-cam2{width:98px;right:0;bottom:28px}.quick,.info-strip,.services,.testi-grid,.contact-grid,.footer-grid,.modal-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.benefits-inline{grid-template-columns:1fr 1fr}.section-head{display:block}}