@font-face{font-family:'Libre Baskerville';src:url('/assets/fonts/libre-baskerville-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Libre Baskerville';src:url('/assets/fonts/libre-baskerville-400i.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Libre Baskerville';src:url('/assets/fonts/libre-baskerville-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Outfit';src:url('/assets/fonts/outfit-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.hba{--navy-deep:#01243a;--navy:#033f60;--navy-mid:#064d75;--gold:#d4a853;--gold-soft:#f6ecd6;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--line-hover:#cbd5e1;--bg:#f8fafc;--card:#ffffff;--err:#b42318;--radius:10px;--radius-lg:16px;
  font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);line-height:1.6;font-size:16px;color-scheme:light}
.hba *,.hba *::before,.hba *::after{box-sizing:border-box}
.hba [hidden]{display:none!important}
.hba .screen{max-width:640px;margin:0 auto;padding:20px 4px 40px;animation:hba-in .28s ease-out}
@keyframes hba-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hba h1,.hba h2{font-family:'Libre Baskerville',Georgia,'Times New Roman',serif;color:var(--navy-deep);font-weight:400;margin:0}
.hba h1 em,.hba h2 em{font-style:italic;color:var(--navy-mid)}
.hba h1{font-size:clamp(24px,5.2vw,32px);line-height:1.3;margin-bottom:10px}
.hba h1:focus{outline:none}
.hba .hba-hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 26px;box-shadow:0 8px 24px rgba(1,36,58,.06)}
.hba .hba-hero h1{font-size:clamp(28px,6vw,40px);line-height:1.2;margin-bottom:14px}
.hba .hba-hero h1 em{color:var(--navy-mid);border-bottom:3px solid var(--gold);padding-bottom:1px}
.hba .lede{font-size:17px;color:var(--ink);margin:0 0 22px}
.hba .fine,.hba .fineprint{font-size:13px;color:var(--muted);margin:14px 0 0}
.hba .eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.hba .help{color:var(--muted);margin:0 0 18px}
.hba .top{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.hba .bar{flex:1;height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.hba .bar i{display:block;height:100%;background:var(--gold);border-radius:6px;transition:width .35s ease}
.hba .link{background:none;border:0;padding:8px 0;color:var(--navy-mid);font:500 15px 'Outfit',system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hba .link:hover{color:var(--navy-deep)}
.hba .actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
.hba .hba-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border:0;border-radius:var(--radius);background:var(--navy);color:#fff;font:600 16px 'Outfit',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.hba .hba-btn:hover{background:var(--navy-mid)}
.hba .hba-btn.wide{width:100%}
.hba .opts{display:grid;gap:10px;margin:0 0 6px}
.hba .opts.scroll{max-height:360px;overflow-y:auto;padding-right:4px}
.hba .opt{display:flex;align-items:center;min-height:52px;width:100%;padding:12px 18px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:500 16px 'Outfit',system-ui,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.hba .opt:hover{border-color:var(--navy-mid);background:#f3f7fa}
.hba .opt[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.hba div[role="group"].opts{grid-template-columns:1fr 1fr}
.hba .field{display:block;margin:0 0 14px}
.hba .field>span{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-bottom:6px}
.hba .field input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);font:400 16px 'Outfit',system-ui,sans-serif;transition:border-color .15s}
.hba .field input:hover{border-color:var(--line-hover)}
.hba .field input:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px rgba(6,77,117,.12)}
.hba .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 10px}
.hba .check input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy)}
.hba .err{color:var(--err);font-size:14px;margin:6px 0 0;min-height:0}
.hba .err:empty{display:none}
.hba .result,.hba .nextstep,.hba .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 22px;margin:0 0 14px}
.hba .result{border-top:4px solid var(--gold)}
.hba .msg{margin:0 0 8px;font-size:16px}
.hba .also,.hba .exam{margin:8px 0 0;color:var(--ink)}
.hba .ready{margin:0 0 10px;font-weight:500}
.hba .cta{margin:6px 0 10px}
.hba .cta .fineprint{text-align:center}
.hba .panel .ph{margin-bottom:14px}
.hba .panel h2{font-size:20px}
.hba .reveal{animation:hba-in .3s ease-out both}
.hba :focus-visible{outline:2px solid var(--navy-mid);outline-offset:2px}
.hba-ov{position:fixed;inset:0;z-index:2147483000;display:flex;justify-content:flex-end}
.hba-ov[hidden]{display:none}
.hba-ov .hba-bd{position:absolute;inset:0;background:rgba(1,36,58,.45)}
.hba-ov .hba-pn{position:relative;display:flex;flex-direction:column;width:min(560px,100%);height:100%;background:#f8fafc;animation:hba-slide .28s ease-out}
@keyframes hba-slide{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
.hba-ov .hba-hd{display:flex;justify-content:flex-end;padding:max(10px,env(safe-area-inset-top)) 12px 4px}
.hba-ov .hba-x{width:44px;height:44px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#033f60;font-size:24px;line-height:1;cursor:pointer}
.hba-ov .hba-root{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 16px max(16px,env(safe-area-inset-bottom))}
@media (max-width:600px){.hba-ov .hba-pn{width:100%}.hba .hba-hero{padding:26px 20px}.hba .result,.hba .nextstep,.hba .panel{padding:20px 18px}}
@media (prefers-reduced-motion:reduce){.hba *,.hba-ov *{animation:none!important;transition:none!important}}
.hba .qlabel{margin:18px 0 10px;font-size:15px;font-weight:600;color:var(--navy-deep)}
.hba .qblock{margin:0 0 6px}
.hba .qblock+.qblock{border-top:1px solid var(--line);padding-top:4px;margin-top:10px}
.hba .opts.grid2{grid-template-columns:1fr 1fr}
.hba .opt small{display:block;margin-left:auto;padding-left:10px;font-size:12px;color:var(--muted);font-weight:400}
.hba .opt[aria-pressed="true"] small{color:#dbe7ef}
.hba .opt.center{justify-content:center}
.hba .center{text-align:center}
.hba .chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.hba .chip{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:500 14px 'Outfit',system-ui,sans-serif;cursor:pointer}
.hba .chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.hba .row{display:flex;gap:8px;align-items:stretch}
.hba .row input{flex:1;min-width:0;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);font:400 16px 'Outfit',system-ui,sans-serif;color:var(--ink);background:var(--card)}
.hba .row .hba-btn{min-height:50px;padding:0 18px}
.hba .hba-hero{margin-bottom:8px}
.hba .panel .qlabel{margin-top:0}
.hba .combo{position:relative}
.hba .cb-in{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);font:400 16px 'Outfit',system-ui,sans-serif;color:var(--ink);background:var(--card)}
.hba .cb-in:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px rgba(6,77,117,.12)}
.hba .cb-list{margin-top:6px;max-height:280px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.hba .cb-opt{display:block;width:100%;text-align:left;min-height:44px;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:none;font:500 15px 'Outfit',system-ui,sans-serif;color:var(--ink);cursor:pointer}
.hba .cb-opt:last-child{border-bottom:0}
.hba .cb-opt:hover,.hba .cb-opt[aria-selected="true"]{background:#f3f7fa}
.hba .steps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.hba .step{display:flex;gap:12px}
.hba .num{flex:none;width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:var(--navy-deep);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.hba .num.on{background:var(--navy);color:#fff}
.hba .st{margin:0;font-size:15px;font-weight:600;color:var(--navy-deep)}
.hba .sd{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.hba .pkg{background:var(--card);border:1px solid var(--line);border-top:4px solid #d4a853;border-radius:16px;padding:18px;margin:12px 0}
.hba .pkg-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.hba .pkg-title{font-size:16px;font-weight:600;color:var(--navy-deep)}
.hba .badge{font-size:12px;font-weight:600;color:var(--navy);background:#e8f1f7;padding:4px 8px;border-radius:999px;white-space:nowrap}
.hba .price{margin:8px 0 4px;font-family:'Libre Baskerville',Georgia,serif;font-size:28px;color:var(--navy-deep)}
.hba .price.small{margin:0;font-size:18px;white-space:nowrap}
.hba .checks{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}
.hba .checks li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.hba .checks svg{flex:none;margin-top:2px;color:var(--navy)}
.hba .hba-btn.ghost{background:var(--card);color:var(--navy-deep);border:1px solid var(--line);margin-top:10px}
.hba .trust{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted);margin:14px 0 4px}
.hba .notice{background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;color:#5c4a12;margin:12px 0}
.hba .sim{display:flex;flex-direction:column;gap:12px}
.hba .sim-flag{margin:0;background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.45;color:#5c4a12;text-align:center}
.hba .sim-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px rgba(1,36,58,.08)}
.hba .sim-card.center{align-items:center;text-align:center}
.hba .sim-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.hba .sim-lock{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--navy-deep)}
.hba .sim-merchant{margin:6px 0 0;font:600 16px 'Outfit',system-ui,sans-serif;color:var(--navy-deep)}
.hba .sim-msg{margin:0;font-size:13px;color:var(--muted)}
.hba .sim-amt{margin:4px 0 6px;font-size:30px;font-weight:600;color:var(--navy-deep);letter-spacing:-.01em}
.hba .sim-wallet{min-height:48px;border-radius:10px;font:600 15px 'Outfit',system-ui,sans-serif;cursor:pointer}
.hba .sim-wallet.apple{background:#000;color:#fff;border:0}
.hba .sim-wallet.google{background:#fff;color:#1e293b;border:1px solid #cbd5e1}
.hba .sim-or{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:12px;color:var(--muted)}
.hba .sim-or::before,.hba .sim-or::after{content:"";flex:1;height:1px;background:#e2e8f0}
.hba .sim-f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);flex:1}
.hba .sim-f input{min-height:46px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:400 16px 'Outfit',system-ui,sans-serif;color:#475569}
.hba .sim-row{display:flex;gap:10px}
.hba .sim-links{display:flex;justify-content:space-between;gap:10px}
.hba .my{display:flex;gap:10px}
.hba .my select{flex:1;min-width:0;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);font:500 16px 'Outfit',system-ui,sans-serif;color:var(--navy-deep)}
.hba .note{margin:6px 0 10px;font-size:13px;color:var(--muted)}
.hba .reach{display:flex;flex-direction:column;gap:10px}
.hba .reach [hidden]{display:none!important}
.hba .reach-opts{display:flex;flex-direction:column;gap:10px}
.hba .reach-h{margin:0;text-align:center;font-size:14px;color:var(--muted)}
.hba .hba-btn.wa{background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}
.hba .hba-btn.em{background:var(--card);color:var(--navy-deep);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px}
.hba .reach .link{align-self:center}
.hba .reach-opts{max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-height .35s ease,opacity .25s ease .05s}
.hba .reach.open .reach-opts{max-height:280px;opacity:1;visibility:visible}
.hba .reach.open .hba-btn.talk{display:none}
.hba .hba-btn.wa,.hba .hba-btn.em{transition:filter .15s,transform .15s}
.hba .hba-btn.wa:hover,.hba .hba-btn.em:hover{filter:brightness(1.1);transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){.hba .reach-opts,.hba .hba-btn.talk,.hba .hba-btn.wa,.hba .hba-btn.em{transition:none}}
.hba .optw{position:relative}
.hba .optw .opt{padding-right:56px}
.hba .oinfo{position:absolute;top:7px;right:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--navy);cursor:pointer;padding:0}
.hba .optw .opt[aria-pressed="true"] ~ .oinfo{color:#fff}
.hba .oinfo:hover,.hba .oinfo:focus-visible{background:rgba(3,63,96,.10);outline:none}
.hba .opop{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:6;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:13.5px;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hba .optw.show,.hba .optw:hover{z-index:7}
.hba .optw.show .opop{display:block}
@media (hover:hover){.hba .optw:hover .opop{display:block}}
.hba .opt.long{font-size:14.5px}
.hba .hba-ver{margin:28px 0 4px;text-align:center;font-size:11px;letter-spacing:.04em;color:#94a3b8}
.hba .oinfo.inl{position:static;display:inline-flex;vertical-align:middle;width:30px;height:30px;margin:-4px 0 -4px 2px}
.hba .msgw.optw .opop{position:static;margin-top:8px}

html:has(.hba-ov:not([hidden])){scrollbar-gutter:stable}   /* 1.3.4: the page behind the side panel does not shift sideways when it opens */

/* 1.4.0 package card: Hostinger order, gold edge, light green limited time offer band */
.hba .pkg.pk{padding:0;overflow:hidden}
.hba .pk-band{display:flex;align-items:center;justify-content:center;gap:6px;background:#eaf3de;color:#27500a;font-size:14px;font-weight:600;padding:9px 14px}
.hba .pk-body{position:relative;padding:18px}
.hba .pk-off{position:absolute;top:18px;right:18px;background:#a32d2d;color:#fcebeb;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;white-space:nowrap}
.hba .pk-off.pk-allin{background:#e8f1f7;color:var(--navy);font-size:12px;padding:4px 8px}
.hba .pk-t{margin:0 0 4px;padding-right:100px;font-size:16px;font-weight:600;color:var(--navy-deep)}
.hba .pk-d{margin:0 0 14px;font-size:14px;color:var(--muted)}
.hba .pk-was{margin:0;font-size:15px;color:var(--muted)}
.hba .pk-was del{text-decoration:line-through}
.hba .price.pk-price{margin:0 0 4px;font-size:34px}
.hba .pk .cta{margin:14px 0 0}
.hba .pk .hba-btn.talk{background:var(--card);color:var(--navy-deep);border:1.5px solid var(--navy)}
.hba .pk .hba-btn.talk:hover{background:#f1f6fa}
.hba .pk-fine{margin:10px 0 0;font-size:13px;color:var(--muted)}
.hba .pk-hr{border:0;border-top:1px solid var(--line);margin:16px 0 12px}
.hba .pk-save{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:var(--radius);padding:10px 12px;font-size:14px;color:var(--ink);margin:0 0 10px}
.hba .pk-save span:last-child{font-weight:600}
.hba .checks li.pk-no{color:var(--muted)}
.hba .checks li.pk-no svg{color:var(--muted)}

/* 1.5.1 progress (own class name stg; .steps is the path list): named stages with ticks, all green when finished */
.hba .top{display:flex;align-items:flex-start;gap:14px}
.hba .top .link{margin-top:2px;flex-shrink:0}
.hba .stg{flex:1;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
.hba .stg li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;line-height:1.2;color:var(--muted);text-align:center}
.hba .stg li::before,.hba .stg li::after{content:'';position:absolute;top:11px;left:-50%;height:2px;z-index:0}
.hba .stg li::before{width:100%;background:var(--line)}
.hba .stg li::after{width:calc(100% * var(--f,0));background:var(--navy);transition:width .4s ease}
.hba .stg li.ok::after,.hba .stg li.on::after,.hba .stg li.fin::after{background:#3b6d11}
.hba .stg li:first-child::before,.hba .stg li:first-child::after{display:none}
.hba .stg .sd{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--card);border:1.5px solid var(--line);color:var(--muted)}
.hba .stg li.ok .sd{background:#3b6d11;border-color:#3b6d11;color:#eaf3de}
.hba .stg li.on .sd{background:var(--navy);border-color:var(--navy);color:#fff}
.hba .stg li.on .sl{color:var(--navy-deep);font-weight:600}
.hba .stg li.fin .sl{color:#3b6d11;font-weight:600}
@media (max-width:380px){.hba .stg li{font-size:11px}}

/* 1.6.0 motion: waiting dots, springy settle, result reveal (skipped entirely for reduce-motion) */
.hba .screen.dim{opacity:.35;transition:opacity .12s ease-out}
.hba .hba-wait,.hba .hba-done{position:fixed;z-index:60;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:max-content;max-width:90vw}
.hba .hba-wait .wl{margin:0 0 12px;font-size:15px;color:var(--muted)}
.hba .hba-wait .wl:empty{display:none}
.hba .hba-wait .wd{display:inline-flex;gap:8px}
.hba .hba-wait .wd i{width:10px;height:10px;border-radius:50%;background:var(--navy);opacity:.25;animation:hbaDot 1s ease-in-out infinite}
.hba .hba-wait .wd i:nth-child(2){animation-delay:.13s}
.hba .hba-wait .wd i:nth-child(3){animation-delay:.26s}
@keyframes hbaDot{0%,100%{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}
.hba .hba-done .dc{position:relative;display:block;width:72px;height:72px;margin:0 auto}
.hba .hba-done .dr{position:absolute;inset:0;border-radius:50%;background:#c0dd97}
.hba .hba-done .dt{position:absolute;inset:7px;border-radius:50%;background:#3b6d11;color:#eaf3de;display:flex;align-items:center;justify-content:center}
.hba .hba-done p{margin:14px 0 0;font-size:15px;font-weight:600;color:#3b6d11}
.hba .result.skel .sk{color:transparent;background:linear-gradient(90deg,#e6eaee 25%,#f3f5f7 50%,#e6eaee 75%);background-size:200% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;animation:hbaSk 1.1s linear infinite}
.hba .result.skel .oinfo{visibility:hidden}
@keyframes hbaSk{from{background-position:200% 0}to{background-position:-200% 0}}
.hba .pk-band.shine{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);background-size:250% 100%;background-repeat:no-repeat}
@media (prefers-reduced-motion:reduce){.hba .hba-wait .wd i,.hba .result.skel .sk{animation:none}}

/* 1.6.1 motion: the waiting dots sit on a small white card so they read cleanly over any screen */
.hba .screen.dim{opacity:.25}
.hba .hba-wait{background:#fff;padding:18px 28px;border-radius:16px;box-shadow:0 10px 32px rgba(12,30,50,.14)}

/* 1.6.2 result headline: the key word is upright with a soft highlighter behind it (green for good news, light blue otherwise); other headings unchanged */
.hba .result h1 em{font-style:normal;color:var(--navy-deep);background:linear-gradient(transparent 56%,#cfe2f6 56%);padding:0 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hba .result h1 em.ok{background:linear-gradient(transparent 56%,#c0dd97 56%)}

/* 1.6.3 result headline: the key word keeps its original italic serif in navy; the highlighter stays behind it */
.hba .result h1 em{font-style:italic;color:var(--navy-mid)}

/* 1.7.0 searchable lists: the list floats over the page and opens with a short fade and slide; no-match message; keyboard highlight */
.hba .cb-in{scroll-margin-top:16px}
.hba .cb-list{position:absolute;left:0;right:0;top:100%;z-index:30;box-shadow:0 12px 32px rgba(12,30,50,.14);overscroll-behavior:contain}
.hba .cb-list:not([hidden]){animation:hbaCbIn .15s ease-out}
@keyframes hbaCbIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hba .cb-opt.act{background:#e8f1f7;box-shadow:inset 3px 0 0 var(--navy)}
.hba .cb-none{position:absolute;left:0;right:0;top:100%;z-index:30;margin:6px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--muted);font-size:15px;box-shadow:0 12px 32px rgba(12,30,50,.14);animation:hbaCbIn .15s ease-out}
@media (prefers-reduced-motion:reduce){.hba .cb-list:not([hidden]),.hba .cb-none{animation:none}}

/* 1.7.2 result headline: the green highlighter matches the Limited time offer band (#eaf3de) */
.hba .result h1 em.ok{background:linear-gradient(transparent 56%,#eaf3de 56%)}

/* 1.7.3/1.7.4 the green highlighter two shades darker (#d2e5b9); the offer band keeps its original #eaf3de */
.hba .result h1 em.ok{background:linear-gradient(transparent 56%,#d2e5b9 56%)}

/* 1.8.9 the privacy link in the consent line uses the tool link colour, not browser blue */
.hba .fineprint a{color:var(--navy-mid);text-decoration:underline;text-underline-offset:3px}
.hba .fineprint a:hover{color:var(--navy-deep)}