:root{--orange:#f47721;--orange-dark:#d85d0c;--navy:#0a2d5c;--navy-deep:#061b36;--ink:#172536;--muted:#647383;--line:#dfe5ea;--soft:#f5f7f9;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(8,31,55,.05)}.header-inner{min-height:78px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{width:185px;height:auto;max-height:65px;object-fit:contain}.header-search{height:42px;display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;overflow:hidden;flex:1;max-width:430px;margin-left:8px}.header-search input{border:0;outline:0;padding:0 13px;width:100%;font-size:13px}.header-search button{border:0;background:var(--navy);color:#fff;height:100%;width:45px;font-size:20px;cursor:pointer}.header-actions{margin-left:auto;display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;white-space:nowrap}.quote-mini{background:var(--orange);color:#fff;padding:11px 14px;border-radius:4px}.header-phone{color:var(--navy)}.icon-link{color:#526273}.main-nav{background:var(--navy);color:#fff}.nav-inner{display:flex;align-items:center;gap:0;min-height:44px;overflow:auto}.main-nav a{padding:12px 14px;font-size:12px;font-weight:700;white-space:nowrap}.main-nav a:hover{background:rgba(255,255,255,.09);color:#fff}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:4px}
.hero{background:var(--navy-deep);color:#fff;overflow:hidden}.hero-grid{min-height:490px;display:grid;grid-template-columns:.92fr 1.18fr;align-items:center}.hero-copy{padding:62px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--orange);margin:0 0 11px}.hero h1{font-size:54px;line-height:1.02;letter-spacing:-.04em;margin:0 0 18px}.hero h1 span{color:#fff}.hero-text{max-width:610px;color:#dbe5ef;font-size:14px;line-height:1.7}.hero-actions{display:flex;gap:11px;margin-top:25px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:0 19px;border-radius:4px;font-size:13px;font-weight:800}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark)}.btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-outline.dark{border-color:var(--navy);color:var(--navy)}.hero-contact{display:flex;gap:20px;margin-top:22px;color:#c9d8e5;font-size:11px;font-weight:700}.hero-contact a{color:#fff}.hero-visual{height:100%;min-height:490px;position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy-deep) 0%,rgba(6,27,54,.55) 10%,transparent 38%)}.trust-strip{display:flex;gap:28px;flex-wrap:wrap;padding:14px 0;border-top:1px solid rgba(255,255,255,.13);font-size:11px;font-weight:700;color:#dbe6ee}
.section{padding:64px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head h2{font-size:32px;line-height:1.1;margin:0 0 7px;font-weight:850;letter-spacing:-.025em}.section-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.text-link{color:var(--navy);font-weight:800;font-size:12px;white-space:nowrap}.card-grid{display:grid;gap:14px}.card-grid.six{grid-template-columns:repeat(6,1fr)}.solution-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(8,34,57,.04)}.solution-card .media{height:120px;background:var(--soft)}.solution-card .media img{height:100%;width:100%;object-fit:cover}.solution-card h3{font-size:14px;line-height:1.25;margin:14px 13px 6px}.solution-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 13px 11px;min-height:50px}.solution-card b{display:block;color:var(--orange);font-size:11px;margin:0 13px 15px}
.featured-products{background:#f8fafb}.product-head-right{display:flex;align-items:center;gap:18px}.product-head-right span{font-size:11px;color:var(--muted)}.home-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-product-card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;position:relative}.home-product-link{display:block}.home-product-card img,.home-product-placeholder{width:100%;height:190px;object-fit:contain;background:#fff}.home-product-placeholder{display:grid;place-items:center;color:#8995a1;font-size:12px}.home-product-body{padding:13px}.home-product-body>span{font-size:10px;color:var(--orange);font-weight:800}.home-product-body h3{font-size:13px;line-height:1.35;margin:6px 0 10px;min-height:35px}.home-product-body strong{font-size:12px;color:var(--navy)}.home-product-quote{display:block;border-top:1px solid var(--line);padding:10px 13px;color:var(--orange);font-size:11px;font-weight:800}.loading-products,.load-error{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted)}
.price-section{background:var(--navy);color:#fff;padding:48px 0}.price-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}.price-grid h2{font-size:34px;margin:0 0 10px}.price-grid>div>p:not(.eyebrow){color:#d4e0e9;font-size:13px;max-width:700px;margin:0 0 22px}.price-card{background:#fff;color:var(--ink);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:6px}.price-card strong{font-size:18px;color:var(--navy)}.price-card span{font-size:12px;color:var(--muted)}.price-card a{color:var(--orange);font-size:11px;font-weight:800;margin-top:8px}
.coverage{background:#f7fafc}.coverage-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:30px;align-items:center}.coverage-map{height:300px;position:relative;background:linear-gradient(145deg,#e7f1f6,#f9fbfc);clip-path:polygon(37% 0,64% 4%,75% 16%,72% 31%,87% 45%,75% 55%,79% 74%,64% 85%,52% 100%,37% 90%,25% 81%,10% 72%,18% 58%,4% 48%,14% 33%,7% 20%,25% 12%)}.map-label{position:absolute;background:var(--orange);width:8px;height:8px;border-radius:50%;font-size:9px;color:var(--navy);padding-left:12px;white-space:nowrap}.peshawar{top:19%;right:22%}.islamabad{top:28%;right:34%}.lahore{top:35%;right:39%}.faisalabad{top:46%;right:47%}.multan{top:60%;right:48%}.quetta{top:60%;left:18%}.karachi{bottom:13%;left:40%}.coverage-copy h2{font-size:35px;line-height:1.03;margin:0 0 12px}.coverage-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:20px}.coverage-image{height:300px;border-radius:6px;overflow:hidden}.coverage-image img{width:100%;height:100%;object-fit:cover}
.clients{background:#fff}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.client-grid div{border:1px solid var(--line);background:#fff;padding:16px 14px;border-radius:4px;font-size:12px;font-weight:800;color:var(--navy);text-align:center;box-shadow:0 2px 7px rgba(8,34,57,.03)}
.news-video-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:20px}.news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-cards article{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.news-cards img{height:130px;width:100%;object-fit:cover}.news-cards article>p,.news-cards h3,.news-cards a{margin-left:13px;margin-right:13px}.news-cards .date{font-size:9px;color:var(--orange);font-weight:800;margin-top:11px}.news-cards h3{font-size:13px;line-height:1.35;margin-top:6px}.news-cards a{display:block;color:var(--orange);font-size:11px;font-weight:800;margin-bottom:14px}.video-card{background:var(--navy-deep);border-radius:6px;overflow:hidden;color:#fff}.video-frame{aspect-ratio:16/10;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.video-caption{padding:14px}.video-caption strong,.video-caption span,.video-caption a{display:block}.video-caption strong{font-size:15px}.video-caption span{font-size:11px;color:#c8d7e3;margin-top:3px}.video-caption a{color:var(--orange);font-size:11px;font-weight:800;margin-top:10px}
.project-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.project-row img{height:105px;width:100%;object-fit:cover;border-radius:5px}.trust-band{background:#f1f5f7;padding:28px 0}.trust-band-inner{display:grid;grid-template-columns:1.1fr 1.2fr .7fr;align-items:center;gap:30px}.trust-band h2{font-size:26px;margin:0}.trust-band-inner>p{font-size:12px;color:var(--muted);margin:0}.trust-logos{display:flex;justify-content:space-between;gap:15px;text-align:center;color:var(--navy);font-size:12px;font-weight:900}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.faq details{border:1px solid var(--line);border-radius:5px;padding:0 15px}.faq summary{cursor:pointer;list-style:none;padding:14px 0;font-size:12px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:12px;line-height:1.5;color:var(--muted);padding:0 0 13px;margin:0}.cta-band{background:linear-gradient(90deg,var(--navy-deep),var(--navy));color:#fff;padding:36px 0}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band h2{font-size:27px;margin:0 0 5px}.cta-band p:not(.eyebrow){margin:0;color:#d5e1ea;font-size:13px}
.site-footer{background:#061625;color:#d9e4ec;padding:48px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:35px;padding-bottom:35px}.footer-logo{width:205px;background:#fff;padding:7px;border-radius:3px;margin-bottom:12px}.footer-grid p{font-size:12px;color:#aebdca;line-height:1.65}.footer-grid h2{font-size:14px;color:#fff;margin:0 0 12px}.footer-grid a{display:block;color:#aebdca;font-size:12px;margin:7px 0}.footer-grid a:hover{color:#fff}.footer-contact strong{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:14px 0;color:#8294a4;font-size:10px}
@media(max-width:1050px){.header-actions{gap:8px}.header-phone{display:none}.card-grid.six{grid-template-columns:repeat(3,1fr)}.home-product-grid{grid-template-columns:repeat(3,1fr)}.coverage-grid{grid-template-columns:1fr 1fr}.coverage-image{grid-column:1/-1}.news-video-grid{grid-template-columns:1fr}.project-row{grid-template-columns:repeat(3,1fr)}.trust-band-inner{grid-template-columns:1fr 1fr}.trust-logos{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 28px))}.header-inner{min-height:64px;gap:10px}.brand-logo{width:145px}.header-search{display:none}.header-actions{display:none}.menu-toggle{display:block}.main-nav{display:none}.main-nav.is-open{display:block}.nav-inner{flex-direction:column;align-items:stretch;padding:8px 0}.main-nav a{padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 0 28px}.hero h1{font-size:39px}.hero-visual,.hero-visual img{min-height:250px;height:250px}.hero-visual:after{background:linear-gradient(0deg,var(--navy-deep),transparent 55%)}.hero-contact{flex-direction:column;gap:6px}.trust-strip{gap:10px 18px}.section{padding:46px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.section-head h2{font-size:28px}.card-grid.six{grid-template-columns:repeat(2,1fr)}.solution-card .media{height:135px}.home-product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.home-product-card img,.home-product-placeholder{height:145px}.home-product-body{padding:10px}.home-product-body h3{font-size:12px;min-height:50px}.home-product-quote{padding:9px 10px}.product-head-right{width:100%;justify-content:space-between}.price-grid{grid-template-columns:1fr}.price-grid h2{font-size:29px}.coverage-grid{grid-template-columns:1fr}.coverage-map,.coverage-image{height:245px}.client-grid{grid-template-columns:repeat(2,1fr);gap:8px}.client-grid div{padding:13px 7px;font-size:11px}.news-cards{grid-template-columns:1fr}.project-row{grid-template-columns:repeat(2,1fr)}.project-row img{height:95px}.trust-band-inner{grid-template-columns:1fr}.trust-logos{grid-column:auto;justify-content:flex-start;gap:35px}.faq-grid{grid-template-columns:1fr}.cta-band .container{flex-direction:column;align-items:flex-start}.cta-band h2{font-size:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-logo{width:180px}}