:root{--bg:#0a0a0a;--card:#111;--card-strong:#161616;--text:#f5f5f5;--muted:#a3a3a3;--subtle:#737373;--border:#262626;--accent:#0f8;--accent-soft:#00ff881f;--danger-soft:#ffffff0d;--shadow:0 24px 80px #00000059;--radius:8px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(180deg, #00ff880f, transparent 360px), var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}main{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero-section{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end;gap:24px;min-height:360px;padding:48px 0 28px;display:grid}.hero-copy{max-width:780px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:760px;color:var(--text);letter-spacing:0;margin-bottom:18px;font-size:clamp(2.7rem,8vw,5.9rem);line-height:.95}h2{color:var(--text);letter-spacing:0;margin-bottom:0;font-size:1.5rem;line-height:1.15}h3{color:var(--text);letter-spacing:0;margin:24px 0 12px;font-size:1rem}.lede{max-width:720px;color:var(--muted);margin-bottom:0;font-size:1.1rem}.hero-stat,.panel,.note,.faq-section{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#111111eb}.hero-stat{padding:24px}.hero-stat span,.hero-stat small{color:var(--muted);display:block}.hero-stat strong{color:var(--accent);margin:8px 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1;display:block}.mode-tabs{border:1px solid var(--border);border-radius:var(--radius);background:#050505;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 24px;padding:6px;display:grid}.mode-tab{min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;font-weight:800}.mode-tab:hover,.mode-tab:focus-visible,.mode-tab.active{background:var(--accent-soft);color:var(--text);border-color:#0f86;outline:none}.calculator-grid{grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);align-items:start;gap:24px;display:grid}.panel{padding:24px}.section-heading{margin-bottom:22px}.field-grid,.assumption-grid,.results-grid,.info-grid{gap:14px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assumption-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:.9rem;font-weight:700}.field small{color:var(--subtle);font-size:.75rem}input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#080808;border-radius:6px;padding:10px 12px}input:focus{border-color:var(--accent);outline:2px solid #00ff882e}.calculate-button{background:var(--accent);color:#03140b;border:1px solid #00ff888c;border-radius:6px;width:100%;min-height:50px;margin-top:22px;font-weight:900}.calculate-button:hover,.calculate-button:focus-visible{outline-offset:2px;background:#4dffab;outline:2px solid #00ff8838}.mode-fields.hidden{display:none}.range-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.range-summary>div{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #00ff883d;min-width:0;padding:18px}.range-summary span,.target-section span,.target-section small{color:var(--muted);display:block}.range-summary strong{color:var(--accent);overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.05;display:block}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-strong);min-width:0;padding:18px}.scenario{color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:900}.result-card strong{color:var(--text);overflow-wrap:anywhere;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05;display:block}.result-card>span{color:var(--muted);margin-top:4px;display:block}dl{gap:10px;margin:18px 0 0;display:grid}dl div{border-top:1px solid var(--border);gap:3px;padding-top:10px;display:grid}dt{color:var(--subtle);font-size:.78rem}dd{color:var(--text);margin:0;font-weight:800}.target-section{margin-top:18px}.target-section h3{margin-top:0}.target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.target-grid article{border:1px solid var(--border);border-radius:var(--radius);background:#0c0c0c;min-width:0;padding:18px}.target-grid strong{color:var(--text);overflow-wrap:anywhere;margin:6px 0 4px;font-size:1.45rem;line-height:1.1;display:block}.formula-box{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #00ff8838;margin-top:18px;padding:16px}.formula-box h3{margin-top:0}.formula-box p,.disclaimer{color:var(--muted);margin-bottom:0}.disclaimer{margin-top:16px;font-size:.92rem}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.accuracy-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-top:24px;padding:24px}.accuracy-section p{max-width:880px;color:var(--muted);margin-bottom:0}.note{box-shadow:none;padding:22px}.note h3{margin-top:0}.note ul{color:var(--muted);gap:10px;margin:0 0 14px;padding-left:18px;display:grid}.note small{color:var(--subtle)}.faq-section{margin-top:24px;padding:24px}details{border-top:1px solid var(--border)}details:last-child{border-bottom:1px solid var(--border)}summary{min-height:52px;color:var(--text);cursor:pointer;padding:15px 0;font-weight:800}details p{max-width:850px;color:var(--muted);margin-bottom:18px}@media (width<=940px){main{width:min(100% - 24px,680px);padding-top:18px}.hero-section,.calculator-grid,.info-grid{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:32px}}@media (width<=680px){.mode-tabs,.field-grid,.assumption-grid,.range-summary,.results-grid,.target-grid{grid-template-columns:1fr}.panel,.hero-stat,.accuracy-section,.note,.faq-section{padding:18px}}
