:root{
    --navy:#0B1F3A; --ink:#070D1A; --muted:#4B5565;
    --green:#10B981; --green-600:#059669; --green-700:#047857;
    --gold:#6EE7B7; --bg:#FFFFFF; --soft:#F1F5F9; --border:#E2E8F0;
    --shadow-lg:0 30px 60px -22px rgba(7,13,26,.4);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%}
  body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
  .dsp{font-family:'Archivo',system-ui,sans-serif}
  img{max-width:100%;display:block}
  .wrap{width:100%;max-width:480px;margin:0 auto;padding:0 16px}
  @media(min-width:900px){.wrap{max-width:1100px;padding:0 28px}}

  /* announce bar */
  .announce{background:var(--green);color:#fff;text-align:center;font-weight:700;font-size:13px;padding:8px 12px;letter-spacing:.01em}
  .announce b{color:#ECFDF5;text-decoration:underline;text-underline-offset:2px}

  .topbar{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff}
  .topbar .row{display:flex;align-items:center;justify-content:space-between;height:58px}
  .brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:-.01em}
  .brand b{color:var(--gold)}
  .phone{display:inline-flex;flex-direction:column;align-items:flex-end;text-decoration:none;color:#fff;line-height:1.1}
  .phone small{font-size:10px;color:#9DB2D9;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
  .phone b{font-size:16px;font-weight:800;color:var(--gold)}

  .hero{background:
      radial-gradient(130% 90% at 80% -20%, #11296A 0%, var(--navy) 55%, #081636 100%);
      color:#fff;padding:14px 0 30px;position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 0);background-size:22px 22px;pointer-events:none}
  @media(min-width:900px){.hero{padding:54px 0 64px}}
  .hero-grid{position:relative;z-index:1;display:grid;gap:14px}
  @media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr;column-gap:46px;row-gap:18px;align-items:start;grid-template-rows:auto 1fr;grid-template-areas:"lede card" "proof card"}.lede{grid-area:lede}.card{grid-area:card}.proof{grid-area:proof}}

  .badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.45);color:var(--gold);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:7px 13px;border-radius:999px}
  h1{font-size:27px;line-height:1.06;font-weight:900;letter-spacing:-.02em;margin:10px 0 0;text-transform:uppercase}
  h1 .gold{color:var(--gold)}
  @media(min-width:600px){h1{font-size:40px}}
  @media(min-width:900px){h1{font-size:50px;margin-top:14px}}
  .sub{color:#C7D2E8;font-size:16.5px;margin-top:14px;max-width:42ch;font-weight:500}
  .sub b{color:#fff}

  /* quiz */
  .card{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;color:var(--ink)}
  .card-top{background:var(--green);color:#fff;padding:13px 18px;display:flex;align-items:center;justify-content:space-between}
  .card-top .t{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}
  .card-top .pct{font-weight:900;font-size:14px;font-variant-numeric:tabular-nums}
  .progress{height:6px;background:#0a3d1f33;position:relative}
  .progress i{position:absolute;inset:0 auto 0 0;width:20%;background:#ECFDF5;transition:width .45s cubic-bezier(.4,0,.2,1)}
  .card-body{padding:18px}
  .q{font-family:'Archivo';font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.01em;margin-bottom:4px}
  .q-help{font-size:13.5px;color:var(--muted);margin-bottom:15px}
  .opts{display:grid;gap:10px}
  .opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;border:2px solid var(--border);border-radius:13px;padding:15px;font-size:15.5px;font-weight:700;color:var(--ink);cursor:pointer;min-height:56px;transition:.14s}
  .opt:hover{border-color:var(--green);background:#F0FDF4}
  .opt:active{transform:scale(.99)}
  .opt:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(22,163,74,.4);border-color:var(--green)}
  .opt .ic{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:#ECFDF3;color:var(--green-600);display:grid;place-items:center}
  .opt .arrow{margin-left:auto;color:#94A3B8;transition:.14s}
  .opt:hover .arrow{transform:translateX(3px);color:var(--green)}
  .opt.sel{border-color:var(--green);background:#DCFCE7}

  .field{margin-bottom:13px}
  .field label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}
  .field label .optnote{color:#94A3B8;font-weight:600}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .field input,.field select{width:100%;font:inherit;font-size:16px;padding:14px;border:2px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);min-height:52px;transition:.14s}
  .field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}
  .field input:focus,.field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(16,185,129,.18)}
  .field.invalid input,.field.invalid select{border-color:#DC2626}
  .field .err{color:#DC2626;font-size:12.5px;font-weight:600;margin-top:5px;display:none}
  .field.invalid .err{display:block}
  .consent{display:flex;gap:10px;align-items:flex-start;margin:6px 0 15px;font-size:11.5px;color:var(--muted);line-height:1.5}
  .consent input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;accent-color:var(--green)}
  .consent a{color:var(--green-600)}

  .cta{width:100%;border:0;cursor:pointer;font-family:'Archivo';font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,var(--green),var(--green-600));border-radius:13px;padding:18px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 14px 26px -8px rgba(22,163,74,.6);transition:.14s;animation:cta 2.4s ease-in-out infinite}
  @keyframes cta{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
  .cta:hover{filter:brightness(1.05)}
  .cta:active{transform:translateY(1px);animation:none}
  .cta:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(22,163,74,.4)}
  .cta[disabled]{opacity:.65;cursor:not-allowed;animation:none}
  .cta .spin{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}
  @keyframes spin{to{transform:rotate(360deg)}}
  .backbtn{background:none;border:0;color:var(--muted);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;padding:8px 4px;margin-top:10px;display:inline-flex;align-items:center;gap:5px}
  .securenote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:#94A3B8;font-weight:600;margin-top:13px}

  .success{text-align:center;padding:32px 22px}
  .success .check{width:74px;height:74px;border-radius:50%;background:#DCFCE7;display:grid;place-items:center;margin:0 auto 16px;animation:pop .5s cubic-bezier(.2,1.2,.4,1)}
  @keyframes pop{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}
  .success h3{font-family:'Archivo';font-size:24px;font-weight:900;margin-bottom:8px}
  .success p{color:var(--muted);font-size:15px;max-width:34ch;margin:0 auto}
  .success .ph{margin-top:18px;display:inline-flex;gap:8px;align-items:center;font-weight:900;color:var(--green-600);font-size:19px;text-decoration:none;font-family:'Archivo'}

  .guarantees{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .g{display:inline-flex;align-items:center;gap:7px;color:#C7D2E8;font-size:12.5px;font-weight:600}
  .g svg{color:var(--gold)}

  section.band{padding:46px 0}
  .band.dark{background:var(--navy);color:#fff}
  .band.soft{background:var(--soft)}
  .kicker{text-align:center;color:var(--green-600);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
  .band.dark .kicker{color:var(--gold)}
  .h2{font-family:'Archivo';text-align:center;font-size:28px;font-weight:900;letter-spacing:-.02em;margin-bottom:6px;text-transform:uppercase}
  @media(min-width:900px){.h2{font-size:38px}}
  .lead{text-align:center;color:var(--muted);max-width:48ch;margin:0 auto 28px}
  .band.dark .lead{color:#C7D2E8}

  .settles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  @media(min-width:760px){.settles{grid-template-columns:repeat(4,1fr)}}
  .settle{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 14px;text-align:center}
  .settle .amt{font-family:'Archivo';font-size:27px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
  .settle .l{font-size:12.5px;color:#9DB2D9;font-weight:600;margin-top:4px}

  .compare{max-width:520px;margin:0 auto;display:grid;gap:14px}
  .cmp{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px}
  .cmp .who{font-weight:700}
  .cmp .who small{display:block;color:var(--muted);font-weight:600;font-size:12px}
  .cmp .val{font-family:'Archivo';font-weight:900;font-size:24px;font-variant-numeric:tabular-nums}
  .cmp.bad .val{color:#94A3B8}
  .cmp.good{border-color:var(--green);box-shadow:0 8px 20px -10px rgba(22,163,74,.4)}
  .cmp.good .val{color:var(--green-600)}

  .reviews{display:grid;gap:14px}
  @media(min-width:760px){.reviews{grid-template-columns:repeat(3,1fr)}}
  .review{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}
  .review .rs{color:var(--gold);letter-spacing:2px;margin-bottom:9px}
  .review p{font-size:14.5px;color:#334155}
  .review .who{margin-top:13px;font-size:13px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}
  .review .av{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}

  .finalcta{background:linear-gradient(135deg,var(--green-700),var(--green-600));color:#fff;text-align:center;padding:48px 0}
  .finalcta h2{font-family:'Archivo';font-size:30px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:10px}
  .finalcta p{max-width:44ch;margin:0 auto 22px;font-weight:600}
  .finalcta .btn{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-family:'Archivo';font-weight:900;font-size:17px;text-transform:uppercase;padding:17px 30px;border-radius:13px;text-decoration:none;min-height:58px}

  footer{background:var(--ink);color:#7A8699;font-size:12px;line-height:1.7;padding:32px 0 110px}
  footer .brand{color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:9px}
  footer a{color:#AEBAD0;text-decoration:underline}

  .stickycall{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--border);padding:10px 14px;display:flex;gap:10px;box-shadow:0 -8px 24px -12px rgba(11,31,77,.3)}
  .stickycall a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;font-size:15px;border-radius:12px;min-height:50px}
  .stickycall .sc-call{background:#fff;border:2px solid var(--navy);color:var(--navy)}
  .stickycall .sc-start{background:linear-gradient(180deg,var(--green),var(--green-600));color:#fff}
  @media(min-width:900px){.stickycall{display:none}footer{padding-bottom:32px}}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* brand logo — fixed height so it never resizes the header */
.brand-logo{height:26px;width:auto;max-width:210px;display:block;flex:0 0 auto}
.brand-logo-footer{height:22px}