/* Theme Name: NetGate Telecom Responsive
Theme URI: https://www.netgatetelecom.com/
Description: Premium responsive WordPress theme for NetGate Telecom.
Version: 1.0.0
Author: NetGate Telecom
*/

:root{--b:#06255f;--a:#075be5;--n:#041b45;--t:#071a49;--m:#5e6b82;--l:#d9e2ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--t)}
.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--b);color:#fff;font-size:12px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.site-header{background:#fff;border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:180px;height:auto}.menu{display:flex;align-items:center;gap:21px}.menu a{color:var(--t);text-decoration:none;font-size:14px;font-weight:700}.menu .button{background:var(--a);color:#fff;padding:12px 17px;border-radius:8px}.mobile-toggle{display:none;border:0;background:none;font-size:28px}
.hero{background:linear-gradient(110deg,#edf5ff,#fff 45%,#dcecff);padding:58px 0 30px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.kicker{display:inline-block;border:1px solid #b9d2f4;color:#0b4d9b;border-radius:20px;padding:7px 13px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(42px,5vw,68px);line-height:.98;margin:18px 0}.hero h1 span{color:#0969e8}.hero p{font-size:17px;line-height:1.6;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:13px 22px;border-radius:8px;border:1px solid var(--a);color:var(--a);text-decoration:none;font-weight:700}.btn.primary{background:var(--a);color:#fff}
.router{min-height:330px;border-radius:28px;background:radial-gradient(circle at 50% 55%,#1d8fff,#092d70 55%,#061d50);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 20px 50px #052c691f}.router:before{content:"NETGATE";font-size:30px;font-weight:900;color:#fff;border:3px solid #fff;border-radius:14px;padding:22px 30px;box-shadow:0 0 45px #19aaff}.badge{position:absolute;right:12px;top:12px;background:#0b2d67;color:#fff;border:2px solid #e2b83d;border-radius:50%;width:94px;height:94px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:13px}
.features{background:#082e70;color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{padding:18px;border-right:1px solid #ffffff33}.feature strong{display:block;font-size:14px;margin-bottom:5px}.feature span{font-size:12px;opacity:.85}
.section{padding:55px 0}.center{text-align:center}.eyebrow{color:var(--a);font-size:13px;font-weight:800;letter-spacing:1.5px}.section h2{font-size:36px;margin:6px 0 8px}.sub{color:var(--m);max-width:680px;margin:0 auto 30px;line-height:1.6}
.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--l);border-radius:14px;padding:19px;background:#fff;box-shadow:0 5px 20px #143c7810}.card.pop{border:2px solid #1666e8;position:relative}.popular{position:absolute;right:10px;top:-13px;background:#ed2637;color:#fff;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:800}.speed{font-size:30px;font-weight:900}.speed small{font-size:12px}.price{font-size:22px;font-weight:800;color:#0b58bd;margin:7px 0 16px}.card ul{padding-left:18px;min-height:70px;font-size:12px;line-height:1.8}.small-btn{display:block;text-align:center;background:var(--a);color:#fff;border-radius:7px;padding:10px;text-decoration:none;font-size:12px;font-weight:700}
.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.need{border:1px solid var(--l);border-radius:10px;padding:18px}.need strong{display:block;margin-bottom:6px}.need span{font-size:12px;color:var(--m);line-height:1.5}
.coverage{background:#062c6b;color:#fff;padding:52px 0}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.coverage h2{font-size:40px;margin:0}.coverage p{line-height:1.7;color:#d9e5f7}.map{height:230px;border-radius:20px;background:radial-gradient(circle,#0b5bc8 1px,transparent 1px);background-size:18px 18px;border:1px solid #ffffff4d;position:relative}.pin{position:absolute;font-size:27px;color:#fff}.p1{left:20%;top:35%}.p2{left:48%;top:20%}.p3{left:70%;top:48%}.p4{left:38%;top:65%}.p5{left:78%;top:25%}
.why{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center}.why div{padding:12px;border-right:1px solid #e1e6ef}.why strong{display:block;font-size:13px}.why span{font-size:11px;color:#647087}
.cta{background:var(--b);color:#fff;padding:30px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{margin:0 0 6px;font-size:28px}.cta p{margin:0;color:#dbe5f5}.footer{background:var(--n);color:#fff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:25px}.footer-logo{width:170px;background:#fff;padding:5px;border-radius:5px}.footer h3{font-size:14px}.footer p,.footer li{font-size:12px;color:#c9d4e8;line-height:1.8}.footer ul{list-style:none;padding:0}.copyright{border-top:1px solid #ffffff26;margin-top:25px;padding-top:15px;font-size:11px;color:#aebbd0;display:flex;justify-content:space-between}
.page-hero{background:linear-gradient(110deg,#edf5ff,#fff);padding:55px 0;text-align:center}.page-hero h1{font-size:48px;margin:0 0 10px}.page-hero p{color:var(--m)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-box{border:1px solid var(--l);border-radius:14px;padding:25px}.contact-box p{line-height:1.8;color:var(--m)}
@media(max-width:950px){.menu{display:none}.mobile-toggle{display:block}.hero-grid,.coverage-grid,.contact-grid{grid-template-columns:1fr}.feature-grid,.packages{grid-template-columns:repeat(2,1fr)}.needs{grid-template-columns:repeat(2,1fr)}.why{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.menu.mobile-open{display:flex;position:absolute;left:0;right:0;top:65px;background:#fff;padding:18px;flex-direction:column;align-items:stretch;box-shadow:0 10px 25px #0002;gap:15px}.menu.mobile-open a{text-align:center}}
@media(max-width:600px){.topbar{font-size:10px;text-align:center}.nav{min-height:65px}.logo{width:150px}.hero{padding:35px 0 22px}.hero h1{font-size:43px}.hero p{font-size:15px}.router{min-height:225px}.feature-grid,.packages,.needs,.why,.footer-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #ffffff33}.section{padding:40px 0}.section h2{font-size:29px}.card{padding:17px}.cta .container{flex-direction:column;align-items:flex-start}.cta h2{font-size:24px}.copyright{flex-direction:column;gap:5px}.page-hero h1{font-size:38px}}