/*
  Windscreen Zone corporate redesign
  Loaded after styles.css to preserve functionality while establishing
  a disciplined navy, blue and white enterprise visual system.
*/
:root{
  --corp-navy:#061b38;
  --corp-navy-2:#0a294f;
  --corp-blue:#0869d7;
  --corp-blue-2:#0d7df2;
  --corp-sky:#e9f3ff;
  --corp-ice:#f5f8fc;
  --corp-text:#172338;
  --corp-muted:#5e6c80;
  --corp-line:#d9e2ec;
  --corp-white:#fff;
  --amber:var(--corp-blue);
  --amber-2:var(--corp-blue-2);
  --paper:var(--corp-ice);
  --ink:var(--corp-navy);
  --ink-2:var(--corp-navy-2);
  --muted:var(--corp-muted);
  --line:var(--corp-line);
  --radius:10px;
  --shadow:0 20px 55px rgba(6,27,56,.12);
}

body{background:var(--corp-white);color:var(--corp-text);font-family:"Segoe UI",Inter,Arial,sans-serif}
.utility-bar{background:var(--corp-navy);color:#d9e7f7;border-bottom:1px solid rgba(255,255,255,.1)}
.utility-inner{height:38px}
.utility-inner a{color:#fff}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--corp-line);box-shadow:0 4px 20px rgba(6,27,56,.05)}
.nav-wrap{height:82px}
.primary-nav{color:#34435a;font-size:13px;text-transform:uppercase;letter-spacing:.045em;font-weight:750}
.primary-nav a:hover,.primary-nav a:focus{color:var(--corp-blue)}
.official-logo-crop{width:200px;height:70px}
.nav-cta{border-radius:4px;background:var(--corp-blue);color:#fff;box-shadow:none;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.nav-cta:hover{background:var(--corp-navy)}

.hero{min-height:660px;background:var(--corp-navy)}
.hero-media{background-image:linear-gradient(90deg,rgba(6,27,56,.98) 0%,rgba(6,27,56,.91) 42%,rgba(6,27,56,.42) 70%,rgba(6,27,56,.2) 100%),linear-gradient(0deg,rgba(6,27,56,.58),transparent 52%),url('assets/hero-windscreen-zone.jpg');filter:saturate(.82)}
.hero-grid{min-height:660px;padding-block:64px;gap:72px;grid-template-columns:minmax(0,1.08fr) minmax(350px,.58fr)}
.hero-copy{max-width:710px}
.hero h1{font-size:clamp(47px,5.25vw,72px);line-height:1.02;letter-spacing:-.043em;max-width:710px;margin-bottom:25px}
.hero-lead{max-width:650px;font-size:18px;line-height:1.7;color:#d9e5f2}
.eyebrow{font-size:11px;letter-spacing:.2em}
.eyebrow span{background:var(--corp-blue-2)}
.hero-actions .btn{border-radius:4px;min-height:52px}
.hero-actions .btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.45)}
.hero-proof{padding-top:24px;border-top:1px solid rgba(255,255,255,.18);margin-top:32px;gap:26px}
.hero-proof svg{stroke:#62adff}
.quote-card{padding:34px;border-radius:10px;border-top:5px solid var(--corp-blue);box-shadow:0 26px 70px rgba(0,0,0,.24)}
.quote-card .card-kicker{color:var(--corp-blue)}
.quote-card h2{font-size:27px;color:var(--corp-navy)}
.quote-card input,.quote-card select{border-radius:3px;background:#fbfdff;border-color:#cbd7e4}
.quote-card .btn{border-radius:3px}

.trust-strip{background:#fff;color:var(--corp-navy);border-bottom:1px solid var(--corp-line)}
.trust-grid{padding-block:0}
.trust-grid>div{min-height:104px;display:flex;flex-direction:column;justify-content:center;padding:0 28px;border-right:1px solid var(--corp-line);border-bottom:3px solid transparent}
.trust-grid>div:hover{border-bottom-color:var(--corp-blue)}
.trust-grid strong{font-size:16px}
.trust-grid span{font-size:11px;color:var(--corp-muted);opacity:1}

.section{padding:100px 0}
.services{background:var(--corp-ice)}
.section-heading{padding-bottom:35px;border-bottom:1px solid var(--corp-line);margin-bottom:35px}
.section-heading h2,.why h2,.center-heading h2,.reviews h2,.contact h2{font-size:clamp(36px,4.5vw,55px);color:var(--corp-navy);line-height:1.08}
.section-heading>p{font-size:16px}
.service-grid{gap:1px;background:var(--corp-line);border:1px solid var(--corp-line)}
.service-card{border:0;border-radius:0;min-height:350px;box-shadow:none}
.service-card:hover{transform:none;box-shadow:inset 0 -4px 0 var(--corp-blue)}
.service-card.featured{background:var(--corp-navy)}
.service-card h3{font-size:21px;color:var(--corp-navy)}
.service-card.featured h3{color:#fff}
.icon-box{border-radius:4px;background:var(--corp-sky);color:var(--corp-blue)}
.featured .icon-box{background:var(--corp-blue)}
.service-card>a:not(.btn){color:var(--corp-blue);text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.help-card{background:var(--corp-blue);border:0;color:#fff}
.help-card h3{color:#fff}
.help-card .btn{border-radius:3px}

.why{background:#fff}
.why-grid{gap:80px}
.why-visual{height:570px;border-radius:4px;background:linear-gradient(145deg,var(--corp-navy),#0d3d71)}
.glass-shape{border-radius:0;border-bottom-color:#56a8ff}
.glass-shape strong{color:#75b9ff}
.stat-card{border-radius:3px;border-left:4px solid var(--corp-blue)}
.benefit-list>div>span{color:var(--corp-blue)}

.process{background:var(--corp-ice);border-top:1px solid var(--corp-line);border-bottom:1px solid var(--corp-line)}
.center-heading{max-width:900px}
.process-grid article>span{border-radius:3px;background:var(--corp-navy);border-color:var(--corp-navy);color:#fff}
.process-grid article:not(:last-child):after{border-color:#9eb0c4}

.reviews{background:var(--corp-navy)}
.reviews h2{color:#fff}
.review-slider{background:#0a294f;border-radius:4px;border-color:rgba(255,255,255,.13)}
.stars{color:#70b6ff}
.review-controls button{border-radius:3px}

.cta-band{background:var(--corp-blue);color:#fff;padding:48px 0}
.cta-inner .btn-whatsapp{background:#fff;color:var(--corp-navy);border-radius:3px}
.cta-inner .eyebrow{color:#dcebff}

.contact{background:#fff}
.contact-icon{border-radius:3px;background:var(--corp-sky);color:var(--corp-blue)}
.contact-panel{background:var(--corp-navy);border-radius:5px;border-top:5px solid var(--corp-blue)}
.contact-panel .btn{border-radius:3px}
.national-coverage{background:#fff;border-top:1px solid var(--corp-line)}
.coverage-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:center}
.coverage-grid h2{font-size:clamp(36px,4.5vw,54px);line-height:1.08;letter-spacing:-.04em;color:var(--corp-navy);margin:0 0 22px}
.coverage-grid>div:first-child>p:not(.eyebrow){font-size:17px;color:var(--corp-muted);max-width:700px}
.coverage-actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.coverage-actions .btn{border-radius:3px}
.coverage-link{font-size:13px;font-weight:800;color:var(--corp-blue)}
.coverage-panel{background:var(--corp-navy);color:#fff;padding:38px;border-top:5px solid var(--corp-blue)}
.coverage-panel>p{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:#87c2ff;font-weight:800}
.coverage-panel ul{list-style:none;padding:0;margin:20px 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.coverage-panel li{position:relative;padding-left:17px;font-size:13px}
.coverage-panel li:before{content:"";position:absolute;width:6px;height:6px;background:#4ca4ff;left:0;top:8px}
.coverage-panel small{display:block;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;color:#b9c9da;line-height:1.55}
footer{background:#041329}
.footer-grid h3{color:#71b7ff}
.footer-bottom{border-color:#20334d}

@media(max-width:1020px){.hero-grid{grid-template-columns:1fr .64fr;gap:36px}.hero h1{font-size:55px}}
@media(max-width:780px){
  .utility-bar{display:none}
  .nav-wrap{height:68px}
  .site-header{background:var(--corp-navy)}
  .official-logo-crop{width:154px;height:54px}
  .primary-nav{top:68px;background:#fff;color:var(--corp-navy);border-top:3px solid var(--corp-blue)}
  .hero{min-height:auto}
  .hero-media{background-image:linear-gradient(180deg,rgba(6,27,56,.23) 0%,rgba(6,27,56,.92) 43%,var(--corp-navy) 70%),url('assets/hero-windscreen-zone.jpg')}
  .hero-grid{grid-template-columns:1fr;padding:290px 0 54px;gap:35px}
  .hero h1{font-size:clamp(40px,11.5vw,56px);line-height:1.04}
  .hero-lead{font-size:16px}
  .trust-grid{grid-template-columns:1fr 1fr;padding:0}
  .trust-grid>div{min-height:95px;padding:18px 14px;border-bottom:1px solid var(--corp-line)}
  .section{padding:72px 0}
  .service-grid{grid-template-columns:1fr}
  .why-visual{height:410px}
  .review-slider{border-radius:4px}
  .contact-panel{border-radius:4px}
  .coverage-grid{grid-template-columns:1fr;gap:38px}
  .coverage-actions{align-items:flex-start;flex-direction:column}
  .coverage-panel{padding:28px 24px}
  .coverage-panel ul{grid-template-columns:1fr}
  .mobile-actions a:first-child{color:var(--corp-blue)}
}