/* A compact opening, with the full simulation available in a focused panel. */
.nav{height:76px}.home-page .hero{display:flex;flex-direction:column;min-height:calc(100svh - 76px)}
.home-page .hero-grid{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;padding-top:24px;padding-bottom:24px;align-items:center}
.home-page .hero-copy{padding-top:0}.home-page h1{font-size:clamp(38px,3.6vw,52px);line-height:1.13;margin:20px 0 18px;letter-spacing:-.045em;max-width:520px}.home-page h1 em{display:block}.home-page .hero-copy>p{font-size:16px;line-height:1.65;margin:0;max-width:490px}
.home-page .hero-copy .actions{margin:24px 0 20px;gap:18px}.home-page .hero-copy .primary{padding:14px 18px;min-width:178px}.home-page .mini-people p{margin-top:0;margin-bottom:0;font-size:14px;line-height:1.55}.home-page .pill{font-size:12px;letter-spacing:.035em;padding:7px 11px}
.home-page .purchase-tool{padding:22px 24px;max-width:none}.home-page .purchase-tool .sim-head{margin-bottom:8px}.home-page .purchase-tool h2{font-size:21px}.home-page .tool-intro{font-size:16px;line-height:1.5;margin-bottom:18px}.home-page .tool-badge{display:none}
.quick-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.quick-fields .sim-field{gap:6px}.quick-fields label{font-size:14px;line-height:1.5}.quick-fields input:not([type=range]){min-height:46px}.quick-fields .term-field{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;padding:4px 0 0}.quick-fields .term-field label{grid-column:1}.quick-fields .term-field input{grid-column:2;grid-row:1;margin:0}.quick-fields .term-limits{grid-column:2;font-size:12px;margin-top:-6px}.quick-fields .term-field output{margin-left:auto}
.home-page .purchase-options{margin-top:14px}.home-page .purchase-options>summary{min-height:44px;padding:10px 0}.home-page .sim-actions{gap:14px;margin-top:12px}.home-page .sim-actions .primary{padding:13px 16px}.home-page .sim-privacy{margin-top:10px;line-height:1.5}.input-guidance{padding:12px 0;border-top:1px solid var(--line)}.input-guidance h3{font-size:14px;margin:0 0 12px}.input-guidance>small{display:block;font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0}.input-guidance .sim-empty{margin-top:12px;padding-top:12px}.input-guidance .empty-number{font-size:20px}
.home-page .scope{display:grid;grid-template-columns:auto repeat(4,auto);align-items:center;justify-content:space-between;gap:18px;margin-top:0;padding:18px 0 22px;font-size:14px}.home-page .scope>a{display:flex;align-items:center;gap:9px;line-height:1.5}.home-page .scope>a:hover{color:#14A773;text-decoration:underline;text-underline-offset:4px}.home-page .scope>span:first-child{font-size:12px;letter-spacing:.065em;line-height:1.6}.home-page .scope .status-dot{background:#14A773;flex:0 0 6px}
.simulator-dialog{box-sizing:border-box;width:min(1120px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0 28px 24px;border:1px solid #C7DDD1;border-radius:20px;background:#F7FBF9;color:#153545;box-shadow:0 28px 100px #15354540;overflow-y:auto;overscroll-behavior:contain}
.simulator-dialog::backdrop{background:#1535459e;backdrop-filter:blur(6px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #C7DDD1;background:#F7FBF9;position:sticky;top:0;z-index:6}.close-simulation{font:inherit;font-size:14px;font-weight:600;padding:10px 16px;border:1px solid #C7DDD1;border-radius:8px;background:#fff;color:#153545;cursor:pointer}.close-simulation:hover{background:#153545;color:#F7FBF9}
.simulator-dialog .purchase-results{margin-top:0;border:0;padding-top:20px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0 24px}.simulator-dialog .purchase-results[hidden]{display:none}.simulator-dialog .result-heading{grid-column:1/-1;margin-bottom:22px;align-items:center}.simulator-dialog .result-heading h3{font-size:24px;letter-spacing:-.025em;line-height:1.4}.simulator-dialog .result-primary{grid-column:1;grid-row:2;padding:22px}.simulator-dialog .result-primary strong{font-size:26px}.simulator-dialog .cost-breakdown{grid-column:1;grid-row:3}.simulator-dialog .purchase-insight{grid-column:1;grid-row:4;margin-bottom:20px}.simulator-dialog .purchase-future{grid-column:2;grid-row:2/span 3;margin-bottom:20px;align-self:start;min-width:0;padding:18px}.simulator-dialog .compare-detail,.simulator-dialog .month-detail,.simulator-dialog .methodology-detail{grid-column:1/-1}.simulator-dialog .purchase-chart{height:280px}.simulator-dialog .chart-tooltip{background:#F7FBF9}.simulator-dialog .chart-tooltip .tooltip-label{min-width:0}
.resources-page .page-intro{padding-top:40px;padding-bottom:0}.resources-page .page-intro h1{margin-bottom:20px}.resources-page .product{padding-top:36px;padding-bottom:64px}.resources-page .product h2{font-size:clamp(28px,2.6vw,36px);max-width:940px;line-height:1.3;margin-top:18px}.resources-page .product .lead{max-width:850px}.resources-page .demo-controls{margin-top:28px}.resources-page .feature-grid{align-items:stretch;gap:20px}.resources-page .feature-title{min-height:56px}.resources-page .feature-grid>article>p{flex:1}.resources-page .intelligence{padding-top:48px;padding-bottom:56px}.resources-page .intelligence h2{font-size:clamp(30px,3.3vw,44px)}
.family-page .compact-intro{padding-top:24px;padding-bottom:18px}.family-page .family{padding-top:40px;padding-bottom:56px}.family-page .split{gap:64px}.family-page .family-copy h1{font-size:clamp(32px,3.2vw,44px);margin:18px 0;line-height:1.2}.family-page .family-copy>p{font-size:16px;line-height:1.75}.family-page .checks li{margin:18px 0}.family-page .family-card{max-width:560px}.family-page .card-top>span{font-size:12px;color:#586F7B}.family-page .security{padding-top:56px;padding-bottom:56px}.family-page .security h2{font-size:clamp(32px,3.2vw,42px)}
.page-continuation{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:36px;padding-bottom:40px;border-top:1px solid var(--line)}.page-continuation>div{display:flex;flex-direction:column;gap:10px;max-width:650px}.page-continuation b{font-size:22px;font-weight:500;line-height:1.5}.page-continuation>a{padding:12px 18px;border:1px solid #C7DDD1;border-radius:9px;text-align:center;flex:0 0 auto}.page-continuation>a:hover{background:#153545;color:#F7FBF9}
@media(min-width:901px) and (max-height:760px){.home-page .hero-grid{padding-top:16px;padding-bottom:16px;gap:32px}.home-page h1{font-size:clamp(36px,3.4vw,46px);margin:16px 0}.home-page .hero-copy .actions{margin:18px 0 16px}.home-page .purchase-tool{padding:18px 22px}.home-page .tool-intro{margin-bottom:14px}.home-page .quick-fields{gap:12px}.home-page .purchase-options{margin-top:10px}.home-page .scope{padding-top:15px;padding-bottom:17px}}
@media(max-width:1120px){.home-page .hero-grid{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.home-page .scope{grid-template-columns:repeat(4,1fr);gap:12px 18px}.home-page .scope>span:first-child{grid-column:1/-1}.home-page .scope>a{font-size:14px}.family-page .split{gap:40px}}
@media(max-width:900px){.nav{height:auto;min-height:124px}.home-page .hero{min-height:0}.home-page .hero-grid{grid-template-columns:1fr;gap:30px;padding-top:32px;padding-bottom:32px}.home-page h1{max-width:640px;font-size:48px}.home-page .hero-copy>p{max-width:680px}.home-page .hero-copy .actions{margin:24px 0 20px}.home-page .purchase-tool{max-width:720px;justify-self:center;padding:26px}.quick-fields .sim-field label{min-height:0}.home-page .scope{padding-top:22px;padding-bottom:26px}.family-page .split{grid-template-columns:1fr;gap:30px}.family-page .family-card{max-width:none}.simulator-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:0 22px 22px}.simulator-dialog .purchase-results{grid-template-columns:1fr}.simulator-dialog .result-primary,.simulator-dialog .cost-breakdown,.simulator-dialog .purchase-insight,.simulator-dialog .purchase-future{grid-column:auto;grid-row:auto}.simulator-dialog .purchase-future{margin-top:0}.resources-page .feature-grid{grid-template-columns:1fr 1fr}.page-continuation{align-items:start;flex-direction:column;gap:20px}}
@media(max-width:620px){.home-page h1{font-size:clamp(35px,8.8vw,44px)}.home-page .hero-grid{gap:24px;padding-top:28px;padding-bottom:28px}.home-page .hero-copy .actions{align-items:stretch;gap:16px}.home-page .pill{font-size:11px}.home-page .purchase-tool{padding:22px 16px}.quick-fields{grid-template-columns:1fr;gap:16px}.quick-fields .term-field{display:flex;gap:10px;padding-top:2px}.quick-fields .term-field label{width:100%}.quick-fields .term-field input{margin:8px 0 4px}.quick-fields .term-limits{width:100%;margin-top:0}.home-page .scope{grid-template-columns:1fr 1fr;gap:14px 18px;font-size:14px}.home-page .scope>span:first-child{grid-column:1/-1}.home-page .scope>a{align-items:start}.home-page .scope .status-dot{margin-top:8px}.simulator-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px;padding:0 16px 18px}.dialog-toolbar{padding:12px 0;gap:10px}.dialog-toolbar .eyebrow{font-size:11px}.close-simulation{padding:9px 12px;font-size:13px}.simulator-dialog .result-heading h3{font-size:21px}.simulator-dialog .result-primary{grid-template-columns:1fr}.simulator-dialog .result-primary strong{font-size:29px}.simulator-dialog .purchase-future{padding:16px 10px}.resources-page .page-intro{padding-top:28px}.resources-page .product{padding-top:28px;padding-bottom:40px}.resources-page .feature-grid{grid-template-columns:1fr}.resources-page .intelligence{padding-top:40px}.family-page .family{padding-top:30px;padding-bottom:40px}.family-page .family-copy h1{font-size:34px}.family-page .security{padding-top:40px;padding-bottom:40px}.page-continuation{padding-top:28px;padding-bottom:30px}.page-continuation b{font-size:20px}.page-continuation>a{width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.simulator-dialog::backdrop{backdrop-filter:none}}
@media(min-width:901px) and (max-height:760px){
 .home-page .purchase-tool{padding:16px 22px}.home-page .tool-intro{font-size:14px;line-height:1.5;margin-bottom:10px}
 .home-page .quick-fields .sim-field{gap:5px}.home-page .quick-fields input:not([type=range]){min-height:42px}
 .home-page .purchase-options{margin-top:8px}.home-page .purchase-options>summary{min-height:38px;padding:8px 0}
 .home-page .sim-actions{margin-top:8px}.home-page .sim-actions .primary{padding:11px 16px}.home-page .sim-privacy{margin-top:8px}
}

/* Immediate, editable purchase preview; the full breakdown stays in the dialog. */
.quick-context{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 14px}
.quick-results{margin-top:14px}.quick-results[hidden]{display:none}
.quick-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border-radius:12px;background:#153545;color:#F7FBF9}
.quick-metrics span{display:block;font-size:12px;line-height:1.5;opacity:.85}.quick-metrics strong{display:block;font-size:clamp(16px,1.6vw,22px);margin-top:6px;line-height:1.4}
.quick-metrics>div:nth-child(2) strong{color:#18C084}.quick-results.has-shortfall .quick-metrics>div:nth-child(2) strong{color:#FFB5AA}
.quick-chart{height:185px;min-width:420px}.quick-results .purchase-legend{margin-top:16px;font-size:12px}.quick-note{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 12px}
.quick-budget{margin-top:10px}.quick-budget>.sim-fields{padding:12px 0}.home-page .quick-fields .term-field{padding-top:0}.home-page .purchase-options{margin-top:0}
@media(max-width:620px){.quick-metrics{gap:10px;padding:14px 12px}.quick-metrics strong{font-size:16px}.quick-metrics span{font-size:11px}.quick-context{font-size:12px}.quick-chart{height:180px}}

/* Compact overview and focused editors. */
.home-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.home-page .purchase-tool{padding:20px;max-width:620px;justify-self:end}.home-page .tool-intro{font-size:14px;margin-bottom:12px}
.quick-context-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.quick-context-row .quick-context{flex:1;margin:0;font-size:12px;line-height:1.5}
.edit-values{flex-shrink:0;border:1px solid #C7DDD1;border-radius:7px;padding:7px 9px;font:inherit;font-size:12px;background:transparent;color:#153545;cursor:pointer}.edit-values:hover{background:#E4F0E9}
.quick-budget[hidden]{display:none}.quick-budget{padding:10px 0;border-bottom:1px solid #C7DDD1}.example-schedule{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:var(--muted)}
.example-schedule input{width:16px;min-height:16px;margin:2px 0 0;flex-shrink:0}
.quick-chart{height:155px}.quick-results .purchase-legend{margin-top:12px}.quick-metrics{padding:12px;gap:10px}.quick-metrics strong{font-size:20px}
.quick-note{font-size:11px;line-height:1.5;margin:6px 0}.quick-chart .chart-tooltip{width:190px;padding:9px 10px;font-size:11px;line-height:1.35}.quick-chart .tooltip-month{font-size:11px;margin-bottom:6px}.quick-chart .tooltip-row,.quick-chart .tooltip-detail{font-size:11px;margin:3px 0;gap:8px}.quick-chart .tooltip-detail{padding-top:4px}
.vexfin-vision{margin-top:10px;border-left:3px solid #14A773;background:#EDF6F1;border-radius:0 8px 8px 0;padding:10px 12px}.vexfin-vision>b{font-size:12px;color:#126448}.vexfin-vision p{font-size:12px;line-height:1.55;margin:4px 0 0}.has-shortfall .vexfin-vision{border-color:#A84434;background:#FFF1ED}
.home-page .sim-actions{margin-top:12px}.home-page .sim-privacy{font-size:11px;margin-top:7px}
.simulator-dialog{width:min(900px,calc(100% - 40px));max-height:84dvh;padding:0 20px 18px}.simulator-dialog .purchase-results{gap:0 18px;padding-top:14px}.simulator-dialog .purchase-chart{height:220px}.simulator-dialog .result-heading{margin-bottom:14px}.simulator-dialog .result-heading h3{font-size:21px}.simulator-dialog .result-primary{padding:16px}.simulator-dialog .result-primary strong{font-size:23px}.simulator-dialog .purchase-future{padding:12px}.dialog-toolbar{padding:12px 0}
.detailed-controls{border-bottom:1px solid #C7DDD1;padding:12px 0}.detailed-controls .purchase-options{margin-top:8px}.detailed-controls .purchase-options>summary{font-size:13px;padding:6px 0}.detailed-term{max-width:420px}.detailed-term label{display:flex;justify-content:space-between;font-size:13px}.detailed-term input{width:100%;accent-color:#14A773}.detailed-term small{font-size:11px;color:var(--muted)}
@media(max-width:900px){.home-page .hero-grid{grid-template-columns:1fr;gap:28px}.home-page .purchase-tool{width:100%;max-width:680px;justify-self:center}.simulator-dialog{width:calc(100% - 24px)}.simulator-dialog .purchase-results{grid-template-columns:1fr}}
@media(max-width:620px){.quick-context-row{gap:8px}.quick-metrics strong{font-size:16px}.quick-metrics span{font-size:11px}.home-page .purchase-tool{padding:16px}.simulator-dialog{width:calc(100% - 16px);padding:0 14px 16px;max-height:88dvh}.quick-chart .chart-tooltip{width:175px}.quick-chart{height:160px}}

.home-page .quick-fields .term-field{gap:4px 12px}.quick-metrics strong{margin-top:4px}.quick-metrics{padding:10px 12px}.vexfin-vision{padding:8px 10px}
.quick-chart .chart-month{font-size:10px}.quick-chart .chart-value-label{font-size:10px}

/* Keep the plot visible and the slider layout still while values change. */
.quick-chart .chart-tooltip{display:none!important}.quick-chart .chart-column.is-selected{stroke:#0B7656;stroke-width:1.5}
.quick-chart-help{font-size:10px;color:var(--muted);margin:0;line-height:15px}
.month-readout{box-sizing:border-box;height:70px;display:grid;grid-template-columns:1.15fr 2.5fr;gap:10px;align-items:center;padding:8px 10px;border:1px solid #D5E4DC;border-radius:8px;background:#F0F6F3;margin:2px 0 8px;overflow:auto;font-variant-numeric:tabular-nums}
.month-readout-heading{display:block;line-height:17px}.month-readout-heading strong{font-size:11px;text-transform:none}.month-readout-heading p{font-size:10px;line-height:14px;color:var(--muted);margin:3px 0 0}
.month-readout-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.month-readout-values span{display:block;color:var(--muted);font-size:10px;line-height:16px}.month-readout-values b{display:block;font-size:12px;line-height:20px}.month-readout-values>div:last-child b{color:#126448}.month-readout-values b.month-shortfall{color:#A84434}
.vexfin-vision{box-sizing:border-box;height:128px;padding:10px 12px;display:flex;flex-direction:column;gap:5px}
.vexfin-vision>b{line-height:18px;flex:none}.vision-content{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.vision-content>strong{font-size:13px;line-height:1.45;display:block}.vexfin-vision p{font-size:12px;line-height:1.55;margin-top:5px}
.quick-results.is-tight .quick-metrics>div:nth-child(2) strong{color:#F4D593}.quick-results.is-tight .vexfin-vision{border-color:#AC7C29;background:#FFF8E9}
.quick-metrics{font-variant-numeric:tabular-nums}.quick-metrics span{min-height:18px}.quick-metrics strong{white-space:nowrap}
@media(max-width:620px){.month-readout{height:110px;display:block}.month-readout-heading{display:flex;align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:9px}.month-readout-heading p{max-width:50%;text-align:right;margin:0}.month-readout-values{gap:6px}.vexfin-vision{height:178px}.quick-metrics span{min-height:33px}}

/* The opening copy and the simulation each get a full-width, balanced row. */
.home-page .hero{min-height:0}.home-page .hero-grid{display:block;padding-top:28px;padding-bottom:28px}
.home-page .hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;align-items:center;margin-bottom:28px}
.home-page .hero-copy .pill{grid-column:1;grid-row:1;justify-self:start;width:max-content}.home-page .hero-copy h1{grid-column:1;grid-row:2/5;margin:16px 0 0;font-size:clamp(35px,3.4vw,46px);max-width:590px}
.home-page .hero-copy>p{grid-column:2;grid-row:1/3;max-width:580px;font-size:15px}.home-page .hero-copy .actions{grid-column:2;grid-row:3;margin:18px 0 12px}.home-page .mini-people{grid-column:2;grid-row:4}
.home-page .purchase-tool{width:100%;max-width:none;padding:22px 24px;margin-top:0}
.home-page .purchase-tool .sim-head{margin-bottom:4px}.home-page .tool-intro{margin:0 0 14px;font-size:13px}
#purchase-form{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.45fr) minmax(270px,1fr);gap:0 22px;align-items:start}
.quick-context-row{grid-column:1/-1;grid-row:1;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #D5E4DC}.quick-context-row .quick-context{font-size:12px}
.quick-budget{grid-column:1/-1;grid-row:2;margin:0 0 14px;padding:0 0 12px}#purchase-form>.sim-fields{grid-column:1;grid-row:3}
#purchase-form>.quick-results{display:contents}#purchase-form>.quick-results[hidden]{display:none}
.home-page .quick-fields .term-field{display:flex;gap:8px}.home-page .quick-fields .term-field label{width:100%}.home-page .quick-fields .term-field input{width:100%;margin:7px 0 0}.home-page .quick-fields .term-limits{width:100%;margin:0}
.quick-metrics{grid-column:1;grid-row:4;grid-template-columns:1fr;padding:12px 14px;gap:10px;margin-top:14px}.quick-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.quick-metrics span{min-height:0;font-size:11px;max-width:100px}.quick-metrics strong{font-size:17px;margin:0}
.quick-visual{grid-column:2;grid-row:3/8;min-width:0}.quick-results .purchase-legend{margin:0 0 4px;gap:8px 12px;font-size:11px}.quick-chart{height:195px}.quick-chart-help{font-size:10px}.month-readout{height:70px;margin-top:4px;grid-template-columns:1fr 2.2fr}.month-readout-values{gap:6px}.month-readout-values b{font-size:11px}.month-readout-values span{font-size:9px}.quick-note{font-size:10px;line-height:1.5}
.vexfin-vision{grid-column:3;grid-row:3/8;height:333px;margin:0;padding:14px;border-radius:0 10px 10px 0}.vexfin-vision>b{font-size:12px}.vision-content>strong{font-size:16px;line-height:1.35;margin:5px 0 10px}.vexfin-vision p{font-size:12px;line-height:1.6;margin:0 0 12px}.vexfin-vision #quick-insight{border-top:1px solid #15354516;padding-top:10px;margin-bottom:0}
#purchase-form.is-tight .vexfin-vision{border-color:#AC7C29;background:#FFF8E9}#purchase-form.has-shortfall .vexfin-vision{border-color:#A84434;background:#FFF1ED}
.home-page #purchase-form>.sim-actions{grid-column:1;grid-row:5;flex-direction:column;gap:5px;align-items:stretch;margin-top:12px}.home-page .sim-actions .primary{padding:11px 10px;font-size:12px}.home-page .sim-actions .example-button{font-size:11px!important;align-self:center;padding:5px 0}.home-page #purchase-form>.sim-privacy{grid-column:1;grid-row:6;font-size:10px;line-height:1.5;margin:5px 0 0}#quick-invalid,#purchase-error{grid-column:1/-1}
@media(max-width:1050px) and (min-width:701px){#purchase-form{grid-template-columns:230px minmax(0,1fr);gap:0 24px}.quick-visual{grid-column:2;grid-row:3/8}.vexfin-vision{grid-column:1/-1;grid-row:8;height:198px;margin-top:16px}.vision-content>strong{font-size:15px}.vexfin-vision p{font-size:13px}.home-page .hero-copy{gap:0 30px}}
@media(max-width:700px){.home-page .hero-copy{display:block;margin-bottom:24px}.home-page .hero-copy h1{font-size:clamp(34px,7vw,44px);margin:18px 0}.home-page .hero-copy>p{font-size:15px}.home-page .purchase-tool{padding:18px 16px}.home-page .purchase-tool h2{font-size:20px}#purchase-form{display:flex;flex-direction:column;gap:0}#purchase-form>*{width:100%}.quick-context-row{order:0;margin-bottom:12px}.quick-budget{order:1}#purchase-form>.sim-fields{order:2}.quick-metrics{order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.quick-metrics>div{display:block}.quick-metrics span{font-size:10px;min-height:30px}.quick-metrics strong{font-size:15px;margin-top:3px}.quick-visual{order:4;width:100%;margin:14px 0 12px}.quick-chart{height:170px}.vexfin-vision{order:5;height:300px;width:100%;padding:12px}.vision-content>strong{font-size:15px}.vexfin-vision p{font-size:12px}.home-page #purchase-form>.sim-actions{order:6;flex-direction:row;align-items:center;gap:16px;margin-top:14px}.home-page #purchase-form>.sim-privacy{order:7}#quick-invalid,#purchase-error{order:6}.month-readout{display:block;height:108px}.month-readout-heading{display:flex;justify-content:space-between;margin-bottom:10px}.month-readout-heading p{max-width:50%;text-align:right;margin:0}.month-readout-values span{font-size:10px}.month-readout-values b{font-size:12px}}

/* Inline analysis: the financial model and quick overview are unchanged. */
.purchase-detail[hidden]{display:none}.purchase-detail{padding:32px 0 36px;border-top:1px solid var(--line);scroll-margin-top:0}#simular{scroll-margin-top:0}
.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.detail-heading h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:8px 0}.detail-heading p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.detail-back{font:inherit;font-size:13px;line-height:1.4;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:transparent;padding:11px 14px;min-height:44px;cursor:pointer}.detail-back:hover{background:#E4F0E9}
.purchase-detail .detailed-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding:16px 0;margin-bottom:18px}.purchase-detail .detailed-term{max-width:470px}.purchase-detail .detailed-term input{min-height:32px;margin:5px 0}.detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-actions .primary{font:inherit;font-size:13px;padding:11px 16px;min-height:44px;border:0;border-radius:8px;cursor:pointer}.purchase-detail .purchase-options,.purchase-detail #detailed-error{grid-column:1/-1}.purchase-detail .advanced-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.purchase-detail .purchase-options>summary{min-height:44px;display:list-item;padding:12px 0}.purchase-detail .input-guidance>small{font-size:12px}.purchase-detail .sim-field input{scroll-margin-top:150px}
.purchase-detail .purchase-results{border:0;padding:0;margin:0}.detail-result-mode{margin:0 0 14px}.detail-summary{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr;border-radius:12px;overflow:hidden;background:#EDF5F0;margin-bottom:18px}.detail-summary .result-primary,.detail-summary .cost-breakdown{display:contents}.detail-summary .result-primary>div,.detail-summary .cost-breakdown>div{padding:18px 20px;display:flex;flex-direction:column;gap:6px;min-width:0}.detail-summary .result-primary>div:first-child{background:#153545;color:#F7FBF9}.detail-summary .result-primary span,.detail-summary .cost-breakdown span{font-size:12px;color:var(--muted)}.detail-summary .result-primary>div:first-child span{color:#E4F0E9}.detail-summary strong,.detail-summary .cost-breakdown b{font-size:25px;line-height:1.3;font-weight:650;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--ink)}.detail-summary .result-primary>div:first-child strong{color:#18C084}.detail-summary .result-primary small{font-size:11px;color:var(--muted);line-height:1.6}.detail-summary .result-primary>div:first-child small{color:#D3E5DB}.purchase-detail .purchase-insight{font-size:14px;line-height:1.75;border:0;border-left:3px solid #14A773;padding:12px 16px;margin-bottom:24px}.purchase-detail .purchase-insight.budget-shortfall{border-left-color:#A84434;background:#FFF1ED}
.purchase-detail .purchase-future{padding:0;background:transparent;margin:0 0 26px;border:0;box-shadow:none}.purchase-detail .chart-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 8px}.purchase-detail .chart-title b{font-size:16px}.purchase-detail .chart-title small{font-size:12px!important;margin:5px 0;display:block}.purchase-detail .purchase-legend{margin:10px 0;font-size:12px}.purchase-detail .purchase-chart{height:290px;width:100%;min-width:0}.purchase-detail .purchase-chart-scroll{overflow:hidden}.chart-pages{display:flex;align-items:center;gap:10px;flex:none;font-size:12px;white-space:nowrap}.chart-pages[hidden]{display:none}.chart-pages button{font:inherit;font-size:20px;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;background:var(--paper);color:var(--ink);cursor:pointer}.chart-pages button:disabled{opacity:.35;cursor:default}.detail-month-readout{height:78px;grid-template-columns:1fr 2fr;margin:8px 0 0}.detail-month-readout .month-readout-heading strong{font-size:13px}.detail-month-readout .month-readout-heading p{font-size:11px}.detail-month-readout .month-readout-values span{font-size:12px}.detail-month-readout .month-readout-values b{font-size:15px}.purchase-detail .purchase-axis-note{font-size:11px;line-height:1.65;margin:7px 0 0}.purchase-detail .disclosure>summary{min-height:48px}.purchase-detail .table-scroll table{font-size:13px}.purchase-detail .table-scroll{overscroll-behavior-inline:contain}.purchase-detail .table-scroll button{min-height:40px}.purchase-detail #result-heading:focus{outline:2px solid #14A773;outline-offset:5px;border-radius:3px}
@media(max-width:900px){.purchase-detail{scroll-margin-top:0}#simular{scroll-margin-top:0}.detail-summary{grid-template-columns:1fr 1fr}.purchase-detail .advanced-fields{grid-template-columns:1fr 1fr}.purchase-detail .detailed-controls{grid-template-columns:1fr}.detail-actions{grid-row:2}.purchase-detail .chart-title{align-items:flex-start}}
@media(max-width:620px){.purchase-detail{padding-top:24px;padding-bottom:26px}.detail-heading{align-items:flex-start;flex-direction:column;gap:14px}.detail-heading h2{font-size:27px}.detail-heading p{font-size:13px}.purchase-detail .advanced-fields{grid-template-columns:1fr}.detail-summary .result-primary>div,.detail-summary .cost-breakdown>div{padding:15px 12px}.detail-summary strong,.detail-summary .cost-breakdown b{font-size:21px}.detail-summary .result-primary span,.detail-summary .cost-breakdown span{font-size:11px}.purchase-detail .purchase-chart{height:230px}.purchase-detail .chart-title{flex-direction:column;gap:8px}.chart-pages{width:100%;justify-content:space-between}.detail-month-readout{height:115px;display:block;padding:10px}.detail-month-readout .month-readout-values span{font-size:10px}.detail-month-readout .month-readout-values b{font-size:13px}.purchase-detail .methodology-detail p{font-size:13px}.purchase-detail .table-scroll table{font-size:11px}.purchase-detail .table-scroll th,.purchase-detail .table-scroll td{padding:10px 8px}.detail-actions{gap:8px}.detail-actions>*{flex:1}.purchase-detail .detailed-term{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.purchase-detail{scroll-behavior:auto}}

/* One simulator area; shared budget inputs move between modes without cloning. */
#quick-view[hidden],#quick-term[hidden],#quick-long-term[hidden]{display:none}
#simular>.purchase-detail{border-top:0;padding:0;margin:0;width:100%;max-width:none}
#detailed-budget-slot{grid-column:1/-1}
#detailed-budget-slot:empty{display:none}
#detailed-budget-slot .quick-budget{margin:0;padding:0 0 14px}
#detailed-budget-slot .quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.quick-long-term{grid-column:1;grid-row:3;font-size:12px;line-height:1.6}
.quick-long-term p{margin:0 0 10px}
#simular button:focus-visible,#simular input:focus-visible,#simular select:focus-visible,#simular summary:focus-visible{outline:2px solid #0B7656;outline-offset:4px}
@media(max-width:700px){.quick-long-term{order:2}#detailed-budget-slot .quick-fields{grid-template-columns:1fr}#quick-view{width:100%}}
#detailed-budget-slot:has(>.quick-budget[hidden]){display:none}
.purchase-detail .detail-actions{grid-row:auto}
.purchase-detail .detail-actions>*{min-width:0}
/* Keep the opening copy clear of the sticky navigation. */
.home-page .hero-grid{padding-top:52px}
.home-page .hero-copy .pill{max-width:100%}
@media(max-width:700px){.home-page .hero-grid{padding-top:40px}}
/* Preserve native details/summary interaction and make its affordance visible. */
.purchase-detail .purchase-options{border-top:0}
.purchase-detail .purchase-options>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:12px 16px;border:1px solid #C7DDD1;border-radius:8px;background:#F0F7F3;font-size:14px;font-weight:600;list-style:none;cursor:pointer}
.purchase-detail .purchase-options>summary:hover{background:#E4F0E9;border-color:#14A773}
.purchase-detail .purchase-options[open]>summary{border-color:#14A773}