/* Public Live Tax Bill demo — homepage + /tools. No account. No Command Center. */
#livebill{scroll-margin-top:80px;padding:28px 0 8px}
section#livebill{padding:64px 0 20px}
.ltbd{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:30px;align-items:stretch}
.ltbd-controls,.ltbd-out{background:rgba(10,20,38,.55);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px}
.ltbd-controls{backdrop-filter:blur(6px)}
.ltbd-row{margin-bottom:20px}
.ltbd label{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#93a1b8);font-weight:600;margin-bottom:9px}
.ltbd-seg{display:flex;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px}
.ltbd-seg button{flex:1;padding:9px 6px;border:0;background:transparent;color:var(--muted,#93a1b8);font-size:13px;font-weight:600;border-radius:9px;cursor:pointer;transition:all .16s;min-height:44px}
.ltbd-seg button.on{background:var(--brand,#0B5DAE);color:#fff;box-shadow:0 6px 18px rgba(11,93,174,.28)}
.ltbd-slider{margin-bottom:18px}
.ltbd-lab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:10px}
.ltbd-lab span{font-size:13.5px;color:var(--text,#f2f5fb)}
.ltbd-lab b{font-size:15px;color:var(--ice,#9ddcff);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.ltbd input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(255,255,255,.12);outline:none;touch-action:pan-y}
.ltbd input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #0B5DAE;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.ltbd input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:3px solid #0B5DAE;cursor:pointer}
.ltbd-row2{display:flex;gap:16px;margin-top:4px}
.ltbd-mini{flex:1;min-width:0}
.ltbd-step{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px 12px}
.ltbd-step button{width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--ice,#7FB2EC);font-size:18px;cursor:pointer;line-height:1}
.ltbd-step b{flex:1;text-align:center;font-size:16px;color:var(--text,#f2f5fb)}
.ltbd select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text,#f2f5fb);font-size:14px;cursor:pointer;min-height:44px}
.ltbd-out{display:flex;flex-direction:column;gap:2px;background:radial-gradient(120% 120% at 80% -10%,rgba(47,125,225,.16),rgba(10,20,38,.55) 60%)}
.ltbd-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--ice,#7FB2EC);border:1px solid rgba(21,116,209,.4);background:rgba(11,93,174,.12);padding:5px 11px;border-radius:999px}
.ltbd-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--brand,#0B5DAE)}
.ltbd-num{font-size:58px;font-weight:800;letter-spacing:-2px;line-height:1.05;color:#fff;margin-top:14px;font-variant-numeric:tabular-nums;font-family:var(--fb,Inter,system-ui,sans-serif)}
.ltbd-fail[hidden]{display:none!important}
.ltbd-out.is-engine-down .ltbd-num,.ltbd-out.is-engine-down .ltbd-chips,.ltbd-out.is-engine-down .ltbd-insight{display:none}
.ltbd-fail .ltb-guard{margin:14px 0 8px;padding:12px 0;border-top:1px solid rgba(200,162,75,.35);color:#C8A24B}
.ltbd-fail .ltb-guard-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.ltbd-fail .ltb-guard-msg{font-size:13px;line-height:1.45;color:#93a1b8}
.ltbd-fail .ltb-guard-msg b{color:#C8A24B}
.ltbd-cap{font-size:13px;color:var(--muted,#93a1b8);margin-top:4px}
.ltbd-chips{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 6px}
.ltbd-chip{font-size:12.5px;color:var(--muted,#93a1b8);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 11px}
.ltbd-chip b{color:var(--text,#f2f5fb);font-weight:700;margin-left:4px;font-variant-numeric:tabular-nums}
.ltbd-insight{font-size:13px;line-height:1.55;color:var(--ice,#9ddcff);background:rgba(47,125,225,.09);border:1px solid rgba(47,125,225,.22);border-radius:12px;padding:11px 13px;margin:8px 0 12px;min-height:20px}
.ltbd-explain{font-size:12px;line-height:1.5;color:var(--muted,#93a1b8);margin:0 0 10px}
.ltbd-explain b{color:var(--text,#f2f5fb);font-weight:700}
.ltbd-explain ul{margin:6px 0 0;padding-left:18px}
.ltbd-ab{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.ltbd-ab-btn{min-height:40px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text,#f2f5fb);font-size:12.5px;font-weight:600;cursor:pointer}
.ltbd-note{font-size:11px;line-height:1.55;color:var(--muted,#93a1b8);margin:auto 0 12px}
.ltbd-note b{color:var(--text,#f2f5fb);font-weight:600}
.ltbd-next{margin-top:22px;padding:18px 4px 0;border-top:1px solid rgba(255,255,255,.08)}
.ltbd-next h3{margin:0 0 10px;font-family:var(--ff-display,'Space Grotesk',system-ui,sans-serif);font-size:1.15rem;letter-spacing:-.02em}
.ltbd-next ol{margin:0;padding-left:18px;color:var(--muted,#93a1b8);font-size:14px;line-height:1.55}
.ltbd-next li{margin:0 0 8px}
.ltbd-next b{color:var(--text,#f2f5fb)}
.ltbd .btn{min-height:44px}

/* Tablet — stack the rebuilt hero, keep chips in a row */
@media(max-width:768px){
  #livebill{padding:20px 0 4px}
  .ltbd{grid-template-columns:1fr;gap:16px;margin-top:22px}
  .ltbd-controls,.ltbd-out{padding:20px 18px;border-radius:16px}
  .ltbd-num{font-size:48px;letter-spacing:-1.5px}
  .ltbd-lab{flex-wrap:wrap}
  .hero-ctas{flex-wrap:wrap}
  .hero-ctas .btn{flex:1 1 220px;justify-content:center}
}

/* Phone — one column, 44px targets, money on its own line */
@media(max-width:390px){
  #livebill{padding:12px 0 0;scroll-margin-top:72px}
  .ltbd{gap:12px;margin-top:16px}
  .ltbd-controls,.ltbd-out{padding:16px 14px;border-radius:14px}
  .ltbd-num{font-size:34px;letter-spacing:-1px;line-height:1.08}
  .ltbd-chips{flex-direction:column;gap:8px}
  .ltbd-chip{width:100%}
  .ltbd-row2{flex-direction:column;gap:12px}
  .ltbd-lab{flex-direction:column;align-items:flex-start;gap:4px}
  .ltbd-seg{flex-direction:column}
  .ltbd-seg button{width:100%}
  .ltbd-next{padding-top:14px}
}

@media (prefers-reduced-motion:reduce){
  .ltbd-num{transition:none}
  .ltbd-seg button{transition:none}
}