/* Bridge the state analysis template to Benefitra's canonical chrome. */
html,body{overflow-x:hidden}
body{padding-bottom:0!important}
nav#mainNav{position:relative!important;padding:12px clamp(20px,3vw,40px)!important;background:#0a1628!important}
nav#mainNav .nav-inner{padding-left:0!important;padding-right:0!important}
nav#mainNav .brand-logo-img{display:block;width:auto;height:44px;max-width:210px}
#bf-footer{position:relative;z-index:2;margin-top:0}
/* One intentional pre-footer conversion card. The underwriter proof overlaps
   the card edge, so it reads as context for the invitation instead of a
   disconnected utility strip. */
.cred-badge{
  display:flex!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:4!important;
  width:calc(100% - 48px);
  max-width:1112px!important;
  margin:48px auto -20px;
  padding:0 28px;
  align-items:flex-start!important;
}
.cred-toggle{
  min-height:40px;
  padding:10px 17px!important;
  border:1px solid #b8e8db!important;
  border-left:4px solid #10b981!important;
  background:#fff!important;
  color:#096b5d!important;
  box-shadow:0 12px 30px -18px rgba(10,22,40,.55)!important;
}
.cred-panel.open{
  position:absolute;
  left:28px;
  bottom:52px;
  width:min(560px,calc(100% - 56px));
  margin:0;
  z-index:5;
}
.cta-bar{
  display:block!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:3!important;
  width:calc(100% - 48px);
  max-width:1112px;
  margin:0 auto 56px;
  border:1px solid rgba(110,231,183,.20);
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% -30%,rgba(16,185,129,.24),transparent 42%),
    linear-gradient(135deg,#0a1628 0%,#102840 100%)!important;
  box-shadow:0 24px 54px -34px rgba(10,22,40,.72)!important;
}
.cta-inner{max-width:none!important;padding:42px 28px 28px!important;gap:28px!important}
.cta-copy strong{font-size:clamp(17px,1.5vw,21px)!important;line-height:1.25}
.cta-copy strong::before{
  content:"Personalize your analysis";
  display:block;
  margin-bottom:7px;
  color:#6ee7b7;
  font:700 10px/1.2 "Inter",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cta-copy span{display:block;margin-top:7px;color:#c8d6df!important;font-size:14px!important}
.cta-actions{gap:12px!important}
.cta-actions .btn{min-height:48px;padding:13px 22px!important}

:root[data-theme="dark"]{
  --page:#071a17;
  --ink:#e8f2ef;
  --muted:#a9bbb5;
  --line:#27463f;
  --card:#102822;
  --shadow:0 18px 40px -22px rgba(0,0,0,.65);
  --shadow-sm:0 8px 22px -14px rgba(0,0,0,.62);
}
:root[data-theme="dark"] body{background:var(--page);color:var(--ink)}
:root[data-theme="dark"] .hero-track>.section{background:var(--page);color:var(--ink)}
:root[data-theme="dark"] .hero-track>.section .section-kicker,
:root[data-theme="dark"] .hero-track>.section .section-sub,
:root[data-theme="dark"] .hero-track>.section .section-head .sub,
:root[data-theme="dark"] .hero-track>.section .small-note{color:var(--muted)}
:root[data-theme="dark"] .section-head h2,
:root[data-theme="dark"] .savings-label,
:root[data-theme="dark"] .fcard-median,
:root[data-theme="dark"] .baseline-row b,
:root[data-theme="dark"] .baseline-row strong{color:#f4faf8}
:root[data-theme="dark"] .fcard-percentiles span,
:root[data-theme="dark"] .wc-track{background:#19352f}
:root[data-theme="dark"] .blackwell-inline span{background:#123b32;color:#74e1c0;border-color:#2b705d}

@media(max-width:1279px){
  nav#mainNav .nav-inner{min-height:52px}
  nav#mainNav .nav-mobile{display:block;min-width:44px;min-height:44px}
  nav#mainNav .theme-toggle{min-width:44px;min-height:44px}
}
@media(max-width:700px){
  nav#mainNav{padding-left:20px!important;padding-right:20px!important}
  nav#mainNav .brand-logo-img{max-width:min(180px,calc(100vw - 132px))!important}
  .hero-track>.section{padding-left:20px;padding-right:20px}
  .cred-badge{width:calc(100% - 40px);margin-top:32px;padding:0 18px}
  .cred-panel.open{left:0;bottom:52px;width:100%}
  .cta-bar{width:calc(100% - 40px);margin-bottom:40px;border-radius:18px}
  .cta-inner{padding:40px 20px 22px!important;gap:20px!important}
  .cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .cta-actions .btn{width:100%;min-height:48px}
  #bf-footer{margin-top:0}
}