@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";.app-shell{background:radial-gradient(circle at 92% 15%,#eca95140,#0000 23rem),linear-gradient(120deg,#f8f6f0 0%,#f4f1e8 62%,#eeece4 100%);min-height:100vh;overflow:hidden}.site-header,main,footer{max-width:1240px;margin:auto}.site-header{justify-content:space-between;align-items:center;padding:26px 32px;display:flex}.brand{color:#1e4945;letter-spacing:-.04em;font-family:DM Mono,monospace;font-size:.9rem;font-weight:500;text-decoration:none}.brand-dot{background:#df7547;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #df754721}.header-note,.timeline-note{color:#6b7772;font-size:.8rem}main{padding:30px 32px 74px}.hero{max-width:790px;padding:44px 0 58px}.eyebrow,.section-kicker{color:#c7613a;letter-spacing:.1em;text-transform:uppercase;font:500 .7rem/1.2 DM Mono,monospace}.hero h1{color:#193936;letter-spacing:-.06em;max-width:760px;margin:14px 0 21px;font:700 clamp(2.7rem,6vw,5.25rem)/.98 Fraunces,Georgia,serif}.hero h1 em{color:#d7673e;font-style:italic}.hero-copy{color:#596762;max-width:575px;font-size:1.07rem;line-height:1.65}.calculator-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.55fr);align-items:start;gap:22px;display:grid}.form-panel,.results-panel,.timeline-section,.method-section,.empty-state{background:#fffffcbd;border:1px solid #213e3a1c;border-radius:18px;box-shadow:0 12px 34px #2238330d}.form-panel{padding:28px}.form-heading h2,.results-heading h2,.section-heading h2,.method-section h2,.empty-state h2{color:#22413d;letter-spacing:-.035em;margin-top:7px;font:700 1.45rem/1.1 Fraunces,Georgia,serif}.goal-form{gap:21px;display:grid}.field-row{gap:15px;display:grid}.field{color:#3b504c;gap:8px;font-size:.78rem;font-weight:600;display:grid}.field input{color:#223d39;background:#fcfcf8;border:1px solid #d5dad2;border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:.94rem;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#40817b;box-shadow:0 0 0 3px #40817b26}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:54px}.input-with-suffix span{color:#7a8581;font:.7rem DM Mono,monospace;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.form-actions{justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.form-actions p{color:#77827d;font-size:.74rem}.reset-button{color:#316d67;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:700;text-decoration:underline}.estimate-note{color:#687570;border-top:1px solid #e4e5dd;gap:9px;margin-top:27px;padding-top:19px;font-size:.76rem;line-height:1.55;display:flex}.estimate-note span{color:#d7673e}.output-area{gap:22px;min-width:0;display:grid}.results-panel{color:#f9f6ec;background:#1f4b47;border-color:#1f4b47;padding:27px}.results-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.results-heading .section-kicker{color:#bfe0ce}.results-heading h2{color:#fffdf5}.status-pill{text-align:center;border-radius:50px;max-width:176px;padding:7px 9px;font:.65rem/1.25 DM Mono,monospace}.status-pill.within{color:#245343;background:#c6e6ce}.status-pill.at{color:#5b4614;background:#f3d891}.status-pill.above{color:#6e2e21;background:#f2b5a2}.metric-grid{background:#ffffff24;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:26px;display:grid;overflow:hidden}.metric-card{background:#0f373275;gap:5px;min-width:0;padding:17px;display:grid}.metric-card.feature{background:#ecb85c2e}.metric-label{color:#c0d2c9;text-transform:uppercase;font:.62rem/1.2 DM Mono,monospace}.metric-card strong{color:#fffdf4;letter-spacing:-.04em;font:700 clamp(1.3rem,2.8vw,2rem)/1 Fraunces,serif}.metric-card small{letter-spacing:0;font:400 .72rem DM Sans,sans-serif}.metric-card>span:last-child{color:#c8d4ce;font-size:.68rem;line-height:1.35}.delay-callout{color:#d9e4dc;gap:10px;margin-top:19px;font-size:.82rem;line-height:1.5;display:flex}.delay-callout strong{color:#ffe3a5}.arrow-mark{color:#f1be65;flex:0 0 20px;font-size:1.1rem}.timeline-section{padding:27px}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.timeline-key{color:#6f7a76;gap:18px;margin:25px 0 12px;font-size:.68rem;display:flex}.timeline-key span{align-items:center;gap:5px;display:flex}.timeline-key i{border-radius:50%;width:8px;height:8px}.key-required{background:#d66d45}.key-available{background:#9bc9b2}.timeline{display:grid}.timeline-row{border-top:1px solid #e5e7df;grid-template-columns:150px minmax(160px,1fr) 92px;align-items:center;gap:18px;padding:12px 0;display:grid}.timeline-label{gap:3px;display:grid}.timeline-label strong{color:#34524d;font-size:.79rem}.timeline-label span,.capacity-copy span{color:#79847f;font-size:.67rem}.pace-visual{align-items:center;gap:9px;display:flex}.bar-track{background:#edf0e9;border-radius:10px;flex:1;min-width:0;height:10px;position:relative;overflow:hidden}.bar-track span{border-radius:inherit;position:absolute;left:0}.available-bar{background:#b9d9c6;height:100%}.required-bar{background:#d46640;height:4px;top:3px}.pace-value{color:#38524e;text-align:right;min-width:48px;font:.68rem DM Mono,monospace}.capacity-copy{text-align:right;display:grid}.capacity-copy strong{color:#34524d;font:.84rem DM Mono,monospace}.empty-state{align-items:start;gap:15px;padding:33px;display:flex}.empty-icon{color:#c75e36;background:#fbe3d4;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.5rem;display:grid}.empty-state p:last-child{color:#6b7772;max-width:430px;margin-top:9px;font-size:.9rem;line-height:1.55}.method-section{text-align:center;max-width:760px;margin:76px auto 0;padding:33px}.method-section h2{font-size:clamp(1.6rem,3vw,2.2rem)}.method-section>p:last-child{color:#66736e;max-width:620px;margin:15px auto 0;font-size:.91rem;line-height:1.65}footer{color:#71807a;justify-content:space-between;padding:25px 32px 34px;font:.68rem DM Mono,monospace;display:flex}footer span:first-child{color:#306962;font-weight:500}@media (width<=820px){.calculator-layout{grid-template-columns:1fr}.form-panel{order:0}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.site-header,main,footer{padding-left:19px;padding-right:19px}.site-header{padding-top:20px}.header-note{display:none}main{padding-top:10px}.hero{padding:29px 0 38px}.hero h1{font-size:clamp(2.45rem,13vw,3.5rem)}.form-panel,.results-panel,.timeline-section,.method-section{border-radius:14px;padding:20px}.results-heading,.section-heading{display:grid}.status-pill{justify-self:start;max-width:none}.metric-grid{grid-template-columns:1fr;gap:1px}.metric-card{grid-template-columns:1fr auto;align-items:center}.metric-card .metric-label{grid-column:1/-1}.metric-card>span:last-child{text-align:right}.timeline-row{grid-template-columns:1fr;gap:7px;padding:14px 0}.capacity-copy{text-align:left;align-items:baseline;gap:5px;display:flex}.pace-visual{width:100%}.timeline-note{display:none}.timeline-key{gap:11px;font-size:.62rem}.method-section{margin-top:48px}.form-actions{flex-direction:column;align-items:start}footer{padding-top:0}}:root{color:#1e2c2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f3ed;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}
