:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102a2d;background:#f3f6f2;font-synthesis:none;--ink:#102a2d;--paper:#f3f6f2;--white:#fff;--acid:#c7f36b;--mint:#70c8a2;--blue:#d9e6ff;--muted:#657773;--line:#dbe2dc;--danger:#b94335}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--ink);color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--acid);color:var(--ink);display:grid;place-items:center}.brand-mark svg{width:23px}.brand div{display:grid;line-height:1}.brand strong{font-size:.65rem;letter-spacing:.22em;color:#9db0aa}.brand b{font-size:1.15rem;letter-spacing:-.04em}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border:0;border-radius:11px;background:transparent;color:#aebdb8;text-align:left;font-weight:650;cursor:pointer}.sidebar nav button svg{width:19px}.sidebar nav button:hover,.sidebar nav button.active{background:#1d403d;color:#fff}.sidebar nav button.active:after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--acid)}.sidebar-foot{margin-top:auto;padding:18px 8px 0;border-top:1px solid #294744;font-size:.78rem;color:#9db0aa}.sidebar-foot p{display:flex;align-items:center;gap:8px;margin:0 0 14px}.status-dot{width:8px;height:8px;border-radius:50%;background:#ffc768}.status-dot.personal{background:var(--mint)}.sidebar-foot a{display:flex;align-items:center;gap:6px;color:#d8e1de;text-decoration:none}.mobile-close{display:none}main{min-width:0}.topbar{height:96px;padding:0 38px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#f3f6f2e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.topbar small{display:block;font-size:.64rem;letter-spacing:.14em;font-weight:800;color:var(--muted)}.topbar h1{margin:4px 0 0;font-size:1.45rem;letter-spacing:-.035em}.top-actions{margin-left:auto;display:flex;gap:9px}.button{min-height:42px;padding:0 15px;border:1px solid #cfd8d1;border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:.83rem;font-weight:750;cursor:pointer}.button:hover{border-color:#94aaa0}.button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.button.primary:hover{background:#1b4a45}.button.subtle{background:transparent}.button.danger{color:var(--danger)}.menu-button{display:none;border:0;background:none}.page{max-width:1420px;margin:0 auto;padding:38px}.hero-panel{min-height:305px;padding:46px 50px;border-radius:28px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #31524f;border-radius:50%;right:-110px;top:-180px;box-shadow:0 0 0 70px transparent,0 0 0 71px #284744,0 0 0 140px transparent,0 0 0 141px #23413e}.hero-panel>div{position:relative;z-index:1}.eyebrow{margin:0 0 12px;font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:#647872}.hero-panel .eyebrow{color:var(--acid)}.hero-panel h2{margin:0;font-size:clamp(2.7rem,5vw,5.6rem);line-height:.93;letter-spacing:-.065em}.hero-panel h2 em,.plan-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#aacbc0}.hero-panel p:not(.eyebrow){max-width:650px;margin:22px 0 0;color:#b3c2bd;font-size:1.03rem;line-height:1.65}.payoff-stamp{width:210px;height:210px;flex:0 0 auto;border-radius:50%;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.payoff-stamp small{font-size:.72rem}.payoff-stamp strong{font-size:2rem;letter-spacing:-.05em}.payoff-stamp span{font-size:.7rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff}.metric-grid article{padding:25px 26px;border-right:1px solid var(--line)}.metric-grid article:last-child{border:0}.metric-grid article.accent{background:var(--blue)}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:.72rem}.metric-grid strong{display:block;margin:4px 0;font-size:1.5rem;letter-spacing:-.04em}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:60px 0 20px}.section-heading h2{margin:0;font-size:2rem;letter-spacing:-.05em}.loan-list{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.loan-row{width:100%;display:grid;grid-template-columns:52px minmax(160px,1.4fr) 1fr 1fr 1fr 24px;gap:18px;align-items:center;padding:20px 22px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.loan-row:last-child{border-bottom:0}.loan-row:hover{background:#f8faf7}.loan-icon{width:45px;height:45px;border-radius:13px;background:#e6eee9;display:grid;place-items:center}.loan-icon svg{width:20px}.loan-name,.loan-balance,.loan-payment{display:grid}.loan-row small{font-size:.72rem;color:var(--muted)}.loan-row strong{font-size:.93rem}.loan-progress .progress{margin-top:7px}.progress{height:8px;border-radius:999px;background:#e4e9e4;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--mint)}.empty-state{padding:70px 20px;border:1px dashed #bdc9c1;border-radius:19px;text-align:center;background:#ffffff73}.empty-state>svg{width:38px;height:38px;color:#6c827a}.empty-state h3{margin:14px 0 4px}.empty-state p{margin:0 0 20px;color:var(--muted)}.back-link{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-weight:700;color:var(--muted);padding:0;margin-bottom:20px;cursor:pointer}.loan-hero{padding:38px 42px 30px;border-radius:24px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:28px}.type-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f1ec;color:#3c6d5e;font-size:.7rem;font-weight:800}.loan-hero h2{margin:15px 0 0;font-size:3.8rem;letter-spacing:-.06em}.loan-hero p{margin:2px 0;color:var(--muted)}.loan-hero-stats{display:grid;grid-template-columns:repeat(3,150px);border-left:1px solid var(--line)}.loan-hero-stats div{padding:14px 18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.loan-hero-stats div:last-child{border:0}.loan-hero-stats small{color:var(--muted);font-size:.7rem}.loan-hero-stats strong{font-size:1rem;margin-top:5px}.loan-hero>.progress{grid-column:1/-1}.savings-callout{margin-top:16px;padding:20px 24px;border-radius:16px;background:#dbf2e5;display:flex;align-items:center;gap:15px}.savings-callout>svg{color:#14785f}.savings-callout div{display:grid}.savings-callout div span{font-size:.83rem;color:#4d6d62}.savings-callout .button{margin-left:auto}.savings-callout.muted{background:#edf0ec}.tabs{display:flex;gap:4px;margin:34px 0 18px;border-bottom:1px solid var(--line)}.tabs button{padding:13px 18px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:.83rem;font-weight:750;cursor:pointer}.tabs button.active{color:var(--ink);border-color:var(--ink)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:28px}.card-heading{display:flex;align-items:start;justify-content:space-between}.card-heading h3{margin:0;font-size:1.65rem;letter-spacing:-.04em}.card-heading>span{color:var(--muted);font-size:.75rem}.chart-wrap{margin-top:24px}.chart-wrap svg{width:100%;height:auto;overflow:visible}.chart-wrap>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.facts dl{margin:15px 0}.facts dl div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:.82rem}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:750}.danger-link{display:flex;align-items:center;gap:7px;padding:10px 0;border:0;background:none;color:var(--danger);font-size:.78rem;font-weight:750;cursor:pointer}.table-card{padding:0;overflow:hidden}.table-card .card-heading{padding:26px 28px}.table-scroll{overflow:auto;max-height:650px}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:13px 18px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}th{position:sticky;top:0;background:#f5f7f4;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}th:nth-child(2),td:nth-child(2){text-align:left}.paid td{color:#71807b;background:#fbfcfa}.extra-card .card-heading{align-items:center}.extra-list{margin-top:20px}.extra-list article{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.extra-icon{width:42px;height:42px;border-radius:12px;background:#e8f1ec;display:grid;place-items:center}.extra-icon svg{width:19px}.extra-list article>div{display:grid}.extra-list small{color:var(--muted)}.extra-list .icon-button{margin-left:auto}.empty-state.compact{margin-top:24px;padding:45px 20px}.plan-intro{display:grid;grid-template-columns:1.1fr .9fr;column-gap:70px;align-items:end;padding:45px 0 55px}.plan-intro .eyebrow{grid-column:1/-1}.plan-intro h2{margin:0;font-size:clamp(3.2rem,6vw,6.4rem);line-height:.9;letter-spacing:-.07em}.plan-intro p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.7}.strategy-list{border-top:1px solid var(--ink)}.strategy-list article{display:grid;grid-template-columns:70px minmax(180px,1.2fr) repeat(3,1fr) 105px;align-items:center;gap:20px;padding:25px 12px;border-bottom:1px solid var(--line)}.rank{font-family:Georgia,serif;font-size:1.8rem;color:#82908b}.strategy-list article div{display:grid}.strategy-list small{font-size:.7rem;color:var(--muted)}.priority{font-size:.7rem;font-weight:800;text-align:center;padding:7px 10px;border-radius:999px;background:#e9eeea}.priority.high{background:var(--acid)}.disclaimer{display:flex;gap:15px;margin-top:30px;padding:20px;border-radius:14px;background:#e8edf5;color:#50616a}.disclaimer p{margin:0;font-size:.82rem}.disclaimer svg{flex:0 0 auto}.privacy-hero{padding:65px 0 75px;max-width:900px}.privacy-hero>svg{width:46px;height:46px;margin-bottom:25px;color:#14785f}.privacy-hero h2{margin:0;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.91;letter-spacing:-.075em}.privacy-hero>p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.7}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.privacy-grid article{padding:30px 35px 20px 0;border-right:1px solid var(--line)}.privacy-grid article+article{padding-left:35px}.privacy-grid article:last-child{border:0}.privacy-grid span{font-size:.7rem;color:var(--muted)}.privacy-grid h3{margin:12px 0 6px}.privacy-grid p{color:var(--muted);font-size:.9rem}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:50px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#051716b3;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#f8faf7;border-radius:22px;padding:26px;box-shadow:0 24px 70px #00000042}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.modal>header h2{margin:0;font-size:1.45rem;letter-spacing:-.04em}.icon-button{width:38px;height:38px;border:0;border-radius:10px;background:#edf1ed;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:18px}.welcome-copy>p{color:var(--muted);line-height:1.6}.welcome-orbit{height:170px;border-radius:18px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 0 28px #183b38,inset 0 0 0 29px #31514e}.welcome-orbit span{font-size:.65rem;letter-spacing:.18em;color:var(--acid)}.welcome-orbit b{font-family:Georgia,serif;font-size:2rem;font-weight:400}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.choice-grid button{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;display:grid;gap:8px;text-align:left;cursor:pointer}.choice-grid button:hover{border-color:#659885}.choice-grid svg{color:#14785f}.choice-grid span{font-size:.78rem;color:var(--muted);line-height:1.45}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field>span{font-size:.72rem;font-weight:750;color:#526560}.field input,.field select{width:100%;height:45px;padding:0 12px;border:1px solid #cad5cc;border-radius:9px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:3px solid rgba(112,200,162,.25);border-color:#5b9b80}.preview-line{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:17px;border-radius:11px;background:#e7f1eb}.preview-line span{font-size:.8rem;color:var(--muted)}.preview-line strong{font-size:1.3rem}.form-note{color:var(--muted);font-size:.78rem}.form footer{display:flex;justify-content:flex-end;margin-top:24px}.toast{position:fixed;right:24px;bottom:24px;z-index:150;padding:14px 18px;border-radius:11px;background:var(--ink);color:#fff;font-size:.82rem;box-shadow:0 10px 35px #0003}@media(max-width:1100px){.app-shell{grid-template-columns:220px}.page{padding:28px}.topbar{padding:0 28px}.loan-hero{grid-template-columns:1fr}.loan-hero-stats{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.loan-row{grid-template-columns:48px 1.3fr 1fr 1fr 24px}.loan-payment{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:nth-child(2){border-right:0}.metric-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.strategy-list article{grid-template-columns:50px 1fr 1fr 1fr}.strategy-list article div:nth-of-type(4),.strategy-list .priority{display:none}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;z-index:80;left:0;top:0;width:270px;transform:translate(-110%);transition:transform .2s ease;box-shadow:20px 0 50px #00000040}.sidebar.open{transform:none}.mobile-close{display:block;position:absolute;right:14px;top:14px;color:#fff;background:transparent;border:0}.menu-button{display:grid;place-items:center}.topbar{height:78px;padding:0 18px}.topbar h1{font-size:1.2rem}.top-actions .subtle,.top-actions .button:not(.primary){display:none}.top-actions .primary{font-size:0;width:42px;padding:0}.top-actions .primary svg{margin:0}.page{padding:22px 18px}.hero-panel{padding:34px 28px;display:block}.payoff-stamp{width:auto;height:auto;border-radius:13px;align-items:start;padding:17px;margin-top:28px}.metric-grid{grid-template-columns:1fr 1fr}.loan-row{grid-template-columns:45px 1fr 24px}.loan-balance,.loan-progress{display:none}.detail-grid{grid-template-columns:1fr}.plan-intro{grid-template-columns:1fr;padding-top:25px}.plan-intro p:not(.eyebrow){margin-top:28px}.privacy-grid{grid-template-columns:1fr}.privacy-grid article,.privacy-grid article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.loan-hero{padding:27px 24px}.loan-hero h2{font-size:3rem}.loan-hero-stats{grid-template-columns:1fr}.loan-hero-stats div{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.savings-callout{align-items:flex-start;flex-wrap:wrap}.savings-callout .button{margin-left:39px}.strategy-list article{grid-template-columns:40px 1fr 1fr}.strategy-list article div:nth-of-type(3){display:none}}@media(max-width:520px){.topbar small{display:none}.topbar h1{margin:0}.hero-panel h2{font-size:2.8rem}.metric-grid{grid-template-columns:1fr}.metric-grid article{border-right:0;border-bottom:1px solid var(--line)}.metric-grid article:nth-child(2){border-bottom:1px solid var(--line)}.section-heading{align-items:start}.section-heading .button{font-size:0;width:42px;padding:0}.loan-row{padding:16px 14px}.loan-icon{width:40px;height:40px}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:12px}.card{padding:20px}.loan-hero-stats{display:grid}.choice-grid,.form-grid{grid-template-columns:1fr}.privacy-hero h2,.plan-intro h2{font-size:3.2rem}.strategy-list article{grid-template-columns:36px 1fr}.strategy-list article div:nth-of-type(n+2){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}