:root{
  --navy:#061427;--navy2:#0b1d35;--gold:#d7a72e;--gold2:#f0c45a;
  --white:#fff;--ink:#10233e;--muted:#66758a;--line:#dfe5ec;--soft:#f6f8fb;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:#04101f;color:#dce6f2;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.topbar strong{color:var(--gold2)}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e8edf3}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center}.brand-logo{display:block;width:118px;height:72px;object-fit:contain;object-position:left center}
.brand-text{font-family:Georgia,serif;font-size:23px;letter-spacing:.06em;color:#07162b}.brand-text span{color:#b88412}
.links{display:flex;align-items:center;gap:24px;font-weight:650;font-size:14px}.links a:hover{color:#b88412}.nav-actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 19px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}
.btn-gold{background:linear-gradient(135deg,var(--gold2),#c89219);color:#07162b}.btn-gold:hover{transform:translateY(-1px)}
.btn-outline{border-color:#c7d0dc;background:white;color:#0a1c33}.btn-dark{background:#07162b;color:white}
.hero{background:radial-gradient(circle at 78% 25%,rgba(215,167,46,.25),transparent 25%),linear-gradient(120deg,#03101f 0%,#081a31 56%,#102b4a 100%);color:white;overflow:hidden}
.hero-grid{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px;padding:70px 0}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:13px}
h1{font-family:Georgia,serif;font-size:clamp(46px,6vw,78px);line-height:.98;margin:14px 0 20px;letter-spacing:-.035em}.gold{color:var(--gold2)}
.hero p{font-size:19px;line-height:1.65;color:#d8e1ec;max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.trustline{display:flex;gap:22px;flex-wrap:wrap;color:#c9d5e3;font-size:13px}.trustline b{color:white}
.hero-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(240,196,90,.42);border-radius:26px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.hero-card img{width:100%;display:block;border-radius:18px}.hero-card .note{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{padding:14px 8px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(2,12,25,.45);font-size:12px}.mini strong{display:block;color:var(--gold2);font-size:19px;margin-bottom:3px}
section{padding:86px 0}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,50px);margin:8px 0 12px;color:#07162b}.section-head p{color:var(--muted);font-size:17px;line-height:1.65}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{border:1px solid var(--line);border-radius:18px;padding:26px;background:white;box-shadow:0 10px 35px rgba(17,38,67,.06);transition:.2s}.service:hover{transform:translateY(-4px);border-color:#d5b054}.icon{width:48px;height:48px;border-radius:13px;background:#07162b;color:var(--gold2);display:grid;place-items:center;font-size:23px;margin-bottom:22px}.service h3{font-size:20px;margin:0 0 9px}.service p{color:var(--muted);line-height:1.55;font-size:14px}.service a{font-weight:800;color:#9a6c08;font-size:14px}
.band{background:var(--soft)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.stat strong{font-family:Georgia,serif;font-size:38px;color:#b88412}.stat p{margin:8px 0 0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{background:#07162b;color:white;border-radius:24px;padding:38px}.panel h3{font-family:Georgia,serif;font-size:34px;margin:0 0 14px}.panel p{color:#d0dae7;line-height:1.65}.checks{display:grid;gap:13px;margin-top:22px}.check{display:flex;gap:12px;align-items:flex-start}.check i{font-style:normal;color:var(--gold2);font-weight:900}
.quote{background:linear-gradient(135deg,#f7f1e1,#fff)}.quote-box{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #ead9a9;border-radius:24px;padding:36px;background:white}.quote-box h2{font-family:Georgia,serif;font-size:36px;margin:0 0 8px}.quote-box p{margin:0;color:var(--muted)}
footer{background:#03101f;color:#cbd6e3;padding:58px 0 24px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.foot h4{color:white;margin:0 0 15px}.foot a{display:block;margin:9px 0;color:#cbd6e3}.foot .brand-text{color:white}.fine{border-top:1px solid #1b2a3d;margin-top:35px;padding-top:20px;font-size:12px;color:#8fa0b5;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pagehero{background:linear-gradient(125deg,#061427,#123252);color:white;padding:85px 0}.pagehero h1{font-size:58px}.content{max-width:850px}.content h2{font-family:Georgia,serif;font-size:36px}.content p,.content li{line-height:1.7;color:#53647a}
@media(max-width:900px){.links{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding:55px 0}.hero-card{max-width:620px}.services{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar .wrap{justify-content:center;text-align:center}.topbar .wrap span:last-child{display:none}.nav{height:68px}.brand-text{font-size:18px}.brand-logo{width:96px;height:58px}.nav-actions .btn-outline{display:none}.hero-grid{min-height:auto;gap:30px}.hero-card{padding:14px}.hero-card .note{grid-template-columns:1fr}.services{grid-template-columns:1fr}.quote-box{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:1fr}section{padding:65px 0}}

/* Content cleanup: calmer, GetRates-inspired information rhythm */
.section{padding-top:72px;padding-bottom:72px}
.section-head{max-width:760px;margin-left:auto;margin-right:auto}
.section-head p{max-width:680px;margin-left:auto;margin-right:auto}
.card p,.feature p{line-height:1.65}
@media(max-width:768px){.section{padding-top:52px;padding-bottom:52px}}

/* Why Waqi */
.why-waqi{background:#f7f8fa}
.why-waqi .section-head{text-align:center;margin-bottom:38px}
.why-waqi .eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#b78319;margin-bottom:10px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why-card{background:#fff;border:1px solid rgba(7,29,52,.09);border-radius:16px;padding:26px;box-shadow:0 8px 24px rgba(7,29,52,.05)}
.why-icon{width:44px;height:44px;border-radius:12px;background:#071d34;color:#d8a52b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;margin-bottom:18px}
.why-card h3{margin:0 0 10px;font-size:1.08rem;color:#071d34}
.why-card p{margin:0;color:#596575;font-size:.94rem}
.why-statement{margin-top:24px;background:#071d34;color:#fff;border-radius:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.why-statement strong{font-size:1.15rem}
.why-statement span{color:#d7dee7;text-align:right}
@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.why-grid{grid-template-columns:1fr}.why-card{padding:22px}.why-statement{display:block}.why-statement span{display:block;text-align:left;margin-top:8px}}

/* Smooth navigation/page transitions */
html{scroll-behavior:smooth}
body{
  opacity:1;
  transform:translateY(0);
  transition:opacity .24s ease, transform .24s ease;
}
body.page-leaving{
  opacity:0;
  transform:translateY(5px);
}
body.page-entering{
  opacity:0;
  transform:translateY(5px);
}
header, main, footer{
  transition:opacity .22s ease, transform .22s ease;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  body,header,main,footer{transition:none!important;transform:none!important}
}

/* Footer Canada signature */
.fine span:last-child{margin-left:auto;text-align:right;font-weight:700;letter-spacing:.01em}
@media(max-width:600px){.fine span:last-child{margin-left:0;text-align:left}}

/* Homepage refinement */
#insurance{padding-top:72px}
#insurance .section-head{margin-bottom:34px}

.why-numbers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  max-width:650px;
  margin:30px auto 38px;
}
.why-numbers>div{
  background:#071d34;
  border-radius:16px;
  padding:18px 16px;
  text-align:center;
  box-shadow:0 8px 24px rgba(7,29,52,.08);
}
.why-numbers strong{
  display:block;
  color:#d8a52b;
  font-family:Georgia,serif;
  font-size:2rem;
  line-height:1;
}
.why-numbers span{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.why-statement-sticky{
  position:sticky;
  bottom:14px;
  z-index:8;
  box-shadow:0 14px 34px rgba(4,16,31,.18);
}
@media(max-width:600px){
  .why-numbers{gap:8px;margin:24px auto 30px}
  .why-numbers>div{padding:14px 8px}
  .why-numbers strong{font-size:1.55rem}
  .why-numbers span{font-size:.66rem}
  .why-statement-sticky{bottom:8px}
}

/* 1–35–5 brand punchline */
.why-135{text-align:center;margin:30px auto 40px;max-width:720px}
.why-135 h3{margin:0;color:#071d34;font-size:clamp(1.45rem,2.6vw,2.15rem);font-family:Georgia,serif}
.why-135 h3 span{color:#b78319;white-space:nowrap}
.why-135 p{margin:10px 0 0;color:#596575;font-size:1rem}
.why-135 p strong{color:#071d34}

/* Refined insurance category icons */
.insurance-line-icon{background:transparent!important;border:0!important;box-shadow:none!important}
.insurance-line-icon svg{width:48px;height:48px;display:block;fill:none;stroke:#b78319;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Refined category icon proportions */
.insurance-line-icon svg{
  width:52px;
  height:52px;
  stroke:#b78319;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* Final clean 1–35–5 treatment */
#why .container{position:relative}

.why-135{
  position:relative;
  max-width:760px;
  margin:28px auto 46px;
  z-index:3;
}
.why-135-title{
  margin:0;
  text-align:center;
  color:#071d34;
  font-family:Georgia,serif;
  font-size:clamp(1.45rem,2.6vw,2.15rem);
  line-height:1.2;
}
.why-135-title .num-anchor,
.why-135-title .dash{
  color:#b78319;
}
.why-135-title .num-anchor{
  font-weight:700;
  position:relative;
  z-index:4;
}

.why-connectors{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  overflow:visible;
  pointer-events:none;
  z-index:1;
}
.why-connectors line{
  stroke:#c99a2e;
  stroke-width:1.2;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  opacity:.95;
}

.why-grid{position:relative;z-index:2}
.why-card-linked{position:relative;padding-top:26px}
.why-card-linked::before{display:none!important}

.why-number-badge{
  width:48px;
  height:44px;
  padding:0 8px;
  border-radius:12px;
  background:#071d34;
  color:#d8a52b;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.9rem;
  margin-bottom:18px;
  box-shadow:0 7px 18px rgba(7,29,52,.08);
}

@media(max-width:900px){
  .why-connectors{display:none}
  .why-135{margin-bottom:28px}
}

/* Balanced centered 1–35–5 headline */
.why-135{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.why-135-title{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:.28em;
  width:100%;
  text-align:center;
}
.why-number-group{
  display:inline-grid;
  grid-template-columns:1.05em .65em 1.9em .65em 1.05em;
  align-items:baseline;
  justify-items:center;
  color:#b78319;
}
.why-number-group .num-anchor,
.why-number-group .dash{
  color:#b78319;
}
.why-connectors line{
  stroke-width:1.4;
}

/* ONLY the four insurance category icons */
.waqi-gold-reference-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.waqi-gold-reference-icon svg{
  width:58px!important;
  height:58px!important;
  display:block;
  fill:none!important;
  stroke:#c99528!important;
  stroke-width:2.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Four category emojis only */
.insurance-emoji{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  display:block!important;
  font-size:3rem!important;
  line-height:1!important;
  margin-bottom:18px!important;
}

/* Exact pixel-extracted gold icons from user's supplied reference */
.reference-pixel-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  width:76px!important;
  height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:14px!important;
}
.reference-pixel-icon img{
  display:block!important;
  max-width:74px!important;
  max-height:64px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Smaller, crisper rendering of supplied reference icons */
.reference-pixel-icon{
  width:58px!important;
  height:54px!important;
  margin-bottom:14px!important;
}
.reference-pixel-icon img{
  max-width:54px!important;
  max-height:50px!important;
  image-rendering:auto!important;
}

/* FINAL icon size override — intentionally much smaller and cleaner */
#insurance .service .reference-pixel-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0 0 16px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#insurance .service .reference-pixel-icon img{
  width:auto!important;
  height:auto!important;
  max-width:40px!important;
  max-height:40px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:contrast(1.08) saturate(.95)!important;
}
/* AUTO PAGE — GetRates-inspired information architecture + Waqi flyer visual language */
.auto-hero{background:linear-gradient(120deg,#06192c 0%,#081d34 58%,#0b2038 100%);color:#fff;padding:64px 0;overflow:hidden}.auto-hero-grid{display:grid;grid-template-columns:1.08fr .72fr;gap:64px;align-items:center}.auto-hero-copy h1{font-family:Georgia,serif;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.98;margin:12px 0 22px;letter-spacing:-.035em}.auto-hero-copy h1 span{color:#d1a13a}.auto-hero-copy>p{font-size:1.08rem;line-height:1.7;color:#d7e0ea;max-width:650px}.auto-checks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 28px;color:#f4f6f8;font-weight:650}.auto-checks span::first-letter{color:#d1a13a}.auto-whatsapp{border-color:rgba(255,255,255,.35)!important;color:#fff!important}.auto-flyer-wrap{position:relative;max-width:430px;margin-left:auto}.auto-flyer-wrap:before{content:"";position:absolute;inset:8% -8% -8% 8%;border:1px solid rgba(209,161,58,.35);border-radius:24px}.auto-flyer-wrap img{position:relative;width:100%;display:block;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.32)}
.auto-intro,.auto-coverage,.auto-rate,.auto-faq{padding:82px 0}.auto-section-head{text-align:center;max-width:780px;margin:0 auto 42px}.auto-section-head.left{text-align:left;margin-left:0}.auto-section-head h2,.auto-rate h2,.auto-callout h2{font-family:Georgia,serif;color:#071d34;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.08;margin:10px 0 14px}.auto-section-head p,.auto-rate p{color:#607086;line-height:1.7}.auto-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.auto-benefit-grid article{background:#fff;border:1px solid #e4e8ed;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(7,29,52,.045)}.auto-benefit-grid b{font-family:Georgia,serif;font-size:2.2rem;color:#c28e25}.auto-benefit-grid h3{color:#071d34;margin:8px 0}.auto-benefit-grid p{color:#667487;margin:0;line-height:1.55}
.auto-coverage{background:#f4f6f8}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.coverage-grid article{background:#fff;border:1px solid #e1e6eb;border-radius:18px;padding:26px;min-height:210px}.coverage-grid span{display:inline-flex;width:38px;height:38px;border-radius:10px;background:#071d34;color:#d5a331;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.coverage-grid h3{color:#071d34;margin:18px 0 9px}.coverage-grid p{color:#647286;line-height:1.58;margin:0}
.auto-rate-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.rate-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dfe4e9}.rate-list div{padding:22px 18px 22px 0;border-bottom:1px solid #dfe4e9}.rate-list b{display:block;color:#071d34;margin-bottom:6px}.rate-list span{color:#68768a;line-height:1.45;font-size:.94rem}
.auto-callout{padding:18px 0 82px}.auto-callout-box{background:#071d34;border-radius:24px;padding:44px 48px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.auto-callout .eyebrow{color:#d1a13a}.auto-callout h2{color:#fff;margin-bottom:12px}.auto-callout p{color:#cfd9e4;margin:0;line-height:1.6}.auto-callout-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.auto-callout-actions>a:last-child{color:#fff;text-decoration:none;font-size:.9rem}.faq-grid{max-width:900px;margin:auto;display:grid;gap:12px}.faq-grid details{background:#fff;border:1px solid #e0e5ea;border-radius:14px;padding:18px 22px}.faq-grid summary{cursor:pointer;font-weight:750;color:#071d34}.faq-grid p{color:#657386;line-height:1.6;margin:14px 0 2px}
@media(max-width:900px){.auto-hero-grid,.auto-rate-grid,.auto-callout-box{grid-template-columns:1fr}.auto-flyer-wrap{margin:10px auto 0;max-width:360px}.auto-benefit-grid,.coverage-grid{grid-template-columns:1fr 1fr}.auto-callout-actions{align-items:flex-start}.auto-hero{padding:46px 0}.auto-intro,.auto-coverage,.auto-rate,.auto-faq{padding:58px 0}}@media(max-width:620px){.auto-benefit-grid,.coverage-grid,.rate-list{grid-template-columns:1fr}.auto-hero-copy h1{font-size:2.7rem}.auto-flyer-wrap{max-width:300px}.auto-callout-box{padding:30px 24px}}

/* Auto page cleanup: no numbered coverage badges / no redundant benefit strip */
.auto-coverage .coverage-grid article{padding-top:28px}
.auto-intro .auto-section-head{margin-bottom:0}

/* Partner showcase image added to Why Waqi only */
.why-partner-showcase{margin:34px 0 26px;padding:0}
.why-partner-showcase img{
  display:block;width:100%;height:auto;border-radius:18px;
  box-shadow:0 18px 42px rgba(7,29,52,.14)
}
@media(max-width:700px){
  .why-partner-showcase{margin:26px 0 22px}
  .why-partner-showcase img{border-radius:14px}
}

/* 2026 content refresh: additive layouts only */
.refresh-shell{max-width:1180px;margin:0 auto;padding:72px 24px}
.refresh-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#c99a36;margin-bottom:10px}
.refresh-title{font-size:clamp(32px,4vw,54px);line-height:1.02;margin:0 0 14px;color:#071d34}
.refresh-lead{max-width:760px;color:#58697d;font-size:17px;line-height:1.65;margin:0 0 30px}
.refresh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.refresh-card{background:#fff;border:1px solid #e4e9ee;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(7,29,52,.06)}
.refresh-card h3{margin:0 0 8px;color:#071d34;font-size:19px}.refresh-card p{margin:0;color:#5a6979;line-height:1.55}
.refresh-dark{background:#071d34;color:white}.refresh-dark .refresh-title,.refresh-dark .refresh-card h3{color:white}.refresh-dark .refresh-lead,.refresh-dark .refresh-card p{color:#c8d2dd}
.refresh-dark .refresh-card{background:#0d2945;border-color:#173b5d;box-shadow:none}
.refresh-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.refresh-pill{padding:10px 14px;border-radius:999px;background:#f3f6f8;border:1px solid #dfe6ec;color:#071d34;font-weight:700;font-size:14px}
.refresh-dark .refresh-pill{background:#102f4e;border-color:#204767;color:#fff}
.refresh-note{margin-top:22px;padding:18px 20px;border-left:3px solid #c99a36;background:#f7f8fa;border-radius:0 12px 12px 0;color:#405266;line-height:1.55}
.refresh-dark .refresh-note{background:#102f4e;color:#d5dee7}
.signature-car{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#071d34,#102e4b);min-height:230px;margin-top:28px;padding:32px;color:#fff;display:flex;align-items:flex-end}
.signature-car:after{content:"";position:absolute;right:-60px;bottom:-70px;width:420px;height:180px;border:2px solid rgba(201,154,54,.45);border-radius:55% 45% 25% 35%;transform:skewX(-14deg)}
.signature-car h3{font-size:28px;margin:0 0 6px}.signature-car p{margin:0;color:#d7e0e8;max-width:520px}
.refresh-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.refresh-list{margin:12px 0 0;padding-left:18px;color:#5a6979;line-height:1.8}
@media(max-width:800px){.refresh-grid,.refresh-split{grid-template-columns:1fr}.refresh-shell{padding:52px 18px}}

/* Header spacing and separation */
header .wrap.nav{
  width:100%;
  max-width:none;
  padding:0 26px 0 16px;
}
header .brand{margin-right:28px}
header .links{
  gap:12px;
  margin-left:auto;
  margin-right:28px;
}
header .links a{
  padding:10px 15px;
  border:1px solid #e4e9ef;
  border-radius:10px;
  background:#fff;
  transition:.18s ease;
}
header .links a:hover,
header .links a.active{
  color:#8f650b;
  border-color:#d9bd78;
  background:#fffaf0;
}
header .nav-actions{margin-left:0}

/* Why Waqi partner image: intentionally smaller */
.why-partner-showcase{
  max-width:760px;
  margin:32px auto 28px!important;
}
.why-partner-showcase img{
  width:100%!important;
  max-height:none;
  border-radius:16px!important;
}

/* Meaningful in-page navigation */
.page-subnav{
  position:sticky;
  top:76px;
  z-index:12;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 20px;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid #e6ebf0;
}
.page-subnav a{
  padding:9px 14px;
  border-radius:999px;
  border:1px solid #dce3ea;
  color:#07162b;
  font-size:13px;
  font-weight:750;
}
.page-subnav a:hover{border-color:#c99a36;color:#9b6d0b;background:#fffaf0}

.leftish{margin-left:0!important;margin-right:0!important;text-align:left!important}
.dark-inner{padding:72px 0}
.refresh-dark .section-head h2{color:#fff}
.refresh-dark .section-head p{color:#c8d2dd}
.business-type-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.business-type{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:20px;
  border:1px solid #e2e7ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(7,29,52,.045);
}
.business-type strong{color:#07162b}
.business-type span{color:#66758a;font-size:13px;line-height:1.45}
.business-type:hover{border-color:#d5b054;transform:translateY(-2px)}
.route-card{display:block;color:inherit}
.calm-panel{box-shadow:none}
.home-coverage-grid article{min-height:190px}
.travel-grid{max-width:1000px;margin:auto}

/* Remove decorative placeholder vehicle panels from earlier draft */
.signature-car{display:none!important}

@media(max-width:1050px){
  header .links{gap:6px;margin-right:14px}
  header .links a{padding:9px 11px}
}
@media(max-width:900px){
  header .wrap.nav{padding:0 14px}
  .page-subnav{top:68px;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}
  .page-subnav a{white-space:nowrap}
  .business-type-grid{grid-template-columns:repeat(2,1fr)}
  .why-partner-showcase{max-width:680px}
}
@media(max-width:600px){
  .business-type-grid{grid-template-columns:1fr}
  .why-partner-showcase{max-width:100%;margin:24px auto!important}
}

/* Better anchor position for Why Waqi */
#why{
  scroll-margin-top:120px;
}
@media(max-width:900px){
  #why{scroll-margin-top:105px}
}

/* Why Waqi: visual balance only. Connector lines intentionally untouched. */
.why-number-group .num-anchor[data-target="one"]{
  font-weight:900;
  display:inline-block;
  transform:scaleX(1.16);
  transform-origin:center center;
}

/* When clicking Why Waqi, stop higher so the gold WHY WAQI label is visible. */
#why{
  scroll-margin-top:170px!important;
}
@media(max-width:900px){
  #why{scroll-margin-top:135px!important}
}

/* ===== WAQI PREMIUM CINEMATIC VISUAL PASS ===== */
:root{
  --waqi-ink:#020c16;
  --waqi-navy:#061a2d;
  --waqi-navy2:#0a2742;
  --waqi-gold:#d1a13a;
  --waqi-gold-soft:#e3bf6a;
  --waqi-line:rgba(209,161,58,.34);
  --waqi-white:#f7f8fa;
  --waqi-muted:#b8c3ce;
}
html{background:var(--waqi-ink)}
body{
  background:
    radial-gradient(circle at 82% 7%,rgba(30,76,110,.20),transparent 28%),
    linear-gradient(180deg,#020b14 0,#06182a 38%,#04111e 100%);
  color:var(--waqi-white);
}
header{
  background:rgba(2,12,22,.92)!important;
  border-bottom:1px solid rgba(209,161,58,.34)!important;
  backdrop-filter:blur(16px);
}
header .links a{
  background:transparent!important;
  border-color:transparent!important;
  color:#e7edf3!important;
}
header .links a:hover,header .links a.active{
  color:var(--waqi-gold-soft)!important;
  border-bottom-color:var(--waqi-gold)!important;
  box-shadow:inset 0 -2px 0 var(--waqi-gold);
}
header .btn{box-shadow:0 8px 26px rgba(209,161,58,.14)}
main>section:not(.quote):not(.auto-hero):not(.pagehero),
#why{
  background:transparent!important;
}
section{border-color:rgba(209,161,58,.12)!important}
.section-head h2,.refresh-title,
#why h2,#why h3,
main h1,main h2,main h3{color:#f6f7f8}
.section-head p,.refresh-lead,main p{color:#b9c5d0}
.eyebrow,.refresh-kicker{color:var(--waqi-gold-soft)!important}

/* Cards become dark glass rather than generic white insurance boxes */
.card,.why-card,.refresh-card,.coverage-grid article,.panel,.business-type{
  background:linear-gradient(145deg,rgba(11,36,59,.86),rgba(4,19,33,.92))!important;
  border:1px solid rgba(209,161,58,.24)!important;
  color:#f7f8fa!important;
  box-shadow:0 18px 45px rgba(0,0,0,.20)!important;
}
.card h3,.why-card h3,.refresh-card h3,.coverage-grid article h3,.panel h3,.business-type strong{
  color:#fff!important;
}
.card p,.why-card p,.refresh-card p,.coverage-grid article p,.panel p,.business-type span{
  color:#b9c5d0!important;
}
.card:hover,.refresh-card:hover,.business-type:hover{
  border-color:rgba(227,191,106,.62)!important;
  transform:translateY(-3px);
}

/* Why Waqi becomes the flagship dark editorial section */
#why{
  position:relative;
  overflow:hidden;
  padding-top:70px!important;
}
#why:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 28%,rgba(31,91,130,.20),transparent 28%),
    radial-gradient(circle at 18% 24%,rgba(209,161,58,.07),transparent 25%);
}
#why>.wrap{position:relative;z-index:1}
#why .eyebrow{
  letter-spacing:.22em;
  font-size:13px;
}
#why .why-135-title{
  color:#f7f8fa!important;
  text-shadow:0 8px 28px rgba(0,0,0,.28);
}
#why .why-number-group .num-anchor{color:var(--waqi-gold-soft)!important}
#why .why-card{
  min-height:190px;
}
#why .why-card .why-icon{
  border-color:rgba(209,161,58,.45)!important;
  color:var(--waqi-gold-soft)!important;
  background:rgba(209,161,58,.06)!important;
}

/* Provider artwork: framed like a premium campaign visual */
.why-partner-showcase{
  max-width:860px!important;
  margin:54px auto 46px!important;
  position:relative;
}
.why-partner-showcase:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:19px;
  border:1px solid rgba(227,191,106,.50);
  box-shadow:0 0 0 7px rgba(209,161,58,.025),0 30px 80px rgba(0,0,0,.40);
  pointer-events:none;
}
.why-partner-showcase img{
  border-radius:18px!important;
  display:block;
}

/* Strong statement gets editorial treatment */
.why-statement{
  background:linear-gradient(90deg,rgba(209,161,58,.12),rgba(9,38,64,.76),rgba(209,161,58,.05))!important;
  border:1px solid rgba(209,161,58,.34)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.22)!important;
}
.why-statement strong,.why-statement h2{color:#fff!important}

/* Page heroes: cinematic */
.pagehero,.auto-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 40%,rgba(40,101,142,.28),transparent 30%),
    linear-gradient(115deg,#020b14 0%,#061a2d 58%,#0a2742 100%)!important;
  border-bottom:1px solid rgba(209,161,58,.30)!important;
}
.pagehero:after,.auto-hero:after{
  content:"";
  position:absolute;
  right:-7%;
  bottom:-58%;
  width:48%;
  height:110%;
  border:1px solid rgba(209,161,58,.18);
  border-radius:50%;
  transform:rotate(-11deg);
}
.pagehero .wrap,.auto-hero .wrap{position:relative;z-index:2}
.pagehero h1,.auto-hero h1{
  text-shadow:0 12px 38px rgba(0,0,0,.35);
}
.pagehero p,.auto-hero p{color:#c4ced8!important}

/* In-page navigation matches brand */
.page-subnav{
  background:rgba(3,15,26,.94)!important;
  border-bottom:1px solid rgba(209,161,58,.20)!important;
}
.page-subnav a{
  background:rgba(9,36,60,.62)!important;
  border-color:rgba(209,161,58,.20)!important;
  color:#dce4eb!important;
}
.page-subnav a:hover{
  color:var(--waqi-gold-soft)!important;
  border-color:rgba(209,161,58,.62)!important;
}

/* Gold CTA band instead of generic section */
.quote{
  background:
    radial-gradient(circle at 85% 30%,rgba(209,161,58,.16),transparent 28%),
    linear-gradient(100deg,#061a2d,#0b2b48)!important;
  border-top:1px solid rgba(209,161,58,.28)!important;
  border-bottom:1px solid rgba(209,161,58,.28)!important;
}
.quote-box{
  background:rgba(2,13,23,.46)!important;
  border:1px solid rgba(209,161,58,.35)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.25)!important;
}
.quote-box h2{color:#fff!important}.quote-box p{color:#c6d0da!important}

/* Pills */
.refresh-pill{
  background:#0a2945!important;
  border-color:rgba(209,161,58,.24)!important;
  color:#edf1f5!important;
}

/* Footer joins the visual world */
footer{
  background:#020a12!important;
  border-top:1px solid rgba(209,161,58,.24)!important;
  color:#aebbc7!important;
}

/* Thin gold separators create the reference-image rhythm */
#why .wrap>section + section,
main>section + section{
  border-top-color:rgba(209,161,58,.14);
}

/* Keep the existing 1-35-5 connector geometry completely untouched. */
@media(max-width:800px){
  .why-partner-showcase{max-width:100%!important;margin:36px auto 34px!important}
  #why{padding-top:48px!important}
}

.waqi-lifestyle-band{
  min-height:360px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(2,11,20,.97) 0%,rgba(4,20,34,.80) 48%,rgba(4,20,34,.20) 100%),
    radial-gradient(circle at 82% 30%,rgba(224,171,66,.22),transparent 24%),
    linear-gradient(145deg,#06111d,#0a2a45)!important;
  border-top:1px solid rgba(209,161,58,.30)!important;
  border-bottom:1px solid rgba(209,161,58,.30)!important;
  overflow:hidden;
}
.waqi-lifestyle-band .wrap{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  align-items:center;
  min-height:360px;
}
.lifestyle-copy{position:relative;z-index:2;max-width:520px}
.lifestyle-copy span{color:var(--waqi-gold-soft);font-size:12px;font-weight:800;letter-spacing:.18em}
.lifestyle-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.03;margin:12px 0;color:#fff}
.lifestyle-copy p{font-size:17px;color:#bdc8d2;line-height:1.6}
.lifestyle-car{position:relative;height:260px;align-self:end;filter:drop-shadow(0 25px 25px rgba(0,0,0,.42))}
.car-body{
  position:absolute;right:2%;bottom:52px;width:88%;height:86px;
  border-radius:58% 22% 17% 20% / 55% 40% 28% 35%;
  background:linear-gradient(180deg,#18222c,#05080b 60%,#010203);
  border-top:2px solid rgba(225,185,98,.48);
}
.car-roof{
  position:absolute;right:20%;bottom:118px;width:48%;height:74px;
  border-radius:70% 40% 0 0;
  background:linear-gradient(145deg,#111b25,#030609);
  transform:skewX(-18deg);
  border-top:1px solid rgba(225,185,98,.38);
}
.wheel{
  position:absolute;bottom:28px;width:72px;height:72px;border-radius:50%;
  background:radial-gradient(circle,#29333c 0 14%,#080a0d 15% 52%,#202a32 53% 57%,#020304 58%);
  border:1px solid #111820;
}
.w1{right:14%}.w2{right:67%}
@media(max-width:800px){
  .waqi-lifestyle-band .wrap{grid-template-columns:1fr;min-height:420px;padding-top:54px}
  .lifestyle-car{height:190px;margin-top:10px}
}

/* V2: stronger Why Waqi service tiles */
#why .service-grid .service-card,
#why .service-grid a,
#why .service-card{
  background:linear-gradient(145deg,#0b2a47,#041524)!important;
  border:1px solid rgba(215,166,60,.42)!important;
  color:#fff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
#why .service-grid h3,#why .service-card h3{color:#fff!important}
#why .service-grid p,#why .service-card p{color:#c8d2dc!important}
#why .service-grid svg,#why .service-grid .icon,#why .service-card .icon{color:#e0b75d!important}

/* Cinematic RS6 / home band */
.cinematic-car-band{
  max-width:1180px;
  margin:42px auto 18px;
  min-height:310px;
  border:1px solid rgba(209,161,58,.38)!important;
  border-radius:22px;
  overflow:hidden;
  position:relative;
  background:#03101c!important;
  box-shadow:0 28px 70px rgba(0,0,0,.32);
}
.cinematic-car-band img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:.86;
}
.cinematic-car-band:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,11,20,.98) 0%,rgba(2,11,20,.78) 36%,rgba(2,11,20,.08) 72%);
}
.cinematic-car-copy{
  position:relative;z-index:2;padding:72px 54px;max-width:470px;
}
.cinematic-car-copy span{color:#e1b95e;font-size:12px;font-weight:800;letter-spacing:.18em}
.cinematic-car-copy h2{font-size:44px;margin:10px 0 8px;color:#fff!important}
.cinematic-car-copy p{font-size:17px;color:#c7d1da!important}

/* Persistent Waqi promise */
.waqi-floating-promise{
  position:fixed;
  z-index:999;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(940px,calc(100% - 32px));
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:12px 22px;
  border:1px solid rgba(209,161,58,.72);
  border-radius:999px;
  background:rgba(2,12,22,.94);
  backdrop-filter:blur(16px);
  box-shadow:0 12px 38px rgba(0,0,0,.35);
  color:#fff;
  font-size:13px;
}
.waqi-floating-promise strong{color:#e2b95e}
.waqi-floating-promise span{color:#cbd4dd}
@media(max-width:700px){
  .waqi-floating-promise{bottom:10px;border-radius:16px;display:block;text-align:center;padding:10px 14px}
  .waqi-floating-promise span{display:none}
  .cinematic-car-band{margin:24px 16px;min-height:260px}
  .cinematic-car-copy{padding:46px 28px}
  .cinematic-car-copy h2{font-size:34px}
}

/* V3 — cars are integrated into each product hero, not added as filler sections */
.waqi-photo-hero{
  min-height:520px;
  display:flex;
  align-items:center;
  isolation:isolate;
  background-image:
    linear-gradient(90deg,rgba(2,10,18,.98) 0%,rgba(2,10,18,.90) 31%,rgba(2,10,18,.48) 52%,rgba(2,10,18,.08) 78%),
    var(--hero-image)!important;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:1px solid rgba(210,160,54,.42)!important;
}
.waqi-photo-hero:before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.20));
}
.waqi-photo-hero .wrap{width:100%}
.waqi-photo-hero h1{max-width:650px;font-size:clamp(48px,5vw,74px);line-height:.98}
.waqi-photo-hero p{max-width:570px;font-size:18px;line-height:1.65}
.home-keyvisual,.commercial-keyvisual,.travel-keyvisual{
  min-height:470px;
  background-position:center right!important;
}
.home-keyvisual h1,.commercial-keyvisual h1,.travel-keyvisual h1{font-size:clamp(44px,4.5vw,68px)}
@media(max-width:800px){
 .waqi-photo-hero{
   min-height:520px;
   background-image:
    linear-gradient(180deg,rgba(2,10,18,.60) 0%,rgba(2,10,18,.92) 58%,rgba(2,10,18,.99) 100%),
    var(--hero-image)!important;
   background-position:65% center!important;
   align-items:flex-end;
   padding-bottom:52px;
 }
 .waqi-photo-hero h1{font-size:42px}
}

/* V4: image-quality cleanup and auto hero simplification */
.auto-hero-grid{
  grid-template-columns:minmax(0,620px)!important;
  justify-content:flex-start!important;
}
.auto-flyer-wrap{display:none!important}

.waqi-photo-hero{
  background-size:cover!important;
  image-rendering:auto;
}
.auto-keyvisual{
  min-height:560px!important;
  background-position:center right!important;
}
.home-keyvisual,
.commercial-keyvisual,
.travel-keyvisual{
  min-height:520px!important;
  background-position:center!important;
}

.auto-quality-benefits{
  background:
    linear-gradient(180deg,rgba(4,20,34,.98),rgba(2,13,23,.98))!important;
  border-top:1px solid rgba(209,161,58,.24)!important;
  border-bottom:1px solid rgba(209,161,58,.24)!important;
}
.auto-quality-benefits .wrap{padding-top:56px;padding-bottom:56px}
.auto-benefit-heading{max-width:760px;margin-bottom:28px}
.auto-benefit-heading>span{
  color:#e1b95e;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase
}
.auto-benefit-heading h2{
  color:#fff!important;font-size:clamp(32px,4vw,48px);margin:8px 0 10px
}
.auto-benefit-heading p{color:#bcc8d3!important;margin:0;font-size:16px;line-height:1.6}
.auto-benefit-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.auto-benefit-row>div{
  padding:20px 18px;
  border:1px solid rgba(209,161,58,.27);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(9,38,63,.85),rgba(3,17,29,.95));
}
.auto-benefit-row strong{display:block;color:#e2b95e;margin-bottom:6px}
.auto-benefit-row span{display:block;color:#c3ced8;font-size:13px;line-height:1.5}

@media(max-width:800px){
  .auto-benefit-row{grid-template-columns:1fr 1fr}
  .auto-keyvisual,.home-keyvisual,.commercial-keyvisual,.travel-keyvisual{min-height:500px!important}
}
@media(max-width:520px){
  .auto-benefit-row{grid-template-columns:1fr}
}

/* V5: clean split heroes, no cropped ad fragments, 4K source files */
.waqi-split-hero{
  background:
    radial-gradient(circle at 84% 30%,rgba(31,84,120,.18),transparent 30%),
    linear-gradient(120deg,#020b14 0%,#061a2d 100%)!important;
  border-bottom:1px solid rgba(209,161,58,.34)!important;
  overflow:hidden;
}
.waqi-split-hero>.wrap{
  max-width:1400px!important;
  min-height:540px;
  display:grid!important;
  grid-template-columns:minmax(0, .84fr) minmax(560px, 1.16fr);
  gap:36px;
  align-items:center;
}
.hero-copy-pane{position:relative;z-index:2;padding:58px 0}
.hero-image-pane{
  align-self:stretch;
  min-height:460px;
  overflow:hidden;
  position:relative;
}
.hero-image-pane:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#061a2d 0%,rgba(6,26,45,.44) 13%,transparent 33%);
}
.hero-image-pane img{
  width:100%;
  height:100%;
  min-height:460px;
  object-fit:cover;
  object-position:center;
  display:block;
  image-rendering:auto;
  filter:contrast(1.02) saturate(.98);
}
.waqi-split-hero h1{
  color:#fff!important;
  max-width:620px;
  font-size:clamp(46px,5vw,72px)!important;
  line-height:1!important;
}
.waqi-split-hero p{color:#c4ced7!important;max-width:580px}
.auto-hero-grid{display:block!important}

/* Crisp HTML coverage band */
.auto-quality-benefits{
  background:linear-gradient(180deg,#061a2d,#03111e)!important;
  border-top:1px solid rgba(209,161,58,.24)!important;
  border-bottom:1px solid rgba(209,161,58,.24)!important;
}
.auto-quality-benefits .wrap{padding-top:58px;padding-bottom:58px}
.auto-benefit-heading{max-width:760px;margin-bottom:26px}
.auto-benefit-heading>span{color:#e0b65b;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.auto-benefit-heading h2{color:#fff!important;font-size:clamp(30px,4vw,48px);margin:8px 0 10px}
.auto-benefit-heading p{color:#c0cad4!important;line-height:1.6}
.auto-benefit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.auto-benefit-row>div{
  background:linear-gradient(145deg,#0a2945,#04131f);
  border:1px solid rgba(209,161,58,.25);
  border-radius:14px;
  padding:20px;
}
.auto-benefit-row strong{display:block;color:#e2b95e;margin-bottom:7px}
.auto-benefit-row span{color:#c5d0da;font-size:13px;line-height:1.5}

@media(max-width:980px){
  .waqi-split-hero>.wrap{grid-template-columns:1fr;gap:0;min-height:auto}
  .hero-copy-pane{padding:48px 0 28px}
  .hero-image-pane{min-height:380px;margin:0 -18px}
  .hero-image-pane:before{background:linear-gradient(180deg,#061a2d 0%,transparent 24%)}
}
@media(max-width:760px){
  .auto-benefit-row{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .auto-benefit-row{grid-template-columns:1fr}
  .hero-image-pane{min-height:300px}
  .hero-image-pane img{min-height:300px}
}

/* V6 clean individually prepared product scenes */
.waqi-clean-hero>.wrap{
  grid-template-columns:minmax(430px,.78fr) minmax(600px,1.22fr)!important;
  gap:22px!important;
}
.waqi-clean-hero .hero-image-pane{
  min-height:500px!important;
  border-left:1px solid rgba(209,161,58,.16);
}
.waqi-clean-hero .hero-image-pane img{
  min-height:500px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.waqi-clean-hero .hero-image-pane:before{
  background:linear-gradient(90deg,#061a2d 0%,rgba(6,26,45,.38) 10%,transparent 25%)!important;
}
@media(max-width:980px){
 .waqi-clean-hero>.wrap{grid-template-columns:1fr!important}
 .waqi-clean-hero .hero-image-pane{border-left:0;min-height:360px!important}
 .waqi-clean-hero .hero-image-pane img{min-height:360px!important}
}

/* V7 — exact approved hero images, untouched */
.waqi-clean-hero .hero-image-pane img,
.waqi-split-hero .hero-image-pane img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    image-rendering:auto;
}

/* V8 — full-bleed cinematic heroes using the exact approved images */
.waqi-fullbleed-hero{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background-image:
    linear-gradient(90deg,rgba(2,10,18,.97) 0%,rgba(2,10,18,.86) 30%,rgba(2,10,18,.44) 52%,rgba(2,10,18,.10) 72%,rgba(2,10,18,.04) 100%),
    var(--hero-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:1px solid rgba(209,161,58,.38)!important;
}
.waqi-fullbleed-hero::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.24));
}
.waqi-fullbleed-hero>.wrap{
  width:100%;
  max-width:1240px!important;
  min-height:620px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start!important;
  padding-top:68px!important;
  padding-bottom:68px!important;
}
.waqi-fullbleed-hero h1{
  max-width:610px;
  margin:0 0 18px!important;
  font-size:clamp(48px,5.2vw,76px)!important;
  line-height:.98!important;
  color:#fff!important;
  text-shadow:0 12px 36px rgba(0,0,0,.38);
}
.waqi-fullbleed-hero p{
  max-width:560px;
  font-size:18px!important;
  line-height:1.65!important;
  color:#c8d2dc!important;
}
.waqi-fullbleed-hero .hero-actions{margin-top:26px!important}

/* Exact visual focus by page */
.waqi-fullbleed-hero[data-page="auto"]{background-position:center 54%!important}
.waqi-fullbleed-hero[data-page="home"]{background-position:center 48%!important}
.waqi-fullbleed-hero[data-page="commercial"]{background-position:center 50%!important}
.waqi-fullbleed-hero[data-page="travel"]{background-position:center 50%!important}

/* Make product tabs feel like a premium editorial page, not a card split-screen */
.page-subnav{position:relative!important;top:auto!important}

@media(max-width:900px){
  .waqi-fullbleed-hero{
    min-height:680px;
    align-items:flex-end;
    background-image:
      linear-gradient(180deg,rgba(2,10,18,.12) 0%,rgba(2,10,18,.32) 36%,rgba(2,10,18,.88) 70%,rgba(2,10,18,.98) 100%),
      var(--hero-bg)!important;
    background-position:center!important;
  }
  .waqi-fullbleed-hero>.wrap{
    min-height:680px!important;
    justify-content:flex-end;
    padding-top:300px!important;
    padding-bottom:46px!important;
  }
  .waqi-fullbleed-hero h1{font-size:44px!important;max-width:520px}
  .waqi-fullbleed-hero p{font-size:16px!important}
}

/* V14 — final clean standalone Commercial image */
.waqi-fullbleed-hero[data-page="commercial"]{
  background-size:cover!important;
  background-position:center 50%!important;
}
@media(min-width:1200px){
  .waqi-fullbleed-hero[data-page="commercial"]{
    background-position:54% 50%!important;
  }
}

/* V15 — Commercial: plaza + storefront + warehouse + Toronto skyline + secondary Panamera */
.waqi-fullbleed-hero[data-page="commercial"]{
  background-size:cover!important;
  background-position:center 50%!important;
}
@media(min-width:1200px){
  .waqi-fullbleed-hero[data-page="commercial"]{
    background-position:54% 50%!important;
  }
}

/* V36 — AUTO ONLY: natural 3:2 full frame, no stretching, no crop, no filler. */
.waqi-fullbleed-hero[data-page="auto"]{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3 / 2 !important;
  background-image:var(--hero-bg) !important;
  background-size:100% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.waqi-fullbleed-hero[data-page="auto"]>.wrap{
  min-height:100% !important;
}

/* V38 — UNIFORM TAB HEROES: Auto, Home, Commercial, Travel all identical size. */
.waqi-fullbleed-hero[data-page="auto"],
.waqi-fullbleed-hero[data-page="home"],
.waqi-fullbleed-hero[data-page="commercial"],
.waqi-fullbleed-hero[data-page="travel"]{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3 / 2 !important;
  margin:0 !important;
  background-image:var(--hero-bg) !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.waqi-fullbleed-hero[data-page="auto"]>.wrap,
.waqi-fullbleed-hero[data-page="home"]>.wrap,
.waqi-fullbleed-hero[data-page="commercial"]>.wrap,
.waqi-fullbleed-hero[data-page="travel"]>.wrap{
  min-height:100% !important;
}
/* V40 additions — preserve V38 hero artwork and sizing */
.consultation-feature{padding:72px 0;background:#f7f5ef}.consultation-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center}.consultation-feature figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(4,20,39,.18)}.consultation-feature img{display:block;width:100%;height:auto}.consultation-copy h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:10px 0 16px}.broker-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:25px 0}.broker-compare>div{padding:18px;border:1px solid #d7dce2;border-radius:14px;background:#fff}.broker-compare strong,.broker-compare span{display:block}.broker-compare .featured{border-color:#c89b3c;background:#071a31;color:#fff}.story-section,.industry-section{padding:70px 0;background:#f8f7f3}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-grid article{background:#fff;border:1px solid #dfe3e8;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(5,24,46,.07)}.story-grid img,.commercial-story img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.story-grid article>div:not(.story-illustration){padding:20px}.story-grid h3{margin:0 0 8px;font-size:24px}.story-illustration{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:30px;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#071a31,#183b60);position:relative}.story-illustration:after{content:"";position:absolute;inset:12px;border:2px solid #d6aa4b;border-radius:12px}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:24px 0 28px}.industry-grid button{padding:18px 8px;border:1px solid #d9dde2;background:#fff;border-radius:12px;font-weight:800}.commercial-story{display:grid;grid-template-columns:1.2fr .8fr;background:#071a31;color:#fff;border-radius:20px;overflow:hidden}.commercial-story>div{padding:36px}.commercial-story h3{font-size:34px;margin:8px 0 12px}.recent-quote-shell{padding:0 0 70px;background:#f8f7f3}.recent-quote-card{padding:28px 32px;border-radius:18px;background:#071a31;color:#fff}.recent-quote-card span{color:#d6aa4b;font-weight:800}.provider-strip{padding:22px 0;border-top:1px solid #e3e6e9;border-bottom:1px solid #e3e6e9;background:#fff}.provider-strip .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.provider-strip span{font-weight:800;color:#071a31}.provider-strip div{font-weight:700;letter-spacing:.04em;color:#66717d}
@media(max-width:900px){.consultation-grid,.commercial-story{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(2,1fr)}.provider-strip .wrap{display:block}.provider-strip div{margin-top:10px}.broker-compare{grid-template-columns:1fr}.broker-compare>b{display:none}}

/* V41 — requested Why Waqi swap only */
.why-consultation-feature{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  gap:28px;
  align-items:center;
  margin-top:34px;
}
.why-consultation-feature figure{margin:0}
.why-consultation-feature figure img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
}
.partner-showcase-section{padding:34px 0}
.why-partner-showcase-bottom{margin:0}
.why-partner-showcase-bottom img{
  width:100%;
  height:auto;
  display:block;
}
@media(max-width:900px){
  .why-consultation-feature{grid-template-columns:1fr}
}

/* V42: photorealistic 8K heroes remain untouched; comics are additional scenario content. */
.comic-situation-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);align-items:stretch;overflow:hidden;border:1px solid rgba(15,35,63,.12);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(9,25,48,.10)}
.comic-situation-card img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.comic-situation-copy{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}
.comic-situation-copy h3{margin:0 0 10px;font-size:clamp(24px,2vw,34px)}
.comic-situation-copy p{margin:0;line-height:1.65}
.waqi-client-float{position:fixed;z-index:999;right:18px;top:50%;transform:translateY(-50%);width:178px;padding:18px 16px;border:1px solid rgba(201,151,44,.75);border-radius:18px;background:rgba(6,25,48,.94);color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.waqi-client-float strong{display:block;color:#e0b34d;font-size:15px;line-height:1.2;margin-bottom:7px}
.waqi-client-float span{display:block;font-size:12px;line-height:1.45;opacity:.92}
@media(max-width:1050px){.waqi-client-float{top:auto;bottom:18px;right:14px;transform:none;width:auto;max-width:230px;padding:11px 14px;border-radius:999px}.waqi-client-float strong{font-size:12px;margin:0}.waqi-client-float span{display:none}}
@media(max-width:760px){.comic-situation-card{grid-template-columns:1fr}.comic-situation-card img{min-height:0;height:auto}.comic-situation-copy{padding:22px}}

/* V43 — requested corrections */

/* Remove the decorative thin half-circle from every product hero. */
.pagehero::after,
.auto-hero::after,
.waqi-fullbleed-hero::after{
  content:none !important;
  display:none !important;
}

/* Slightly more breathing room at the page edges. */
.wrap{
  width:min(1140px,90%) !important;
}

/* Critical: a transformed body makes position:fixed behave like page-positioned content.
   Keep page fade, but never transform body so the promise really follows the viewport. */
body{
  transform:none !important;
  overflow-x:hidden !important;
}
body.page-leaving,
body.page-entering{
  transform:none !important;
}

/* Persistent promise: genuinely fixed to the viewport while scrolling. */
.waqi-client-float{
  position:fixed !important;
  z-index:9999 !important;
  right:14px !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  width:164px !important;
  padding:16px 14px !important;
  pointer-events:auto;
}
.waqi-client-float strong{
  font-size:13px !important;
  line-height:1.25 !important;
}
.waqi-client-float span{
  font-size:11px !important;
  line-height:1.4 !important;
}

/* Keep the high-resolution comic artwork crisp and uncropped. */
.comic-situation-card img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  image-rendering:auto !important;
}

@media(max-width:1050px){
  .waqi-client-float{
    top:auto !important;
    bottom:14px !important;
    right:12px !important;
    transform:none !important;
    width:auto !important;
    max-width:260px !important;
    border-radius:14px !important;
  }
  .waqi-client-float span{display:block !important}
}

/* V44 — content slightly inset, header restored, navigation evenly distributed. */

/* Restore header to full usable width. */
header .wrap.nav{
  width:100% !important;
  max-width:none !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
header .links{
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:space-evenly !important;
  align-items:center !important;
  gap:0 !important;
  margin-left:22px !important;
  margin-right:22px !important;
}
header .links a{
  flex:0 1 128px !important;
  text-align:center !important;
  margin:0 !important;
  padding-left:8px !important;
  padding-right:8px !important;
}

/* Only the scrollable page content moves subtly inward. Heroes remain full-width. */
main > section:not(:first-child) > .wrap,
main > section:not(:first-child) .wrap{
  width:min(1100px,88%) !important;
  max-width:1100px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Preserve full-width product hero artwork. */
.waqi-fullbleed-hero,
.waqi-fullbleed-hero > .wrap{
  width:100% !important;
  max-width:none !important;
}

/* High-resolution comic panels: no crop, no duplicate hero image. */
.comic-situation-card img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
}

@media(max-width:1100px){
  header .links{gap:4px !important;margin-left:10px !important;margin-right:10px !important}
  header .links a{flex:0 1 auto !important;padding-left:7px !important;padding-right:7px !important}
  main > section:not(:first-child) .wrap{width:92% !important;max-width:none !important}
}

/* V45 — requested fine layout correction. Header stays wide; page content moves slightly inward. */
header .wrap.nav{width:100%!important;max-width:none!important;padding-left:16px!important;padding-right:16px!important}
header .links{flex:1 1 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:0!important;margin-left:26px!important;margin-right:26px!important}
header .links a{flex:1 1 0!important;max-width:150px!important;text-align:center!important;padding-left:6px!important;padding-right:6px!important}

/* Approx. 5mm more visual margin for all scrollable content. */
main section:not(.waqi-fullbleed-hero) > .wrap,
main section:not(.waqi-fullbleed-hero) .wrap{width:min(1060px,86%)!important;max-width:1060px!important;margin-left:auto!important;margin-right:auto!important}
#why .why-grid,#why .why-135,#why .why-consultation-feature{max-width:1060px!important;margin-left:auto!important;margin-right:auto!important}

/* Main 8K tab artwork also moves slightly inward, equally on all four tabs. */
.waqi-fullbleed-hero[data-page="auto"],.waqi-fullbleed-hero[data-page="home"],.waqi-fullbleed-hero[data-page="commercial"],.waqi-fullbleed-hero[data-page="travel"]{width:calc(100% - 38px)!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
.waqi-fullbleed-hero > .wrap{width:calc(100% - 42px)!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}

/* True 8K comic panels; preserve full frame. */
.comic-situation-card img{width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;display:block!important}
@media(max-width:1100px){main section:not(.waqi-fullbleed-hero) .wrap{width:90%!important;max-width:none!important}.waqi-fullbleed-hero[data-page="auto"],.waqi-fullbleed-hero[data-page="home"],.waqi-fullbleed-hero[data-page="commercial"],.waqi-fullbleed-hero[data-page="travel"]{width:calc(100% - 24px)!important}header .links{margin-left:10px!important;margin-right:10px!important}header .links a{flex:0 1 auto!important;max-width:none!important}}

/* V46: hero artwork restored to normal edge-to-edge width on all insurance tabs. */
.waqi-fullbleed-hero[data-page="auto"],
.waqi-fullbleed-hero[data-page="home"],
.waqi-fullbleed-hero[data-page="commercial"],
.waqi-fullbleed-hero[data-page="travel"]{
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-radius:0 !important;
}
/* Hero overlay content can remain comfortably aligned while the actual image reaches the edges. */
.waqi-fullbleed-hero > .wrap{
  width:min(1180px,92%) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.travel-comic-points{margin:16px 0 0;padding-left:18px}
.travel-comic-points li{margin:8px 0;line-height:1.45}

/* V47 approved manual comics */
.approved-comic-only{display:block!important;width:100%!important;max-width:1060px!important;margin-left:auto!important;margin-right:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.approved-comic-only img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border-radius:18px!important}
.commercial-story.approved-comic-only{grid-template-columns:none!important;padding:0!important}

/* V57 — whole Why Waqi insurance card is clickable */
a.service-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
a.service-card-link h3,
a.service-card-link p{
  text-decoration:none;
}
a.service-card-link .service-explore{
  display:inline-block;
  margin-top:auto;
  color:var(--gold,#B98B2E);
  font-weight:700;
}
a.service-card-link:hover,
a.service-card-link:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(13,26,47,.12);
  border-color:rgba(185,139,46,.7);
}
a.service-card-link:focus-visible{
  outline:2px solid #B98B2E;
  outline-offset:3px;
}

/* Global footer trust / licence verification */
footer .fine{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:18px !important;
}
footer .fine > :first-child{justify-self:start}
footer .fine > :last-child{justify-self:end}
.ribo-verify-footer{
  justify-self:center;
  color:#E8C687 !important;
  text-decoration:none;
  font-size:11.5px;
  font-weight:700;
  white-space:nowrap;
}
.ribo-verify-footer:hover{text-decoration:underline}
@media(max-width:760px){
  footer .fine{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:8px !important;
  }
  footer .fine > *{justify-self:center !important}
  .ribo-verify-footer{white-space:normal}
}

/* V58 — RIBO licence shown as text box; only registry phrase is clickable */
.ribo-license-box{
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  padding:8px 13px;
  border:1px solid rgba(232,198,135,.38);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  text-align:center;
}
.ribo-license-text{
  color:#C8D0DC;
  font-size:11px;
  font-weight:700;
}
.ribo-registry-link{
  color:#E8C687 !important;
  font-size:10.5px;
  text-decoration:underline;
  font-weight:600;
}
@media(max-width:760px){
 .ribo-license-box{padding:8px 11px}
}

/* V59 — Footer cleanup, contact chooser, social icons, color consistency */

/* Footer colours: no accidental navy text on navy background. */
footer .foot h4{color:#fff !important;}
footer .foot p{color:#aebccc !important;}
footer .foot a{
  color:#d8e1ea !important;
  -webkit-text-fill-color:#d8e1ea !important;
  opacity:1 !important;
  text-shadow:none !important;
}
footer .foot a:hover{color:#E8C687 !important;-webkit-text-fill-color:#E8C687 !important;}
footer .brand-text, footer .brand-text span{color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* Phone action: looks like the old phone text, but is now interactive. */
.footer-phone-action{
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-weight:800;
  padding:0;
  margin:0;
  cursor:pointer;
  text-decoration:underline;
  text-decoration-color:rgba(232,198,135,.55);
  text-underline-offset:3px;
}
.footer-phone-action:hover{color:#E8C687;}

/* Social column */
.social-footer-link{
  display:flex !important;
  align-items:center;
  gap:10px;
  min-height:38px;
  margin:7px 0 !important;
  padding:7px 9px;
  border-radius:8px;
  text-decoration:none !important;
  transition:background .16s ease, transform .16s ease;
}
.social-footer-link:hover{
  background:rgba(255,255,255,.055);
  transform:translateX(2px);
}
.social-footer-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  color:#E8C687;
}
.social-footer-icon svg{width:22px;height:22px;display:block}
.social-footer-label{font-size:13px;line-height:1.25}

/* Universal contact chooser */
.contact-choice-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.contact-choice-modal.show{display:flex}
.contact-choice-backdrop{position:absolute;inset:0;background:rgba(2,10,20,.68);backdrop-filter:blur(5px)}
.contact-choice-card{
  position:relative;
  z-index:1;
  width:min(410px,100%);
  background:#fff;
  border:1px solid #e5e8ed;
  border-radius:18px;
  padding:28px;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.contact-choice-close{
  position:absolute;right:12px;top:10px;border:0;background:transparent;
  color:#66717d;font-size:28px;cursor:pointer;line-height:1;
}
.contact-choice-kicker{
  color:#B98B2E;font-size:10.5px;font-weight:800;letter-spacing:.16em;margin-bottom:7px;
}
.contact-choice-card h3{margin:0 0 20px;color:#0D1A2F;font-size:23px}
.contact-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-choice-btn{
  display:flex!important;align-items:center!important;gap:10px!important;
  border-radius:12px!important;padding:14px!important;text-decoration:none!important;
  border:1px solid #dfe4ea!important;transition:.16s ease!important;
  -webkit-text-fill-color:initial!important;
}
.contact-choice-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(13,26,47,.10)}
.contact-choice-btn.whatsapp{background:#edf9f1!important;color:#11672e!important}
.contact-choice-btn.call{background:#f5f7fa!important;color:#0D1A2F!important}
.contact-choice-btn span:last-child{display:flex;flex-direction:column}
.contact-choice-btn strong{font-size:14px}
.contact-choice-btn small{font-size:11px;opacity:.75;margin-top:2px}
.contact-choice-btn-icon{font-size:20px}
@media(max-width:520px){
  .contact-choice-card{padding:24px 18px}
  .contact-choice-actions{grid-template-columns:1fr}
}

/* Dark-page areas: keep intended high-contrast palette consistently. */
.pagehero h1,.auto-hero h1,.waqi-fullbleed-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.pagehero .eyebrow,.auto-hero .eyebrow,.waqi-fullbleed-hero .eyebrow{color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;}
.page-subnav a{color:#dce4eb!important;-webkit-text-fill-color:#dce4eb!important;}
.page-subnav a:hover{color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;}

/* V60 — restore original footer branding */
footer .foot .footer-brand-original{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
footer .foot .footer-brand-original span{
  color:#b88412 !important;
  -webkit-text-fill-color:#b88412 !important;
}

/* Social icons keep their real brand colours; labels remain clean/light. */
footer .social-footer-icon{color:initial !important;}
footer .social-footer-icon svg{width:24px !important;height:24px !important;}
footer .social-footer-label{
  color:#d8e1ea !important;
  -webkit-text-fill-color:#d8e1ea !important;
}

/* AUTO PAGE — explicit colour audit.
   Dark/photo areas: white + gold. Light areas: navy + readable slate. */
body:has(.waqi-fullbleed-hero[data-page="auto"]) .waqi-fullbleed-hero h1{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body:has(.waqi-fullbleed-hero[data-page="auto"]) .waqi-fullbleed-hero .eyebrow{
  color:#E8C687 !important;
  -webkit-text-fill-color:#E8C687 !important;
}
body:has(.waqi-fullbleed-hero[data-page="auto"]) .waqi-fullbleed-hero p{
  color:#D7E0EA !important;
  -webkit-text-fill-color:#D7E0EA !important;
}

/* Auto route/intro section */
#auto-path .section-head h2,
#auto-coverage .auto-section-head h2,
#auto-rate h2,
#auto-faq .auto-section-head h2{
  color:#071D34 !important;
  -webkit-text-fill-color:#071D34 !important;
  opacity:1 !important;
}
#auto-path .section-head p,
#auto-coverage .auto-section-head p,
#auto-rate > .wrap > div:first-child > p{
  color:#53647A !important;
  -webkit-text-fill-color:#53647A !important;
  opacity:1 !important;
}

/* Dark route cards and coverage cards */
#auto-path .refresh-card,
#auto-coverage .coverage-grid article{
  color:#F7F8FA !important;
}
#auto-path .refresh-card h3,
#auto-coverage .coverage-grid article h3{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
}
#auto-path .refresh-card p,
#auto-coverage .coverage-grid article p{
  color:#C5D0DA !important;
  -webkit-text-fill-color:#C5D0DA !important;
  opacity:1 !important;
}

/* Pricing factors on light background */
#auto-rate .rate-list b{
  color:#071D34 !important;
  -webkit-text-fill-color:#071D34 !important;
}
#auto-rate .rate-list span{
  color:#53647A !important;
  -webkit-text-fill-color:#53647A !important;
}

/* FAQ on light cards */
#auto-faq .faq-grid summary{
  color:#071D34 !important;
  -webkit-text-fill-color:#071D34 !important;
  opacity:1 !important;
}
#auto-faq .faq-grid p{
  color:#53647A !important;
  -webkit-text-fill-color:#53647A !important;
  opacity:1 !important;
}

/* Keep the floating personal-broker promise readable. */
body:has(.waqi-fullbleed-hero[data-page="auto"]) .waqi-client-float strong{
  color:#E8C687 !important;
  -webkit-text-fill-color:#E8C687 !important;
}
body:has(.waqi-fullbleed-hero[data-page="auto"]) .waqi-client-float span{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* V61 — Auto page colours corrected for the actual dark page background */

/* Section titles requested by user */
#auto-coverage .auto-section-head h2,
#auto-rate h2,
#auto-faq .auto-section-head h2{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
}

/* Intro copy underneath section titles */
#auto-coverage .auto-section-head p,
#auto-rate .auto-rate-grid > div:first-child > p{
  color:#C5D0DA !important;
  -webkit-text-fill-color:#C5D0DA !important;
  opacity:1 !important;
}

/* Pricing-factor labels and descriptions sit directly on the dark background */
#auto-rate .rate-list b{
  color:#E8C687 !important;
  -webkit-text-fill-color:#E8C687 !important;
  opacity:1 !important;
}
#auto-rate .rate-list span{
  color:#C5D0DA !important;
  -webkit-text-fill-color:#C5D0DA !important;
  opacity:1 !important;
}
#auto-rate .rate-list{
  border-top-color:rgba(232,198,135,.22) !important;
}
#auto-rate .rate-list div{
  border-bottom-color:rgba(232,198,135,.18) !important;
}

/* FAQ heading is on the dark page; FAQ questions themselves stay navy on white cards */
#auto-faq .auto-section-head h2{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* V62 — exact Auto 'What are you looking for?' heading + intro */
#auto-path .section-head h2{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  opacity:1 !important;
}
#auto-path .section-head p{
  color:#C5D0DA !important;
  -webkit-text-fill-color:#C5D0DA !important;
  opacity:1 !important;
}

/* V63 — primary hero action is quote; Auto communicates fastest path */
.fastest-quote-note{
  display:inline-flex;
  align-items:center;
  margin-left:12px;
  color:#E8C687;
  font-size:11.5px;
  font-weight:700;
  vertical-align:middle;
}
@media(max-width:700px){
 .fastest-quote-note{display:block;margin:9px 0 0;font-size:11px}
}

/* V64 — subtle glass highlight for Auto fastest-option note; keeps hero/Audi visible */
.auto-hero .fastest-quote-note,
.waqi-fullbleed-hero .fastest-quote-note{
  background:rgba(7,29,52,.68) !important;
  border:1px solid rgba(232,198,135,.55) !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  box-shadow:0 5px 18px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  color:#F1D89F !important;
  -webkit-text-fill-color:#F1D89F !important;
}
@media(max-width:700px){
  .auto-hero .fastest-quote-note,
  .waqi-fullbleed-hero .fastest-quote-note{
    display:table !important;
    margin:9px 0 0 !important;
    padding:6px 10px !important;
    border-radius:8px !important;
  }
}

/* V69 — REAL FIX:
   .hero-actions was using flexbox's default align-items:stretch,
   so the badge was being stretched to the Quote button's height.
   Keep V64's rounded glass look; stop the stretching. */
.waqi-fullbleed-hero[data-page="auto"] .hero-actions{
  align-items:center !important;
  gap:6px !important;
}
.waqi-fullbleed-hero[data-page="auto"] .fastest-quote-note{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  margin-left:0 !important;
  padding:2px 10px !important;
  line-height:1.1 !important;
  border-radius:999px !important;
}
@media(max-width:700px){
  .waqi-fullbleed-hero[data-page="auto"] .hero-actions{
    align-items:flex-start !important;
  }
  .waqi-fullbleed-hero[data-page="auto"] .fastest-quote-note{
    display:inline-flex !important;
    width:auto !important;
    margin:3px 0 0 !important;
    padding:2px 9px !important;
    border-radius:999px !important;
  }
}

/* V70 — mobile only: Fastest Option directly below Get a Free Quote */
@media(max-width:700px){
  .waqi-fullbleed-hero[data-page="auto"] .hero-actions{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:3px !important;
  }
  .waqi-fullbleed-hero[data-page="auto"] .fastest-quote-note{
    margin:0 !important;
    align-self:flex-start !important;
  }
}

/* V71 — expanded plain-English FAQs */
.expanded-faq{padding:70px 0;background:#071D34}
.expanded-faq .auto-section-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.expanded-faq .auto-section-head p{color:#C5D0DA!important;-webkit-text-fill-color:#C5D0DA!important}
.expanded-faq .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:24px}
.expanded-faq details{background:#fff;border:1px solid #E4E8ED;border-radius:10px;padding:0 16px}
.expanded-faq summary{cursor:pointer;color:#071D34!important;-webkit-text-fill-color:#071D34!important;font-weight:800;padding:15px 28px 15px 0;position:relative}
.expanded-faq summary::after{content:'+';position:absolute;right:2px;color:#B98B2E;font-size:20px;top:11px}
.expanded-faq details[open] summary::after{content:'–'}
.expanded-faq details p{color:#53647A!important;-webkit-text-fill-color:#53647A!important;line-height:1.55;margin:0;padding:0 0 16px}
.quote-data-protection{max-width:1000px;margin:28px auto;padding:14px 18px;border:1px solid #E1D7C2;border-radius:10px;color:#687384;font-size:11.5px;line-height:1.55;background:#FAF8F3}
.quote-data-protection strong{color:#0D1A2F}
@media(max-width:760px){.expanded-faq .faq-grid{grid-template-columns:1fr}.expanded-faq{padding:50px 0}}

/* V73 — Why Waqi white insurance cards: titles MUST stay navy */
body.page-home .service-card h3,
body.page-home .insurance-card h3,
body.page-home .service-card .service-title,
body.page-home .insurance-card .service-title,
#why-waqi .service-card h3,
#why-waqi .insurance-card h3{
  color:#071D34 !important;
  -webkit-text-fill-color:#071D34 !important;
  opacity:1 !important;
}

body.page-home .top-insurance-title-navy{color:#071D34!important;-webkit-text-fill-color:#071D34!important;opacity:1!important;}

body.page-home .top-insurance-title-navy{color:#071D34!important;-webkit-text-fill-color:#071D34!important;opacity:1!important;}

body.page-home .top-insurance-title-navy{color:#071D34!important;-webkit-text-fill-color:#071D34!important;opacity:1!important;}

/* Exact Why Waqi top-card title class */
.top-insurance-title-navy{
 color:#071D34!important;
 -webkit-text-fill-color:#071D34!important;
 opacity:1!important;
}

/* V74 — Why Waqi insurance-card titles: visibly navy blue */
.top-insurance-title-navy{
  color:#123A63 !important;
  -webkit-text-fill-color:#123A63 !important;
}

/* V75 — premium Data Protection treatment */
.quote-data-protection{
  max-width:860px !important;
  margin:30px auto 34px !important;
  padding:18px 20px !important;
  border:1px solid rgba(185,139,46,.28) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#FCFBF8,#F7F4EC) !important;
  box-shadow:0 10px 28px rgba(13,26,47,.06) !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
}
.data-protection-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0D1A2F;
  font-size:16px;
  box-shadow:0 4px 12px rgba(13,26,47,.15);
}
.data-protection-content{min-width:0}
.data-protection-title{
  color:#0D1A2F !important;
  font-weight:800;
  font-size:13px;
  margin-bottom:4px;
}
.data-protection-content p{
  color:#677386 !important;
  font-size:11.5px !important;
  line-height:1.6 !important;
  margin:0 !important;
}
@media(max-width:640px){
  .quote-data-protection{
    margin:22px 14px 28px !important;
    padding:15px !important;
    gap:11px !important;
  }
  .data-protection-icon{width:32px;height:32px;flex-basis:32px;font-size:14px}
}

/* CAA logo beside membership question */
.caa-question-logo{
  display:inline-block !important;
  height:1.35em !important;
  width:auto !important;
  object-fit:contain !important;
  margin-left:7px !important;
  vertical-align:-0.22em !important;
}

/* V76 — WhatsApp header CTA */
header .header-whatsapp-green{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  box-shadow:0 5px 14px rgba(37,211,102,.20) !important;
}
header .header-whatsapp-green:hover{
  background:#1EBE5D !important;
  border-color:#1EBE5D !important;
}
.header-wa-icon{width:18px;height:18px;display:inline-flex;flex:0 0 18px}
.header-wa-icon svg{width:18px;height:18px;display:block}

/* V76 — compact centered privacy card, no stretched wall of text */
.quote-data-protection-compact{
  width:calc(100% - 32px) !important;
  max-width:680px !important;
  margin:30px auto 36px !important;
  padding:18px 20px !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:13px !important;
  align-items:start !important;
  text-align:left !important;
  background:#fff !important;
  border:1px solid rgba(185,139,46,.30) !important;
  border-radius:12px !important;
  box-shadow:0 7px 22px rgba(13,26,47,.055) !important;
}
.quote-data-protection-compact .data-protection-icon{
  width:34px !important;height:34px !important;
  border-radius:50% !important;
}
.quote-data-protection-compact .data-protection-title{
  font-size:13px !important;
  margin:1px 0 6px !important;
}
.quote-data-protection-compact .data-protection-content p{
  max-width:570px !important;
  font-size:11.5px !important;
  line-height:1.55 !important;
  text-align:left !important;
}
@media(max-width:640px){
 .quote-data-protection-compact{
   width:calc(100% - 28px) !important;
   grid-template-columns:30px minmax(0,1fr) !important;
   padding:15px !important;
   gap:10px !important;
 }
 .quote-data-protection-compact .data-protection-icon{
   width:30px !important;height:30px !important;
 }
}

/* compact floating client promise — ONLY height changed */
.waqi-client-float{
  padding-top:11px !important;
  padding-bottom:11px !important;
}

/* V84 — quote-form rationale + CAA context link */
.waqi-form-why-detailed{
  max-width:760px;margin:12px auto 20px;padding:13px 16px;
  border:1px solid rgba(209,161,58,.28);border-radius:14px;
  background:rgba(255,255,255,.045);text-align:center;
}
.waqi-form-why-detailed strong{display:block;color:#fff;margin-bottom:4px;font-size:.95rem}
.waqi-form-why-detailed span{display:block;color:#cbd5df;font-size:.86rem;line-height:1.45}
.waqi-form-why-detailed em{display:block;margin-top:5px;color:#e0bc68;font-size:.78rem;font-style:normal;font-weight:800}
.caa-help-link{font-weight:900;text-decoration:underline;text-underline-offset:2px;color:inherit}
.caa-help-link:hover,.caa-help-link:focus-visible{color:#d8b45d}

/* v85 brokerage footer */
.footer-brokerage{display:flex;align-items:center;gap:8px;margin:8px 0 4px;max-width:260px}.footer-brokerage span{font-size:.72rem;color:#8b98a7;white-space:nowrap}.footer-brokerage img{display:block;width:145px;max-width:100%;height:auto;object-fit:contain}.comic-note-title{display:block;margin-bottom:6px}.comic-note-copy{margin:0 0 10px;color:#7a8794;font-size:.95rem;line-height:1.45}

/* V86 — approved visual refinements only */
/* WellCare stays subordinate to Waqi: compact white logo badge */
.footer-brokerage{gap:7px!important;margin:7px 0 5px!important;max-width:220px!important}
.footer-brokerage span{font-size:.68rem!important;color:#8b98a7!important}
.footer-brokerage img{width:112px!important;height:auto!important;background:#fff!important;padding:5px 7px!important;border-radius:7px!important;box-sizing:border-box!important}

/* Why Waqi comparison: clearly distinguish direct/single-company route */
.broker-compare>div:first-child{border-color:rgba(156,72,62,.42)!important;background:#fff8f6!important}
.broker-compare>div:first-child strong{color:#93483f!important;-webkit-text-fill-color:#93483f!important}
.broker-compare>div:first-child span{color:#7d514c!important;-webkit-text-fill-color:#7d514c!important}
.broker-compare>b{color:#7b8793!important}

/* Comic message is an editorial note directly beneath each comic heading */
.comic-editorial-note{margin:10px 0 20px;padding:2px 0 2px 15px;border-left:2px solid rgba(209,161,58,.72)}
.comic-editorial-note .comic-note-title{display:block;margin:0 0 4px;color:#b8892d;font-family:Georgia,'Times New Roman',serif;font-size:1.02rem;font-style:italic;font-weight:700;letter-spacing:.01em;text-transform:none}
.comic-editorial-note .comic-note-copy{margin:0;color:#6f7c89;font-family:Georgia,'Times New Roman',serif;font-size:.93rem;font-style:italic;line-height:1.45}

/* V87 — top-right contact chooser: Call / Text / WhatsApp */
.header-contact-trigger{
  appearance:none;
  border:1px solid #25D366;
  background:#25D366;
  color:#fff;
  border-radius:999px;
  padding:10px 15px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(37,211,102,.18);
}
.header-contact-trigger:hover{background:#1EBE5D;border-color:#1EBE5D}

.header-contact-menu{
  position:fixed;inset:0;z-index:20000;display:none;
  align-items:center;justify-content:center;padding:18px;
}
.header-contact-menu.show{display:flex}
.header-contact-backdrop{
  position:absolute;inset:0;background:rgba(2,10,20,.68);backdrop-filter:blur(5px);
}
.header-contact-card{
  position:relative;z-index:1;width:min(430px,100%);
  background:#fff;border:1px solid #e3e7eb;border-radius:18px;
  padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.header-contact-close{
  position:absolute;top:10px;right:12px;border:0;background:transparent;
  color:#697480;font-size:28px;line-height:1;cursor:pointer;
}
.header-contact-kicker{
  color:#B98B2E;font-size:10.5px;font-weight:800;letter-spacing:.16em;margin-bottom:7px;
}
.header-contact-card h3{margin:0 0 18px;color:#0D1A2F;font-size:22px}
.header-contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.header-contact-option{
  display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;
  gap:7px;min-height:112px;padding:14px 10px;border-radius:12px;
  text-decoration:none!important;border:1px solid #dfe5ea;transition:.16s ease;
}
.header-contact-option:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(13,26,47,.09)}
.header-contact-option.call{background:#f4f7fa;color:#0D1A2F!important}
.header-contact-option.text{background:#f7f7f5;color:#0D1A2F!important}
.header-contact-option.whatsapp{background:#edf9f1;color:#11672e!important}
.header-contact-option span:last-child{display:flex;flex-direction:column;align-items:center}
.header-contact-option strong{font-size:13px}
.header-contact-option small{font-size:10.5px;opacity:.72;margin-top:2px}
.header-contact-icon{font-size:21px;line-height:1}

@media(max-width:700px){
  .header-contact-trigger{
    padding:9px 12px;
    font-size:11px;
    white-space:nowrap;
  }
  .header-contact-card{padding:24px 16px 18px}
  .header-contact-options{grid-template-columns:1fr}
  .header-contact-option{
    min-height:0;
    flex-direction:row;
    justify-content:flex-start;
    padding:13px 14px;
  }
  .header-contact-option span:last-child{align-items:flex-start}
}

/* V87b desktop click fix — ensure contact trigger sits above header overlays */
.header-contact-trigger{
  position:relative !important;
  z-index:1005 !important;
  pointer-events:auto !important;
  touch-action:manipulation;
}
header .header-contact-trigger{
  pointer-events:auto !important;
}
.header-contact-menu.show{
  display:flex !important;
  pointer-events:auto !important;
}
.header-contact-menu.show .header-contact-card,
.header-contact-menu.show .header-contact-backdrop{
  pointer-events:auto !important;
}
body.header-contact-open{overflow:hidden}

/* V88 — deter image saving / long-press menus without breaking links/buttons */
img,
picture,
.comic-section,
.why-partner-showcase,
.waqi-fullbleed-hero{
  -webkit-user-drag:none;
  user-drag:none;
  -webkit-touch-callout:none;
}
img{
  user-select:none;
  -webkit-user-select:none;
}

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.topbar-contact-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;margin:0;cursor:pointer;position:relative;z-index:1006;pointer-events:auto!important}
.topbar-contact-button:hover,.topbar-contact-button:focus-visible{color:#E8C687;text-decoration:underline;text-underline-offset:3px}

/* V91 — PHONE-ONLY layout refinement. Desktop/tablet unchanged. */
@media (max-width:600px){
  /* Header: compact mobile menu instead of hiding the main tabs */
  header .wrap.nav{height:auto!important;min-height:68px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;padding:6px 4%!important}
  header .brand{grid-column:1;grid-row:1}
  header .nav-actions{grid-column:3;grid-row:1;align-items:center}
  header .links{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;margin:0!important;padding:5px 0 8px!important}
  header .links a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:9px 8px!important;border:1px solid rgba(232,198,135,.22)!important;border-radius:10px!important;background:#071a31!important;color:#f3f5f7!important;font-size:12px!important;text-align:center!important;line-height:1.2!important}
  header .links a.active{border-color:#d6aa4b!important;color:#e8c687!important;background:#0b2440!important}
  header .links a:last-child{grid-column:1/-1!important}
  header .header-contact-trigger{font-size:10px!important;padding:8px 9px!important;max-width:128px!important;white-space:normal!important;line-height:1.15!important}

  /* In-page tabs: intentionally vertical on phones */
  .page-subnav{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important;padding:12px 4%!important;background:#071a31!important}
  .page-subnav a{white-space:normal!important;width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:10px!important;padding:9px 8px!important;font-size:12px!important}

  /* Why Waqi 1–35–5: one clean readable line/group, never one number per line */
  #why .why-135{margin:20px auto 28px!important;padding:0 10px!important}
  #why .why-135-title{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;align-items:center!important;justify-items:center!important;font-size:24px!important;line-height:1.05!important}
  #why .why-prefix,#why .why-suffix{display:block!important;white-space:nowrap!important}
  #why .why-number-group{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:auto!important;font-size:31px!important;line-height:1!important;white-space:nowrap!important}
  #why .why-number-group .dash{font-size:21px!important}

  /* Comparison: force the VS marker to remain visible and centered */
  #why .broker-compare{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:20px 0!important}
  #why .broker-compare>b{display:flex!important;align-items:center!important;justify-content:center!important;color:#b98b2e!important;font-size:11px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important}
  #why .broker-compare>b:before,#why .broker-compare>b:after{content:"";height:1px;background:#d8dde3;flex:1;margin:0 10px}

  /* Consultation -> provider board: give the transition intentional breathing room */
  #why .why-consultation-feature{margin-bottom:0!important;padding-bottom:26px!important}
  .partner-showcase-section{position:relative!important;padding:42px 0 48px!important;border-top:1px solid rgba(7,29,52,.08)!important;background:linear-gradient(180deg,#f7f5ef 0%,#fff 38%)!important}
  .partner-showcase-section:before{content:"MORE CHOICE, ONE POINT OF CONTACT";display:block;text-align:center;color:#9a721e;font-size:10px;font-weight:900;letter-spacing:.14em;margin:0 auto 18px;padding:0 18px}

  /* Product-page content grids: one clear vertical reading flow */
  .refresh-grid,.coverage-grid,.auto-benefit-grid,.rate-list,.business-type-grid,.travel-grid,.home-coverage-grid{grid-template-columns:1fr!important}
  .refresh-card,.coverage-grid article,.business-type{width:100%!important;min-height:0!important}
  .auto-rate-grid{grid-template-columns:1fr!important;gap:24px!important}

  /* Slightly tighter phone rhythm, without touching tablet/desktop */
  .auto-intro,.auto-coverage,.auto-rate,.auto-faq,.story-section,.industry-section{padding-top:48px!important;padding-bottom:48px!important}
  .section-head h2,.auto-section-head h2,.auto-rate h2{font-size:clamp(30px,9vw,38px)!important;line-height:1.08!important}
}

/* V92 — PHONE ONLY fixes requested after real Safari mobile check */
@media (max-width:600px){

  /* 1) Floating client promise:
     normal = bottom right; when footer/RIBO area approaches, move it to the top
     so it never covers licence / footer content. */
  .waqi-client-float{
    transition:top .22s ease,bottom .22s ease,transform .22s ease !important;
  }
  .waqi-client-float.mobile-near-footer{
    top:92px !important;
    bottom:auto !important;
    right:10px !important;
    transform:none !important;
    max-width:235px !important;
  }

  /* 2) Product hero text was being clipped because the desktop 3:2 aspect ratio
     made the entire hero only ~250px tall on phones. Give phones their own real
     hero height and restore the same title/copy/CTA that desktop and tablet show. */
  .waqi-fullbleed-hero[data-page="auto"],
  .waqi-fullbleed-hero[data-page="home"],
  .waqi-fullbleed-hero[data-page="commercial"],
  .waqi-fullbleed-hero[data-page="travel"]{
    aspect-ratio:auto !important;
    height:auto !important;
    min-height:570px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:flex-end !important;
    background-size:cover !important;
    background-position:center center !important;
    background-image:
      linear-gradient(180deg,rgba(2,10,18,.06) 0%,rgba(2,10,18,.18) 32%,rgba(2,10,18,.84) 68%,rgba(2,10,18,.98) 100%),
      var(--hero-bg) !important;
  }

  .waqi-fullbleed-hero[data-page="auto"]>.wrap,
  .waqi-fullbleed-hero[data-page="home"]>.wrap,
  .waqi-fullbleed-hero[data-page="commercial"]>.wrap,
  .waqi-fullbleed-hero[data-page="travel"]>.wrap{
    width:92% !important;
    min-height:570px !important;
    margin:0 auto !important;
    padding:250px 0 34px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;
    position:relative !important;
    z-index:2 !important;
  }

  .waqi-fullbleed-hero .auto-hero-copy{
    display:block !important;
    width:100% !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .waqi-fullbleed-hero h1{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:clamp(34px,10vw,44px) !important;
    line-height:1.02 !important;
    margin:0 0 12px !important;
    max-width:100% !important;
  }
  .waqi-fullbleed-hero h1 span{
    color:#E8C687 !important;
    -webkit-text-fill-color:#E8C687 !important;
  }
  .waqi-fullbleed-hero p{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#d8e1ea !important;
    -webkit-text-fill-color:#d8e1ea !important;
    font-size:14px !important;
    line-height:1.5 !important;
    max-width:100% !important;
    margin:0 !important;
  }
  .waqi-fullbleed-hero .hero-actions{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:16px !important;
  }

  /* Keep Auto's fastest-option badge below its quote button. */
  .waqi-fullbleed-hero[data-page="auto"] .hero-actions{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
  }
}

/* V93 — PHONE ONLY: preserve the ENTIRE hero artwork.
   On phones the image is shown full-width, uncropped, first.
   The existing hero text/CTA sits in a separate navy block directly below it.
   Desktop and tablet remain untouched. */
@media (max-width:600px){

  .waqi-fullbleed-hero[data-page="auto"],
  .waqi-fullbleed-hero[data-page="home"],
  .waqi-fullbleed-hero[data-page="commercial"],
  .waqi-fullbleed-hero[data-page="travel"]{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    margin:0 !important;
    overflow:visible !important;
    background:#071D34 !important;
    border-bottom:1px solid rgba(209,161,58,.28) !important;
  }

  /* Full 3:2 artwork, no crop */
  .waqi-fullbleed-hero[data-page="auto"]::before,
  .waqi-fullbleed-hero[data-page="home"]::before,
  .waqi-fullbleed-hero[data-page="commercial"]::before,
  .waqi-fullbleed-hero[data-page="travel"]::before{
    content:"" !important;
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    aspect-ratio:3 / 2 !important;
    background-image:var(--hero-bg) !important;
    background-size:100% 100% !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    z-index:1 !important;
  }

  /* Text lives below the image instead of covering/cropping it */
  .waqi-fullbleed-hero[data-page="auto"]>.wrap,
  .waqi-fullbleed-hero[data-page="home"]>.wrap,
  .waqi-fullbleed-hero[data-page="commercial"]>.wrap,
  .waqi-fullbleed-hero[data-page="travel"]>.wrap{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:24px 5% 28px !important;
    display:block !important;
    background:linear-gradient(180deg,#071D34 0%,#0A2743 100%) !important;
    position:relative !important;
    z-index:2 !important;
    box-sizing:border-box !important;
  }

  .waqi-fullbleed-hero .auto-hero-copy{
    width:100% !important;
  }

  .waqi-fullbleed-hero h1{
    font-size:clamp(31px,9vw,40px) !important;
    line-height:1.04 !important;
    margin:0 0 10px !important;
  }

  .waqi-fullbleed-hero p{
    font-size:14px !important;
    line-height:1.5 !important;
    margin:0 !important;
  }

  .waqi-fullbleed-hero .hero-actions{
    margin-top:15px !important;
  }
}

/* ==========================================================
   V94 — PHONE-ONLY PREMIUM POLISH
   Desktop + tablet unchanged. All rules apply at <=600px only.
   ========================================================== */
@media (max-width:600px){

  /* ---------- HEADER ----------
     One clean row: brand | contact | menu.
     Full nav opens only when requested, so the page starts higher. */
  header .wrap.nav{
    min-height:68px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:7px 4%!important;
  }
  header .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  header .brand-logo{width:86px!important;height:52px!important}
  header .brand-text{font-size:17px!important}

  header .nav-actions{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin:0!important;
  }
  header .header-contact-trigger{
    max-width:112px!important;
    padding:7px 9px!important;
    font-size:9.5px!important;
    line-height:1.12!important;
    border-radius:999px!important;
  }

  .mobile-menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
    width:40px!important;
    height:40px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(232,198,135,.28)!important;
    border-radius:11px!important;
    background:#071a31!important;
    cursor:pointer!important;
  }
  .mobile-menu-toggle span{
    display:block!important;
    width:17px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#E8C687!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  header.mobile-nav-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  header.mobile-nav-open .mobile-menu-toggle span:nth-child(2){opacity:0!important}
  header.mobile-nav-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  header .links{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:none!important;
    width:100%!important;
    margin:0!important;
    padding:4px 0 7px!important;
    border-top:1px solid rgba(232,198,135,.10)!important;
  }
  header.mobile-nav-open .links{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  header .links a{
    display:flex!important;
    min-height:38px!important;
    padding:8px 6px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(232,198,135,.16)!important;
    border-radius:9px!important;
    background:#071a31!important;
    color:#f4f6f8!important;
    font-size:11.5px!important;
    line-height:1.15!important;
  }
  header .links a.active{
    color:#E8C687!important;
    border-color:rgba(232,198,135,.55)!important;
    background:#0B2440!important;
  }

  /* ---------- IN-PAGE NAV ----------
     Premium vertical navigator instead of desktop tabs squeezed into a phone. */
  .page-subnav{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:4px 5%!important;
    background:#06182a!important;
    border-top:1px solid rgba(232,198,135,.12)!important;
    border-bottom:1px solid rgba(232,198,135,.18)!important;
  }
  .page-subnav a{
    width:100%!important;
    min-height:35px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:left!important;
    padding:8px 4px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#DCE4EB!important;
    font-size:11.5px!important;
    font-weight:750!important;
  }
  .page-subnav a::after{
    content:"›";
    color:#C69A3C;
    font-size:16px;
    font-weight:400;
  }
  .page-subnav a:last-child{border-bottom:0!important}

  /* ---------- HERO ----------
     Keep V93 full-image solution. Make text panel feel intentionally attached. */
  .waqi-fullbleed-hero[data-page]::before{
    border-bottom:1px solid rgba(232,198,135,.20)!important;
  }
  .waqi-fullbleed-hero[data-page]>.wrap{
    padding:21px 5% 25px!important;
    background:
      radial-gradient(circle at 85% 0%,rgba(209,161,58,.06),transparent 34%),
      linear-gradient(180deg,#071D34 0%,#09243E 100%)!important;
  }
  .waqi-fullbleed-hero h1{
    font-size:clamp(30px,8.8vw,39px)!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    margin-bottom:9px!important;
    text-wrap:balance;
  }
  .waqi-fullbleed-hero p{
    font-size:13.5px!important;
    line-height:1.5!important;
    color:#D0D9E2!important;
    -webkit-text-fill-color:#D0D9E2!important;
  }
  .waqi-fullbleed-hero .btn{
    min-height:42px!important;
    padding:10px 16px!important;
  }

  /* ---------- WHY WAQI STORY ---------- */
  #why .why-135{
    margin:18px auto 24px!important;
    padding:0 4%!important;
  }
  #why .why-135-title{
    gap:3px!important;
    font-size:22px!important;
    line-height:1.02!important;
  }
  #why .why-number-group{
    gap:7px!important;
    font-size:30px!important;
    margin:3px 0!important;
  }
  #why .why-135 p{
    max-width:310px!important;
    margin:8px auto 0!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  /* Consistent "story chapters" instead of desktop boxes merely stacked. */
  #why .why-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #why .why-card{
    min-height:0!important;
    padding:18px!important;
    border-radius:14px!important;
  }
  #why .why-card h3{font-size:18px!important;margin-bottom:5px!important}
  #why .why-card p{font-size:13px!important;line-height:1.5!important}

  #why .broker-compare{
    gap:6px!important;
    margin:18px 0!important;
  }
  #why .broker-compare>div{
    padding:15px!important;
    border-radius:12px!important;
  }
  #why .broker-compare>b{
    min-height:24px!important;
    font-size:10px!important;
  }

  /* Consultation + provider board becomes one continuous visual story. */
  #why .why-consultation-feature{
    display:block!important;
    margin:26px 0 0!important;
    padding-bottom:22px!important;
  }
  #why .why-consultation-feature figure,
  #why .why-partner-showcase{
    border-radius:14px!important;
    overflow:hidden!important;
  }
  #why .why-consultation-feature figure{
    margin:0 0 18px!important;
  }
  #why .why-consultation-feature .consultation-copy{
    padding:0 2px!important;
  }
  .partner-showcase-section{
    padding:34px 0 40px!important;
    background:
      linear-gradient(180deg,#F4F1E9 0%,#FAF9F6 28%,#FFFFFF 100%)!important;
  }
  .partner-showcase-section:before{
    margin-bottom:14px!important;
    font-size:9.5px!important;
    letter-spacing:.12em!important;
  }
  #why .why-partner-showcase{margin:0 auto!important}

  /* ---------- PRODUCT CONTENT ----------
     Strict single-column flow, consistent cards, less wasted height. */
  .refresh-shell{padding:46px 5%!important}
  .refresh-grid,
  .coverage-grid,
  .auto-benefit-grid,
  .business-type-grid,
  .travel-grid,
  .home-coverage-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .refresh-card,
  .coverage-grid article,
  .auto-benefit-grid article,
  .business-type,
  .panel{
    min-height:0!important;
    width:100%!important;
    padding:18px!important;
    border-radius:14px!important;
  }
  .refresh-card h3,
  .coverage-grid article h3,
  .auto-benefit-grid article h3,
  .business-type strong{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .refresh-card p,
  .coverage-grid article p,
  .auto-benefit-grid article p,
  .business-type span{
    font-size:13px!important;
    line-height:1.5!important;
  }

  /* Section rhythm: premium but not endlessly tall. */
  .section,
  .auto-intro,.auto-coverage,.auto-rate,.auto-faq,
  .story-section,.industry-section,.consultation-feature{
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
  .section-head,.auto-section-head{
    margin-bottom:24px!important;
  }
  .section-head h2,
  .auto-section-head h2,
  .auto-rate h2,
  .refresh-title{
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.08!important;
    text-wrap:balance;
  }
  .section-head p,.auto-section-head p,.refresh-lead{
    font-size:13.5px!important;
    line-height:1.55!important;
  }

  /* ---------- COMICS ----------
     Keep them large and clean, with tighter editorial note. */
  .comic-editorial-note{
    margin:7px 0 14px!important;
    padding-left:11px!important;
  }
  .comic-editorial-note .comic-note-title{font-size:.93rem!important}
  .comic-editorial-note .comic-note-copy{font-size:.84rem!important;line-height:1.4!important}
  .approved-comic-only img{border-radius:12px!important}

  /* ---------- FAQ ---------- */
  .expanded-faq{padding:42px 0!important}
  .expanded-faq .faq-grid{gap:7px!important}
  .expanded-faq details{padding:0 13px!important;border-radius:9px!important}
  .expanded-faq summary{padding:13px 26px 13px 0!important;font-size:13px!important}
  .expanded-faq details p{font-size:12.5px!important;line-height:1.5!important;padding-bottom:13px!important}

  /* ---------- FOOTER ----------
     Clear mobile hierarchy and less endless scrolling. */
  footer .foot{
    display:flex!important;
    flex-direction:column!important;
    gap:25px!important;
  }
  footer .foot>div:first-child{order:1!important}
  footer .foot>div:nth-child(2){order:2!important}
  footer .foot>div:nth-child(3){order:3!important}

  footer .footer-brand-original{font-size:20px!important}
  footer .footer-brokerage{margin-top:6px!important}
  footer .foot p{font-size:12px!important;line-height:1.5!important}
  footer .foot h4{margin-bottom:8px!important}
  footer .foot a{margin:5px 0!important;font-size:12.5px!important}
  footer .social-footer-link{min-height:32px!important}
  footer .social-footer-icon svg{width:20px!important;height:20px!important}
  footer .fine{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    padding-top:18px!important;
  }

  /* Floating client promise remains compact; V92/V93 footer-avoidance behavior retained. */
  .waqi-client-float{
    max-width:220px!important;
    padding:9px 11px!important;
    border-radius:12px!important;
  }
  .waqi-client-float strong{font-size:11.5px!important}
  .waqi-client-float span{font-size:9.8px!important;line-height:1.32!important}
}

/* Hamburger must not appear on tablet/desktop. */
@media (min-width:601px){
  .mobile-menu-toggle{display:none!important}
}