/* BillSavings AI: user-approved opening theme, 2026-09-25.
   Preserve the previous layout byte-for-byte in the imported stylesheet.
   Homepage presentation only. No changes to authentication, checkout,
   billing, analytics, uploads, pricing or account-page styles. */
@import url("/homepage-dashboard-base-6ce8251.css");

body.dashboard-home{
  --dash-bg:#020d27;
  --dash-panel:#071a37;
  --dash-panel-2:#0a2345;
  --dash-line:rgba(75,153,255,.24);
  --dash-line-strong:rgba(75,165,255,.4);
  background:radial-gradient(ellipse at 50% 0%,#092857 0%,#020d27 52%,#020918 100%)!important;
  color:#f4f8ff;
}
/* Remove the old, oversized icon behind the text. The approved artwork
   now has its own first row, so no dashboard or copy can cover its logo. */
body.dashboard-home::before,
body.dashboard-home::after,
body.dashboard-home .hero::before{display:none!important}
body.dashboard-home .hero{
  background:#020d27!important;
  border-color:rgba(72,149,255,.36)!important;
  box-shadow:0 20px 70px rgba(0,4,20,.4)!important;
}
body.dashboard-home .nav,
body.dashboard-home .live-status,
body.dashboard-home .trustbar{
  background:rgba(3,15,39,.96)!important;
  border-color:rgba(75,153,255,.2)!important;
}
body.dashboard-home .hero-main{
  padding:0 22px 22px!important;
  gap:22px!important;
  align-items:center;
}
body.dashboard-home .hero-main::before{
  content:"";
  display:block!important;
  grid-column:1 / -1;
  grid-row:1;
  width:calc(100% + 44px);
  height:clamp(300px,43vw,560px);
  margin:0 -22px;
  background:#020d27 url("/billsavings-brand-hero-20260925.avif") center center / cover no-repeat;
  pointer-events:none;
  opacity:1;
  filter:none;
  border-bottom:1px solid rgba(74,161,255,.2);
}
body.dashboard-home .hero-main>.left{padding:0 0 4px!important;min-width:0}
body.dashboard-home .hero-main>.left h1{
  font-size:clamp(30px,3.3vw,44px)!important;
  line-height:1.06!important;
  letter-spacing:-1.3px!important;
  margin:0 0 13px!important;
  text-shadow:none;
}
body.dashboard-home .hero-main>.left p{
  font-size:13px!important;
  line-height:1.6!important;
  color:#c2d3eb!important;
  text-shadow:none;
}
body.dashboard-home .hero-main>.left .grad{
  background-image:linear-gradient(90deg,#9dddff,#34c5ff 55%,#527cff);
}
body.dashboard-home .nav .btn,
body.dashboard-home .cta .btn{min-height:44px}
body.dashboard-home .btn.primary{
  background:linear-gradient(120deg,#079deb,#215bed)!important;
  border-color:#2ab9ff!important;
  box-shadow:0 8px 24px rgba(0,136,255,.22)!important;
}
body.dashboard-home .btn:focus-visible{outline:2px solid #80dcff;outline-offset:4px}
/* Match the small homepage icon to the B in the approved artwork too. */
body.dashboard-home .nav .logo{position:relative;overflow:hidden;background:#020d27!important}
body.dashboard-home .nav .logo img{visibility:hidden}
body.dashboard-home .nav .logo::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/billsavings-brand-hero-20260925.avif") 50% 33% / 430% auto no-repeat;
}
body.dashboard-home .dashboard,
body.dashboard-home .box,
body.dashboard-home .fcard,
body.dashboard-home .banner,
body.dashboard-home .seo-links,
body.dashboard-home .impact-strip,
body.dashboard-home #keep-more-value,
body.dashboard-home #premium-action-value{
  background:linear-gradient(155deg,#081d3c,#04132b)!important;
  border-color:rgba(75,153,255,.24)!important;
}
body.dashboard-home .card,
body.dashboard-home .activity,
body.dashboard-home .break,
body.dashboard-home .step,
body.dashboard-home .impact-card,
body.dashboard-home .plan,
body.dashboard-home .faqItem{background:#071a35!important}
body.dashboard-home .card.green{background:#07303c!important}
body.dashboard-home .card.purple{background:#171c47!important}
body.dashboard-home .fact,
body.dashboard-home .conversion-proof{background:#061831!important}

@media(max-width:980px){
  body.dashboard-home .hero-main{padding:0 18px 18px!important;gap:18px!important}
  body.dashboard-home .hero-main::before{width:calc(100% + 36px);margin:0 -18px}
}
@media(max-width:720px){
  body.dashboard-home .hero-main{padding:0 12px 14px!important;gap:14px!important}
  body.dashboard-home .hero-main::before{
    width:calc(100% + 24px);margin:0 -12px;
    height:auto;min-height:220px;aspect-ratio:1.36;
    background-position:50% 50%;
  }
  body.dashboard-home .hero-main>.left h1{
    font-size:30px!important;line-height:1.06!important;
    letter-spacing:-.9px!important;margin-bottom:10px!important;
  }
  body.dashboard-home .hero-main>.left p{font-size:12px!important;margin-bottom:13px!important}
  body.dashboard-home .nav-actions .btn{min-height:42px;font-size:11px!important}
  body.dashboard-home .cta{gap:8px!important;margin-bottom:10px!important}
  body.dashboard-home .cta .btn{font-size:13px!important}
}
@media print{
  body.dashboard-home .hero-main::before{display:none!important}
}