/* Home equity page. Loads after site.css. Colors and fonts come from tokens.css. Nothing here is smaller than 14px. */
.hd-nav a[aria-current]{color:var(--text-strong);text-decoration:underline;text-decoration-color:var(--gold-500);text-decoration-thickness:3px;text-underline-offset:8px}
#main a:not(.btn){color:var(--link);text-underline-offset:3px}
.he-hero{padding:28px 0 64px}
.he-crumb{display:flex;justify-content:center;gap:8px;margin:0 0 24px;font-size:15px;color:var(--text-muted)}
.he-crumb a{color:var(--text-muted)}
.he-sub{margin:14px 0 0;font:600 22px/30px var(--font-display);letter-spacing:-.01em;color:var(--text-strong)}
.he-ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.he-call{margin:6px 0 0}
.he-lic{margin:4px 0 0;font-size:15px;color:var(--text-muted)}
.he-eb{margin:0 0 8px;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.he-accent{color:var(--navy-700)}
.he-lede{max-width:66ch;font-size:19px;line-height:30px}
.he-ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Equity calculator */
.ec{margin-top:28px;padding:28px;border:1.5px solid #CFE3D6;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(15,24,45,.06)}
.ec-goal{display:flex;align-items:center;gap:16px;margin:0 0 20px;flex-wrap:wrap}
.ec-goal-q{font-weight:600;color:var(--text-strong)}
.ec-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:min(440px,100%)}
.ec-seg button{min-height:52px;padding:8px 12px;border:1.5px solid var(--border-control);border-radius:10px;background:#fff;color:var(--text-strong);font:600 16px/20px var(--font-body);cursor:pointer}
.ec-seg button[aria-pressed="true"]{border:2px solid var(--action);background:var(--selected)}
.ec-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}
.ec-in{align-self:start;padding:24px;border-radius:14px;background:#F5F5F3}
.fld+.fld{margin-top:20px}
.fld-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fld label{font-weight:600;color:var(--text-strong)}
.money{display:flex;align-items:center;gap:4px;width:160px;height:48px;padding:0 12px;border:1.5px solid var(--border-control);border-radius:8px;background:#fff}
.money span{color:var(--text-muted)}
.money input{width:100%;border:0;outline:0;background:transparent;font:400 17px var(--font-body);color:var(--text-strong)}
.money:focus-within{border-color:var(--action);box-shadow:0 0 0 3px rgba(0,97,254,.25)}
.money.pct{width:120px}
.fld input[type=range]{width:100%;height:40px;margin:6px 0 0;accent-color:var(--success)}
.help{margin:0;font-size:14px;line-height:21px;color:var(--text-muted)}
.ec-assume{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:14px;line-height:21px;color:var(--text-muted)}
.ec-k{margin:0;font:800 22px/28px var(--font-display);color:#3D4657}
.ec-big{margin:2px 0 0;font:800 48px/54px var(--font-display);letter-spacing:-.02em;color:var(--success)}
.ec-cover{margin:10px 0 0;padding:8px 12px;border-radius:8px;background:var(--success-bg);color:#0F4D2C;font-weight:600;font-size:15px;line-height:22px}
.ec-cover.part{background:var(--warning-bg);color:#6B3D04}
.ec-viz{display:flex;align-items:center;gap:16px;margin-top:16px}
.ec-leg{list-style:none;margin:0;padding:0;flex:1;min-width:0}
.ec-leg li{display:grid;grid-template-columns:18px 1fr;gap:2px 10px;padding:9px 0;border-bottom:1px solid var(--border)}
.ec-leg li:last-child{border-bottom:0}
.ec-leg i{grid-row:span 2;width:18px;height:18px;margin-top:3px;border-radius:4px}
.ec-leg span{font-size:15px;line-height:20px;color:var(--text-muted)}
.ec-leg b{font:800 18px/24px var(--font-display);color:var(--text-strong)}
.ec-donut{width:170px;height:170px;flex:none}
.ec-donut text{font-family:var(--font-body);fill:var(--text-strong)}
.ec-panel{margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#F7F3EA}
.ec-panel h3{font-size:16px;line-height:22px}
.ec-rows{margin:8px 0 10px;padding:0;list-style:none}
.ec-rows li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #E6E0D2;font-size:15px}
.ec-rows li:last-child{border-bottom:0}
.ec-panel p{margin:0;font-size:15px;line-height:22px}
.ec-cta{width:100%;margin-top:20px}
.ec-out .note{text-align:center;margin:8px 0 0}
.ec-fine{margin:18px 0 0;font-size:14px;line-height:21px;color:var(--text-muted)}
.ec:not([data-goal="debt"]) .he-debt{display:none}
/* Why Brian */
.why-sec{background:var(--selected)}
.why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.why-intro h2{font-size:42px;line-height:48px}
.say-l{justify-content:flex-start;margin:20px 0}
.say-l img{width:64px;height:64px}
.say-l .bubble{font-size:17px;line-height:23px}
.why-intro .note{margin:10px 0 0}
.why-card{list-style:none;margin:0;padding:8px 36px;border-radius:20px;background:#fff;box-shadow:0 2px 10px rgba(15,24,45,.12)}
.why-card li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #EEF0F3}
.why-card li:last-child{border-bottom:0}
.why-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--selected);color:var(--navy-700)}
.why-card h3{font-size:20px;line-height:28px}
.why-card p{margin:4px 0 0;font-size:16px;line-height:25px}
.why-card .why-call{margin-top:8px;font-size:15px;color:var(--text-muted)}
.why-quote{margin:10px 0 0;padding-left:12px;border-left:3px solid var(--gold-500);font-weight:600;font-size:15px;line-height:22px;color:var(--text-strong)}
.why-quote span{display:block;font-weight:400;font-size:14px;color:var(--text-muted)}
.why-full{margin:28px 0 0;padding:16px 20px;border:1px solid #D3E0FA;border-radius:12px;background:#fff;font-size:16px;line-height:25px}
.why-full strong{color:var(--text-strong)}
/* Uses */
.he-uses{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.he-uses li{display:flex;flex-direction:column;padding:24px 20px;border-radius:20px;background:#F7F3EA}
.he-uses .ic .he-ico{width:22px;height:22px}
.he-uses p{margin:6px 0 0;flex:1;font-size:16px;line-height:24px;color:var(--text-muted)}
.he-go{align-self:flex-start;margin-top:14px;padding:0;border:0;background:none;color:var(--link);font:600 16px/24px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* Local */
.he-local{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:28px}
.he-office{padding:12px 24px;border-radius:20px;background:#fff}
.he-office p{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 0;border-bottom:1px solid #F0EEE8;font-size:16px;line-height:25px}
.he-office p:last-child{border-bottom:0}
.he-office .he-ico{margin-top:1px;color:var(--navy-700)}
.he-proof h3{margin-bottom:10px}
.he-rating{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0}
.he-rating b{font:800 32px/38px var(--font-display);color:var(--text-strong)}
.he-rating .stars{font-size:20px}
.he-asof{margin:2px 0 14px;font-size:14px;color:var(--text-muted)}
.he-revs{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}
.he-revs li{padding:16px 18px;border-radius:14px;background:#fff}
.he-revs blockquote{margin:4px 0 0;font-weight:600;color:var(--text-strong)}
.he-rev-by{margin:6px 0 0;font-size:14px;color:var(--text-muted)}
/* FAQ: every answer visible */
.he-faq{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.he-faq li{padding:18px 0;border-top:1px solid #E6E9EE}
.he-faq h3{font-size:18px;line-height:26px}
.he-faq p{margin:6px 0 0;font-size:16px;line-height:26px}
/* Final band */
.he-final{padding:0 0 80px}
.he-final-in{padding:56px 32px;border-radius:24px;background:#F2EEE4;text-align:center}
.he-final h2{margin-bottom:0}
.he-steps{list-style:none;margin:24px auto 24px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:820px;text-align:left}
.he-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;font-weight:600;color:var(--text-strong)}
.he-steps b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:999px;background:var(--selected);color:var(--action)}
.he-final .note{margin:14px 0 0}
@media (max-width:1060px){.he-uses{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .he-hero{padding:20px 0 44px}
  .he-sub{font-size:18px;line-height:26px}
  .he-ctas{flex-direction:column}.he-ctas .btn{width:100%}
  .he-lede{font-size:17px;line-height:27px}
  .ec{padding:16px}
  .ec-grid,.why,.he-local,.he-faq{grid-template-columns:1fr}
  .ec-seg{min-width:0;width:100%}
  .ec-in{padding:18px 16px}
  .ec-big{font-size:36px;line-height:42px}
  .ec-donut{width:128px;height:128px}
  .why{gap:28px}
  .why-intro h2{font-size:28px;line-height:34px}
  .why-card{padding:4px 20px}
  .he-uses{grid-template-columns:1fr}
  .he-office{padding:4px 18px}
  .he-final{padding-bottom:52px}
  .he-final-in{padding:32px 18px;border-radius:16px}
  .he-steps{grid-template-columns:1fr}
  .he-final .btn,.why-intro .btn,.he-proof .btn{width:100%}
}