:root{--navy:#071a33;--navy2:#0d2b52;--gold:#c89b3c;--gold2:#f0c86b;--ivory:#fbf8f0;--card:#fff;--ink:#0a1830;--muted:#667085;--line:#e7dfd1;--soft:#f6f0e4;--green:#eaf8ef;--greenInk:#176b3a;--warn:#fff7e6;--warnInk:#805300;--shadow:0 16px 42px rgba(7,26,51,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f8f5ee 0,#f4f6f8 42%);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.topline{height:5px;background:linear-gradient(90deg,var(--navy),var(--gold2),var(--navy))}.app-shell{max-width:860px;margin:0 auto;padding:0 16px 80px}.brand-header{display:flex;align-items:center;gap:14px;padding:18px 0 6px;border-bottom:1px solid rgba(200,155,60,.22)}.brand-logo{width:82px;height:82px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy b{font-family:Georgia,serif;font-size:22px;color:var(--navy)}.brand-copy span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#725b2b}.hero{padding:38px 4px 22px}.eyebrow{font-weight:900;color:#9b7427;text-transform:uppercase;letter-spacing:.1em;font-size:12px}h1{font-size:clamp(34px,8vw,58px);line-height:1.03;letter-spacing:-.045em;margin:10px 0 18px;color:var(--navy)}.hero-copy{font-size:18px;line-height:1.55;margin:0;max-width:720px}.hero-note{margin-top:18px;color:var(--muted);font-size:13px}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:16px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-head>div:first-child{display:flex;align-items:center;gap:10px}.section-head h2{margin:0;font-size:23px;letter-spacing:-.025em}.step{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--navy2));color:var(--gold2);font-weight:900;flex:0 0 auto}.pill{background:#f7ecd5;color:#79581b;font-size:12px;padding:8px 10px;border-radius:999px;font-weight:900}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:7px;font-weight:750}.field small{color:var(--muted);font-weight:500;line-height:1.35}input,select{width:100%;border:1px solid #d6d0c6;border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink);outline:none;min-height:48px}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,155,60,.14)}.money-input,.percent-input{position:relative}.money-input input,.percent-input input{padding-right:52px}.money-input b,.percent-input b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}.subcard{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.inline-title{font-weight:900;margin-bottom:10px}.segmented{display:inline-flex;gap:6px;padding:5px;border-radius:14px;background:#f4f1eb}.seg{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:850;color:var(--muted)}.seg.active{background:var(--navy);color:#fff}.standalone,.compact-top{margin-top:14px}.callout{background:var(--warn);color:var(--warnInk);padding:14px;border-radius:12px;line-height:1.45}.check-row{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-weight:700}.check-row input{width:20px;height:20px;min-height:0;margin-top:1px}.metric{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:5px;background:var(--ivory)}.metric span,.metric small{color:var(--muted)}.metric strong{font-size:24px}.validation{background:#fff1f0;color:#a61b1b;padding:14px;border-radius:12px;margin-top:16px;line-height:1.45}.slider-block{padding:8px 0 4px}.slider-value{text-align:center;margin-bottom:8px}.slider-value span{font-size:34px;font-weight:950;color:var(--navy)}input[type=range]{padding:0;border:0;min-height:32px;box-shadow:none;accent-color:var(--gold);touch-action:pan-y}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.primary,.secondary,.ghost{border:0;border-radius:14px;min-height:50px;padding:13px 18px;font-weight:900}.primary{width:100%;margin-top:18px;background:linear-gradient(135deg,#b68425,#e2bb63);color:#071a33}.secondary{background:var(--navy);color:#fff}.ghost{background:#f3efe7;color:var(--navy)}.lead-gate{border:1px solid rgba(200,155,60,.35);background:linear-gradient(145deg,#fff,#fffaf0)}.lead-intro,.muted{color:var(--muted);line-height:1.5}.consent-row{font-size:14px;line-height:1.4}.consent-row a{color:#7a5b1d}.contact-preferences{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.contact-chips{display:flex;gap:8px;flex-wrap:wrap}.contact-chips label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:9px 12px;border-radius:999px}.contact-chips input{width:18px;height:18px;min-height:0}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.sticky-action{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:4}.result-hero{background:linear-gradient(145deg,#06172e,#0d2e58);color:#fff;border:1px solid rgba(240,200,107,.35)}.result-kicker{color:#f5ddaa}.big-number{margin:12px 0 8px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.big-number span{font-size:30px;color:var(--gold2)}.big-number strong{font-size:clamp(50px,13vw,78px);letter-spacing:-.06em}.big-number small{font-size:20px}.big-number.small strong{font-size:50px}.mini-grid{display:grid;gap:10px;margin-top:18px}.mini-grid.three{grid-template-columns:repeat(3,1fr)}.mini-grid.two{grid-template-columns:repeat(2,1fr)}.mini-metric{border:1px solid var(--line);background:#fcfbf8;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.result-hero .mini-metric{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}.mini-metric span{color:var(--muted);font-size:13px}.result-hero .mini-metric span{color:#d6e0ee}.mini-metric b{font-size:19px}.dual-sliders{margin-top:18px}.slider-card{border:1px solid var(--line);border-radius:16px;padding:16px}.slider-card label{color:var(--muted);font-weight:700}.slider-card strong{display:block;font-size:30px;margin:7px 0;color:var(--navy)}.link-symbol{text-align:center;font-size:28px;color:var(--gold);padding:6px}.plain-result{background:#f8f0df;color:#6d501b;border-radius:14px;padding:14px;margin-top:16px}.liquidity-highlight{display:grid!important;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:18px!important;border:2px solid #9bd7ad!important;background:var(--green);color:var(--greenInk);border-radius:14px;margin:16px 0}.liquidity-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#176b3a;color:#fff;font-size:25px;font-weight:950}.liquidity-highlight b{display:block;font-size:22px}.liquidity-highlight span{display:block;font-size:16px;line-height:1.45}.liquidity-note{margin-top:-7px;color:var(--muted);font-size:12px}.benchmark-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.benchmark-head h3{margin:0 0 5px}.benchmark-head p{margin:0;color:var(--muted);font-size:14px}.update-chip{background:#f8f0df;color:#72551d;border-radius:12px;padding:9px 11px;font-size:12px}.benchmark-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.benchmark-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;cursor:pointer}.benchmark-card.selected{border:2px solid var(--gold);padding:13px;background:#fff9ec}.benchmark-card input[type=radio]{position:absolute;opacity:0}.compact-benchmark-main{display:flex;flex-direction:column;gap:3px}.compact-benchmark-main b{font-size:16px;color:var(--navy)}.compact-benchmark-main em{font-style:normal;font-size:9px;background:var(--gold);padding:3px 5px;border-radius:999px}.compact-benchmark-main span{font-size:12px;color:var(--muted)}.compact-benchmark-value{font-size:27px;font-weight:950;color:var(--navy);margin-top:8px}.custom-card{margin-top:10px}.custom-rate-row{display:flex;align-items:center;gap:9px}.custom-rate-row input{max-width:150px}.benchmark-disclosure{margin-top:12px;border-left:4px solid var(--gold);background:#fbf8f0;padding:12px 14px}.benchmark-sources{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.benchmark-source-list{display:grid;gap:12px;margin-top:12px}.benchmark-source-list p{margin:4px 0;color:var(--muted);font-size:12px}.benchmark-source-list a{font-size:12px;color:#7a5b1d;overflow-wrap:anywhere}.selected-benchmark{display:flex;flex-direction:column;gap:3px;background:var(--navy);color:#fff;border-radius:14px;padding:14px;margin-top:16px}.difference-box{border-radius:16px;padding:18px;margin-top:16px;background:#f2f4f7}.difference-box.positive{background:var(--green);color:var(--greenInk)}.difference-box.negative{background:var(--warn);color:var(--warnInk)}.crossover{margin-top:12px;padding:13px;border:1px dashed #b8a987;border-radius:14px}.date-banner{background:#f8f0df;color:#6d501b;padding:14px;border-radius:14px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.scenario{border:1px solid var(--line);border-radius:14px;padding:14px}.scenario span{color:var(--muted);font-size:12px}.scenario b{display:block;margin-top:8px}.scenario.featured{border-color:var(--gold);background:#fff8e9}.fine-print{color:var(--muted);font-size:12px}.refi-box{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.success{color:var(--greenInk);background:var(--green);border-radius:10px;padding:10px;margin-top:10px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-article{border:1px solid var(--line);border-radius:16px;padding:16px}.compare-title{font-size:20px;font-weight:900}.compare-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.compare-row span{color:var(--muted)}.money-access{margin-top:16px;padding:17px;border-radius:15px;display:flex;flex-direction:column;gap:6px}.money-access.bad{background:#fff0ef;color:#8f2020;border:2px solid #f0b2ae}.money-access.good{background:#eaf8ef;color:#176b3a;border:2px solid #9bd7ad}.money-access strong{font-size:21px}.liquidity-footnote{margin-top:12px;color:var(--muted);font-size:12px;text-align:center}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}details{border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-weight:800}.table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px}th,td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}.closing{background:linear-gradient(145deg,#fff,#faf4e7)}.closing-grid{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.portrait{width:150px;height:150px;border-radius:50%;border:3px solid var(--gold)}.placeholder-note{color:var(--muted);font-size:13px;background:#f5f1e9;padding:13px;border-radius:12px;margin-top:14px}.calendar-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:auto}.hidden{display:none!important}
@media(max-width:640px){.app-shell{padding:0 12px 60px}.brand-logo{width:68px;height:68px}.card{padding:18px;border-radius:18px}.grid.two,.mini-grid.three,.mini-grid.two,.scenario-grid,.compare-grid,.closing-grid{grid-template-columns:1fr}.benchmark-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start}.pill{display:none}.segmented{width:100%}.seg{flex:1}.action-row>*{width:100%}.benchmark-head{display:block}.update-chip{display:inline-block;margin-top:10px}.portrait{width:105px;height:105px}.lead-gate .grid.two{grid-template-columns:1fr}}
@media print{body{background:#fff}.topline,.brand-header,.hero,#credit-card,#goal-card,.action-row,.refi-box,.placeholder-note{display:none!important}.card{box-shadow:none;break-inside:avoid}.app-shell{max-width:none}}