/* ============================================================
   VettedQuote v2 — elevated "Trust Blue + Gold" system
   Story: we source, screen, filter, vet. Only the best get through.
   Self-contained: homepage + quiz overlay styles.
   ============================================================ */
:root{
  --navy:#0A2A49;
  --navy-700:#0E3A63;
  --blue:#1E6FD9;
  --blue-dark:#1559b0;
  --blue-soft:#5b97e6;
  --green:#16A06B;
  --green-dark:#127a52;
  --gold:#E0A93B;
  --gold-soft:#F6E4BE;
  --sky:#ECF3FC;
  --sky-2:#F4F8FD;
  --page:#FBFCFE;
  --ink:#16202E;
  --muted:#5B6878;
  --faint:#8A97A6;
  --line:#E4EAF1;
  --line-2:#EEF2F7;
  --white:#fff;
  --radius:18px;
  --radius-sm:12px;
  --radius-lg:26px;
  --shadow-xs:0 1px 2px rgba(10,42,73,.06);
  --shadow-sm:0 4px 14px rgba(10,42,73,.07);
  --shadow:0 14px 40px rgba(10,42,73,.12);
  --shadow-lg:0 30px 70px rgba(10,42,73,.20);
  --shadow-gold:0 14px 34px rgba(224,169,59,.30);
  --font-head:"Plus Jakarta Sans","Inter",system-ui,sans-serif;
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);color:var(--ink);line-height:1.6;font-size:17px;
  -webkit-font-smoothing:antialiased;
  background:var(--page);
  background-image:
    radial-gradient(1100px 520px at 82% -8%, rgba(30,111,217,.10), transparent 60%),
    radial-gradient(820px 480px at -6% 6%, rgba(224,169,59,.08), transparent 55%);
  background-repeat:no-repeat;
}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.12;letter-spacing:-.02em;color:var(--navy)}
/* Display serif on the big editorial headlines only; UI stays sans */
.hero h1,.section-head h2,.finalcta h2{font-family:var(--font-display);letter-spacing:-.015em}
a{color:var(--blue);text-decoration:none}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.dotgrid{background-image:radial-gradient(rgba(10,42,73,.06) 1.1px, transparent 1.1px);background-size:22px 22px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-head);
  font-weight:700;font-size:16.5px;border:none;border-radius:999px;cursor:pointer;padding:15px 26px;
  transition:transform .12s ease,box-shadow .18s ease,background .18s ease;min-height:54px;text-align:center}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(180deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 10px 24px rgba(30,111,217,.34)}
.btn-primary:hover{box-shadow:0 14px 30px rgba(30,111,217,.44);transform:translateY(-1px)}
.btn-gold{background:linear-gradient(180deg,#ecb653,var(--gold));color:#3a2a07;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-1px)}
.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn-lg{font-size:18px;padding:18px 34px;min-height:60px}
.btn-sm{min-height:44px;padding:10px 18px;font-size:15px}
.btn-block{width:100%}

/* ---------- Top trust bar + header ---------- */
.topbar{background:var(--navy);color:#cfe0f2}
.topbar-inner{display:flex;align-items:center;justify-content:center;gap:26px;height:40px;font-size:13px;font-weight:600;letter-spacing:.01em}
.topbar-item{display:flex;align-items:center;gap:7px;white-space:nowrap}
.topbar-item svg{color:var(--gold)}
.topbar-item:nth-child(n+3){display:none}
.site-header{position:sticky;top:0;z-index:40;background:rgba(251,252,254,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}
.header-inner{display:flex;align-items:center;gap:18px;height:72px}
.brand{display:flex;align-items:center;gap:11px;color:var(--navy)}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:linear-gradient(160deg,var(--navy),var(--navy-700));color:#fff;box-shadow:var(--shadow-sm);position:relative}
.brand-mark::after{content:"";position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;
  background:var(--gold);border:2.5px solid var(--page)}
.brand-name{font-family:var(--font-head);font-weight:800;font-size:22px;letter-spacing:-.025em}
.brand-accent{color:var(--blue)}
.header-nav{display:flex;gap:26px;margin-left:auto}
.header-nav a{color:var(--ink);font-weight:600;font-size:15px}
.header-nav a:hover{color:var(--blue)}
.header-cta{margin-left:20px}

/* ---------- Hero ---------- */
.hero{padding:54px 0 64px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);
  color:var(--navy);font-weight:700;font-size:13px;padding:8px 15px;border-radius:999px;box-shadow:var(--shadow-xs)}
.eyebrow .star{color:var(--gold);display:flex}
.hero h1{font-size:clamp(2.35rem,7.2vw,3.85rem);font-weight:600;margin:20px 0 18px;letter-spacing:-.02em}
.hero h1 .hl{position:relative;white-space:nowrap}
.hero h1 .hl::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;height:.34em;
  background:var(--gold-soft);z-index:-1;border-radius:3px}
.hero-sub{font-size:clamp(1.05rem,2.4vw,1.24rem);color:var(--muted);max-width:540px;margin-bottom:26px}
.hero-start{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);max-width:540px}
.start-label{display:block;font-family:var(--font-head);font-weight:700;color:var(--navy);font-size:15.5px;margin-bottom:12px}
.start-row{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-bottom:11px}
.select-wrap{position:relative}
.select-wrap svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
.start-field{width:100%;font-size:16px;padding:15px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);
  font-family:var(--font-body);color:var(--ink);background:var(--sky-2);appearance:none}
.start-field:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(30,111,217,.13)}
.start-fine{margin-top:13px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600}
.start-fine svg{color:var(--green);flex-shrink:0}

/* hero vetting-stack visual */
.hero-visual{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}
.stack{position:relative;width:min(420px,100%)}
.pro-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px;box-shadow:var(--shadow);
  display:flex;gap:14px;align-items:center}
.pro-card.fail{position:absolute;left:0;right:0;filter:grayscale(.5);opacity:.55}
.pro-card.fail-1{top:-26px;transform:scale(.93) rotate(-3deg);z-index:1}
.pro-card.fail-2{bottom:-26px;transform:scale(.93) rotate(3deg);z-index:1}
.pro-card.win{position:relative;z-index:3;border:2px solid var(--green);box-shadow:0 26px 60px rgba(22,160,107,.24)}
.pro-av{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;font-family:var(--font-head);
  font-weight:800;font-size:18px;color:#fff;flex-shrink:0;background:linear-gradient(150deg,var(--blue),var(--navy))}
.pro-av.g2{background:linear-gradient(150deg,#7a8aa0,#5b6878)}
.pro-av.g3{background:linear-gradient(150deg,#9aa6b6,#74808f)}
.pro-info{flex:1;min-width:0}
.pro-name{font-family:var(--font-head);font-weight:800;color:var(--navy);font-size:16.5px;display:flex;align-items:center;gap:7px}
.pro-trade{color:var(--muted);font-size:13.5px;font-weight:600}
.pro-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chk{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}
.chk-ok{background:#e4f6ee;color:var(--green-dark)}
.chk-star{background:var(--gold-soft);color:#9a7212}
.chk-bad{background:#fae8e8;color:#b23b3b}
.badge-vet{display:inline-flex;align-items:center;gap:5px;background:var(--green);color:#fff;font-family:var(--font-head);
  font-weight:800;font-size:11px;padding:4px 9px;border-radius:999px;letter-spacing:.02em}
.badge-cut{display:inline-flex;align-items:center;gap:4px;background:#fae8e8;color:#b23b3b;font-weight:800;font-size:10.5px;
  padding:3px 8px;border-radius:999px}
.stack-flag{position:absolute;z-index:4;right:-12px;top:50%;transform:translateY(-50%);background:#fff;border-radius:14px;
  box-shadow:var(--shadow-lg);padding:11px 14px;display:flex;align-items:center;gap:10px}
.stack-flag .sf-ic{width:34px;height:34px;border-radius:10px;background:var(--gold-soft);color:#9a7212;display:grid;place-items:center;flex-shrink:0}
.stack-flag b{font-family:var(--font-head);font-size:15px;color:var(--navy);display:block;line-height:1.1}
.stack-flag span{font-size:12px;color:var(--muted);font-weight:600}

/* ---------- Trust bar ---------- */
.trustbar{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:#fff}
.trustbar-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;padding:20px}
.trust-item{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px;color:var(--navy)}
.trust-item .ti{width:30px;height:30px;border-radius:8px;background:var(--sky);color:var(--blue);display:grid;place-items:center;flex-shrink:0}

/* ---------- Sections ---------- */
.section{padding:72px 0}
.section-tint{background:linear-gradient(180deg,#fff,var(--sky-2))}
.section-navy{background:linear-gradient(165deg,var(--navy),var(--navy-700));color:#dfeaf6}
.section-head{max-width:680px;margin:0 auto 48px;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-weight:800;font-size:12.5px;
  letter-spacing:.10em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.kicker::before{content:"";width:22px;height:2px;background:var(--gold);border-radius:2px}
.section-head h2{font-size:clamp(1.9rem,4.6vw,2.7rem);font-weight:600}
.section-navy .section-head h2{color:#fff}
.section-lede{color:var(--muted);font-size:1.12rem;margin-top:14px}
.section-navy .section-lede{color:#aec6e0}

/* ---------- How we vet (funnel) ---------- */
.vet-wrap{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.steps{display:grid;gap:14px}
.step{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);position:relative}
.step-ic{width:50px;height:50px;border-radius:14px;background:var(--sky);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.step:last-child .step-ic{background:#e4f6ee;color:var(--green-dark)}
.step-n{position:absolute;top:16px;right:20px;font-family:var(--font-head);font-weight:800;font-size:13px;color:var(--faint)}
.step h3{font-size:1.18rem;margin-bottom:5px}
.step p{color:var(--muted);font-size:15px}
/* funnel graphic */
.funnel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 26px;box-shadow:var(--shadow);text-align:center}
.funnel-top{font-family:var(--font-head);font-weight:800;color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.funnel-sub{color:var(--muted);font-size:13.5px;margin-bottom:18px}
.fl{height:54px;display:flex;align-items:center;justify-content:center;margin:0 auto 9px;border-radius:12px;
  font-family:var(--font-head);font-weight:800;color:#fff;position:relative}
.fl1{width:100%;background:linear-gradient(90deg,#7e8ea3,#5b6878);font-size:15px}
.fl-screen{width:84%;background:var(--sky);color:var(--navy);border:1.5px dashed var(--blue-soft);font-weight:700;font-size:13px;height:auto;padding:12px;flex-direction:column;gap:6px}
.fl-screen .scr-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.fl-screen .scr{font-size:11.5px;font-weight:700;color:var(--blue);background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.fl3{width:46%;background:linear-gradient(90deg,var(--green),var(--green-dark));font-size:15px;box-shadow:0 12px 26px rgba(22,160,107,.3)}
.fl-arrow{color:var(--faint);margin:2px 0 9px;display:flex;justify-content:center}
.fl-cap{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:4px}

/* ---------- Comparison ---------- */
.compare-wrap{display:grid;grid-template-columns:1fr;gap:18px;max-width:960px;margin:0 auto}
.compare-col{border-radius:var(--radius-lg);padding:28px;background:#fff;border:1px solid var(--line)}
.compare-new{border:2px solid var(--green);box-shadow:0 20px 50px rgba(22,160,107,.16)}
.compare-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.compare-tag{font-family:var(--font-head);font-weight:800;font-size:13px;padding:6px 13px;border-radius:999px}
.tag-old{background:#f4f1ee;color:#8a6a4a}
.tag-new{background:#e4f6ee;color:var(--green-dark)}
.compare-list{list-style:none}
.compare-list li{display:flex;gap:13px;padding:13px 0;border-top:1px solid var(--line-2);font-size:15.5px;color:var(--ink)}
.compare-list li:first-child{border-top:none}
.ci{flex-shrink:0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.ci-x{background:#f4eee9;color:#a06a3b}
.ci-ok{background:var(--green);color:#fff}

/* ---------- Credibility band (navy) ---------- */
.creds{display:grid;grid-template-columns:1fr;gap:22px;text-align:center}
.cred{padding:8px}
.cred .cred-n{font-family:var(--font-head);font-weight:800;font-size:2.6rem;color:#fff;line-height:1;letter-spacing:-.02em}
.cred .cred-n .u{color:var(--gold)}
.cred .cred-l{color:#aec6e0;font-weight:600;font-size:14.5px;margin-top:8px}

/* ---------- Testimonials ---------- */
.tcards{display:grid;grid-template-columns:1fr;gap:18px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
.tstars{display:flex;gap:2px;color:var(--gold);margin-bottom:12px}
.tquote{color:var(--ink);font-size:15.5px;line-height:1.6;margin-bottom:18px}
.tperson{display:flex;align-items:center;gap:12px}
.tav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;
  color:#fff;font-size:15px;background:linear-gradient(150deg,var(--blue),var(--navy))}
.tperson b{font-family:var(--font-head);color:var(--navy);font-size:15px;display:block}
.tperson span{color:var(--muted);font-size:13px;font-weight:600}

/* ---------- Final CTA ---------- */
.finalcta{background:linear-gradient(165deg,var(--navy),var(--navy-700));border-radius:var(--radius-lg);
  padding:54px 30px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.finalcta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.1px,transparent 1.1px);background-size:22px 22px;opacity:.6}
.finalcta h2{color:#fff;font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:600;position:relative}
.finalcta p{color:#bcd2e9;margin:14px auto 26px;max-width:520px;font-size:1.1rem;position:relative}
.finalcta .btn{position:relative}

/* ---------- Footer ---------- */
.site-footer{background:#06203a;color:#a9c0d8;padding:54px 0 28px}
.footer-inner{display:grid;grid-template-columns:1fr;gap:28px}
.footer-name{color:#fff;font-size:24px}
.footer-tag{color:#8ba6c4;margin-top:9px;font-size:14.5px;max-width:320px}
.footer-links{display:flex;flex-wrap:wrap;gap:13px 22px}
.footer-links a{color:#a9c0d8;font-size:14px;font-weight:500}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:20px}
.footer-bottom p{color:#6f88a4;font-size:12.5px}

/* ---------- Service LP: single-CTA opener ---------- */
.start-solo .start-row{grid-template-columns:1fr}
/* ---------- Service value band ---------- */
.svc-band{background:linear-gradient(165deg,var(--navy),var(--navy-700));color:#dfeaf6}
.svc-band-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.svc-band h2{color:#fff;font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.015em}
.svc-band p{color:#bcd2e9;margin-top:12px;font-size:1.06rem}
.svc-points{list-style:none;display:grid;gap:13px;margin-top:4px}
.svc-points li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:#dbe7f5}
.svc-points .vp{flex-shrink:0;width:27px;height:27px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin-top:1px}
/* ---------- Service "what we handle" grid ---------- */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:880px;margin:0 auto}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}
.svc-card .sc-ic{width:46px;height:46px;border-radius:13px;background:var(--sky);color:var(--blue);display:grid;place-items:center;margin-bottom:13px}
.svc-card h3{font-size:1.1rem;margin-bottom:5px}
.svc-card p{color:var(--muted);font-size:14.5px}
@media (min-width:680px){
  .svc-band-grid{grid-template-columns:1.05fr .95fr;gap:42px}
  .svc-grid{grid-template-columns:repeat(4,1fr)}
}

/* ============================================================
   QUIZ OVERLAY (carried from v1 so the funnel still launches)
   ============================================================ */
.quiz-overlay{position:fixed;inset:0;z-index:100;background:rgba(10,42,73,.55);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}
.quiz-overlay[hidden]{display:none}
.quiz-modal{background:#fff;width:100%;max-width:560px;min-height:100dvh;display:flex;flex-direction:column;padding:14px 22px 40px;animation:slideUp .28s ease}
@keyframes slideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.quiz-bar{display:flex;align-items:center;gap:10px;padding:6px 0 12px}
.quiz-back,.quiz-close{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:15px;padding:8px;border-radius:8px}
.quiz-back:hover,.quiz-close:hover{color:var(--navy);background:var(--sky)}
.quiz-back[hidden]{visibility:hidden}
.quiz-brand{font-family:var(--font-head);font-weight:800;font-size:18px;color:var(--navy);margin:0 auto}
.quiz-progress{height:8px;background:var(--sky);border-radius:999px;overflow:hidden;margin:4px 0 6px}
.quiz-progress-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1)}
.quiz-step-label{font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.03em;margin-bottom:18px}
.quiz-body{flex:1}
.quiz-q{font-family:var(--font-head);font-weight:800;color:var(--navy);font-size:clamp(1.4rem,5vw,1.7rem);line-height:1.22;margin-bottom:8px}
.quiz-help{color:var(--muted);font-size:15px;margin-bottom:22px}
.quiz-sub-q{font-family:var(--font-head);font-weight:700;color:var(--navy);font-size:1.1rem;margin:26px 0 12px}
.opt-list{display:flex;flex-direction:column;gap:11px}
.opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--sky-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:17px 18px;cursor:pointer;font-family:var(--font-body);font-size:16.5px;font-weight:600;color:var(--ink);transition:all .13s ease;min-height:60px}
.opt:hover{border-color:var(--blue);background:#fff;transform:translateX(2px);box-shadow:var(--shadow-sm)}
.opt.is-selected{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(30,111,217,.16)}
.opt-emoji{font-size:24px;line-height:1;flex-shrink:0}
.opt-ic{flex-shrink:0;color:var(--blue);display:flex}
.opt-arrow{margin-left:auto;color:var(--blue);opacity:.5}
.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.tile-grid .opt{flex-direction:column;align-items:flex-start;justify-content:center;min-height:104px;gap:10px}
.tile-grid .opt-arrow{display:none}
.tile-grid .opt-ic{width:46px;height:46px;border-radius:13px;background:var(--sky);color:var(--blue);display:grid;place-items:center;transition:background .13s ease,color .13s ease}
.tile-grid .opt:hover .opt-ic,.tile-grid .opt.is-selected .opt-ic{background:var(--blue);color:#fff}
.opt-arrow svg{display:block}
.quiz-zip{width:100%;font-size:22px;letter-spacing:.04em;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--radius-sm);text-align:center;font-family:var(--font-head);font-weight:700;color:var(--navy);background:var(--sky-2)}
.quiz-zip:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(30,111,217,.13)}
.field-err{color:#c0392b;font-size:14px;font-weight:600;margin-top:10px;min-height:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}
.form-grid .full{grid-column:1/-1}
.form-field label{display:block;font-weight:600;font-size:14px;color:var(--navy);margin-bottom:6px}
.form-field input{width:100%;font-size:16.5px;padding:14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--ink);background:var(--sky-2)}
.form-field input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(30,111,217,.12)}
.form-micro{text-align:center;color:var(--muted);font-size:14.5px;font-weight:600;margin-bottom:14px}
.consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;background:var(--sky);border:1px solid var(--line);border-radius:12px;padding:14px}
.consent input[type=checkbox]{width:22px;height:22px;margin-top:2px;flex-shrink:0;accent-color:var(--green);cursor:pointer}
.consent label{font-size:11.5px;line-height:1.5;color:var(--muted);cursor:pointer}
.consent a{color:var(--blue);text-decoration:underline}
.soft-exit{text-align:center;padding:30px 6px}
.soft-exit .se-icon{font-size:48px;margin-bottom:14px}
.soft-exit h2{font-size:1.6rem;margin-bottom:12px}
.soft-exit p{color:var(--muted);font-size:16px;margin-bottom:24px;max-width:380px;margin-inline:auto}
.confirm{text-align:center;padding:34px 6px}
.confirm-check{width:88px;height:88px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 12px 34px rgba(22,160,107,.4);animation:pop .4s cubic-bezier(.2,1.3,.5,1)}
@keyframes pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.confirm h2{font-size:1.7rem;margin-bottom:14px}
.confirm p{color:var(--muted);font-size:16.5px;max-width:400px;margin:0 auto 14px}
.confirm-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 28px}
.confirm-pill{display:inline-flex;align-items:center;gap:7px;background:var(--sky);color:var(--navy);font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:999px;border:1px solid var(--line)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (min-width:680px){
  .topbar-item:nth-child(n+3){display:flex}
  .start-fine{justify-content:flex-start}
  .creds{grid-template-columns:repeat(3,1fr)}
  .tcards{grid-template-columns:repeat(3,1fr)}
  .compare-wrap{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1.5fr 1fr;align-items:start}
  .footer-links{justify-content:flex-end}
}
@media (min-width:940px){
  .hero{padding:70px 0 84px}
  .hero-grid{grid-template-columns:1.02fr .98fr;gap:52px}
  .vet-wrap{grid-template-columns:1.05fr .95fr;gap:46px}
  .section{padding:88px 0}
}
@media (max-width:679px){
  .header-nav{display:none}
  .header-cta{margin-left:auto}
  .start-row{grid-template-columns:1fr}
  .stack-flag{right:-6px}
}
@media (min-width:940px){.quiz-modal{min-height:auto;margin-top:34px;border-radius:22px;box-shadow:var(--shadow-lg);padding-bottom:30px}.quiz-overlay{padding:0 20px 40px}}