: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}
}


#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}
}


.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}
}


.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}
}


.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}
}


.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}
}


.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;
}


.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}
}


.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;
  }
}


.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;
  }
}


.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;
}


.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;
}

.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}}


.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}
}


.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}}



/* 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}
}



/* 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}
}


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}}


.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}


.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}


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}
}


.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}
}



/* 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;}


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;
}



/* 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;
}


#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;
}


.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}
}


.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;
  }
}


.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;
  }
}


@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;
  }
}


.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}}


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;}

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


.top-insurance-title-navy{
  color:#123A63 !important;
  -webkit-text-fill-color:#123A63 !important;
}


.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;
}


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}


.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;
}


.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}


.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}


/* 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}


.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}
}


.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}


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}


@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}
}


@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;
  }
}


@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}
}


@media (min-width: 761px){
  .service,.stat,.why-card,.auto-benefit-grid article,.coverage-grid article,
  .refresh-card,.story-grid article,.industry-grid button,.faq-grid details,
  .broker-compare>div,.recent-quote-card{
    border-radius:7px;
    box-shadow:0 3px 12px rgba(7,29,52,.035);
  }
  .service:hover{transform:none;border-color:#cdb36f}
  .panel,.quote-box,.auto-callout-box,.commercial-story{
    border-radius:9px;
  }
  .why-icon,.coverage-grid span{border-radius:5px}
  .refresh-pill{border-radius:7px}
}

/* Keep hierarchy crisp without the glossy AI-template treatment. */
.service,.why-card,.auto-benefit-grid article,.coverage-grid article,.refresh-card,.story-grid article{
  background-image:none;
}
.service,.why-card,.auto-benefit-grid article,.coverage-grid article,.refresh-card,.story-grid article,
.faq-grid details,.industry-grid button{
  transition:none;
}


:root{--soft:#f5f4f1;--line:#d8dde3;--muted:#5d6875}

/* Less app-template, more established brokerage website */
header{backdrop-filter:none;background:#fff}
.links{font-weight:600;gap:27px}
.links a{position:relative}
.links a:hover{color:#8e6715}
.btn{border-radius:4px;font-weight:700;transition:none;box-shadow:none}
.btn-gold{background:#c99524;color:#fff}
.btn-gold:hover{transform:none;background:#b9871d}
.btn-dark{background:#07162b}

/* More natural editorial spacing and typography */
section{padding:76px 0}
.section-head h2,.quote-box h2,.content h2{letter-spacing:-.018em}
.section-head p{line-height:1.58}
.eyebrow{letter-spacing:.11em;font-weight:750}

/* Cards should read like information, not generated UI tiles */
.services{gap:22px}
.service,.why-card,.refresh-card,.stat,.auto-benefit-grid article,.coverage-grid article,.story-grid article{
  border-radius:3px!important;
  box-shadow:none!important;
  border-color:#d9dee4!important;
}
.service{padding:25px 23px;border-top:2px solid #b98a24!important}
.service p,.why-card p,.refresh-card p{color:#586575}
.service-explore{font-weight:700!important}
.why-card{padding:25px!important}
.why-number-badge,.why-icon{border-radius:2px!important;box-shadow:none!important}

/* Remove the overly polished floating-panel feel */
.quote{background:#f3f1ec}
.quote-box{border-radius:3px!important;box-shadow:none!important;border-color:#d9d2c1;padding:32px 34px}
.panel{border-radius:3px!important;box-shadow:none!important}
.why-statement{border-radius:3px;box-shadow:none}
.why-statement-sticky{position:static!important;box-shadow:none!important}
.why-numbers>div{border-radius:3px;box-shadow:none}

/* FAQ: conventional editorial accordions */
.faq-grid details{border-radius:0!important;box-shadow:none!important;border-left:0!important;border-right:0!important}
.faq-grid details+details{margin-top:-1px}

/* Sub-navigation feels like a real information site, not pills/cards */
.page-subnav a{border-radius:0!important;box-shadow:none!important}

/* Footer: quieter and less designed-for-demo */
footer{padding-top:50px}
.fine{font-size:11.5px}

/* Avoid generic animated-template cues */
body,body.page-leaving,body.page-entering,header,main,footer{transition:none!important;transform:none!important;opacity:1!important}

@media(max-width:600px){
  section{padding:54px 0}
  .service,.why-card,.refresh-card{padding:20px!important}
  .quote-box{padding:25px 22px}
  .btn{border-radius:3px}
}

/* ==========================================================
   V103 — MOBILE-ONLY REDESIGN (<=600px)
   Desktop + tablet intentionally untouched.
   Existing content/images remain unchanged.
   ========================================================== */
@media (max-width:600px){

  /* 1) HEADER — compact, clean, mobile-first */
  header{
    position:sticky!important;
    top:0!important;
    z-index:12000!important;
    box-shadow:0 4px 14px rgba(5,18,32,.08)!important;
  }
  header .wrap.nav{
    min-height:62px!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:7px!important;
    padding:6px 4%!important;
  }
  header .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  header .brand-logo{
    width:78px!important;
    height:48px!important;
  }
  header .brand-text{
    font-size:16px!important;
    letter-spacing:-.01em!important;
  }
  header .nav-actions{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    gap:6px!important;
  }
  header .header-contact-trigger{
    max-width:104px!important;
    padding:7px 9px!important;
    font-size:9px!important;
    line-height:1.12!important;
    white-space:normal!important;
    box-shadow:none!important;
  }

  /* Existing mobile hamburger, if present */
  .mobile-menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
    width:38px!important;
    height:38px!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }

  /* If the nav is already openable, keep it hidden until opened */
  header .links{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    padding:4px 0 7px!important;
    gap:5px!important;
  }
  header .links a{
    min-height:36px!important;
    padding:8px 6px!important;
    border-radius:8px!important;
    font-size:11px!important;
    box-shadow:none!important;
  }

  /* 2) PAGE SUBNAV — vertical compact list, not desktop tabs squeezed down */
  .page-subnav{
    position:relative!important;
    top:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:3px 5%!important;
    background:#07182A!important;
    border-top:1px solid rgba(232,198,135,.11)!important;
    border-bottom:1px solid rgba(232,198,135,.16)!important;
  }
  .page-subnav a{
    width:100%!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:left!important;
    padding:7px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:transparent!important;
    font-size:11.25px!important;
    line-height:1.2!important;
    box-shadow:none!important;
  }
  .page-subnav a::after{
    content:"›";
    color:#C89B3C;
    font-size:15px;
    font-weight:400;
  }
  .page-subnav a:last-child{border-bottom:0!important}

  /* 3) HERO — preserve complete artwork, text in separate block */
  .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-radius:0!important;
  }
  .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;
    border-bottom:1px solid rgba(232,198,135,.18)!important;
  }
  .waqi-fullbleed-hero[data-page]>.wrap{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:18px 5% 22px!important;
    display:block!important;
    background:linear-gradient(180deg,#071D34,#0A2743)!important;
    box-sizing:border-box!important;
  }
  .waqi-fullbleed-hero .auto-hero-copy{
    width:100%!important;
  }
  .waqi-fullbleed-hero h1{
    font-size:clamp(29px,8.6vw,38px)!important;
    line-height:1.04!important;
    margin:0 0 8px!important;
    letter-spacing:-.02em!important;
    max-width:100%!important;
    text-wrap:balance!important;
  }
  .waqi-fullbleed-hero p{
    font-size:13.25px!important;
    line-height:1.48!important;
    margin:0!important;
    max-width:100%!important;
  }
  .waqi-fullbleed-hero .hero-actions{
    margin-top:13px!important;
    gap:4px!important;
  }
  .waqi-fullbleed-hero .btn{
    min-height:40px!important;
    padding:9px 15px!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }

  /* 4) SECTION RHYTHM — less endless vertical padding */
  section,
  .section,
  .auto-intro,.auto-coverage,.auto-rate,.auto-faq,
  .story-section,.industry-section,.consultation-feature{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }
  .section-head,
  .auto-section-head{
    margin-bottom:20px!important;
  }
  .section-head h2,
  .auto-section-head h2,
  .auto-rate h2,
  .refresh-title{
    font-size:clamp(27px,7.8vw,35px)!important;
    line-height:1.08!important;
    letter-spacing:-.02em!important;
    text-wrap:balance!important;
  }
  .section-head p,
  .auto-section-head p,
  .refresh-lead{
    font-size:13.25px!important;
    line-height:1.52!important;
  }

  /* 5) CARDS — flatter, smaller, less AI-template */
  .refresh-shell{padding:40px 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:9px!important;
  }
  .refresh-card,
  .coverage-grid article,
  .auto-benefit-grid article,
  .business-type,
  .panel,
  .why-card{
    width:100%!important;
    min-height:0!important;
    padding:16px!important;
    border-radius:10px!important;
    box-shadow:none!important;
    border-color:rgba(13,26,47,.13)!important;
  }
  .refresh-card:hover,
  .coverage-grid article:hover,
  .business-type:hover,
  .why-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  .refresh-card h3,
  .coverage-grid article h3,
  .auto-benefit-grid article h3,
  .business-type strong{
    font-size:17px!important;
    line-height:1.2!important;
  }
  .refresh-card p,
  .coverage-grid article p,
  .auto-benefit-grid article p,
  .business-type span{
    font-size:12.75px!important;
    line-height:1.48!important;
  }

  /* 6) WHY WAQI — deliberate mobile story */
  #why .why-135{
    margin:16px auto 21px!important;
    padding:0 4%!important;
  }
  #why .why-135-title{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:2px!important;
    font-size:21px!important;
    line-height:1.02!important;
  }
  #why .why-number-group{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font-size:29px!important;
    white-space:nowrap!important;
    margin:3px 0!important;
  }
  #why .why-135 p{
    max-width:300px!important;
    margin:7px auto 0!important;
    font-size:12.75px!important;
    line-height:1.45!important;
  }

  #why .why-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #why .why-card{
    padding:15px!important;
  }
  #why .why-card h3{
    margin-bottom:4px!important;
    font-size:17px!important;
  }
  #why .why-card p{
    font-size:12.75px!important;
    line-height:1.47!important;
  }

  #why .broker-compare{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:16px 0!important;
  }
  #why .broker-compare>div{
    padding:14px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  #why .broker-compare>b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    font-size:9.5px!important;
    letter-spacing:.14em!important;
    color:#B98B2E!important;
  }
  #why .broker-compare>b::before,
  #why .broker-compare>b::after{
    content:"";
    height:1px;
    flex:1;
    background:#D8DDE3;
    margin:0 9px;
  }

  #why .why-consultation-feature{
    display:block!important;
    margin:22px 0 0!important;
    padding-bottom:18px!important;
  }
  #why .why-consultation-feature figure,
  #why .why-partner-showcase{
    border-radius:10px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  #why .why-consultation-feature figure{
    margin:0 0 14px!important;
  }
  .partner-showcase-section{
    padding:28px 0 34px!important;
    background:linear-gradient(180deg,#F5F2EA 0%,#FBFAF7 36%,#FFF 100%)!important;
    border-top:1px solid rgba(13,26,47,.08)!important;
  }
  .partner-showcase-section:before{
    font-size:9px!important;
    letter-spacing:.11em!important;
    margin-bottom:12px!important;
  }

  /* 7) COMICS — keep big, but cleaner note */
  .comic-editorial-note{
    margin:6px 0 12px!important;
    padding-left:9px!important;
    border-left-width:1px!important;
  }
  .comic-editorial-note .comic-note-title{
    font-size:.89rem!important;
  }
  .comic-editorial-note .comic-note-copy{
    font-size:.8rem!important;
    line-height:1.38!important;
  }
  .approved-comic-only img{
    border-radius:9px!important;
  }

  /* 8) FAQ — tighter, less card-heavy */
  .expanded-faq{
    padding:36px 0!important;
  }
  .expanded-faq .faq-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .expanded-faq details{
    border-radius:7px!important;
    padding:0 12px!important;
    box-shadow:none!important;
  }
  .expanded-faq summary{
    padding:12px 24px 12px 0!important;
    font-size:12.75px!important;
  }
  .expanded-faq details p{
    font-size:12.25px!important;
    line-height:1.48!important;
    padding-bottom:12px!important;
  }

  /* 9) FOOTER — simpler and shorter */
  footer .foot{
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  footer .footer-brand-original{
    font-size:19px!important;
  }
  footer .footer-brokerage{
    margin-top:5px!important;
  }
  footer .foot p,
  footer .foot a{
    font-size:12px!important;
    line-height:1.45!important;
  }
  footer .foot h4{
    margin-bottom:6px!important;
  }
  footer .social-footer-icon svg{
    width:19px!important;
    height:19px!important;
  }
  footer .fine{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
    padding-top:14px!important;
  }

  /* 10) FLOATING PROMISE — smaller, less obstructive */
  .waqi-client-float{
    max-width:205px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.15)!important;
  }
  .waqi-client-float strong{
    font-size:11px!important;
  }
  .waqi-client-float span{
    font-size:9.3px!important;
    line-height:1.3!important;
  }

  /* 11) Buttons generally flatter on mobile */
  .btn,
  button,
  .service-card-link{
    box-shadow:none!important;
  }
}


@media (max-width:600px){
  /* Top insurance category grid on Why Waqi */
  #insurance .services,
  .services{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  #insurance .service-card,
  #insurance .insurance-card,
  a.service-card-link{
    min-height:0 !important;
    padding:12px 10px !important;
    border-radius:10px !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  #insurance .insurance-line-icon,
  #insurance .service .icon{
    width:34px !important;
    height:34px !important;
    margin-bottom:7px !important;
  }

  #insurance .insurance-line-icon svg{
    width:34px !important;
    height:34px !important;
  }

  #insurance .service-card h3,
  #insurance .insurance-card h3,
  #insurance .service-title,
  #insurance .top-insurance-title-navy{
    font-size:15px !important;
    line-height:1.15 !important;
    margin:0 0 5px !important;
  }

  #insurance .service-card p,
  #insurance .insurance-card p,
  a.service-card-link p{
    font-size:11.25px !important;
    line-height:1.35 !important;
    margin:0 0 7px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  a.service-card-link .service-explore{
    font-size:10.5px !important;
    margin-top:auto !important;
    padding-top:1px !important;
  }
}

/* ==========================================================
   V105 — ALL-DEVICE UX POLISH
   Images/content unchanged.
   ========================================================== */

/* Cleaner section rhythm and less template-like card treatment */
.section-head, .auto-section-head { max-width: 760px; }
.refresh-card, .why-card, .coverage-grid article, .auto-benefit-grid article,
.business-type, .panel {
  box-shadow: 0 5px 16px rgba(7,24,42,.055);
  border-radius: 12px;
}
.refresh-card:hover, .why-card:hover, .coverage-grid article:hover,
.auto-benefit-grid article:hover, .business-type:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(7,24,42,.075);
}

/* Trust line: make 35+ providers visually scannable wherever present */
.why-card strong, .refresh-card strong { letter-spacing: -.01em; }

/* Footer credentials — centered, deliberate trust closure on all devices */
footer .footer-brokerage,
footer .footer-credentials,
footer .ribo-credentials,
footer [class*="licence"],
footer [class*="license"] {
  text-align:center !important;
}
footer .fine {
  text-align:center;
}
footer .fine > * {
  margin-left:auto;
  margin-right:auto;
}

/* Product subnav: cleaner quick-jump behavior on larger screens */
@media (min-width:601px){
  .page-subnav{
    gap:6px;
  }
  .page-subnav a{
    transition:background-color .16s ease, color .16s ease, border-color .16s ease;
  }
}

/* FAQ = information, not decorative cards */
.expanded-faq details{
  box-shadow:none !important;
}
.expanded-faq summary{
  cursor:pointer;
}

/* Floating promise: preserve on larger screens, but keep it less intrusive */
@media (min-width:601px){
  .waqi-client-float{
    box-shadow:0 7px 20px rgba(0,0,0,.13) !important;
  }
}

/* PHONE: strongest conversion/space improvements */
@media (max-width:600px){
  /* Contact/navigation takes less prime screen space */
  header .header-contact-trigger{
    display:none !important;
  }
  header .wrap.nav{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  .mobile-menu-toggle{
    grid-column:2 !important;
  }

  /* Promise should never obstruct footer/legal information */
  .waqi-client-float{
    display:none !important;
  }

  /* Product jump links: compact, finger-friendly */
  .page-subnav a{
    min-height:38px !important;
  }

  /* Make dense coverage blocks progressively scannable */
  .coverage-grid article,
  .auto-benefit-grid article,
  .business-type,
  .refresh-card{
    padding:14px !important;
  }

  /* Footer: credentials and legal closure dead-centre */
  footer .foot,
  footer .fine{
    align-items:center !important;
    text-align:center !important;
  }
  footer .foot > *,
  footer .fine > *{
    width:100%;
    text-align:center !important;
  }
  footer .footer-brokerage,
  footer .footer-credentials,
  footer .ribo-credentials,
  footer [class*="licence"],
  footer [class*="license"]{
    display:block !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  /* Leave breathing room for mobile browser chrome / future CTA controls */
  footer{
    padding-bottom:max(18px, env(safe-area-inset-bottom)) !important;
  }
}

/* Tablet: keep density comfortable without mimicking desktop exactly */
@media (min-width:601px) and (max-width:1024px){
  .refresh-grid, .coverage-grid, .auto-benefit-grid{
    gap:14px;
  }
  section, .section{
    scroll-margin-top:110px;
  }
}


header .brand{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:10px !important;
}
header .brand-logo{
  grid-row:1 / 3 !important;
  grid-column:1 !important;
}
header .brand-text{
  grid-row:1 !important;
  grid-column:2 !important;
  align-self:end !important;
}
.header-brand-credential{
  grid-row:2 !important;
  grid-column:2 !important;
  align-self:start !important;
  display:block !important;
  margin-top:2px !important;
  color:#6A7480 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:.015em !important;
  white-space:nowrap !important;
}
@media(max-width:600px){
  header .brand{column-gap:7px !important}
  .header-brand-credential{
    font-size:7.7px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    max-width:175px !important;
    margin-top:1px !important;
  }
}

/* Production refinement — clean, restrained, brokerage-first */
:root{
  --waqi-radius-sm:8px;
  --waqi-radius-md:12px;
  --waqi-shadow-soft:0 5px 16px rgba(7,24,42,.055);
}

/* Header: brand, trust line, navigation, one clear contact control */
header{
  box-shadow:0 1px 0 rgba(7,29,52,.09);
}
.header-brand-credential{
  opacity:.88;
}
header .links a{
  font-weight:650;
}
header .links a:hover,
header .links a:focus-visible{
  text-decoration:none;
}

/* Buttons: confident rather than glossy */
.btn,
.header-contact-trigger,
.footer-phone-action{
  box-shadow:none!important;
}
.btn{
  border-radius:8px!important;
  font-weight:750!important;
}
.btn:hover{
  transform:translateY(-1px);
}

/* Information cards: less SaaS-template, more editorial */
.refresh-card,
.why-card,
.coverage-grid article,
.auto-benefit-grid article,
.business-type,
.panel{
  border-radius:var(--waqi-radius-md)!important;
  box-shadow:var(--waqi-shadow-soft)!important;
}
.refresh-card:hover,
.why-card:hover,
.coverage-grid article:hover,
.auto-benefit-grid article:hover,
.business-type:hover{
  transform:none!important;
  box-shadow:0 7px 18px rgba(7,24,42,.07)!important;
}

/* Headings: slightly tighter editorial rhythm */
.section-head h2,
.auto-section-head h2,
.refresh-title,
.auto-rate h2{
  letter-spacing:-.025em;
}
.section-head p,
.auto-section-head p,
.refresh-lead{
  max-width:700px;
}

/* Sub-navigation: functional, not decorative */
.page-subnav a{
  box-shadow:none!important;
}
.page-subnav a:hover{
  transform:none!important;
}

/* FAQ: straightforward information treatment */
.expanded-faq details{
  box-shadow:none!important;
  border-radius:8px!important;
}
.expanded-faq summary{
  font-weight:750!important;
}

/* Footer: clearer trust hierarchy */
footer .foot{
  align-items:start;
}
.footer-contact-compact{
  margin-top:10px!important;
}
.footer-contact-compact .footer-phone-action{
  font-weight:800;
}
.footer-trust-anchor{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
}
footer .fine{
  align-items:center!important;
}
footer .fine > *{
  text-align:center!important;
}

/* Reduce decorative movement in favour of a calmer professional feel */
@media (prefers-reduced-motion:no-preference){
  .refresh-card,
  .why-card,
  .coverage-grid article,
  .business-type{
    transition:border-color .15s ease, box-shadow .15s ease!important;
  }
}

/* Tablet: keep desktop structure but reduce oversized gaps */
@media (min-width:601px) and (max-width:1024px){
  section,.section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .refresh-grid,.coverage-grid,.auto-benefit-grid{
    gap:13px!important;
  }
}

/* Phone: compact, deliberate, conversion-focused */
@media (max-width:600px){
  header{
    position:sticky!important;
    top:0!important;
  }
  header .header-contact-trigger{
    display:none!important;
  }

  /* Mobile menu remains the single navigation entry point */
  .mobile-menu-toggle{
    box-shadow:none!important;
  }

  /* Cards: compact without becoming tiny */
  .refresh-card,
  .why-card,
  .coverage-grid article,
  .auto-benefit-grid article,
  .business-type,
  .panel{
    padding:14px!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }

  /* Why Waqi top insurance cards stay compact 2x2 */
  #insurance .services,
  .services{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  /* Footer trust line centered at the very bottom */
  footer .foot,
  footer .fine{
    align-items:center!important;
    text-align:center!important;
  }
  footer .foot > *,
  footer .fine > *{
    text-align:center!important;
    width:100%;
  }
  .footer-trust-anchor{
    order:99!important;
    margin-top:8px!important;
  }
  .ribo-license-box,
  .footer-trust-anchor{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Remove floating promise on phone; it obstructs content and legal/footer items */
  .waqi-client-float{
    display:none!important;
  }

  /* Back-to-top stays subtle */
  .waqi-back-top{
    width:32px!important;
    height:32px!important;
    right:10px!important;
    bottom:10px!important;
    opacity:.72!important;
  }
}

/* Mobile value proposition — intentionally persistent */
@media (max-width:600px){
  .waqi-client-float{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    max-width:185px!important;
    padding:7px 9px!important;
    border-radius:9px!important;
    box-shadow:0 5px 14px rgba(0,0,0,.14)!important;
  }
  .waqi-client-float strong{
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  .waqi-client-float span{
    font-size:8.8px!important;
    line-height:1.28!important;
  }
}

/* Contact + footer production fixes */

/* Header brand: logo with trust line directly beneath it */
header .brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:2px!important;
}
header .brand-logo{
  display:block!important;
}
.header-brand-credential{
  display:block!important;
  color:#7B8794!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

/* Restore the green contact chooser on ALL devices */
header .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin-left:10px!important;
}
header .header-contact-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#25D366!important;
  border:1px solid #25D366!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1005!important;
  pointer-events:auto!important;
}
header .header-contact-trigger:hover{
  background:#1EBE5D!important;
  border-color:#1EBE5D!important;
}

/* WellCare stays clearly subordinate to Waqi */
.footer-brokerage{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:7px 0 5px!important;
}
.footer-brokerage span{
  font-size:.68rem!important;
  color:#8B98A7!important;
  white-space:nowrap!important;
}
.footer-brokerage img{
  display:block!important;
  width:108px!important;
  height:auto!important;
  background:#fff!important;
  padding:5px 7px!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}

/* Mobile header keeps logo + green contact + hamburger together */
@media(max-width:600px){
  header .wrap.nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:6px!important;
  }
  header .brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .header-brand-credential{
    font-size:7.4px!important;
    white-space:normal!important;
    max-width:150px!important;
  }
  header .nav-actions{
    grid-column:2!important;
    grid-row:1!important;
    margin-left:0!important;
  }
  header .header-contact-trigger{
    display:inline-flex!important;
    max-width:106px!important;
    padding:7px 9px!important;
    font-size:9px!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .mobile-menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
  }

  /* Mobile WellCare: centred compact brokerage badge under Waqi */
  footer .footer-brokerage{
    width:100%!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:8px auto 7px!important;
  }
  footer .footer-brokerage span{
    font-size:10px!important;
    text-align:center!important;
  }
  footer .footer-brokerage img{
    width:104px!important;
    max-width:104px!important;
    padding:5px 7px!important;
    margin:0 auto!important;
  }
}

/* Mobile footer trust order + landscape contact alignment */
@media (max-width:600px){
  footer .fine{
    display:flex!important;
    flex-direction:column!important;
  }
  footer .fine .ribo-license-box,
  footer .fine .footer-trust-anchor{
    order:20!important;
  }
  footer .fine > span:last-child{
    order:21!important;
  }
}

/* Phone landscape: keep green contact chooser aligned, compact and usable */
@media (max-width:950px) and (orientation:landscape){
  header .wrap.nav{
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  header .brand{
    min-width:0!important;
  }
  header .nav-actions{
    position:static!important;
    transform:none!important;
    margin:0!important;
    justify-self:end!important;
    align-self:center!important;
  }
  header .header-contact-trigger{
    position:static!important;
    transform:none!important;
    display:inline-flex!important;
    width:auto!important;
    max-width:128px!important;
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:9.5px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  .mobile-menu-toggle{
    position:static!important;
    transform:none!important;
    justify-self:end!important;
    align-self:center!important;
  }
}

/* Waqi perspective — intentionally editorial, not a biography card */
.waqi-perspective-section{
  padding:58px 0;
  background:#fff;
  border-top:1px solid rgba(7,29,52,.08);
}
.waqi-perspective-wrap{
  max-width:820px;
}
.waqi-perspective-eyebrow{
  margin-bottom:8px;
  color:#B7892E;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
}
.waqi-perspective-section h2{
  margin:0 0 16px;
  color:#071D34;
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.06;
  letter-spacing:-.03em;
}
.waqi-perspective-section p{
  max-width:760px;
  margin:0 0 11px;
  color:#425064;
  font-size:15px;
  line-height:1.68;
}
.waqi-perspective-section p:last-child{margin-bottom:0}

/* Mobile footer: licence directly before Canada closing line */
@media(max-width:600px){
  footer .fine{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  footer .fine .ribo-license-box,
  footer .fine .footer-trust-anchor{
    order:20!important;
  }
  footer .fine > span:last-child{
    order:21!important;
  }
  .waqi-perspective-section{
    padding:38px 0!important;
  }
  .waqi-perspective-section h2{
    font-size:29px!important;
    margin-bottom:12px!important;
  }
  .waqi-perspective-section p{
    font-size:13px!important;
    line-height:1.55!important;
  }
}

/* Landscape phones: keep green contact chooser aligned in header */
@media(max-width:950px) and (orientation:landscape){
  header .wrap.nav{
    display:grid!important;
    grid-template-columns:minmax(160px,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  header .nav-actions{
    position:static!important;
    transform:none!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
  }
  header .header-contact-trigger{
    position:static!important;
    transform:none!important;
    display:inline-flex!important;
    width:auto!important;
    max-width:128px!important;
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:9.5px!important;
    line-height:1.1!important;
  }
}

/* Editorial typography + refined perspective section */

/* Product hero headings: classic editorial serif, less generic AI/SaaS feel */
.waqi-fullbleed-hero h1,
.pagehero h1,
.auto-hero h1{
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
}

/* Keep supporting copy simple and human */
.waqi-fullbleed-hero p,
.pagehero p,
.auto-hero p{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* Quote buttons stay clean sans */
.waqi-fullbleed-hero .btn,
.pagehero .btn,
.auto-hero .btn{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* New Why Waqi perspective block: brand-colour editorial treatment */
.waqi-perspective-section{
  position:relative !important;
  overflow:hidden !important;
  padding:64px 0 !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(201,154,54,.13), transparent 32%),
    linear-gradient(135deg,#06182A 0%,#0A2743 100%) !important;
  border-top:1px solid rgba(201,154,54,.30) !important;
  border-bottom:1px solid rgba(201,154,54,.22) !important;
}
.waqi-perspective-section::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:4px !important;
  background:#C99A36 !important;
}
.waqi-perspective-wrap{
  position:relative !important;
  max-width:840px !important;
}
.waqi-perspective-eyebrow{
  color:#E2BC68 !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
}
.waqi-perspective-section h2{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:700 !important;
  letter-spacing:-.035em !important;
  text-shadow:none !important;
}
.waqi-perspective-section p{
  color:#D5DEE7 !important;
  -webkit-text-fill-color:#D5DEE7 !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.72 !important;
}

/* Editorial note beneath comics: intentionally different, but not "AI italic" */
.comic-editorial-note .comic-note-title,
.comic-editorial-note .comic-note-copy{
  font-family:Georgia,"Times New Roman",serif !important;
}
.comic-editorial-note .comic-note-title{
  font-style:normal !important;
  font-weight:700 !important;
  color:#C09334 !important;
}
.comic-editorial-note .comic-note-copy{
  font-style:normal !important;
}

/* Mobile hero copy: keep serif headline, slightly calmer line-height */
@media(max-width:600px){
  .waqi-fullbleed-hero h1,
  .pagehero h1,
  .auto-hero h1{
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:clamp(30px,8.6vw,38px) !important;
    line-height:1.03 !important;
  }
  .waqi-perspective-section{
    padding:42px 0 !important;
  }
  .waqi-perspective-section::before{
    width:3px !important;
  }
  .waqi-perspective-section h2{
    font-size:30px !important;
    line-height:1.06 !important;
  }
  .waqi-perspective-section p{
    font-size:13px !important;
    line-height:1.58 !important;
  }
}

/* Final header/footer spacing refinements */

/* Give the small RIBO line breathing room above the header divider */
header .wrap.nav{
  padding-bottom:11px!important;
}
header{
  border-bottom:0!important;
  box-shadow:0 1px 0 rgba(7,29,52,.09)!important;
}
.header-brand-credential{
  margin-bottom:2px!important;
}

/* Comics moved earlier: make transition feel intentional, not oversized */
.approved-comic-only{
  margin-top:0!important;
}
.comic-editorial-note{
  max-width:760px;
}

/* Mobile footer legal/trust order:
   RIBO + verify -> copyright -> Proudly Made in Canada */
@media(max-width:600px){
  header .wrap.nav{
    padding-bottom:9px!important;
  }

  footer .fine{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:7px!important;
  }
  footer .fine .ribo-license-box,
  footer .fine .footer-trust-anchor{
    order:10!important;
  }
  footer .fine > span:first-child{
    order:11!important;
  }
  footer .fine > span:last-child{
    order:12!important;
  }
}

/* Desktop header alignment correction — logo artwork itself remains untouched */
@media (min-width:1025px){
  header .brand{
    position:relative!important;
    top:5px!important;
  }
  header .wrap.nav{
    padding-top:8px!important;
    padding-bottom:13px!important;
  }
}


/* -------------------------------------------------------------
   Approved homepage refinements — 2026-08-31
   1) Personal assurance closes the Why Waqi section.
   2) Desktop-only footer navy area extends lower for RIBO visibility.
   Tablet/mobile footer dimensions intentionally remain unchanged.
   ------------------------------------------------------------- */
.waqi-assurance-signature{
  margin:46px auto 0;
  text-align:center;
  max-width:760px;
}
.waqi-assurance-signature p{
  margin:0;
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.25;
  letter-spacing:-.015em;
}
.waqi-assurance-signature span{
  display:block;
  width:max-content;
  margin:12px 12% 0 auto;
  color:var(--gold2);
  font-family:Georgia,serif;
  font-size:17px;
  font-style:italic;
  letter-spacing:.02em;
}
@media(max-width:600px){
  .waqi-assurance-signature{margin-top:34px;padding:0 8px}
  .waqi-assurance-signature span{margin-right:5%;font-size:15px}
}

/* Recent Quotes — isolated component */
.rq-page{background:linear-gradient(180deg,#f8f6f1 0,#fff 36%,#f6f2e9 100%);min-height:70vh;padding:72px 0 90px}
.rq-head{text-align:center;max-width:760px;margin:0 auto 38px}.rq-kicker{display:inline-block;color:#b88a35;font-weight:800;font-size:12px;letter-spacing:.16em;margin-bottom:10px}.rq-head h1{margin:0;color:#0D1A2F;font-size:clamp(34px,4vw,54px);line-height:1.05}.rq-head p{color:#5e6672;font-size:17px;line-height:1.65;margin:16px auto 0;max-width:650px}
.rq-shell{max-width:1160px;margin:0 auto;position:relative}.rq-viewport{overflow:hidden;border-radius:28px}.rq-track{display:flex;transition:transform .58s cubic-bezier(.22,.7,.2,1)}
.rq-card{min-width:100%;box-sizing:border-box;background:linear-gradient(135deg,#0d1a2f 0%,#122844 62%,#0c1729 100%);border:1px solid rgba(201,160,77,.42);border-radius:28px;padding:38px 42px;color:#fff;box-shadow:0 22px 55px rgba(13,26,47,.18);position:relative;overflow:hidden}
.rq-card:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(201,160,77,.12);border-radius:50%;left:-110px;bottom:-210px;box-shadow:0 0 0 34px rgba(201,160,77,.025),0 0 0 70px rgba(201,160,77,.018);pointer-events:none}
.rq-card-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:46px;align-items:center;position:relative;z-index:1}.rq-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:#d3ae63}.rq-vehicle{font-size:clamp(27px,3vw,39px);line-height:1.08;margin:8px 0 7px}.rq-location{color:#c8d0dc;font-size:15px}.rq-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.rq-fact{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);padding:9px 12px;border-radius:999px;font-size:12px;color:#edf1f5}.rq-fact b{color:#d7b66d}.rq-risk{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.rq-risk span{font-size:12px;padding:8px 11px;border-radius:8px;background:rgba(201,160,77,.12);border:1px solid rgba(201,160,77,.3);color:#f1dba9}.rq-visual{height:88px;margin-top:25px;position:relative;opacity:.75}.rq-road{position:absolute;left:0;right:12%;bottom:20px;height:2px;background:linear-gradient(90deg,transparent,#c9a04d 18%,#c9a04d 75%,transparent);transform:skewY(-4deg)}.rq-road:before,.rq-road:after{content:"";position:absolute;width:9px;height:9px;border:2px solid #d3ae63;border-radius:50%;top:-4px}.rq-road:before{left:24%}.rq-road:after{right:20%}.rq-shield{position:absolute;right:3%;top:5px;width:45px;height:52px;border:2px solid #d3ae63;border-radius:16px 16px 22px 22px;transform:rotate(45deg);opacity:.8}.rq-shield:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);font-size:20px;color:#d3ae63}
.rq-price-panel{border-left:1px solid rgba(255,255,255,.13);padding-left:42px}.rq-price-row{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.rq-price-row:last-child{border-bottom:0}.rq-price-title{display:block;color:#aeb9c7;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}.rq-price{font-size:25px;font-weight:800}.rq-price.primary{font-size:40px;color:#e0bd73}.rq-save{color:#e0bd73}.rq-save-note{display:block;color:#c9d0da;font-size:12px;margin-top:3px}
.rq-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:24px}.rq-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #c9a04d;background:#fff;color:#0D1A2F;font-size:22px;cursor:pointer}.rq-dots{display:flex;gap:7px}.rq-dot{width:8px;height:8px;border:0;border-radius:50%;background:#c9c4ba;padding:0;cursor:pointer}.rq-dot.active{width:24px;border-radius:8px;background:#c9a04d}.rq-note{text-align:center;color:#7a8089;font-size:12px;margin:22px auto 0;max-width:700px}
.recent-quotes-cta{padding:20px 0 68px}.recent-quotes-cta-inner{background:#0D1A2F;color:#fff;border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.recent-quotes-cta-inner h2{margin:4px 0 7px;font-size:25px}.recent-quotes-cta-inner p{margin:0;color:#c9d0da}.recent-quotes-cta .btn{white-space:nowrap}
@media(max-width:900px){.rq-page{padding:52px 0 70px}.rq-shell{max-width:720px}.rq-card{padding:30px 27px}.rq-card-grid{grid-template-columns:1fr;gap:20px}.rq-price-panel{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rq-price-row{border:0;padding:5px 0}.rq-price.primary{font-size:31px}.rq-visual{height:58px}.recent-quotes-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.rq-page{padding:38px 0 56px}.rq-head{margin-bottom:25px}.rq-head p{font-size:15px}.rq-card{padding:25px 20px;border-radius:22px}.rq-viewport{border-radius:22px}.rq-vehicle{font-size:27px}.rq-price-panel{grid-template-columns:1fr 1fr}.rq-price-row:last-child{grid-column:1/-1}.rq-visual{display:none}.rq-arrow{display:none}.recent-quotes-cta{padding:10px 0 50px}.recent-quotes-cta-inner{padding:24px 22px}.recent-quotes-cta-inner .btn{width:100%;text-align:center}}

/* Desktop RIBO visibility fix v3 — extend header without touching logo geometry */
@media (min-width:1025px){
  header .wrap.nav{
    height:92px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  header .brand{
    top:0!important;
  }
}

/* Recent Quotes V4: stronger information hierarchy + subtle Waqi visual */
.rq-location{margin-top:2px;color:#c8d0dc;font-size:15px}
.rq-coverage{display:inline-flex;margin-top:12px;padding:6px 10px;border:1px solid rgba(211,174,99,.52);border-radius:999px;background:rgba(211,174,99,.10);color:#e5c783;font-size:10px;font-weight:900;letter-spacing:.13em}
.rq-profile{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;padding:18px 0;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}
.rq-profile-item{display:flex;align-items:center;gap:9px;min-width:112px}.rq-profile-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(211,174,99,.42);border-radius:50%;color:#d3ae63;font-size:14px}.rq-profile-item span:last-child{display:flex;flex-direction:column;gap:1px}.rq-profile-item b{font-size:9px;letter-spacing:.14em;color:#8795a7}.rq-profile-item strong{font-size:14px;color:#f3f5f7}.rq-type .rq-profile-icon{border-radius:9px}
.rq-risk{margin-top:17px}.rq-risk:before{content:"RATING HISTORY";width:100%;font-size:9px;font-weight:900;letter-spacing:.15em;color:#8795a7;margin-bottom:1px}.rq-risk span{background:rgba(201,160,77,.10)}
.rq-visual{height:76px;margin-top:17px;position:relative;overflow:hidden;opacity:.64}.rq-contour{position:absolute;border:1px solid rgba(211,174,99,.40);border-radius:50% 42% 55% 38%;transform:rotate(-7deg)}.rq-contour-a{width:290px;height:75px;left:-34px;top:25px}.rq-contour-b{width:245px;height:64px;left:17px;top:35px}.rq-contour-c{width:195px;height:50px;left:66px;top:44px}.rq-visual-mark{position:absolute;right:8px;bottom:2px;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(211,174,99,.55);transform:rotate(45deg);background:rgba(4,19,38,.28);box-shadow:0 0 20px rgba(211,174,99,.08)}.rq-visual-mark img{width:36px;height:36px;object-fit:contain;display:block;transform:rotate(-45deg);opacity:.78;filter:drop-shadow(0 0 5px rgba(211,174,99,.12))}
.rq-card.is-active .rq-contour{animation:rqContourIn .7s ease both}@keyframes rqContourIn{from{transform:translateX(-14px) rotate(-7deg);opacity:.15}to{transform:translateX(0) rotate(-7deg);opacity:1}}
/* Make the comic discoverable without moving it higher */
.hero-comic-link{display:inline-flex;align-items:center;color:#e2bf76;font-weight:800;font-size:13px;text-decoration:none;margin-left:4px}.hero-comic-link:hover{color:#fff}.page-subnav .comic-jump{color:#e5c783!important}.comic-feature{scroll-margin-top:20px}.comic-feature-kicker{display:inline-block;margin-bottom:7px;color:#b8892d;font-size:10px;font-weight:900;letter-spacing:.17em}
@media(max-width:900px){.rq-profile{gap:14px}.hero-comic-link{margin:8px 0 0}.page-subnav .comic-jump{color:#E8C687!important}}
@media(max-width:600px){.rq-profile{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rq-profile-item{min-width:0}.rq-profile-item:last-child{grid-column:1/-1}.rq-coverage{margin-top:10px}.rq-visual{display:none}}

/* Recent Quotes V5 — refined profile iconography only; layout/content unchanged */
.rq-profile-icon{position:relative;width:34px;height:34px;border:0!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(224,189,115,.17),rgba(201,160,77,.055));box-shadow:inset 0 0 0 1px rgba(224,189,115,.28),0 5px 14px rgba(0,0,0,.12);color:#e0bd73;overflow:hidden}
.rq-profile-icon:after{content:"";position:absolute;inset:auto -8px -12px auto;width:24px;height:24px;border-radius:50%;background:rgba(224,189,115,.09);pointer-events:none}
.rq-profile-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.rq-profile-item:nth-child(2) .rq-profile-icon{border-radius:50%!important;background:radial-gradient(circle at 35% 30%,rgba(224,189,115,.20),rgba(201,160,77,.055) 66%)}
.rq-profile-item.rq-type .rq-profile-icon{border-radius:8px 14px 8px 14px!important;background:linear-gradient(155deg,rgba(224,189,115,.20),rgba(201,160,77,.045))}
.rq-card.is-active .rq-profile-icon svg{animation:rqIconSettle .48s cubic-bezier(.2,.75,.25,1) both}
.rq-card.is-active .rq-profile-item:nth-child(2) .rq-profile-icon svg{animation-delay:.05s}
.rq-card.is-active .rq-profile-item:nth-child(3) .rq-profile-icon svg{animation-delay:.1s}
@keyframes rqIconSettle{from{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.rq-card.is-active .rq-profile-icon svg{animation:none}}


/* Recent Quotes V7 — page atmosphere only; quote-card layout remains unchanged */
.rq-page{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8f5ee 0%,#fff 27%,#fbf9f4 68%,#f4efe5 100%)}
.rq-page:before{content:"";position:absolute;width:620px;height:620px;right:-310px;top:70px;border:1px solid rgba(184,138,53,.10);border-radius:50%;box-shadow:0 0 0 55px rgba(184,138,53,.025),0 0 0 115px rgba(13,26,47,.018);pointer-events:none}
.rq-page:after{content:"";position:absolute;width:360px;height:360px;left:-235px;top:430px;border:1px solid rgba(13,26,47,.055);border-radius:50%;box-shadow:0 0 0 42px rgba(184,138,53,.022);pointer-events:none}
.rq-page>.wrap{position:relative;z-index:1}
.rq-head{position:relative;padding-top:8px}.rq-head:after{content:"";display:block;width:54px;height:2px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#c9a04d,transparent)}
.rq-factors{position:relative;padding:78px 0 74px;background:rgba(255,255,255,.70);border-top:1px solid rgba(13,26,47,.06);border-bottom:1px solid rgba(13,26,47,.06);overflow:hidden}
.rq-factors:before{content:"";position:absolute;width:330px;height:330px;right:-155px;bottom:-210px;border:1px solid rgba(201,160,77,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(201,160,77,.025),0 0 0 82px rgba(201,160,77,.018)}
.rq-factors-head{text-align:center;max-width:720px;margin:0 auto 42px}.rq-factors-head h2{margin:3px 0 12px;color:#0d1a2f;font-size:clamp(30px,3.2vw,44px);line-height:1.08}.rq-factors-head p{margin:0;color:#66717e;font-size:16px;line-height:1.65}
.rq-factor-line{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:repeat(7,1fr);position:relative;gap:8px}.rq-factor-line:before{content:"";position:absolute;left:6%;right:6%;top:27px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,160,77,.48) 10%,rgba(201,160,77,.48) 90%,transparent)}
.rq-factor{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:#0d1a2f}.rq-factor strong{font-size:12px;line-height:1.25}.rq-factor-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fbfaf6;border:1px solid rgba(201,160,77,.52);box-shadow:0 8px 24px rgba(13,26,47,.07);color:#b8892d;font-size:17px;font-weight:900}.rq-factor:nth-child(even) .rq-factor-icon{border-radius:14px;transform:rotate(45deg)}.rq-factor:nth-child(even) .rq-factor-icon::first-letter{transform:rotate(-45deg)}
.rq-factor-car:before{content:"";width:24px;height:10px;border:2px solid #b8892d;border-radius:7px 7px 4px 4px;box-shadow:-6px 7px 0 -5px #b8892d,6px 7px 0 -5px #b8892d}.rq-factor-car:after{content:"";position:absolute;width:15px;height:7px;border:2px solid #b8892d;border-bottom:0;border-radius:8px 8px 0 0;transform:translateY(-6px)}
.rq-final-cta{padding:76px 0 84px;background:linear-gradient(135deg,#071a31,#0d2745);position:relative;overflow:hidden}.rq-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(201,160,77,.13),transparent 30%),radial-gradient(circle at 5% 100%,rgba(201,160,77,.08),transparent 28%)}
.rq-final-inner{position:relative;display:grid;grid-template-columns:86px 1fr auto;gap:28px;align-items:center}.rq-final-inner>img{width:76px;height:76px;object-fit:contain;opacity:.88;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18))}.rq-final-inner h2{margin:4px 0 8px;color:#fff;font-size:clamp(28px,3vw,42px);line-height:1.08}.rq-final-inner p{margin:0;color:#bdc8d5;font-size:15px}.rq-final-inner .rq-kicker{color:#d9b768}.rq-final-inner .btn{white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.18)}
@media(max-width:900px){.rq-factor-line{grid-template-columns:repeat(4,1fr);gap:24px 10px}.rq-factor-line:before{display:none}.rq-final-inner{grid-template-columns:64px 1fr}.rq-final-inner>img{width:58px;height:58px}.rq-final-inner .btn{grid-column:1/-1;justify-self:start;margin-left:92px}}
@media(max-width:600px){.rq-page:before,.rq-page:after{display:none}.rq-factors{padding:58px 0}.rq-factors-head{margin-bottom:32px}.rq-factor-line{grid-template-columns:repeat(2,1fr);gap:22px 10px}.rq-factor:last-child{grid-column:1/-1}.rq-factor-icon{width:50px;height:50px}.rq-final-cta{padding:58px 0 64px}.rq-final-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.rq-final-inner>img{width:52px;height:52px}.rq-final-inner .btn{margin:4px 0 0;width:100%;text-align:center;justify-content:center}}
/* Recent Quotes V9 — navy page, gold-framed showcase, simple clean check */
.rq-page{background:linear-gradient(180deg,#07182b 0%,#0a2038 48%,#07182b 100%)!important;color:#fff}
.rq-page:before{opacity:.7!important;border-color:rgba(201,160,77,.14)!important;box-shadow:0 0 0 55px rgba(201,160,77,.025),0 0 0 115px rgba(255,255,255,.012)!important}
.rq-page:after{opacity:.55!important;border-color:rgba(201,160,77,.11)!important;box-shadow:0 0 0 42px rgba(201,160,77,.018)!important}
.rq-head h1,.rq-factors-head h2{color:#fff!important}
.rq-head p,.rq-factors-head p{color:#c2cedb!important}
.rq-card{border:1.5px solid rgba(211,174,99,.82)!important;box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 0 1px rgba(211,174,99,.08),0 0 28px rgba(201,160,77,.07)!important}
.rq-controls .rq-arrow{background:#0d223b!important;color:#e1bd72!important;border-color:rgba(211,174,99,.62)!important}
.rq-dot{background:#526277!important}.rq-dot.active{background:#d3ae63!important}
.rq-note{color:#aebbc9!important}
.rq-factors{background:#0a2038!important;border-top:1px solid rgba(211,174,99,.15)!important;border-bottom:1px solid rgba(211,174,99,.15)!important}
.rq-factors:before{border-color:rgba(211,174,99,.10)!important;box-shadow:0 0 0 38px rgba(211,174,99,.018),0 0 0 82px rgba(211,174,99,.012)!important}
.rq-factor,.rq-factor strong{color:#eef3f8!important}
.rq-factor-icon{background:#0d2947!important;color:#d3ae63!important;border-color:rgba(211,174,99,.48)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
.rq-factor-line:before{background:linear-gradient(90deg,transparent,rgba(211,174,99,.38) 10%,rgba(211,174,99,.38) 90%,transparent)!important}
.rq-factor-vehicle svg{width:27px;height:27px;fill:none;stroke:#d3ae63;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rq-factor-car:before,.rq-factor-car:after{display:none!important}
.rq-risk-clean{margin-top:15px!important}
.rq-clean-record{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 11px!important;border-radius:8px!important;background:rgba(201,160,77,.12)!important;border:1px solid rgba(201,160,77,.30)!important;color:#f1dba9!important}
.rq-clean-record strong{font-size:12px!important;font-weight:600!important;letter-spacing:0!important;color:#f1dba9!important}
.rq-clean-check{display:inline!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#d8b568!important;font-size:17px!important;font-weight:800!important;line-height:1!important}
.rq-card.is-active .rq-clean-check{animation:none!important}

/* Recent Quotes V10 — integrate the navigation into the navy page only */
body.recent-quotes-body{background:#07182b!important}
body.recent-quotes-body header{
  background:#07182b!important;
  border-bottom:1px solid rgba(201,160,77,.18)!important;
  box-shadow:none!important;
}
body.recent-quotes-body header .links a{
  color:#f5f7fa!important;
}
body.recent-quotes-body header .links a:hover,
body.recent-quotes-body header .links a:focus-visible,
body.recent-quotes-body header .links a.active{
  color:#e5c783!important;
}
body.recent-quotes-body .header-brand-credential{
  color:#e7ebf0!important;
}
body.recent-quotes-body header .mobile-menu-toggle span{
  background:#e5c783!important;
}
@media(max-width:900px){
  body.recent-quotes-body header .links{
    background:#07182b!important;
    border-color:rgba(201,160,77,.18)!important;
  }
}


/* Recent Quotes V11 — definitive full-page navy surface */
html:has(body.recent-quotes-body),
body.recent-quotes-body,
body.recent-quotes-body header,
body.recent-quotes-body main.rq-page,
body.recent-quotes-body .rq-page,
body.recent-quotes-body .rq-factors,
body.recent-quotes-body .rq-final-cta,
body.recent-quotes-body footer {
  background-color:#07182b !important;
}
body.recent-quotes-body main.rq-page {
  background-image:linear-gradient(180deg,#07182b 0%,#0a2038 48%,#07182b 100%) !important;
}
body.recent-quotes-body .rq-factors {
  background:#0a2038 !important;
}
body.recent-quotes-body .rq-final-cta {
  background:linear-gradient(135deg,#07182b,#0d2745) !important;
}
body.recent-quotes-body header {
  background:#07182b !important;
  background-image:none !important;
}


/* Recent Quotes V12 — mobile nav balance only */
@media (max-width:900px){
  body.recent-quotes-body header .links a:last-child{grid-column:auto!important;}
}

/* V19.6 — Mobile nav: keep all six tabs in the same two-column grid on every page */
@media (max-width:900px){
  header .links a:last-child{grid-column:auto!important;}
}


/* V19.15 — phone-only visible service navigation. Desktop/tablet unchanged. */
.waqi-mobile-service-nav{display:none;}
@media (max-width:600px){
  .waqi-mobile-service-nav{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    width:100%;
    padding:8px 10px 9px;
    background:#06182a;
    border-top:1px solid rgba(232,198,135,.10);
    border-bottom:1px solid rgba(232,198,135,.18);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
  }
  .waqi-mobile-service-nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:38px;
    padding:8px 4px;
    border:1px solid rgba(232,198,135,.22);
    border-radius:10px;
    background:linear-gradient(180deg,#0b2745 0%,#071d34 100%);
    color:#f5f3ed;
    font-size:11px;
    font-weight:750;
    line-height:1;
    letter-spacing:.01em;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
  }
  .waqi-mobile-service-nav a:active{
    color:#E8C687;
    border-color:rgba(232,198,135,.65);
    background:#0B2440;
  }
}

/* =============================================================
   V19.16 — HOMEPAGE PREMIUM POLISH
   Scoped to .home-premium so Auto/Home/Commercial/Travel/Recent Quotes
   keep their existing layout and functionality.
   ============================================================= */
.home-premium{
  background:#03101c!important;
}
.home-premium main{
  overflow:hidden;
}
.home-premium .home-premium-hero{
  position:relative;
  padding:58px 0 62px;
  background:
    radial-gradient(circle at 82% 16%,rgba(211,174,99,.17),transparent 24%),
    radial-gradient(circle at 16% 20%,rgba(29,84,126,.22),transparent 30%),
    linear-gradient(135deg,#020b14 0%,#071c31 58%,#0a2947 100%);
  border-bottom:1px solid rgba(215,180,105,.18);
}
.home-premium .home-premium-hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -130px 40%;
  height:220px;
  background:radial-gradient(ellipse,rgba(203,158,63,.09),transparent 68%);
  pointer-events:none;
}
.home-premium .home-premium-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);
  gap:58px;
  align-items:center;
}
.home-premium .home-premium-hero-copy{
  max-width:610px;
}
.home-premium .home-premium-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#e4bd69;
  font-size:11px;
  font-weight:850;
  letter-spacing:.19em;
  line-height:1.2;
}
.home-premium .home-premium-kicker::before{
  content:"";
  width:34px;
  height:1px;
  background:#c99a36;
}
.home-premium .home-premium-hero h1{
  margin:18px 0 20px;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(47px,5.3vw,76px);
  line-height:.96;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.home-premium .home-premium-hero h1 span{
  color:#e1b65b;
  -webkit-text-fill-color:#e1b65b;
}
.home-premium .home-premium-hero-copy>p{
  max-width:590px;
  margin:0;
  color:#c7d1dc!important;
  font-size:17px;
  line-height:1.72;
}
.home-premium .home-premium-hero-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:30px;
}
.home-premium .home-premium-hero-actions .btn{
  min-height:48px;
  padding:14px 22px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#e0b75d,#c7902d)!important;
  color:#07182a!important;
  box-shadow:0 14px 32px rgba(201,154,54,.19)!important;
}
.home-premium .home-premium-whatsapp{
  position:relative;
  color:#f4f6f8!important;
  font-size:14px;
  font-weight:750;
  text-decoration:none;
  padding:10px 0;
}
.home-premium .home-premium-whatsapp::after{
  content:"↗";
  margin-left:7px;
  color:#d9ad50;
}
.home-premium .home-premium-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:34px;
  padding-top:23px;
  border-top:1px solid rgba(255,255,255,.10);
}
.home-premium .home-premium-trust span{
  min-width:0;
  padding-right:15px;
  color:#9facb9;
  font-size:11px;
  line-height:1.35;
}
.home-premium .home-premium-trust span+span{
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.10);
}
.home-premium .home-premium-trust strong{
  display:block;
  margin-bottom:3px;
  color:#f1ca76;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1;
}
.home-premium .home-premium-hero-visual{
  position:relative;
  margin:0;
  border:1px solid rgba(218,180,100,.43);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 7px rgba(211,174,99,.025);
}
.home-premium .home-premium-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 54%,rgba(2,10,18,.86) 100%);
  pointer-events:none;
}
.home-premium .home-premium-hero-visual img{
  display:block;
  width:100%;
  aspect-ratio:1.52/1;
  object-fit:cover;
  object-position:center;
  filter:saturate(.93) contrast(1.03);
}
.home-premium .home-premium-hero-visual figcaption{
  position:absolute;
  left:24px;
  right:24px;
  bottom:20px;
  z-index:2;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  color:#fff;
  font-size:13px;
}
.home-premium .home-premium-hero-visual figcaption strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  letter-spacing:-.02em;
}
.home-premium .home-premium-hero-visual figcaption span{
  color:#e2bc68;
  font-weight:750;
}

/* Why Waqi becomes a deliberate premium editorial section */
.home-premium #why{
  padding-top:78px!important;
  padding-bottom:76px!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(20,72,110,.17),transparent 25%),
    linear-gradient(180deg,#051522 0%,#061a2d 100%)!important;
}
.home-premium #why .section-head{
  max-width:680px;
  margin-bottom:30px!important;
}
.home-premium #why .section-head h2{
  margin:5px 0 12px;
  font-size:clamp(35px,4vw,54px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.home-premium #why .section-head p{
  color:#aebbc7!important;
  font-size:16px;
}
.home-premium #why .why-135{
  margin-top:34px!important;
  margin-bottom:44px!important;
}
.home-premium #why .why-135-title{
  font-size:clamp(29px,3.1vw,45px)!important;
}
.home-premium #why .why-number-group{
  color:#e0b75d!important;
}
.home-premium #why .why-grid{
  gap:15px!important;
}
.home-premium #why .why-card{
  position:relative;
  min-height:0!important;
  padding:27px 27px 28px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(11,38,63,.86),rgba(4,20,34,.92))!important;
  border:1px solid rgba(213,173,89,.20)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.15)!important;
  overflow:hidden;
}
.home-premium #why .why-card::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-70px;
  width:145px;
  height:145px;
  border-radius:50%;
  border:1px solid rgba(215,180,105,.08);
  box-shadow:0 0 0 25px rgba(215,180,105,.018);
  pointer-events:none;
}
.home-premium #why .why-card:hover{
  border-color:rgba(225,183,91,.46)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
}
.home-premium #why .why-card h3{
  margin:0 0 9px!important;
  color:#f8fafb!important;
  font-size:17px!important;
  line-height:1.28!important;
}
.home-premium #why .why-card p{
  color:#aebac6!important;
  font-size:13.5px!important;
  line-height:1.62!important;
}
.home-premium #why .why-number-badge,
.home-premium #why .why-icon{
  width:44px!important;
  height:40px!important;
  border-radius:10px!important;
  margin-bottom:17px!important;
  background:rgba(213,173,89,.08)!important;
  border:1px solid rgba(213,173,89,.35)!important;
  color:#e2bc68!important;
  box-shadow:none!important;
}

/* Reuse the consultation artwork once — in the hero — and let the lower feature
   become a clean comparison / conversion block instead of repeating the image. */
.home-premium #why .why-consultation-feature{
  display:block!important;
  max-width:920px!important;
  margin:52px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.home-premium #why .why-consultation-feature figure{
  display:none!important;
}
.home-premium #why .why-consultation-feature .consultation-copy{
  position:relative;
  max-width:none!important;
  padding:36px 38px!important;
  border:1px solid rgba(217,177,94,.30)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 14%,rgba(218,178,95,.10),transparent 24%),
    linear-gradient(135deg,rgba(10,40,67,.92),rgba(4,18,31,.96))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.19)!important;
}
.home-premium #why .why-consultation-feature h2{
  max-width:720px;
  margin:8px 0 12px!important;
  font-size:clamp(30px,3.7vw,48px)!important;
  line-height:1.04!important;
}
.home-premium #why .why-consultation-feature .consultation-copy>p{
  max-width:710px;
  color:#b6c2cd!important;
  font-size:15px!important;
}
.home-premium #why .broker-compare{
  max-width:720px;
  margin:25px 0 27px!important;
}
.home-premium #why .broker-compare>div{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.035)!important;
  color:#d7dfe7!important;
}
.home-premium #why .broker-compare .featured{
  border-color:rgba(223,181,90,.48)!important;
  background:rgba(213,173,89,.10)!important;
  color:#fff!important;
}
.home-premium #why .broker-compare strong{
  color:#fff!important;
}
.home-premium #why .broker-compare .featured strong{
  color:#e4bd69!important;
}
.home-premium #why .why-consultation-feature .btn{
  min-height:46px;
}
.home-premium .waqi-assurance-signature{
  margin-top:48px!important;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.08);
}
.home-premium .waqi-assurance-signature p{
  color:#f6f7f8!important;
}

/* Perspective + partner blocks: refined spacing and framing */
.home-premium .waqi-perspective-section{
  padding:72px 0!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(201,154,54,.10),transparent 28%),
    linear-gradient(135deg,#071b2f 0%,#0a2945 100%)!important;
}
.home-premium .waqi-perspective-wrap{
  max-width:870px!important;
}
.home-premium .partner-showcase-section{
  padding:68px 0 72px!important;
  background:linear-gradient(180deg,#051522 0%,#03101c 100%)!important;
  border-top:1px solid rgba(215,180,105,.10)!important;
}
.home-premium .partner-showcase-section:before{
  color:#d8ae55!important;
  font-size:10px!important;
  letter-spacing:.19em!important;
}
.home-premium .why-partner-showcase{
  max-width:900px!important;
  margin:25px auto 0!important;
}
.home-premium .why-partner-showcase img{
  width:100%;
  box-shadow:0 28px 75px rgba(0,0,0,.30)!important;
}

/* Closing CTA: more like a premium conversion panel than a generic white box */
.home-premium .quote{
  padding:0 0 78px!important;
  background:#03101c!important;
}
.home-premium .quote-box{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(218,180,100,.35)!important;
  border-radius:20px!important;
  padding:36px 40px!important;
  background:
    radial-gradient(circle at 90% 25%,rgba(215,180,105,.13),transparent 24%),
    linear-gradient(135deg,#0a2947 0%,#07192b 62%,#06131f 100%)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.24)!important;
}
.home-premium .quote-box h2{
  color:#fff!important;
  font-size:clamp(30px,3vw,42px)!important;
}
.home-premium .quote-box p{
  color:#b7c3cf!important;
}
.home-premium .quote-box .btn-dark{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

/* Tablet */
@media (min-width:601px) and (max-width:1024px){
  .home-premium .home-premium-hero{
    padding:46px 0 50px;
  }
  .home-premium .home-premium-hero-grid{
    grid-template-columns:.92fr 1.08fr;
    gap:30px;
  }
  .home-premium .home-premium-hero h1{
    font-size:clamp(40px,5.8vw,58px);
  }
  .home-premium .home-premium-hero-copy>p{
    font-size:15px;
    line-height:1.6;
  }
  .home-premium .home-premium-trust{
    grid-template-columns:1fr;
    gap:7px;
    padding-top:16px;
  }
  .home-premium .home-premium-trust span,
  .home-premium .home-premium-trust span+span{
    display:flex;
    align-items:baseline;
    gap:7px;
    padding:0;
    border:0;
  }
  .home-premium .home-premium-trust strong{
    display:inline;
  }
  .home-premium #why .why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Phone */
@media (max-width:600px){
  .home-premium .home-premium-hero{
    padding:38px 0 34px;
  }
  .home-premium .home-premium-hero-grid{
    display:flex;
    flex-direction:column;
    gap:28px;
  }
  .home-premium .home-premium-hero-copy{
    max-width:none;
  }
  .home-premium .home-premium-kicker{
    font-size:9px;
    letter-spacing:.15em;
  }
  .home-premium .home-premium-kicker::before{
    width:24px;
  }
  .home-premium .home-premium-hero h1{
    margin:14px 0 15px;
    font-size:clamp(39px,11vw,49px)!important;
    line-height:.97!important;
  }
  .home-premium .home-premium-hero-copy>p{
    font-size:14px;
    line-height:1.58;
  }
  .home-premium .home-premium-hero-actions{
    margin-top:23px;
    gap:12px 16px;
  }
  .home-premium .home-premium-hero-actions .btn{
    min-height:44px;
    padding:12px 17px!important;
  }
  .home-premium .home-premium-whatsapp{
    font-size:12px;
  }
  .home-premium .home-premium-trust{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin-top:25px;
    padding-top:18px;
  }
  .home-premium .home-premium-trust span,
  .home-premium .home-premium-trust span+span{
    display:block;
    padding:0 8px;
    border-left:1px solid rgba(255,255,255,.09);
    font-size:9px;
  }
  .home-premium .home-premium-trust span:first-child{
    padding-left:0;
    border-left:0;
  }
  .home-premium .home-premium-trust strong{
    display:block;
    font-size:14px;
  }
  .home-premium .home-premium-hero-visual{
    width:100%;
    border-radius:17px;
  }
  .home-premium .home-premium-hero-visual img{
    aspect-ratio:1.34/1;
    object-position:55% center;
  }
  .home-premium .home-premium-hero-visual figcaption{
    left:16px;
    right:16px;
    bottom:14px;
    display:block;
  }
  .home-premium .home-premium-hero-visual figcaption strong{
    display:block;
    font-size:17px;
  }
  .home-premium .home-premium-hero-visual figcaption span{
    display:block;
    margin-top:2px;
    font-size:11px;
  }
  .home-premium #why{
    padding-top:52px!important;
    padding-bottom:54px!important;
  }
  .home-premium #why .section-head{
    margin-bottom:22px!important;
  }
  .home-premium #why .section-head h2{
    font-size:34px!important;
  }
  .home-premium #why .section-head p{
    font-size:13px!important;
  }
  .home-premium #why .why-135{
    margin:24px auto 29px!important;
  }
  .home-premium #why .why-135-title{
    font-size:27px!important;
  }
  .home-premium #why .why-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .home-premium #why .why-card{
    padding:19px!important;
    border-radius:13px!important;
  }
  .home-premium #why .why-card h3{
    font-size:15px!important;
  }
  .home-premium #why .why-card p{
    font-size:12px!important;
    line-height:1.55!important;
  }
  .home-premium #why .why-number-badge,
  .home-premium #why .why-icon{
    width:38px!important;
    height:36px!important;
    margin-bottom:13px!important;
  }
  .home-premium #why .why-consultation-feature{
    margin-top:32px!important;
  }
  .home-premium #why .why-consultation-feature .consultation-copy{
    padding:24px 19px!important;
    border-radius:14px!important;
  }
  .home-premium #why .why-consultation-feature h2{
    font-size:30px!important;
  }
  .home-premium #why .broker-compare{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .home-premium #why .broker-compare>b{
    display:none!important;
  }
  .home-premium .waqi-assurance-signature{
    margin-top:34px!important;
    padding-top:27px;
  }
  .home-premium .waqi-perspective-section{
    padding:49px 0!important;
  }
  .home-premium .partner-showcase-section{
    padding:46px 0 50px!important;
  }
  .home-premium .quote{
    padding:0 0 50px!important;
  }
  .home-premium .quote-box{
    padding:26px 20px!important;
    border-radius:15px!important;
  }
}


/* =========================================================
   V19.17 — PREMIUM ONTARIO ATMOSPHERE
   Main public tabs only. Full-bleed image/comic sections are untouched.
   ========================================================= */

/* Homepage hero: no duplicate CTAs/stats; clear scroll affordance */
.home-premium .home-premium-hero-copy{
  position:relative;
}
.home-premium .home-premium-scroll-cue{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin-top:31px;
  color:rgba(237,242,247,.74);
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  letter-spacing:.22em;
  transition:color .2s ease,transform .2s ease;
}
.home-premium .home-premium-scroll-cue:hover{
  color:#e1b44f;
  transform:translateY(2px);
}
.home-premium .home-premium-scroll-mouse{
  width:24px;
  height:36px;
  border:1.5px solid rgba(225,180,79,.88);
  border-radius:15px;
  display:grid;
  place-items:start center;
  padding-top:7px;
  box-shadow:0 0 22px rgba(225,180,79,.08);
}
.home-premium .home-premium-scroll-mouse i{
  width:3px;
  height:7px;
  border-radius:3px;
  background:#e1b44f;
  animation:waqiScrollDot 1.6s ease-in-out infinite;
}
.home-premium .home-premium-scroll-cue b{
  color:#e1b44f;
  font-size:20px;
  font-weight:400;
  line-height:.65;
  animation:waqiScrollArrow 1.6s ease-in-out infinite;
}
@keyframes waqiScrollDot{
  0%,100%{transform:translateY(0);opacity:.45}
  50%{transform:translateY(10px);opacity:1}
}
@keyframes waqiScrollArrow{
  0%,100%{transform:translateY(0);opacity:.55}
  50%{transform:translateY(4px);opacity:1}
}

/* Base scenic treatment: a very dark Ontario image living BEHIND navy content,
   never replacing the existing dedicated image sections. */
.home-premium #why,
.home-premium .waqi-perspective-section,
.home-premium .partner-showcase-section,
.home-premium .quote,
.page-auto .auto-coverage,
.page-auto .auto-rate,
.page-auto .recent-quotes-cta,
.page-auto .auto-faq,
.page-home .band,
.page-home .quote,
.page-home .auto-faq,
.page-commercial .refresh-dark,
.page-commercial .quote,
.page-commercial .auto-faq,
.page-travel .quote,
.page-travel .auto-faq,
.page-recent-quotes .rq-factors,
.page-recent-quotes .rq-final-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.home-premium #why::before,
.home-premium .waqi-perspective-section::before,
.home-premium .partner-showcase-section::before,
.home-premium .quote::before,
.page-auto .auto-coverage::before,
.page-auto .auto-rate::before,
.page-auto .recent-quotes-cta::before,
.page-auto .auto-faq::before,
.page-home .band::before,
.page-home .quote::before,
.page-home .auto-faq::before,
.page-commercial .refresh-dark::before,
.page-commercial .quote::before,
.page-commercial .auto-faq::before,
.page-travel .quote::before,
.page-travel .auto-faq::before,
.page-recent-quotes .rq-factors::before,
.page-recent-quotes .rq-final-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  opacity:.105;
  filter:saturate(.68) contrast(1.08) brightness(.55);
  transform:scale(1.025);
}

/* Deep navy veil keeps text/cards dominant and gives the image a watermark feel. */
.home-premium #why::after,
.home-premium .waqi-perspective-section::after,
.home-premium .partner-showcase-section::after,
.home-premium .quote::after,
.page-auto .auto-coverage::after,
.page-auto .auto-rate::after,
.page-auto .recent-quotes-cta::after,
.page-auto .auto-faq::after,
.page-home .band::after,
.page-home .quote::after,
.page-home .auto-faq::after,
.page-commercial .refresh-dark::after,
.page-commercial .quote::after,
.page-commercial .auto-faq::after,
.page-travel .quote::after,
.page-travel .auto-faq::after,
.page-recent-quotes .rq-factors::after,
.page-recent-quotes .rq-final-cta::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(70% 55% at 50% 100%, rgba(10,40,64,.20), transparent 76%),
    linear-gradient(180deg,rgba(2,18,30,.90) 0%,rgba(2,18,30,.78) 44%,rgba(2,18,30,.94) 100%);
}

/* Page-specific Ontario imagery from existing approved page assets. */
.home-premium #why::before,
.home-premium .waqi-perspective-section::before,
.home-premium .partner-showcase-section::before,
.home-premium .quote::before,
.page-recent-quotes .rq-factors::before,
.page-recent-quotes .rq-final-cta::before{
  background-image:url('../images/auto-final-8k.jpg');
  background-position:20% 38%;
}
.page-auto .auto-coverage::before,
.page-auto .auto-rate::before,
.page-auto .recent-quotes-cta::before,
.page-auto .auto-faq::before{
  background-image:url('../images/auto-final-8k.jpg');
  background-position:15% 40%;
}
.page-home .band::before,
.page-home .quote::before,
.page-home .auto-faq::before{
  background-image:url('../images/home-final-8k.png');
  background-position:center 52%;
}
.page-commercial .refresh-dark::before,
.page-commercial .quote::before,
.page-commercial .auto-faq::before{
  background-image:url('../images/commercial-final-8k.jpg');
  background-position:center 48%;
}
.page-travel .quote::before,
.page-travel .auto-faq::before{
  background-image:url('../images/travel-final-8k.jpg');
  background-position:center 50%;
}

/* A little more depth on dark content surfaces without changing their content. */
.home-premium #why .why-card,
.home-premium #why .consultation-copy,
.page-auto .auto-coverage .coverage-card,
.page-home .band .card,
.page-commercial .refresh-dark .card{
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}

@media (max-width: 600px){
  .home-premium .home-premium-scroll-cue{
    margin-top:23px;
    font-size:8px;
    letter-spacing:.19em;
  }
  .home-premium .home-premium-scroll-mouse{
    width:22px;
    height:33px;
  }
  .home-premium #why::before,
  .home-premium .waqi-perspective-section::before,
  .home-premium .partner-showcase-section::before,
  .home-premium .quote::before,
  .page-auto .auto-coverage::before,
  .page-auto .auto-rate::before,
  .page-auto .recent-quotes-cta::before,
  .page-auto .auto-faq::before,
  .page-home .band::before,
  .page-home .quote::before,
  .page-home .auto-faq::before,
  .page-commercial .refresh-dark::before,
  .page-commercial .quote::before,
  .page-commercial .auto-faq::before,
  .page-travel .quote::before,
  .page-travel .auto-faq::before,
  .page-recent-quotes .rq-factors::before,
  .page-recent-quotes .rq-final-cta::before{
    opacity:.085;
    background-position:center;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-premium .home-premium-scroll-mouse i,
  .home-premium .home-premium-scroll-cue b{animation:none}
}

/* =========================================================
   V19.20 — Premium motion polish (visual only)
   Scroll reveals + restrained interaction. No layout/content changes.
   ========================================================= */
@media (prefers-reduced-motion: no-preference){
  body.waqi-motion-ready .waqi-reveal{
    opacity:0;
    transform:translate3d(0,24px,0) !important;
    filter:blur(2px);
    transition:opacity .72s cubic-bezier(.22,.7,.2,1),
               transform .72s cubic-bezier(.22,.7,.2,1),
               filter .72s ease !important;
    will-change:opacity,transform,filter;
  }
  body.waqi-motion-ready .waqi-reveal.waqi-reveal-soft{
    transform:translate3d(0,16px,0) !important;
  }
  body.waqi-motion-ready .waqi-reveal.is-visible{
    opacity:1;
    transform:translate3d(0,0,0) !important;
    filter:blur(0);
  }
  body.waqi-motion-ready .waqi-reveal-card{
    opacity:0;
    transform:translate3d(0,18px,0) scale(.992) !important;
    transition:opacity .62s cubic-bezier(.22,.7,.2,1),
               transform .62s cubic-bezier(.22,.7,.2,1),
               box-shadow .22s ease,
               border-color .22s ease !important;
    will-change:opacity,transform;
  }
  body.waqi-motion-ready .waqi-reveal-card.is-visible{
    opacity:1;
    transform:translate3d(0,0,0) scale(1) !important;
  }

  /* Hero entrance: subtle and immediate, not a splash-screen effect. */
  body.waqi-motion-ready .waqi-hero-enter{
    animation:waqiHeroEnter .72s cubic-bezier(.22,.7,.2,1) both;
  }
  body.waqi-motion-ready .waqi-hero-enter.waqi-hero-enter-media{
    animation-delay:.10s;
  }
  @keyframes waqiHeroEnter{
    from{opacity:0;transform:translate3d(0,16px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }

  /* Premium hover lift is desktop/pointer-only; touch layout never shifts. */
  @media (hover:hover) and (pointer:fine) and (min-width:901px){
    .why-card,
    .coverage-grid>article,
    .faq-grid>details,
    .business-type,
    .rq-card,
    .why-consultation-feature,
    .recent-quotes-cta-inner{
      transition:transform .24s cubic-bezier(.22,.7,.2,1),
                 box-shadow .24s ease,
                 border-color .24s ease !important;
    }
    .why-card:hover,
    .coverage-grid>article:hover,
    .business-type:hover{
      transform:translate3d(0,-4px,0) !important;
    }
    .faq-grid>details:hover{
      transform:translate3d(0,-2px,0) !important;
    }
  }
}

/* Motion must never become a usability dependency. */
@media (prefers-reduced-motion: reduce){
  .waqi-reveal,.waqi-reveal-card,.waqi-hero-enter{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
    transition:none!important;
  }
}

/* =========================================================
   V19.21 — CINEMATIC ONTARIO / PREMIUM DEPTH
   Visual layer only. Existing content, forms and page logic untouched.
   ========================================================= */
:root{--waqi-scene-opacity:.52;--waqi-scene-veil:.62}

/* Quote-tool favicon source is now used directly in page heads. */

/* Background image layer MUST sit above section paint and below content. */
.home-premium #why,
.home-premium .waqi-perspective-section,
.home-premium .partner-showcase-section,
.home-premium .quote,
.page-auto .auto-coverage,
.page-auto .auto-rate,
.page-auto .recent-quotes-cta,
.page-auto .auto-faq,
.page-home .band,
.page-home .quote,
.page-home .auto-faq,
.page-commercial .refresh-dark,
.page-commercial .quote,
.page-commercial .auto-faq,
.page-travel .quote,
.page-travel .auto-faq{background:#06192c!important;color:#fff!important}

.home-premium #why::before,.home-premium .waqi-perspective-section::before,.home-premium .partner-showcase-section::before,.home-premium .quote::before,
.page-auto .auto-coverage::before,.page-auto .auto-rate::before,.page-auto .recent-quotes-cta::before,.page-auto .auto-faq::before,
.page-home .band::before,.page-home .quote::before,.page-home .auto-faq::before,
.page-commercial .refresh-dark::before,.page-commercial .quote::before,.page-commercial .auto-faq::before,
.page-travel .quote::before,.page-travel .auto-faq::before{
  z-index:0!important;opacity:var(--waqi-scene-opacity)!important;filter:saturate(.72) contrast(1.06) brightness(.58)!important;transform:scale(1.03);background-size:cover!important;background-repeat:no-repeat!important;
}
.home-premium #why::after,.home-premium .waqi-perspective-section::after,.home-premium .partner-showcase-section::after,.home-premium .quote::after,
.page-auto .auto-coverage::after,.page-auto .auto-rate::after,.page-auto .recent-quotes-cta::after,.page-auto .auto-faq::after,
.page-home .band::after,.page-home .quote::after,.page-home .auto-faq::after,
.page-commercial .refresh-dark::after,.page-commercial .quote::after,.page-commercial .auto-faq::after,
.page-travel .quote::after,.page-travel .auto-faq::after{
  z-index:1!important;background:linear-gradient(180deg,rgba(3,17,31,.84),rgba(4,24,43,.60) 48%,rgba(3,17,31,.90))!important;
}
.home-premium #why > *,.home-premium .waqi-perspective-section > *,.home-premium .partner-showcase-section > *,.home-premium .quote > *,
.page-auto .auto-coverage > *,.page-auto .auto-rate > *,.page-auto .recent-quotes-cta > *,.page-auto .auto-faq > *,
.page-home .band > *,.page-home .quote > *,.page-home .auto-faq > *,
.page-commercial .refresh-dark > *,.page-commercial .quote > *,.page-commercial .auto-faq > *,
.page-travel .quote > *,.page-travel .auto-faq > *{position:relative;z-index:2}

/* Each tab uses the approved Ontario visual language, segmented by section position. */
.home-premium #why::before,.home-premium .waqi-perspective-section::before,.home-premium .partner-showcase-section::before,.home-premium .quote::before{background-image:url('../images/ontario-scenes/why-ontario.webp')!important}
.home-premium #why::before{background-position:center 8%!important}.home-premium .waqi-perspective-section::before{background-position:center 45%!important}.home-premium .partner-showcase-section::before{background-position:center 72%!important}.home-premium .quote::before{background-position:center 96%!important}
.page-auto .auto-coverage::before,.page-auto .auto-rate::before,.page-auto .recent-quotes-cta::before,.page-auto .auto-faq::before{background-image:url('../images/ontario-scenes/auto-ontario.webp')!important}
.page-auto .auto-coverage::before{background-position:center 16%!important}.page-auto .auto-rate::before{background-position:center 44%!important}.page-auto .recent-quotes-cta::before{background-position:center 68%!important}.page-auto .auto-faq::before{background-position:center 92%!important}
.page-home .band::before,.page-home .quote::before,.page-home .auto-faq::before{background-image:url('../images/ontario-scenes/home-ontario.webp')!important}
.page-home .band::before{background-position:center 28%!important}.page-home .quote::before{background-position:center 62%!important}.page-home .auto-faq::before{background-position:center 90%!important}
.page-commercial .refresh-dark::before,.page-commercial .quote::before,.page-commercial .auto-faq::before{background-image:url('../images/ontario-scenes/commercial-ontario.webp')!important}
.page-commercial .refresh-dark::before{background-position:center 28%!important}.page-commercial .quote::before{background-position:center 61%!important}.page-commercial .auto-faq::before{background-position:center 90%!important}
.page-travel .quote::before,.page-travel .auto-faq::before{background-image:url('../images/ontario-scenes/travel-ontario.webp')!important}
.page-travel .quote::before{background-position:center 42%!important}.page-travel .auto-faq::before{background-position:center 82%!important}

/* Typography on cinematic sections */
.home-premium #why h2,.home-premium #why h3,.home-premium .waqi-perspective-section h2,.home-premium .partner-showcase-section h2,
.page-auto .auto-coverage h2,.page-auto .auto-rate h2,.page-auto .auto-faq h2,
.page-home .band h2,.page-home .auto-faq h2,.page-commercial .refresh-dark h2,.page-commercial .auto-faq h2,.page-travel .auto-faq h2{color:#fff!important}
.home-premium #why p,.home-premium .waqi-perspective-section p,.page-auto .auto-coverage .auto-section-head p,.page-auto .auto-rate p,.page-auto .auto-faq .auto-section-head p,
.page-home .band p,.page-home .auto-faq .auto-section-head p,.page-commercial .refresh-dark p,.page-commercial .auto-faq .auto-section-head p,.page-travel .auto-faq .auto-section-head p{color:#d6e0ea!important}

/* Glass surfaces: crisp enough for readability, transparent enough to reveal the scene. */
.home-premium #why .why-card,
.page-auto .coverage-grid article,
.page-auto .rate-list div,
.page-auto .faq-grid details,
.page-home .band .card,.page-home .faq-grid details,
.page-commercial .refresh-card,.page-commercial .faq-grid details,
.page-travel .faq-grid details{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,249,252,.86))!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.page-auto .rate-list div{border-bottom:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.page-auto .rate-list b{color:#fff!important}.page-auto .rate-list span{color:#d8e1eb!important}

/* Premium section edges: prevents hard box-to-box transitions on long pages. */
.home-premium #why,.home-premium .waqi-perspective-section,.home-premium .partner-showcase-section,.home-premium .quote,
.page-auto .auto-coverage,.page-auto .auto-rate,.page-auto .recent-quotes-cta,.page-auto .auto-faq,
.page-home .band,.page-home .quote,.page-home .auto-faq,
.page-commercial .refresh-dark,.page-commercial .quote,.page-commercial .auto-faq,.page-travel .quote,.page-travel .auto-faq{
  border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.12)
}

/* CTA panels feel suspended rather than pasted on. */
.quote-box,.recent-quotes-cta-inner{background:rgba(5,27,49,.76)!important;border:1px solid rgba(224,178,79,.30)!important;box-shadow:0 22px 70px rgba(0,0,0,.24)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* Right-edge scroll progress: tiny, premium and non-interactive. */
.waqi-scroll-progress{position:fixed;right:0;top:0;width:3px;height:0;z-index:30000;background:linear-gradient(180deg,#d6aa4b,#f0cf82);box-shadow:0 0 14px rgba(214,170,75,.35);pointer-events:none;transition:height .08s linear}

/* Image/section reveal feels more cinematic than a generic fade. */
@media (prefers-reduced-motion:no-preference){
  .waqi-cinematic-enter{clip-path:inset(0 0 12% 0 round 10px);filter:blur(5px);transform:translateY(26px) scale(.985);opacity:0;transition:clip-path .85s cubic-bezier(.2,.8,.2,1),filter .75s ease,transform .85s cubic-bezier(.2,.8,.2,1),opacity .55s ease}
  .waqi-cinematic-enter.is-visible{clip-path:inset(0 0 0 0 round 0);filter:blur(0);transform:none;opacity:1}
  @media(min-width:901px){
    .home-premium #why::before,.home-premium .waqi-perspective-section::before,.page-auto .auto-coverage::before,.page-auto .auto-rate::before,.page-home .band::before,.page-commercial .refresh-dark::before,.page-travel .quote::before{background-attachment:fixed!important}
  }
}
@media(max-width:900px){:root{--waqi-scene-opacity:.46}.waqi-scroll-progress{width:2px}.home-premium #why::before,.home-premium .waqi-perspective-section::before,.home-premium .partner-showcase-section::before,.home-premium .quote::before,.page-auto .auto-coverage::before,.page-auto .auto-rate::before,.page-auto .recent-quotes-cta::before,.page-auto .auto-faq::before,.page-home .band::before,.page-home .quote::before,.page-home .auto-faq::before,.page-commercial .refresh-dark::before,.page-commercial .quote::before,.page-commercial .auto-faq::before,.page-travel .quote::before,.page-travel .auto-faq::before{background-attachment:scroll!important}}
@media(max-width:600px){:root{--waqi-scene-opacity:.40}.quote-box,.recent-quotes-cta-inner{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}

/* =========================================================
   V19.22 — VISUAL CORRECTION PASS
   Fixes: naked blue stretches, unreadable cards, All Perils icon,
   and Why Waqi bottom CTA spacing. No content/form/logic changes.
   ========================================================= */
:root{
  --waqi-scene-visible:.64;
  --waqi-glass-dark:rgba(5,22,39,.82);
  --waqi-glass-dark-2:rgba(8,31,53,.74);
  --waqi-glass-border:rgba(255,255,255,.16);
  --waqi-card-text:#f7f9fb;
  --waqi-card-muted:#c9d4df;
}

/* ---------- 1) Continue the Ontario image language through previously bare sections ---------- */
.page-auto #auto-path,
.page-auto .story-section,
.page-home #home-types,
.page-home .story-section,
.page-home #home-rebuild,
.page-commercial #business-types,
.page-commercial .story-section,
.page-commercial #contractor-example,
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote),
.home-premium #why,
.home-premium .waqi-perspective-section,
.home-premium .partner-showcase-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#06192c!important;
}

.page-auto #auto-path::before,
.page-auto .story-section::before,
.page-home #home-types::before,
.page-home .story-section::before,
.page-home #home-rebuild::before,
.page-commercial #business-types::before,
.page-commercial .story-section::before,
.page-commercial #contractor-example::before,
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:var(--waqi-scene-visible);
  filter:saturate(.72) contrast(1.08) brightness(.58);
  transform:scale(1.025);
}
.page-auto #auto-path::after,
.page-auto .story-section::after,
.page-home #home-types::after,
.page-home .story-section::after,
.page-home #home-rebuild::after,
.page-commercial #business-types::after,
.page-commercial .story-section::after,
.page-commercial #contractor-example::after,
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,16,29,.72),rgba(4,24,42,.50) 46%,rgba(3,16,29,.78));
}
.page-auto #auto-path > *,
.page-auto .story-section > *,
.page-home #home-types > *,
.page-home .story-section > *,
.page-home #home-rebuild > *,
.page-commercial #business-types > *,
.page-commercial .story-section > *,
.page-commercial #contractor-example > *,
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote) > *{
  position:relative;
  z-index:2;
}

/* Page-specific scene positions: deliberate scene changes rather than repeated center crops. */
.page-auto #auto-path::before{background-image:url('../images/ontario-scenes/auto-ontario.webp');background-position:center 4%}
.page-auto .story-section::before{background-image:url('../images/ontario-scenes/auto-ontario.webp');background-position:center 28%}
.page-home #home-types::before{background-image:url('../images/ontario-scenes/home-ontario.webp');background-position:center 7%}
.page-home .story-section::before{background-image:url('../images/ontario-scenes/home-ontario.webp');background-position:center 35%}
.page-home #home-rebuild::before{background-image:url('../images/ontario-scenes/home-ontario.webp');background-position:center 75%}
.page-commercial #business-types::before{background-image:url('../images/ontario-scenes/commercial-ontario.webp');background-position:center 8%}
.page-commercial .story-section::before{background-image:url('../images/ontario-scenes/commercial-ontario.webp');background-position:center 38%}
.page-commercial #contractor-example::before{background-image:url('../images/ontario-scenes/commercial-ontario.webp');background-position:center 75%}
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote):first-of-type::before{background-image:url('../images/ontario-scenes/travel-ontario.webp');background-position:center 10%}
.page-travel .story-section::before{background-image:url('../images/ontario-scenes/travel-ontario.webp')!important;background-position:center 45%!important}

/* Make already-added scenic sections visibly scenic, without harming readability. */
.home-premium #why::before,
.home-premium .waqi-perspective-section::before,
.home-premium .partner-showcase-section::before,
.home-premium .quote::before,
.page-auto .auto-coverage::before,
.page-auto .auto-rate::before,
.page-auto .recent-quotes-cta::before,
.page-auto .auto-faq::before,
.page-home .band::before,
.page-home .quote::before,
.page-home .auto-faq::before,
.page-commercial .refresh-dark::before,
.page-commercial .quote::before,
.page-commercial .auto-faq::before,
.page-travel .quote::before,
.page-travel .auto-faq::before{
  opacity:.66!important;
  filter:saturate(.76) contrast(1.08) brightness(.62)!important;
}
.home-premium #why::after,
.home-premium .waqi-perspective-section::after,
.home-premium .partner-showcase-section::after,
.home-premium .quote::after,
.page-auto .auto-coverage::after,
.page-auto .auto-rate::after,
.page-auto .recent-quotes-cta::after,
.page-auto .auto-faq::after,
.page-home .band::after,
.page-home .quote::after,
.page-home .auto-faq::after,
.page-commercial .refresh-dark::after,
.page-commercial .quote::after,
.page-commercial .auto-faq::after,
.page-travel .quote::after,
.page-travel .auto-faq::after{
  background:linear-gradient(180deg,rgba(3,16,29,.70),rgba(4,24,42,.46) 48%,rgba(3,16,29,.76))!important;
}

/* Headings/body copy on newly darkened scenic sections. */
.page-auto #auto-path h2,.page-auto .story-section h2,
.page-home #home-types h2,.page-home .story-section h2,.page-home #home-rebuild h2,
.page-commercial #business-types h2,.page-commercial .story-section h2,.page-commercial #contractor-example h2,
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote) h2{color:#fff!important}
.page-auto #auto-path p,.page-auto .story-section p,
.page-home #home-types p,.page-home .story-section p,.page-home #home-rebuild p,
.page-commercial #business-types p,.page-commercial .story-section p,.page-commercial #contractor-example p,
.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote) p{color:#d5dfe8!important}

/* ---------- 2/5/7) Rebuild problematic cards as high-contrast dark glass ---------- */
.page-auto .coverage-grid > article,
.page-commercial .refresh-dark .refresh-card,
.home-premium #why .why-card,
.page-commercial #business-types .business-type,
.page-travel .travel-grid .refresh-card,
.page-auto #auto-path .refresh-card{
  background:linear-gradient(145deg,var(--waqi-glass-dark),var(--waqi-glass-dark-2))!important;
  border:1px solid var(--waqi-glass-border)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.page-auto .coverage-grid > article h3,
.page-commercial .refresh-dark .refresh-card h3,
.home-premium #why .why-card h3,
.page-commercial #business-types .business-type strong,
.page-travel .travel-grid .refresh-card h3,
.page-auto #auto-path .refresh-card h3{
  color:var(--waqi-card-text)!important;
  -webkit-text-fill-color:var(--waqi-card-text)!important;
}
.page-auto .coverage-grid > article p,
.page-commercial .refresh-dark .refresh-card p,
.home-premium #why .why-card p,
.page-commercial #business-types .business-type span,
.page-travel .travel-grid .refresh-card p,
.page-auto #auto-path .refresh-card p{
  color:var(--waqi-card-muted)!important;
  -webkit-text-fill-color:var(--waqi-card-muted)!important;
}
.home-premium #why .why-number-badge,
.home-premium #why .why-icon{
  background:rgba(225,180,79,.12)!important;
  color:#efd28d!important;
  border:1px solid rgba(225,180,79,.32)!important;
}

/* Contractor explanatory panel: readable on image. */
.page-commercial #contractor-example .panel{
  background:rgba(6,24,42,.84)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(10px);
}
.page-commercial #contractor-example .panel h3{color:#fff!important}
.page-commercial #contractor-example .panel p{color:#cbd7e1!important}

/* ---------- 3) All Perils icon: visible, simple, intentional ---------- */
.coverage-all-perils-icon{
  width:52px!important;
  height:52px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:rgba(225,180,79,.11)!important;
  border:1px solid rgba(225,180,79,.34)!important;
  margin:0 0 2px 0!important;
}
.coverage-all-perils-icon svg{width:38px!important;height:38px!important;display:block!important;overflow:visible!important}
.coverage-all-perils-icon .ap-shield{
  fill:rgba(225,180,79,.08)!important;
  stroke:#e7bd65!important;
  stroke-width:2.6!important;
  stroke-linejoin:round!important;
}
.coverage-all-perils-icon .ap-car{
  fill:none!important;
  stroke:#f4f7fa!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.coverage-all-perils-icon .ap-wheel{fill:#e7bd65!important;stroke:none!important}

/* Comic cards stay the visual hero of their sections. */
.story-section .comic-situation-card{
  box-shadow:0 26px 74px rgba(0,0,0,.34)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.story-section .comic-feature-kicker,.story-section .comic-note-title{color:#efd28d!important}

/* ---------- 9) Keep Why CTA, but place it lower in its final band ---------- */
.home-premium .quote{padding-top:110px!important;padding-bottom:54px!important}
.home-premium .quote .quote-box{transform:translateY(56px)}

/* Mobile/tablet: preserve image presence without turning backgrounds noisy. */
@media(max-width:900px){
  :root{--waqi-scene-visible:.58}
  .page-auto #auto-path::before,.page-auto .story-section::before,
  .page-home #home-types::before,.page-home .story-section::before,.page-home #home-rebuild::before,
  .page-commercial #business-types::before,.page-commercial .story-section::before,.page-commercial #contractor-example::before,
  .page-travel main > section:not(.waqi-fullbleed-hero):not(.quote)::before{
    background-attachment:scroll!important;
    background-position:center!important;
  }
  .home-premium .quote{padding-top:82px!important;padding-bottom:44px!important}
  .home-premium .quote .quote-box{transform:translateY(22px)}
}
@media(max-width:600px){
  :root{--waqi-scene-visible:.54}
  .page-auto .coverage-grid > article,
  .page-commercial .refresh-dark .refresh-card,
  .home-premium #why .why-card,
  .page-commercial #business-types .business-type,
  .page-travel .travel-grid .refresh-card,
  .page-auto #auto-path .refresh-card{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
}

/* =========================================================
   V19.23 — HI-RES SCENES + RESPONSIVE VISUAL CLEANUP
   Keeps content/logic intact; improves image quality and removes load-like motion.
   ========================================================= */

/* Responsive source set: mobile is intentionally smaller for speed, desktop is 4096px wide. */
:root{
  --scene-auto:url('../images/ontario-scenes-hires/auto-ontario-mobile.jpg');
  --scene-home:url('../images/ontario-scenes-hires/home-ontario-mobile.jpg');
  --scene-commercial:url('../images/ontario-scenes-hires/commercial-ontario-mobile.jpg');
  --scene-travel:url('../images/ontario-scenes-hires/travel-ontario-mobile.jpg');
  --scene-why:url('../images/ontario-scenes-hires/why-ontario-mobile.jpg');
}
@media (min-width:601px){
  :root{
    --scene-auto:url('../images/ontario-scenes-hires/auto-ontario-tablet.jpg');
    --scene-home:url('../images/ontario-scenes-hires/home-ontario-tablet.jpg');
    --scene-commercial:url('../images/ontario-scenes-hires/commercial-ontario-tablet.jpg');
    --scene-travel:url('../images/ontario-scenes-hires/travel-ontario-tablet.jpg');
    --scene-why:url('../images/ontario-scenes-hires/why-ontario-tablet.jpg');
  }
}
@media (min-width:1200px){
  :root{
    --scene-auto:url('../images/ontario-scenes-hires/auto-ontario-desktop.jpg');
    --scene-home:url('../images/ontario-scenes-hires/home-ontario-desktop.jpg');
    --scene-commercial:url('../images/ontario-scenes-hires/commercial-ontario-desktop.jpg');
    --scene-travel:url('../images/ontario-scenes-hires/travel-ontario-desktop.jpg');
    --scene-why:url('../images/ontario-scenes-hires/why-ontario-desktop.jpg');
  }
}

/* Replace every long-page Ontario scene with the higher-quality source. */
.page-auto #auto-path::before,
.page-auto .story-section::before,
.page-auto .auto-coverage::before,
.page-auto .auto-rate::before,
.page-auto .recent-quotes-cta::before,
.page-auto .auto-faq::before{background-image:var(--scene-auto)!important}

.page-home #home-types::before,
.page-home .story-section::before,
.page-home #home-rebuild::before,
.page-home .band::before,
.page-home .quote::before,
.page-home .auto-faq::before{background-image:var(--scene-home)!important}

.page-commercial #business-types::before,
.page-commercial .story-section::before,
.page-commercial #contractor-example::before,
.page-commercial .refresh-dark::before,
.page-commercial .quote::before,
.page-commercial .auto-faq::before{background-image:var(--scene-commercial)!important}

.page-travel main > section:not(.waqi-fullbleed-hero):not(.quote)::before,
.page-travel .story-section::before,
.page-travel .quote::before,
.page-travel .auto-faq::before{background-image:var(--scene-travel)!important}

.home-premium #why::before,
.home-premium .waqi-perspective-section::before,
.home-premium .partner-showcase-section::before,
.home-premium .quote::before{background-image:var(--scene-why)!important}

/* Travel: the first three cards were sitting on plain navy because the first generic section
   was not winning the earlier :first-of-type selector. Give that exact section its scene. */
.page-travel main > section:nth-of-type(2){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#06192c!important;
}
.page-travel main > section:nth-of-type(2)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--scene-travel)!important;
  background-position:center 12%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:.72!important;
  filter:saturate(.78) contrast(1.08) brightness(.64)!important;
  transform:scale(1.02);
}
.page-travel main > section:nth-of-type(2)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,16,29,.60),rgba(4,24,42,.38) 48%,rgba(3,16,29,.68))!important;
}
.page-travel main > section:nth-of-type(2) > *{position:relative;z-index:2}

/* Why Waqi: ensure Broader Perspective actually reads as part of the Ontario visual journey. */
.home-premium .waqi-perspective-section::before{
  opacity:.74!important;
  filter:saturate(.76) contrast(1.08) brightness(.64)!important;
  background-position:center 48%!important;
}
.home-premium .waqi-perspective-section::after{
  background:linear-gradient(180deg,rgba(3,16,29,.58),rgba(4,24,42,.38) 50%,rgba(3,16,29,.66))!important;
}

/* Phone-only quick service row: hard guard so it can never leak onto desktop/tablet. */
@media (min-width:601px){
  .waqi-mobile-service-nav{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}
}

/* Ready-to-compare: center the box vertically in its band instead of pushing it too low. */
.home-premium .quote{
  min-height:290px!important;
  padding:58px 0!important;
  display:flex!important;
  align-items:center!important;
}
.home-premium .quote > .wrap{width:100%}
.home-premium .quote .quote-box{transform:none!important;margin:0 auto!important}
@media(max-width:600px){
  .home-premium .quote{min-height:250px!important;padding:44px 0!important}
}

/* Motion: keep polish, remove the "page is still loading" illusion.
   Content is immediately visible; only tiny movement remains on cards. */
@media (prefers-reduced-motion:no-preference){
  body.waqi-motion-ready .waqi-reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.waqi-motion-ready .waqi-reveal-card{
    opacity:1!important;
    filter:none!important;
    transform:translate3d(0,6px,0) scale(.998)!important;
    transition:transform .30s cubic-bezier(.22,.7,.2,1),box-shadow .22s ease,border-color .22s ease!important;
  }
  body.waqi-motion-ready .waqi-reveal-card.is-visible{transform:none!important}
  body.waqi-motion-ready .waqi-hero-enter{animation-duration:.38s!important}
}

/* Restore a deliberate white + gold hierarchy. Gold is accent, not body-copy colour. */
.eyebrow,
.comic-feature-kicker,
.comic-note-title,
.waqi-perspective-eyebrow,
.home-premium .why-prefix,
.home-premium .why-suffix,
.home-premium .num-anchor,
.home-premium .why-number-badge,
.home-premium .why-icon{
  color:#E8C687!important;
  -webkit-text-fill-color:#E8C687!important;
}
.home-premium .waqi-assurance-signature p{color:#f5f7fa!important;-webkit-text-fill-color:#f5f7fa!important}
.home-premium .waqi-assurance-signature span{
  color:#E8C687!important;
  -webkit-text-fill-color:#E8C687!important;
  font-style:italic!important;
}
/* Small gold editorial rule reinforces the brand without turning headings yellow. */
.home-premium .waqi-perspective-section h2::after,
.page-auto .auto-section-head h2::after,
.page-home .section-head h2::after,
.page-commercial .section-head h2::after,
.page-travel .section-head h2::after{
  content:"";
  display:block;
  width:44px;
  height:2px;
  margin-top:12px;
  border-radius:999px;
  background:#C99A36;
  opacity:.9;
}

/* =========================================================
   V19.24 — INSTANT RENDER + CONTINUOUS SCENIC BACKGROUNDS
   ========================================================= */
.waqi-reveal,.waqi-reveal-soft,.waqi-reveal-card,.waqi-cinematic-enter,
.waqi-hero-enter,.waqi-hero-enter-media,
body.waqi-motion-ready .waqi-reveal,
body.waqi-motion-ready .waqi-reveal-card,
body.waqi-motion-ready .waqi-cinematic-enter{
  opacity:1!important;transform:none!important;filter:none!important;
  transition-delay:0s!important;animation:none!important;will-change:auto!important;
}
body.page-entering,body.page-leaving{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}

.page-auto main,.page-home main,.page-commercial main,.page-travel main,.home-premium main{
  position:relative;background-color:#06192c;background-repeat:no-repeat;
  background-position:center top;background-size:cover;background-attachment:scroll!important;
}
.page-auto main{background-image:linear-gradient(rgba(3,16,29,.48),rgba(3,16,29,.60)),var(--scene-auto)}
.page-home main{background-image:linear-gradient(rgba(3,16,29,.46),rgba(3,16,29,.60)),var(--scene-home)}
.page-commercial main{background-image:linear-gradient(rgba(3,16,29,.50),rgba(3,16,29,.62)),var(--scene-commercial)}
.page-travel main{background-image:linear-gradient(rgba(3,16,29,.46),rgba(3,16,29,.60)),var(--scene-travel)}
.home-premium main{background-image:linear-gradient(rgba(3,16,29,.48),rgba(3,16,29,.62)),var(--scene-why)}

.page-auto .waqi-fullbleed-hero,.page-home .waqi-fullbleed-hero,
.page-commercial .waqi-fullbleed-hero,.page-travel .waqi-fullbleed-hero,
.home-premium .home-premium-hero{background-image:var(--hero-bg)!important}

.page-auto main > section:not(.waqi-fullbleed-hero)::before,
.page-home main > section:not(.waqi-fullbleed-hero)::before,
.page-commercial main > section:not(.waqi-fullbleed-hero)::before,
.page-travel main > section:not(.waqi-fullbleed-hero)::before,
.home-premium main > section:not(.home-premium-hero)::before{
  background-image:none!important;opacity:0!important;filter:none!important;transform:none!important;
}
.page-auto main > section:not(.waqi-fullbleed-hero),
.page-home main > section:not(.waqi-fullbleed-hero),
.page-commercial main > section:not(.waqi-fullbleed-hero),
.page-travel main > section:not(.waqi-fullbleed-hero),
.home-premium main > section:not(.home-premium-hero){
  background-color:rgba(4,24,42,.30)!important;background-image:none!important;
  border-top-color:transparent!important;border-bottom-color:transparent!important;
}
.story-section{background:rgba(3,16,29,.34)!important}
.story-section::after{background:linear-gradient(180deg,rgba(3,16,29,.10),rgba(3,16,29,.24))!important}
.page-subnav{position:relative;z-index:5}

.page-auto .coverage-grid > article,.page-auto #auto-path .refresh-card,
.page-home .refresh-card,.page-home .coverage-card,
.page-commercial .refresh-card,.page-commercial .business-type,
.page-travel .refresh-card,.home-premium .why-card,.faq-grid details{
  background:rgba(7,28,48,.82)!important;border-color:rgba(255,255,255,.14)!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
@media(max-width:900px){
  .page-auto main,.page-home main,.page-commercial main,.page-travel main,.home-premium main{
    background-size:auto 100%;background-position:center top;
  }
}

/* =========================================================
   V19.25 — REGRESSION FIX / INSTANT PAINT / CONTINUOUS SCENES
   Targeted only at the reported visual regressions.
   ========================================================= */

/* 0) Absolutely no content reveal/load illusion. Everything paints immediately. */
html,body,main,main section,.auto-faq,.faq-grid,.faq-grid details,
.refresh-card,.coverage-grid>article,.business-type,.why-card,.quote-box,
.comic-situation-card,.comic-situation-card img{
  animation:none!important;
  animation-delay:0s!important;
  transition-delay:0s!important;
}
.waqi-reveal,.waqi-reveal-soft,.waqi-reveal-card,.waqi-cinematic-enter,
.waqi-hero-enter,.waqi-hero-enter-media,
body.waqi-motion-ready .waqi-reveal,body.waqi-motion-ready .waqi-reveal-card,
body.waqi-motion-ready .waqi-cinematic-enter{
  opacity:1!important;visibility:visible!important;transform:none!important;
  filter:none!important;clip-path:none!important;transition:none!important;
  animation:none!important;will-change:auto!important;
}

/* Avoid GPU blur paint-in on content cards. Solid/translucent surfaces are immediate. */
.page-auto .coverage-grid>article,.page-auto #auto-path .refresh-card,
.page-home .refresh-card,.page-home .coverage-card,
.page-commercial .refresh-card,.page-commercial .business-type,
.page-travel .refresh-card,.home-premium .why-card,
.faq-grid details,.quote-box,.recent-quotes-cta-inner{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* 1/3/5/7/8) Reported naked navy sections: let the ONE continuous page scene show through. */
.page-auto #auto-path,
.page-home #home-types,
.page-commercial #business-types,
.page-travel main>section:nth-of-type(2),
.page-travel .story-section,
.home-premium #why,
.home-premium .waqi-perspective-section{
  background:rgba(4,24,42,.16)!important;
  background-image:none!important;
  border-top:0!important;border-bottom:0!important;
}
.page-auto #auto-path::before,.page-auto #auto-path::after,
.page-home #home-types::before,.page-home #home-types::after,
.page-commercial #business-types::before,.page-commercial #business-types::after,
.page-travel main>section:nth-of-type(2)::before,.page-travel main>section:nth-of-type(2)::after,
.page-travel .story-section::before,.page-travel .story-section::after,
.home-premium #why::before,.home-premium #why::after,
.home-premium .waqi-perspective-section::before,.home-premium .waqi-perspective-section::after{
  content:none!important;display:none!important;background:none!important;
}

/* Keep continuous scenic background visible through all public content bands. */
.page-auto main>section:not(.waqi-fullbleed-hero),
.page-home main>section:not(.waqi-fullbleed-hero),
.page-commercial main>section:not(.waqi-fullbleed-hero),
.page-travel main>section:not(.waqi-fullbleed-hero),
.home-premium main>section:not(.home-premium-hero){
  background-color:rgba(4,24,42,.18)!important;
  box-shadow:none!important;
}

/* 2/4/6) FAQs: scene and cards are present on first paint, no white flash or delayed blur. */
.page-auto .auto-faq,.page-home .auto-faq,.page-commercial .auto-faq,.page-travel .auto-faq{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background-color:#06192c!important;background-repeat:no-repeat!important;
  background-size:cover!important;background-position:center bottom!important;
  border-top:0!important;
}
.page-auto .auto-faq{background-image:linear-gradient(rgba(3,16,29,.58),rgba(3,16,29,.72)),var(--scene-auto)!important}
.page-home .auto-faq{background-image:linear-gradient(rgba(3,16,29,.58),rgba(3,16,29,.72)),var(--scene-home)!important}
.page-commercial .auto-faq{background-image:linear-gradient(rgba(3,16,29,.58),rgba(3,16,29,.72)),var(--scene-commercial)!important}
.page-travel .auto-faq{background-image:linear-gradient(rgba(3,16,29,.58),rgba(3,16,29,.72)),var(--scene-travel)!important}
.page-auto .auto-faq::before,.page-auto .auto-faq::after,
.page-home .auto-faq::before,.page-home .auto-faq::after,
.page-commercial .auto-faq::before,.page-commercial .auto-faq::after,
.page-travel .auto-faq::before,.page-travel .auto-faq::after{content:none!important;display:none!important}
.faq-grid details{
  opacity:1!important;visibility:visible!important;transform:none!important;
  background:#f8fafc!important;border:1px solid rgba(214,224,234,.96)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
  transition:none!important;
}
.faq-grid summary{color:#132840!important;-webkit-text-fill-color:#132840!important}
.faq-grid p{color:#526275!important;-webkit-text-fill-color:#526275!important}
.auto-faq .auto-section-head h2{color:#fff!important}
.auto-faq .auto-section-head p{color:#d7e0e8!important}

/* Why Waqi desktop/tablet hero copy must not look like a mobile column. */
@media(min-width:901px){
  .home-premium-hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)!important;gap:54px!important}
  .home-premium-hero-copy{max-width:780px!important;width:100%!important}
  .home-premium-hero-copy h1{max-width:760px!important}
  .home-premium-hero-copy>p{max-width:700px!important}
}
@media(min-width:601px) and (max-width:900px){
  .home-premium-hero-copy{max-width:720px!important;width:92%!important;margin-left:auto!important;margin-right:auto!important}
  .home-premium-hero-copy h1,.home-premium-hero-copy>p{max-width:680px!important}
}

/* More deliberate Waqi navy/gold typography balance while preserving white readability. */
.gold,.eyebrow,.refresh-kicker,.comic-feature-kicker,.comic-note-title,
.waqi-perspective-eyebrow,.home-premium-kicker,
.home-premium .why-prefix,.home-premium .why-suffix,
.home-premium .num-anchor,.home-premium .why-number-badge,
.home-premium .why-icon,.coverage-grid>article h3,
.page-commercial .refresh-card h3,.page-commercial .business-type strong,
.page-travel .refresh-card h3,.page-home .refresh-card h3{
  color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;
}
.faq-grid summary::marker{color:#C99A36!important}
.home-premium .waqi-assurance-signature p{color:#f7f9fb!important;-webkit-text-fill-color:#f7f9fb!important}
.home-premium .waqi-assurance-signature span{
  color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;
  font-style:italic!important;
}

/* Scroll cue belongs at the END of Why clients choose Waqi, to signal more content below. */
.home-premium-hero .home-premium-scroll-cue{display:none!important}
.home-premium #why .why-section-scroll-cue{
  display:flex!important;position:relative!important;left:auto!important;right:auto!important;
  bottom:auto!important;top:auto!important;transform:none!important;
  width:max-content!important;margin:42px auto 4px!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;
  z-index:4!important;
}
.home-premium #why .why-section-scroll-cue:hover{transform:translateY(2px)!important}
@media(max-width:600px){.home-premium #why .why-section-scroll-cue{margin-top:30px!important}}

/* Ready-to-compare remains vertically centered. */
.home-premium .quote{display:flex!important;align-items:center!important;min-height:290px!important;padding:52px 0!important}
.home-premium .quote>.wrap{width:100%!important}
.home-premium .quote .quote-box{transform:none!important;margin:auto!important}

/* =========================================================
   V19.26 — TARGETED SCENE RESTORE + WHY HERO STRUCTURE FIX
   No content/form logic changes. Restore scenic image presence where
   V19.24/V19.25 overrides had disabled section pseudo backgrounds.
   ========================================================= */

/* Slightly darker overall scenic treatment: retain image detail, reduce visual noise. */
.page-auto main{
  background-image:linear-gradient(rgba(3,16,29,.56),rgba(3,16,29,.68)),var(--scene-auto)!important;
}
.page-home main{
  background-image:linear-gradient(rgba(3,16,29,.54),rgba(3,16,29,.68)),var(--scene-home)!important;
}
.page-commercial main{
  background-image:linear-gradient(rgba(3,16,29,.58),rgba(3,16,29,.70)),var(--scene-commercial)!important;
}
.page-travel main{
  background-image:linear-gradient(rgba(3,16,29,.54),rgba(3,16,29,.68)),var(--scene-travel)!important;
}
.home-premium main{
  background-image:linear-gradient(rgba(3,16,29,.56),rgba(3,16,29,.70)),var(--scene-why)!important;
}

/* Re-enable the exact scenic bands that were showing as plain navy.
   Soft masks remove hard top/bottom divider lines. */
.page-home #home-rebuild,
.page-commercial #contractor-example,
.page-travel main > section:not(.waqi-fullbleed-hero),
.home-premium #why,
.home-premium .waqi-perspective-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:rgba(4,24,42,.12)!important;
}

.page-home #home-rebuild::before,
.page-commercial #contractor-example::before,
.page-travel main > section:not(.waqi-fullbleed-hero)::before,
.home-premium #why::before,
.home-premium .waqi-perspective-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-3% 0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.82!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  filter:saturate(.72) contrast(1.07) brightness(.52)!important;
  transform:scale(1.015)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;
}
.page-home #home-rebuild::before{background-image:var(--scene-home)!important;background-position:center 74%!important}
.page-commercial #contractor-example::before{background-image:var(--scene-commercial)!important;background-position:center 72%!important}
.page-travel main > section:not(.waqi-fullbleed-hero)::before{background-image:var(--scene-travel)!important}
.page-travel main > section:nth-of-type(2)::before{background-position:center 12%!important}
.page-travel .story-section::before{background-position:center 46%!important}
.page-travel .quote::before{background-position:center 67%!important}
.home-premium #why::before{background-image:var(--scene-why)!important;background-position:center 20%!important}
.home-premium .waqi-perspective-section::before{background-image:var(--scene-why)!important;background-position:center 56%!important}

.page-home #home-rebuild::after,
.page-commercial #contractor-example::after,
.page-travel main > section:not(.waqi-fullbleed-hero)::after,
.home-premium #why::after,
.home-premium .waqi-perspective-section::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(3,16,29,.48),rgba(4,24,42,.30) 50%,rgba(3,16,29,.54))!important;
}
.page-home #home-rebuild > *,
.page-commercial #contractor-example > *,
.page-travel main > section:not(.waqi-fullbleed-hero) > *,
.home-premium #why > *,
.home-premium .waqi-perspective-section > *{position:relative!important;z-index:2!important}

/* Travel FAQ is outside <main>; keep its scene visible immediately as well. */
.page-travel .auto-faq{
  background-image:linear-gradient(rgba(3,16,29,.62),rgba(3,16,29,.76)),var(--scene-travel)!important;
  background-position:center 88%!important;
  background-size:cover!important;
}

/* Why Waqi desktop/tablet: actual two-column hero. Previous HTML accidentally nested
   the figure inside the copy column, making desktop look like a phone layout. */
@media(min-width:901px){
  .home-premium .home-premium-hero-grid{
    grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr)!important;
    gap:64px!important;
    align-items:center!important;
  }
  .home-premium .home-premium-hero-copy{max-width:760px!important;width:100%!important}
  .home-premium .home-premium-hero-copy h1{max-width:740px!important}
  .home-premium .home-premium-hero-copy>p{max-width:690px!important}
  .home-premium .home-premium-hero-visual{width:100%!important;max-width:none!important}
}
@media(min-width:601px) and (max-width:900px){
  .home-premium .home-premium-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)!important;
    gap:30px!important;
    align-items:center!important;
  }
  .home-premium .home-premium-hero-copy{max-width:none!important;width:100%!important;margin:0!important}
}

/* Scroll cue belongs to Why clients choose Waqi, but not underneath the signature line. */
.home-premium #why .why-section-scroll-cue{
  margin:36px auto 24px!important;
}
.home-premium #why .waqi-assurance-signature{
  margin-top:20px!important;
}

/* Ensure immediate paint remains absolute: no delayed opacity/clip on FAQs or scenic sections. */
.page-home #home-rebuild,.page-commercial #contractor-example,
.page-travel main>section,.page-travel .auto-faq,
.home-premium #why,.home-premium .waqi-perspective-section,
.page-home #home-rebuild *,.page-commercial #contractor-example *,
.page-travel main>section *,.page-travel .auto-faq *,
.home-premium #why *,.home-premium .waqi-perspective-section *{
  animation-delay:0s!important;
  transition-delay:0s!important;
}

/* =========================================================
   V19.27 — RESPONSIVE / INSTANT-PAINT POLISH
   Targeted fixes only: Why Waqi cue + hero balance, immediate
   scenic paint on mobile, Auto mobile padding, Commercial mobile
   editorial rhythm, and a stronger restrained gold hierarchy.
   ========================================================= */

/* Performance first: content is present immediately. Avoid expensive blur/reveal
   compositing that can look like images/cards are still loading on Safari. */
.waqi-reveal,.waqi-reveal-soft,.waqi-reveal-card,.waqi-cinematic-enter,
.waqi-hero-enter,.waqi-hero-enter-media,
body.waqi-motion-ready .waqi-reveal,body.waqi-motion-ready .waqi-reveal-card,
body.waqi-motion-ready .waqi-cinematic-enter{
  opacity:1!important;visibility:visible!important;clip-path:none!important;
  transform:none!important;filter:none!important;animation:none!important;
  transition:none!important;will-change:auto!important;
}
.page-auto .refresh-card,.page-auto .coverage-grid>article,.page-auto .rate-list div,
.page-home .refresh-card,.page-home .coverage-card,.page-home .card,
.page-commercial .refresh-card,.page-commercial .business-type,.page-commercial .panel,
.page-travel .refresh-card,.home-premium .why-card,.faq-grid details,
.quote-box,.recent-quotes-cta-inner{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.faq-grid details,.faq-grid summary,.faq-grid p{transition:none!important;animation:none!important}

/* Use the already-preloaded compact 4K WebP scenic file everywhere.
   This avoids requesting a second JPG scenic asset after first paint. */
:root{
  --scene-auto:url('../images/perf/auto-scene-4k.webp')!important;
  --scene-home:url('../images/perf/home-scene-4k.webp')!important;
  --scene-commercial:url('../images/perf/commercial-scene-4k.webp')!important;
  --scene-travel:url('../images/perf/travel-scene-4k.webp')!important;
  --scene-why:url('../images/perf/why-scene-4k.webp')!important;
}
@media(min-width:601px){:root{
  --scene-auto:url('../images/perf/auto-scene-4k.webp')!important;
  --scene-home:url('../images/perf/home-scene-4k.webp')!important;
  --scene-commercial:url('../images/perf/commercial-scene-4k.webp')!important;
  --scene-travel:url('../images/perf/travel-scene-4k.webp')!important;
  --scene-why:url('../images/perf/why-scene-4k.webp')!important;
}}
@media(min-width:1101px){:root{
  --scene-auto:url('../images/perf/auto-scene-4k.webp')!important;
  --scene-home:url('../images/perf/home-scene-4k.webp')!important;
  --scene-commercial:url('../images/perf/commercial-scene-4k.webp')!important;
  --scene-travel:url('../images/perf/travel-scene-4k.webp')!important;
  --scene-why:url('../images/perf/why-scene-4k.webp')!important;
}}

/* Why Waqi: desktop is intentionally wide and image-led, never a phone-width column. */
@media(min-width:901px){
  .home-premium .home-premium-hero .wrap{width:min(1320px,94%)!important}
  .home-premium .home-premium-hero-grid{
    grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr)!important;
    gap:42px!important;align-items:center!important;
  }
  .home-premium .home-premium-hero-copy{max-width:590px!important;margin-left:0!important}
  .home-premium .home-premium-hero-copy h1{max-width:590px!important;font-size:clamp(52px,5vw,74px)!important}
  .home-premium .home-premium-hero-copy>p{max-width:570px!important}
  .home-premium .home-premium-hero-visual{width:104%!important;max-width:none!important;margin-left:auto!important}
  .home-premium .home-premium-hero-visual img{aspect-ratio:1.62/1!important}
}
@media(min-width:601px) and (max-width:900px){
  .home-premium .home-premium-hero .wrap{width:min(960px,94%)!important}
  .home-premium .home-premium-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr)!important;gap:26px!important}
  .home-premium .home-premium-hero-copy{max-width:none!important;width:100%!important;margin:0!important}
  .home-premium .home-premium-hero-visual{width:104%!important}
}

/* Scroll cue belongs immediately after the 1–35–5 / Why cards — it says there is
   more Why Waqi content below, before the consultation/signature blocks. */
.home-premium #why .why-section-scroll-cue{
  display:flex!important;position:relative!important;inset:auto!important;
  width:max-content!important;margin:34px auto 10px!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;
  transform:none!important;z-index:4!important;
}
.home-premium #why .why-consultation-feature{margin-top:42px!important}
.home-premium #why .waqi-assurance-signature{margin-top:44px!important}

/* A little more Waqi gold without sacrificing readability: body text stays light,
   while labels/card titles/rate factors carry the signature accent. */
.home-premium #why .why-card h3,
.page-auto #auto-rate .rate-list b,
.page-auto .coverage-grid>article h3,
.page-home .refresh-card h3,.page-home .coverage-card h3,.page-home .card h3,
.page-commercial .business-type strong,.page-commercial .refresh-card h3,.page-commercial .panel h3,
.page-travel .refresh-card h3,.page-travel .travel-grid h3,
.auto-faq .faq-grid summary{
  color:#E8C687!important;-webkit-text-fill-color:#E8C687!important;
}
.home-premium #why .section-head h2,.home-premium .waqi-perspective-section h2,
.page-auto .auto-section-head h2,.page-home .section-head h2,
.page-commercial .section-head h2,.page-travel .section-head h2{
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}

/* MOBILE: scenic imagery starts directly after the dedicated tab hero image.
   Same preloaded image = no late second background request / naked navy flash. */
@media(max-width:600px){
  .page-auto #auto-path,
  .page-home #home-types,
  .page-commercial #business-types,
  .page-travel main>section:nth-of-type(2){
    background-color:#06192c!important;
    background-repeat:no-repeat!important;background-size:cover!important;
    border-top:0!important;
  }
  .page-auto #auto-path{background-image:linear-gradient(rgba(3,16,29,.64),rgba(3,16,29,.74)),var(--scene-auto)!important;background-position:center 8%!important}
  .page-home #home-types{background-image:linear-gradient(rgba(3,16,29,.64),rgba(3,16,29,.74)),var(--scene-home)!important;background-position:center 10%!important}
  .page-commercial #business-types{background-image:linear-gradient(rgba(3,16,29,.66),rgba(3,16,29,.76)),var(--scene-commercial)!important;background-position:center 8%!important}
  .page-travel main>section:nth-of-type(2){background-image:linear-gradient(rgba(3,16,29,.64),rgba(3,16,29,.74)),var(--scene-travel)!important;background-position:center 8%!important}

  /* Auto rate-factor cards: visible breathing room from both edges. */
  .page-auto #auto-rate .rate-list{width:100%!important}
  .page-auto #auto-rate .rate-list div{padding:20px 22px!important}
  .page-auto #auto-rate .rate-list b,.page-auto #auto-rate .rate-list span{display:block!important}

  /* Commercial mobile: fewer "box inside box" visuals. Coverage cards become
     editorial rows over the scenic background; only real grouped controls remain cards. */
  .page-commercial .refresh-dark .refresh-grid{display:block!important}
  .page-commercial .refresh-dark .refresh-card{
    margin:0!important;padding:22px 4px!important;border:0!important;border-radius:0!important;
    border-bottom:1px solid rgba(232,198,135,.22)!important;
    background:transparent!important;box-shadow:none!important;
  }
  .page-commercial .refresh-dark .refresh-card:first-child{border-top:1px solid rgba(232,198,135,.22)!important}
  .page-commercial .refresh-dark .refresh-card p{max-width:34rem!important;color:#d7e0e8!important}
  .page-commercial .refresh-dark .refresh-card h3{font-size:1.08rem!important;margin-bottom:7px!important}
}

/* =========================================================
   V19.28 — TARGETED DESKTOP/MOBILE VISUAL CORRECTIONS
   ========================================================= */

/* Auto rate-factor copy: equal breathing room on desktop/tablet/mobile. */
.page-auto #auto-rate .rate-list div{
  padding:22px 24px!important;
  box-sizing:border-box!important;
}

/* FAQ colour system: one clean treatment across Auto/Home/Commercial/Travel.
   White information cards, dark readable copy, gold only as the small accent. */
.page-auto .expanded-faq details,
.page-home .expanded-faq details,
.page-commercial .expanded-faq details,
.page-travel .expanded-faq details{
  background:#f8fafc!important;
  border:1px solid rgba(214,224,234,.96)!important;
  box-shadow:none!important;
}
.page-auto .expanded-faq summary,
.page-home .expanded-faq summary,
.page-commercial .expanded-faq summary,
.page-travel .expanded-faq summary{
  color:#132840!important;
  -webkit-text-fill-color:#132840!important;
}
.page-auto .expanded-faq details p,
.page-home .expanded-faq details p,
.page-commercial .expanded-faq details p,
.page-travel .expanded-faq details p{
  color:#526275!important;
  -webkit-text-fill-color:#526275!important;
}
.page-auto .expanded-faq summary::after,
.page-home .expanded-faq summary::after,
.page-commercial .expanded-faq summary::after,
.page-travel .expanded-faq summary::after{
  color:#B98B2E!important;
}

/* Product hero copy: replace harsh pure white with warm ivory + restrained gold phrase.
   It stays readable over photography without visually flattening the image. */
.page-auto .waqi-fullbleed-hero h1,
.page-home .waqi-fullbleed-hero h1,
.page-commercial .waqi-fullbleed-hero h1,
.page-travel .waqi-fullbleed-hero h1{
  color:#f5f1e8!important;
  -webkit-text-fill-color:#f5f1e8!important;
  text-shadow:0 2px 14px rgba(0,0,0,.38)!important;
}
.page-auto .waqi-fullbleed-hero h1 span,
.page-home .waqi-fullbleed-hero h1 span,
.page-commercial .waqi-fullbleed-hero h1 span,
.page-travel .waqi-fullbleed-hero h1 span{
  color:#E8C687!important;
  -webkit-text-fill-color:#E8C687!important;
}
.page-auto .waqi-fullbleed-hero p,
.page-home .waqi-fullbleed-hero p,
.page-commercial .waqi-fullbleed-hero p,
.page-travel .waqi-fullbleed-hero p{
  color:#dde5ec!important;
  -webkit-text-fill-color:#dde5ec!important;
  text-shadow:0 1px 10px rgba(0,0,0,.34)!important;
}

/* Why Waqi top hero: gold line smaller and kept to two lines max on desktop/tablet. */
@media(min-width:601px){
  .home-premium .home-premium-hero h1 span{
    display:block!important;
    max-width:520px!important;
    font-size:.72em!important;
    line-height:1.03!important;
    margin-top:8px!important;
    text-wrap:balance!important;
  }
}
@media(min-width:901px){
  .home-premium .home-premium-hero-copy h1{
    max-width:650px!important;
  }
  .home-premium .home-premium-hero h1 span{
    max-width:500px!important;
  }
}

/* Scroll cue placement: desktop/tablet beside the short "More choice..." intro;
   mobile beside the Meet the 1–35–5 Broker title. */
.home-premium #why .why-cue-desktop,
.home-premium #why .why-cue-mobile{
  margin:0!important;
  width:max-content!important;
  z-index:5!important;
}
.home-premium #why .why-cue-mobile{display:none!important}
@media(min-width:601px){
  .home-premium #why .section-head{position:relative!important;max-width:780px!important}
  .home-premium #why .why-cue-desktop{
    display:flex!important;
    position:absolute!important;
    left:-190px!important;
    bottom:2px!important;
    transform:scale(.92)!important;
    transform-origin:right center!important;
  }
}
@media(min-width:601px) and (max-width:1050px){
  .home-premium #why .why-cue-desktop{
    left:-125px!important;
    transform:scale(.82)!important;
  }
}
@media(max-width:600px){
  .home-premium #why .why-cue-desktop{display:none!important}
  .home-premium #why .why-135{
    position:relative!important;
    padding-right:104px!important;
  }
  .home-premium #why .why-cue-mobile{
    display:flex!important;
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%) scale(.72)!important;
    transform-origin:right center!important;
  }
  .home-premium #why .why-cue-mobile span:nth-child(2){font-size:9px!important;letter-spacing:.11em!important}
}

/* Mobile product hero: the copy directly underneath the artwork uses the same
   scenic image, so there is no naked navy strip between hero and page content. */
@media(max-width:600px){
  .page-auto .waqi-fullbleed-hero[data-page="auto"]>.wrap{
    background-image:linear-gradient(rgba(3,16,29,.70),rgba(3,16,29,.78)),var(--scene-auto)!important;
    background-size:cover!important;background-position:center 5%!important;
  }
  .page-home .waqi-fullbleed-hero[data-page="home"]>.wrap{
    background-image:linear-gradient(rgba(3,16,29,.70),rgba(3,16,29,.78)),var(--scene-home)!important;
    background-size:cover!important;background-position:center 5%!important;
  }
  .page-commercial .waqi-fullbleed-hero[data-page="commercial"]>.wrap{
    background-image:linear-gradient(rgba(3,16,29,.70),rgba(3,16,29,.78)),var(--scene-commercial)!important;
    background-size:cover!important;background-position:center 5%!important;
  }
  .page-travel .waqi-fullbleed-hero[data-page="travel"]>.wrap{
    background-image:linear-gradient(rgba(3,16,29,.70),rgba(3,16,29,.78)),var(--scene-travel)!important;
    background-size:cover!important;background-position:center 5%!important;
  }
}

/* Cue breakpoint refinement: desktop uses the left-of-intro position; phones/tablets
   keep the cue attached to the 1–35–5 title so it cannot fall off-canvas. */
@media(min-width:601px) and (max-width:900px){
  .home-premium #why .why-cue-desktop{display:none!important}
  .home-premium #why .why-135{position:relative!important;padding-right:150px!important}
  .home-premium #why .why-cue-mobile{
    display:flex!important;position:absolute!important;right:0!important;top:50%!important;
    transform:translateY(-50%) scale(.82)!important;transform-origin:right center!important;
  }
}


/* =========================================================
   V19.29 — PERFORMANCE + MICRO POLISH
   Device-sized assets: keep true 4K on desktop, avoid sending
   4K vertical panoramas to phones/tablets. No delayed reveals.
   ========================================================= */
:root{
  --scene-auto:url('../images/perf/auto-scene-4k.webp')!important;
  --scene-home:url('../images/perf/home-scene-4k.webp')!important;
  --scene-commercial:url('../images/perf/commercial-scene-4k.webp')!important;
  --scene-travel:url('../images/perf/travel-scene-4k.webp')!important;
  --scene-why:url('../images/perf/why-scene-4k.webp')!important;
}
@media(max-width:600px){
  :root{
    --scene-auto:url('../images/perf-responsive/auto-scene-mobile.webp')!important;
    --scene-home:url('../images/perf-responsive/home-scene-mobile.webp')!important;
    --scene-commercial:url('../images/perf-responsive/commercial-scene-mobile.webp')!important;
    --scene-travel:url('../images/perf-responsive/travel-scene-mobile.webp')!important;
    --scene-why:url('../images/perf-responsive/why-scene-mobile.webp')!important;
  }
  .page-auto .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/auto-hero-mobile.webp')!important}
  .page-home .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/home-hero-mobile.webp')!important}
  .page-commercial .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/commercial-hero-mobile.webp')!important}
  .page-travel .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/travel-hero-mobile.webp')!important}
}
@media(min-width:601px) and (max-width:1100px){
  :root{
    --scene-auto:url('../images/perf-responsive/auto-scene-tablet.webp')!important;
    --scene-home:url('../images/perf-responsive/home-scene-tablet.webp')!important;
    --scene-commercial:url('../images/perf-responsive/commercial-scene-tablet.webp')!important;
    --scene-travel:url('../images/perf-responsive/travel-scene-tablet.webp')!important;
    --scene-why:url('../images/perf-responsive/why-scene-tablet.webp')!important;
  }
  .page-auto .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/auto-hero-tablet.webp')!important}
  .page-home .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/home-hero-tablet.webp')!important}
  .page-commercial .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/commercial-hero-tablet.webp')!important}
  .page-travel .waqi-fullbleed-hero{--hero-bg:url('../images/perf-responsive/travel-hero-tablet.webp')!important}
}
@media(min-width:1101px){
  .page-auto .waqi-fullbleed-hero{--hero-bg:url('../images/perf/auto-hero-4k.webp')!important}
  .page-home .waqi-fullbleed-hero{--hero-bg:url('../images/perf/home-hero-4k.webp')!important}
  .page-commercial .waqi-fullbleed-hero{--hero-bg:url('../images/perf/commercial-hero-4k.webp')!important}
  .page-travel .waqi-fullbleed-hero{--hero-bg:url('../images/perf/travel-hero-4k.webp')!important}
}

/* Explicitly keep the initial viewport synchronous-looking. */
.waqi-fullbleed-hero,.home-premium-hero,
.page-auto main,.page-home main,.page-commercial main,.page-travel main,.home-premium main{
  transition:none!important;
}

/* Micro polish with zero scroll-time work: better typography and quiet depth. */
h1,h2,.auto-section-head h2,.section-head h2{ text-wrap:balance; }
.hero-copy p,.auto-hero-copy p,.pagehero p,.section-head p,.auto-section-head p{ text-wrap:pretty; }
@media(min-width:901px){
  .comic-situation-card.approved-comic-only img,
  .home-premium-hero-visual img,
  .why-consultation-feature figure img{
    box-shadow:0 18px 48px rgba(0,0,0,.22);
  }
}

/* =========================================================
   V19.30 — MOBILE-ONLY EDITORIAL / OPEN LAYOUT
   Phones <=600px only. Desktop + tablet intentionally untouched.
   Informational cards become free editorial rows so the scenic
   Ontario backgrounds remain visible. Functional CTA/FAQ surfaces stay cards.
   ========================================================= */
@media(max-width:600px){
  /* More breathing room between editorial groups, without changing content. */
  .page-auto main>section:not(.waqi-fullbleed-hero),
  .page-home main>section:not(.waqi-fullbleed-hero),
  .page-commercial main>section:not(.waqi-fullbleed-hero),
  .page-travel main>section:not(.waqi-fullbleed-hero),
  .home-premium main>section:not(.home-premium-hero){
    border-radius:0!important;
  }

  /* Generic informational grids: remove the "box after box" treatment. */
  .page-auto #auto-path .refresh-grid,
  .page-auto .auto-coverage .coverage-grid,
  .page-auto .auto-rate .rate-list,
  .page-home #home-types .refresh-grid,
  .page-home #home-coverages .coverage-grid,
  .page-commercial #commercial-coverages .refresh-grid,
  .page-travel .travel-grid,
  .home-premium #why .why-grid{
    display:block!important;
    width:100%!important;
  }

  .page-auto #auto-path .refresh-card,
  .page-auto .auto-coverage .coverage-grid>article,
  .page-auto .auto-rate .rate-list>div,
  .page-home #home-types .refresh-card,
  .page-home #home-coverages .coverage-grid>article,
  .page-commercial #commercial-coverages .refresh-card,
  .page-travel .travel-grid>.refresh-card,
  .home-premium #why .why-card{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:23px 2px 24px!important;
    min-height:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .page-auto #auto-path .refresh-card+ .refresh-card,
  .page-auto .auto-coverage .coverage-grid>article+article,
  .page-auto .auto-rate .rate-list>div+div,
  .page-home #home-types .refresh-card+ .refresh-card,
  .page-home #home-coverages .coverage-grid>article+article,
  .page-commercial #commercial-coverages .refresh-card+ .refresh-card,
  .page-travel .travel-grid>.refresh-card+ .refresh-card,
  .home-premium #why .why-card+ .why-card{
    border-top:1px solid rgba(232,198,135,.25)!important;
  }

  /* First/last rows get a quiet editorial rail rather than a surrounding card. */
  .page-auto #auto-path .refresh-grid,
  .page-auto .auto-coverage .coverage-grid,
  .page-auto .auto-rate .rate-list,
  .page-home #home-types .refresh-grid,
  .page-home #home-coverages .coverage-grid,
  .page-commercial #commercial-coverages .refresh-grid,
  .page-travel .travel-grid,
  .home-premium #why .why-grid{
    border-top:1px solid rgba(232,198,135,.18)!important;
    border-bottom:1px solid rgba(232,198,135,.18)!important;
  }

  /* Titles stay gold; body copy becomes light enough to sit directly on scenery. */
  .page-auto #auto-path .refresh-card h3,
  .page-auto .auto-coverage .coverage-grid>article h3,
  .page-auto .auto-rate .rate-list>div b,
  .page-home #home-types .refresh-card h3,
  .page-home #home-coverages .coverage-grid>article h3,
  .page-commercial #commercial-coverages .refresh-card h3,
  .page-travel .travel-grid>.refresh-card h3,
  .home-premium #why .why-card h3{
    color:#E8C687!important;
    -webkit-text-fill-color:#E8C687!important;
    margin:0 0 7px!important;
  }
  .page-auto #auto-path .refresh-card p,
  .page-auto .auto-coverage .coverage-grid>article p,
  .page-auto .auto-rate .rate-list>div span,
  .page-home #home-types .refresh-card p,
  .page-home #home-coverages .coverage-grid>article p,
  .page-commercial #commercial-coverages .refresh-card p,
  .page-travel .travel-grid>.refresh-card p,
  .home-premium #why .why-card p{
    color:#dbe4eb!important;
    -webkit-text-fill-color:#dbe4eb!important;
    line-height:1.62!important;
    max-width:36rem!important;
  }

  /* Auto All Perils icon remains visible, but becomes part of the editorial row. */
  .page-auto .auto-coverage .coverage-all-perils-icon{
    float:right!important;
    margin:0 0 8px 16px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Commercial business types: compact editorial list, still fully tappable. */
  .page-commercial #business-types .business-type-grid{
    display:block!important;
    border-top:1px solid rgba(232,198,135,.18)!important;
    border-bottom:1px solid rgba(232,198,135,.18)!important;
  }
  .page-commercial #business-types .business-type{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:19px 2px 20px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .page-commercial #business-types .business-type+ .business-type{
    border-top:1px solid rgba(232,198,135,.22)!important;
  }
  .page-commercial #business-types .business-type strong{
    display:block!important;
    color:#E8C687!important;
    -webkit-text-fill-color:#E8C687!important;
    margin-bottom:5px!important;
  }
  .page-commercial #business-types .business-type span{
    display:block!important;
    color:#dbe4eb!important;
    -webkit-text-fill-color:#dbe4eb!important;
    font-size:.9rem!important;
  }

  /* Home rebuild / Commercial contractor: turn the secondary info panel into
     a free pull-quote style block, not another card. */
  .page-home #home-rebuild .panel,
  .page-commercial #contractor-example .panel{
    margin-top:8px!important;
    padding:20px 0 4px 18px!important;
    background:transparent!important;
    border:0!important;
    border-left:2px solid rgba(232,198,135,.62)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .page-home #home-rebuild .panel h3,
  .page-commercial #contractor-example .panel h3{
    color:#E8C687!important;
    -webkit-text-fill-color:#E8C687!important;
  }
  .page-home #home-rebuild .panel p,
  .page-commercial #contractor-example .panel p{
    color:#dbe4eb!important;
    -webkit-text-fill-color:#dbe4eb!important;
  }

  /* Why Waqi numbers/icons no longer sit inside chunky card geometry. */
  .home-premium #why .why-card .why-number-badge,
  .home-premium #why .why-card .why-icon{
    display:inline-flex!important;
    width:auto!important;
    min-width:34px!important;
    height:30px!important;
    padding:0 8px!important;
    margin:0 0 10px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(232,198,135,.48)!important;
    border-radius:999px!important;
    background:rgba(4,24,42,.22)!important;
    box-shadow:none!important;
  }

  /* Consultation itself becomes an editorial feature. Keep the meaningful
     direct-vs-Waqi comparison boxes and buttons as structured elements. */
  .home-premium #why .why-consultation-feature{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .home-premium #why .why-consultation-feature .consultation-copy{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .home-premium #why .why-consultation-feature figure{
    border-radius:14px!important;
    overflow:hidden!important;
  }

  /* Comics are imagery, not UI cards: remove ornamental card chrome only. */
  .page-auto .comic-situation-card,
  .page-home .comic-situation-card,
  .page-commercial .comic-situation-card,
  .page-travel .comic-situation-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
  }

  /* Deliberately KEEP these as cards: they are actionable / interactive. */
  .quote-box,
  .recent-quotes-cta-inner,
  .expanded-faq .faq-grid details{
    border-radius:14px!important;
  }
}

/* =========================================================
   V19.31 — MOBILE-ONLY WHY WAQI SPACING + COMPARISON POLISH
   Phones <=600px only. Desktop + tablet intentionally untouched.
   ========================================================= */
@media(max-width:600px){
  /* Give the Why Waqi editorial content a safer inner rail so text never
     crowds the phone edge. Scope begins with the first broker benefit and
     continues through the consultation block. */
  .home-premium #why .why-grid,
  .home-premium #why .why-consultation-feature{
    width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .home-premium #why .why-card{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .home-premium #why .why-consultation-feature .consultation-copy{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  /* Comparison is deliberately a little narrower than the surrounding copy,
     centered, with a visible VS separator on phones. */
  .home-premium #why .broker-compare{
    width:92%!important;
    max-width:360px!important;
    margin:20px auto 25px!important;
    gap:9px!important;
  }
  .home-premium #why .broker-compare>div{
    width:100%!important;
    padding:12px 14px!important;
    border-radius:10px!important;
  }
  .home-premium #why .broker-compare>b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    color:#7b8793!important;
    -webkit-text-fill-color:#7b8793!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
    text-transform:lowercase!important;
  }
  .home-premium #why .broker-compare>b::before,
  .home-premium #why .broker-compare>b::after{
    content:""!important;
    display:block!important;
    height:1px!important;
    flex:1!important;
    background:rgba(232,198,135,.30)!important;
    margin:0 10px!important;
  }
}

/* =========================================================
   V19.33 — MOBILE-ONLY PREMIUM TYPOGRAPHY + VS EMPHASIS
   Phones <=600px only. Desktop + tablet intentionally untouched.
   ========================================================= */
@media(max-width:600px){
  /* Stronger, more deliberate typography rhythm on phones. */
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.62!important;
    font-weight:400!important;
    letter-spacing:-.006em!important;
    -webkit-font-smoothing:antialiased!important;
    -moz-osx-font-smoothing:grayscale!important;
    text-rendering:optimizeLegibility!important;
  }

  h1,h2,h3,
  .section-head h2,
  .auto-section-head h2,
  .consultation-copy h2,
  .home-premium #why h2,
  .home-premium #why h3{
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:700!important;
    font-kerning:normal!important;
    text-rendering:optimizeLegibility!important;
  }

  h1,
  .waqi-fullbleed-hero h1,
  .home-premium-hero h1{
    letter-spacing:-.038em!important;
    line-height:.99!important;
  }

  h2,
  .section-head h2,
  .auto-section-head h2,
  .consultation-copy h2,
  .home-premium #why h2{
    letter-spacing:-.028em!important;
    line-height:1.06!important;
  }

  h3,
  .home-premium #why .why-card h3,
  .refresh-card h3,
  .coverage-grid h3{
    letter-spacing:-.014em!important;
    line-height:1.18!important;
  }

  p,li,
  .refresh-card p,
  .coverage-grid p,
  .why-card p,
  .consultation-copy p{
    font-size:15.5px!important;
    line-height:1.68!important;
    font-weight:430!important;
    letter-spacing:-.004em!important;
  }

  /* Editorial rows: slightly more hierarchy and breathing room, without
     bringing back the boxed look. */
  .page-auto #auto-path .refresh-card,
  .page-auto .auto-coverage .coverage-grid>article,
  .page-auto .auto-rate .rate-list>div,
  .page-home #home-types .refresh-card,
  .page-home #home-coverages .coverage-grid>article,
  .page-commercial #commercial-coverages .refresh-card,
  .page-travel .travel-grid>.refresh-card,
  .home-premium #why .why-card{
    padding-top:26px!important;
    padding-bottom:27px!important;
  }

  .page-auto #auto-path .refresh-card h3,
  .page-auto .auto-coverage .coverage-grid>article h3,
  .page-home #home-types .refresh-card h3,
  .page-home #home-coverages .coverage-grid>article h3,
  .page-commercial #commercial-coverages .refresh-card h3,
  .page-travel .travel-grid>.refresh-card h3,
  .home-premium #why .why-card h3{
    font-size:1.22rem!important;
    margin-bottom:9px!important;
  }

  /* Eyebrows/kickers should feel like restrained editorial labels. */
  .eyebrow,.refresh-kicker,.rq-kicker,.comic-feature-kicker,
  .home-premium #why .why-eyebrow{
    font-size:10.5px!important;
    font-weight:800!important;
    letter-spacing:.17em!important;
    line-height:1.3!important;
  }

  /* Mobile comparison separator: same understated desktop grey, but now
     unmistakably visible as the comparison marker. */
  .home-premium #why .broker-compare>b{
    min-height:30px!important;
    color:#7b8793!important;
    -webkit-text-fill-color:#7b8793!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }
  .home-premium #why .broker-compare>b::before,
  .home-premium #why .broker-compare>b::after{
    margin:0 12px!important;
  }

  /* Keep button typography crisp and intentionally separate from editorial copy. */
  .btn,.button,button,.quote-box a{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
    font-weight:750!important;
    letter-spacing:.002em!important;
  }
}

/* =========================================================
   V19.34 — MOBILE-FIRST OPEN EDITORIAL FINISH
   Phones <=600px only. Desktop + tablet intentionally untouched.
   ========================================================= */
@media(max-width:600px){
  /* Why Waqi benefits: preserve the exact badge/title/copy structure but let
     the Ontario scene breathe. No card fills, borders, shadows or rounding. */
  .home-premium #why .why-grid{
    display:block!important;
    width:calc(100% - 38px)!important;
    max-width:none!important;
    margin:8px auto 0!important;
  }
  .home-premium #why .why-card,
  .home-premium #why .why-card.why-card-linked{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:5px!important;
    align-items:start!important;
    width:100%!important;
    margin:0!important;
    padding:23px 0 25px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .home-premium #why .why-card::after{
    content:""!important;
    position:absolute!important;
    left:66px!important;
    right:0!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(232,198,135,.44),rgba(232,198,135,.08),transparent)!important;
  }
  .home-premium #why .why-card:last-child::after{display:none!important;}
  .home-premium #why .why-number-badge,
  .home-premium #why .why-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    justify-self:start!important;
    margin:1px 0 0!important;
    width:46px!important;
    min-width:46px!important;
    height:34px!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
    color:#e8c687!important;
    -webkit-text-fill-color:#e8c687!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
  }
  .home-premium #why .why-card h3{
    grid-column:2!important;
    margin:0!important;
    font-size:1.12rem!important;
    line-height:1.17!important;
    letter-spacing:-.018em!important;
  }
  .home-premium #why .why-card p{
    grid-column:2!important;
    margin:2px 0 0!important;
    font-size:15px!important;
    line-height:1.61!important;
  }

  /* Pre-FAQ / closing CTAs become open editorial pauses rather than cards. */
  .page-auto .recent-quotes-cta,
  .page-home .quote,
  .page-commercial .quote,
  .page-travel .quote,
  .home-premium .quote{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .page-auto .recent-quotes-cta .wrap,
  .page-home .quote .wrap,
  .page-commercial .quote .wrap,
  .page-travel .quote .wrap,
  .home-premium .quote .wrap{
    width:calc(100% - 38px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .page-auto .recent-quotes-cta-inner,
  .page-home .quote-box,
  .page-commercial .quote-box,
  .page-travel .quote-box,
  .home-premium .quote-box{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:17px!important;
    width:100%!important;
    margin:0!important;
    padding:39px 0 42px!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-align:left!important;
  }
  .page-auto .recent-quotes-cta-inner::before,
  .page-home .quote-box::before,
  .page-commercial .quote-box::before,
  .page-travel .quote-box::before,
  .home-premium .quote-box::before{
    content:""!important;
    width:44px!important;
    height:2px!important;
    margin-bottom:2px!important;
    background:#e8c687!important;
    opacity:.88!important;
  }
  .page-auto .recent-quotes-cta-inner h2,
  .page-home .quote-box h2,
  .page-commercial .quote-box h2,
  .page-travel .quote-box h2,
  .home-premium .quote-box h2{
    max-width:330px!important;
    margin:0!important;
    font-size:clamp(1.58rem,7vw,1.92rem)!important;
    line-height:1.06!important;
    letter-spacing:-.03em!important;
  }
  .page-auto .recent-quotes-cta-inner p,
  .page-home .quote-box p,
  .page-commercial .quote-box p,
  .page-travel .quote-box p,
  .home-premium .quote-box p{
    max-width:340px!important;
    margin:8px 0 0!important;
    font-size:15px!important;
    line-height:1.62!important;
  }
  .page-home .quote-box .hero-actions,
  .page-commercial .quote-box .hero-actions,
  .page-travel .quote-box .hero-actions,
  .home-premium .quote-box .hero-actions{
    width:100%!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0!important;
  }
  .page-auto .recent-quotes-cta-inner>.btn,
  .page-home .quote-box .btn,
  .page-commercial .quote-box .btn,
  .page-travel .quote-box .btn,
  .home-premium .quote-box .btn{
    min-height:46px!important;
    padding:12px 18px!important;
    border-radius:999px!important;
    font-size:14px!important;
  }

  /* Refine phone headings so scenic pages feel composed, not oversized. */
  .section-head h2,.auto-section-head h2,.refresh-head h2,
  .home-premium #why .section-head h2{
    font-size:clamp(1.55rem,7.1vw,1.92rem)!important;
    line-height:1.07!important;
  }
  .waqi-fullbleed-hero h1,.home-premium-hero h1{
    font-size:clamp(2.18rem,10.7vw,3rem)!important;
    line-height:.99!important;
  }
}

/* =========================================================
   V19.35 — MOBILE FINAL QUALITY CONTROL
   Phones <=600px only. Desktop + tablet intentionally untouched.
   Tightens typography, rails and rhythm after the open-editorial pass.
   ========================================================= */
@media(max-width:600px){
  /* Use the site's established type stack and real supported weights. */
  body{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:16px!important;
    line-height:1.6!important;
    font-weight:400!important;
    letter-spacing:-.003em!important;
  }
  p,li,
  .refresh-card p,.coverage-grid p,.why-card p,.consultation-copy p{
    font-size:15.25px!important;
    line-height:1.64!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .btn,.button,button,.quote-box a{
    font-weight:700!important;
  }

  /* More controlled phone hierarchy: premium, but never poster-sized. */
  .waqi-fullbleed-hero h1,.home-premium-hero h1{
    font-size:clamp(2.08rem,9.8vw,2.78rem)!important;
    line-height:1.01!important;
    letter-spacing:-.034em!important;
  }
  .section-head h2,.auto-section-head h2,.refresh-head h2,
  .home-premium #why .section-head h2{
    font-size:clamp(1.48rem,6.6vw,1.82rem)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  /* Consistent safe rail on the open editorial content. */
  .page-auto main>section:not(.waqi-fullbleed-hero)>.wrap,
  .page-home main>section:not(.waqi-fullbleed-hero)>.wrap,
  .page-commercial main>section:not(.waqi-fullbleed-hero)>.wrap,
  .page-travel main>section:not(.waqi-fullbleed-hero)>.wrap,
  .home-premium main>section:not(.home-premium-hero)>.wrap{
    width:calc(100% - 44px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Why benefits: clean editorial rhythm and comfortable edge clearance. */
  .home-premium #why .why-grid{
    width:100%!important;
    margin:8px 0 0!important;
  }
  .home-premium #why .why-card,
  .home-premium #why .why-card.why-card-linked{
    grid-template-columns:48px minmax(0,1fr)!important;
    column-gap:13px!important;
    padding:22px 0 24px!important;
  }
  .home-premium #why .why-card::after{
    left:61px!important;
  }
  .home-premium #why .why-number-badge,
  .home-premium #why .why-icon{
    width:43px!important;
    min-width:43px!important;
    font-size:15px!important;
  }
  .home-premium #why .why-card h3{
    font-size:1.08rem!important;
    line-height:1.2!important;
    letter-spacing:-.014em!important;
  }

  /* Comparison stays intentionally structured, but feels compact and centered. */
  .home-premium #why .broker-compare{
    width:94%!important;
    max-width:350px!important;
    margin:22px auto 27px!important;
  }
  .home-premium #why .broker-compare>b{
    min-height:34px!important;
    font-size:18px!important;
    font-weight:700!important;
    letter-spacing:.055em!important;
  }

  /* Open closing CTAs: enough presence without becoming another giant block. */
  .page-auto .recent-quotes-cta .wrap,
  .page-home .quote .wrap,
  .page-commercial .quote .wrap,
  .page-travel .quote .wrap,
  .home-premium .quote .wrap{
    width:calc(100% - 44px)!important;
  }
  .page-auto .recent-quotes-cta-inner,
  .page-home .quote-box,.page-commercial .quote-box,
  .page-travel .quote-box,.home-premium .quote-box{
    gap:15px!important;
    padding:34px 0 38px!important;
  }
  .page-auto .recent-quotes-cta-inner h2,
  .page-home .quote-box h2,.page-commercial .quote-box h2,
  .page-travel .quote-box h2,.home-premium .quote-box h2{
    font-size:clamp(1.48rem,6.7vw,1.82rem)!important;
    line-height:1.08!important;
  }

  /* Keep the editorial separators elegant rather than visually dominant. */
  .page-auto #auto-path .refresh-card+ .refresh-card,
  .page-auto .auto-coverage .coverage-grid>article+article,
  .page-auto .auto-rate .rate-list>div+div,
  .page-home #home-types .refresh-card+ .refresh-card,
  .page-home #home-coverages .coverage-grid>article+article,
  .page-commercial #commercial-coverages .refresh-card+ .refresh-card,
  .page-travel .travel-grid>.refresh-card+ .refresh-card{
    border-top-color:rgba(232,198,135,.18)!important;
  }
}

/* Mobile assurance signature + image interaction */
img{
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
@media(max-width:600px){
  .waqi-assurance-signature p{
    font-size:clamp(27px,7.7vw,33px)!important;
    line-height:1.22!important;
  }
  .waqi-assurance-signature span{
    font-size:15px!important;
  }
}

/* Mobile Why Waqi edge-clearance correction — phone only */
@media(max-width:600px){
  .home-premium #why .why-grid{
    width:calc(100% - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }
  .home-premium #why .why-card,
  .home-premium #why .why-card.why-card-linked{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:16px!important;
    padding-left:4px!important;
    padding-right:4px!important;
    box-sizing:border-box!important;
  }
  .home-premium #why .why-card::after{left:62px!important;right:4px!important;}
}


/* Product hero split layout — desktop/tablet only. Mobile <=600px intentionally retains the established full-image hero. */
@media (min-width:601px){
  .page-auto .waqi-product-split,
  .page-home .waqi-product-split,
  .page-commercial .waqi-product-split,
  .page-travel .waqi-product-split{
    --product-scene:var(--scene-auto);
    position:relative!important;
    isolation:isolate;
    width:100%!important;
    height:auto!important;
    min-height:560px!important;
    aspect-ratio:auto!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    overflow:hidden!important;
    background-image:
      linear-gradient(90deg,rgba(2,11,20,.78),rgba(3,18,31,.64)),
      var(--product-scene)!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    border-bottom:1px solid rgba(209,161,58,.34)!important;
  }
  .page-home .waqi-product-split{--product-scene:var(--scene-home)}
  .page-commercial .waqi-product-split{--product-scene:var(--scene-commercial)}
  .page-travel .waqi-product-split{--product-scene:var(--scene-travel)}
  .waqi-product-split::before{
    content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
    background:linear-gradient(180deg,rgba(2,10,18,.15),rgba(2,10,18,.48))!important;
    pointer-events:none!important;
  }
  .waqi-product-split>.wrap,
  .page-auto .waqi-product-split>.auto-hero-grid{
    width:min(1320px,94%)!important;
    max-width:1320px!important;
    min-height:560px!important;
    padding:54px 0!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr)!important;
    gap:42px!important;
    align-items:center!important;
  }
  .waqi-product-split.image-left>.wrap{
    grid-template-columns:minmax(520px,1.18fr) minmax(0,.82fr)!important;
  }
  .waqi-product-split.image-left .product-hero-copy{grid-column:2;grid-row:1}
  .waqi-product-split.image-left .product-hero-media{grid-column:1;grid-row:1}
  .waqi-product-split .product-hero-copy{
    position:relative;z-index:2;max-width:590px!important;padding:20px 0!important;
  }
  .waqi-product-split h1,
  .page-auto .waqi-product-split h1{
    max-width:610px!important;
    margin:10px 0 18px!important;
    font-size:clamp(46px,4.6vw,72px)!important;
    line-height:.99!important;
    color:#f5f1e8!important;
    text-shadow:0 10px 30px rgba(0,0,0,.34)!important;
  }
  .waqi-product-split p,
  .page-auto .waqi-product-split p{
    max-width:560px!important;font-size:17px!important;line-height:1.65!important;color:#d0d8e1!important;
  }
  .waqi-product-split .product-hero-media{
    position:relative;z-index:1;
    width:100%;min-height:430px;aspect-ratio:1.62/1;
    border-radius:24px;
    overflow:hidden;
    background-image:var(--hero-bg)!important;
    background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
    border:1px solid rgba(224,182,91,.34);
    box-shadow:0 28px 70px rgba(0,0,0,.32);
  }
  .waqi-product-split .product-hero-media::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -70px 90px rgba(0,0,0,.12);
  }
  .waqi-product-split[data-page="auto"] .product-hero-media{background-position:center 54%!important}
  .waqi-product-split[data-page="home"] .product-hero-media{background-position:center 48%!important}
  .waqi-product-split[data-page="commercial"] .product-hero-media{background-position:center 50%!important}
  .waqi-product-split[data-page="travel"] .product-hero-media{background-position:center 50%!important}
}

/* Tablet keeps the same premium split concept; only proportions tighten. */
@media (min-width:601px) and (max-width:900px){
  .waqi-product-split>.wrap,
  .page-auto .waqi-product-split>.auto-hero-grid{
    width:min(94%,900px)!important;
    min-height:500px!important;
    grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr)!important;
    gap:24px!important;padding:38px 0!important;
  }
  .waqi-product-split.image-left>.wrap{grid-template-columns:minmax(320px,1.12fr) minmax(0,.88fr)!important}
  .waqi-product-split h1,.page-auto .waqi-product-split h1{font-size:clamp(38px,5.2vw,52px)!important}
  .waqi-product-split p,.page-auto .waqi-product-split p{font-size:15.5px!important}
  .waqi-product-split .product-hero-media{min-height:320px;border-radius:20px}
}

/* Mobile protection: retain previous full-background hero exactly; the added split media is not rendered. */
@media (max-width:600px){
  .waqi-product-split .product-hero-media{display:none!important}
}
@media (max-width:600px){
  .page-home .waqi-product-split .product-hero-copy,
  .page-commercial .waqi-product-split .product-hero-copy,
  .page-travel .waqi-product-split .product-hero-copy{display:contents!important}
}

/* Production desktop/tablet background quality lock — 2026-09-07
   Mobile intentionally unchanged. Use the highest-quality 4096px Ontario scene masters
   for every viewport above 600px so large background surfaces never fall back to tablet assets. */
@media (min-width:601px){
  :root{
    --scene-auto:url('../images/ontario-scenes-hires/auto-ontario-desktop.jpg')!important;
    --scene-home:url('../images/ontario-scenes-hires/home-ontario-desktop.jpg')!important;
    --scene-commercial:url('../images/ontario-scenes-hires/commercial-ontario-desktop.jpg')!important;
    --scene-travel:url('../images/ontario-scenes-hires/travel-ontario-desktop.jpg')!important;
    --scene-why:url('../images/ontario-scenes-hires/why-ontario-desktop.jpg')!important;
  }
}

/* Desktop/tablet cinematic quality pass. Phone layout/assets remain untouched. */
@media (min-width:601px){
  /* Full-resolution scene masters across every tab from hero through FAQ/footer lead-in. */
  :root{
    --scene-auto:url('../images/ontario-scenes-hires/auto-ontario-desktop.jpg')!important;
    --scene-home:url('../images/ontario-scenes-hires/home-ontario-desktop.jpg')!important;
    --scene-commercial:url('../images/ontario-scenes-hires/commercial-ontario-desktop.jpg')!important;
    --scene-travel:url('../images/ontario-scenes-hires/travel-ontario-desktop.jpg')!important;
    --scene-why:url('../images/ontario-scenes-hires/why-ontario-desktop.jpg')!important;
  }
  .page-auto main,.page-home main,.page-commercial main,.page-travel main,.home-premium main{
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
  }
  /* Give the product photography more authority without squeezing the copy. */
  .waqi-product-split>.wrap,
  .page-auto .waqi-product-split>.auto-hero-grid{
    width:min(1440px,96%)!important;
    max-width:1440px!important;
    grid-template-columns:minmax(0,.72fr) minmax(570px,1.28fr)!important;
    gap:38px!important;
  }
  .waqi-product-split.image-left>.wrap{
    grid-template-columns:minmax(570px,1.28fr) minmax(0,.72fr)!important;
  }
  .waqi-product-split .product-hero-media{
    min-height:470px!important;
    aspect-ratio:1.68/1!important;
  }
}
@media (min-width:601px) and (max-width:900px){
  .waqi-product-split>.wrap,
  .page-auto .waqi-product-split>.auto-hero-grid{
    width:min(96%,960px)!important;
    grid-template-columns:minmax(0,.80fr) minmax(350px,1.20fr)!important;
    gap:22px!important;
  }
  .waqi-product-split.image-left>.wrap{
    grid-template-columns:minmax(350px,1.20fr) minmax(0,.80fr)!important;
  }
  .waqi-product-split .product-hero-media{min-height:350px!important}
}