/* jf-home-b.css - homepage hero "three paths" (option B, 23 Oct 2026)
   and the cost calculator moved into its own section below the hero. */
.jfb-hero{ max-width:none; padding-bottom:40px; }
.jfb-hero h1{ max-width:18ch; }
.jfb-hero .jfx-lede{ max-width:52ch; }

.jfb-paths{
  list-style:none; margin:34px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;
}
.jfb-paths li{ margin:0; display:flex; }
.jfb-path{
  display:flex; flex-direction:column; gap:12px; width:100%;
  padding:28px 28px 26px; border-radius:24px;
  background:#fff; color:var(--jf-ink,#14132E); text-decoration:none;
  border:1px solid rgba(255,255,255,.6);
  transition:transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .2s cubic-bezier(.2,.7,.3,1);
}
.jfb-path:hover{ transform:translateY(-2px); box-shadow:0 2px 4px rgba(10,10,10,.06), 0 20px 48px rgba(6,5,24,.35); }
.jfb-path:focus-visible{ outline:3px solid var(--jf-accent,#F09623); outline-offset:3px; }
.jfb-ico{
  width:48px; height:48px; border-radius:999px; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:var(--jf-navy-lo,#EEEEF6); color:var(--jf-navy,#22205F);
}
.jf .jfb-path h2, .jfb-path h2{ margin:0; font-size:1.3rem; line-height:1.25; letter-spacing:-.018em; font-weight:700; color:var(--jf-navy,#22205F); }
.jf .jfb-path p, .jfb-path p{ margin:0; font-size:.97rem; line-height:1.55; color:var(--jf-mute,#6B6E86); }
.jfb-go{ margin-top:auto; padding-top:6px; font-size:.95rem; font-weight:700; color:var(--jf-navy,#22205F); }
.jfb-fine{ margin:22px 0 0; position:relative; z-index:3; font-size:.85rem; line-height:1.5; color:rgba(255,255,255,.72); }
.jfb-fine a{ color:#fff; font-weight:600; }

.jfb-calc-grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,480px); gap:64px; align-items:center;
}
.jfb-eyebrow{
  display:block; font-size:.75rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--jf-mute,#6B6E86); margin:0 0 12px;
}
.jf .jfb-calc-copy h2, .jfb-calc-copy h2{
  margin:0 0 16px; font-size:clamp(1.9rem,3.2vw,2.6rem); line-height:1.08;
  letter-spacing:-.028em; font-weight:700; color:var(--jf-ink,#14132E);
}
.jfb-lede{ margin:0 0 22px; font-size:1.1rem; line-height:1.6; color:var(--jf-mute,#6B6E86); max-width:46ch; }
.jfb-ticks{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.jfb-ticks li{ position:relative; padding-left:30px; font-size:.98rem; color:var(--jf-ink-2,#3A3960); }
.jfb-ticks li::before{
  content:""; position:absolute; left:0; top:2px; width:20px; height:20px; border-radius:999px;
  background:var(--jf-navy-lo,#EEEEF6);
}
.jfb-ticks li::after{
  content:""; position:absolute; left:7px; top:6px; width:5px; height:9px;
  border:solid var(--jf-navy,#22205F); border-width:0 2px 2px 0; transform:rotate(45deg);
}
.jfb-calc .jfx-card{ box-shadow:0 2px 4px rgba(10,10,10,.04), 0 20px 48px rgba(10,10,10,.10); border-color:var(--jf-line,#E4E5EE); }

@media (max-width:980px){
  .jfb-paths{ grid-template-columns:1fr; gap:14px; }
  .jfb-path{ padding:22px; }
  .jfb-calc-grid{ grid-template-columns:1fr; gap:32px; }
}
@media (prefers-reduced-motion:reduce){ .jfb-path{ transition:none; } .jfb-path:hover{ transform:none; } }