:root{font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#e7f5ee;background:#0c1718;--accent:#a8e8cb;--muted:#a4bbb7;--surface:#192728;--line:#365150}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:var(--accent)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffc77e;outline-offset:2px}header{border-bottom:1px solid var(--line);padding:17px clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:18px}header .brand{font-size:16px;text-decoration:none;color:#e7f5ee;display:flex;gap:12px;align-items:center;font-weight:760}header .brand span{font-size:29px;color:var(--accent)}header .brand b{font-size:11px;color:#8eac9c;letter-spacing:.1em}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:12px;text-decoration:none}main{max-width:1540px;margin:auto;padding:0 clamp(18px,4vw,60px)}.hero{padding:58px 0 26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--accent)}h1{font-size:clamp(44px,5vw,74px);line-height:1.03;letter-spacing:-.07em;margin:19px 0;font-weight:650}h1 em{color:var(--accent);font-style:normal}.hero p{color:var(--muted);max-width:800px;font-size:16px}.layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start;margin:20px 0 55px}.left,.right{display:grid;gap:16px;min-width:0}.panel,.outcome{background:var(--surface);padding:23px;border-radius:14px;border:1px solid var(--line);min-width:0}.panel h2{font-size:19px;margin:0 0 12px;letter-spacing:-.03em}.panel p,.outcome p{color:var(--muted);font-size:13px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.sectionhead span{color:var(--muted);font-size:11px}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.presets button{min-height:55px;padding:9px 11px;text-align:left;border:1px solid var(--line);background:#102120;color:#d9eae5;border-radius:8px;font-size:12px}.presets button.active,.presets button:hover{border-color:var(--accent);background:#2b4740}.presets button small{display:block;color:#8bbdac;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label{font-size:12px;color:var(--muted);display:grid;gap:5px}.fields input{width:100%;padding:10px;min-height:43px;border:1px solid #57706d;background:#0b1a1c;color:white;border-radius:7px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button,#compare{background:#263e3b;color:#e2f8ee;border:1px solid #507c6c;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:650}.actions .primary{background:var(--accent);color:#13251f;border-color:var(--accent)}.link{border:0;background:transparent;color:var(--accent);font-size:12px}.outcome{background:#173b35;border-color:#386b58;min-height:470px}.outcome h2{font-size:30px;letter-spacing:-.05em;margin:14px 0 20px}.outcome h3{font-size:15px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.number{padding:15px;background:#12302d;border:1px solid #3a6659;border-radius:9px}.number strong{display:block;font-size:24px;letter-spacing:-.05em;word-break:break-word;font-variant-numeric:tabular-nums}.number small{font-size:11px;color:#aed3c4}.breakdown{display:grid;gap:10px;margin:18px 0}.bar{display:grid;grid-template-columns:120px 1fr 70px;gap:10px;align-items:center;font-size:12px}.bar div{height:11px;border-radius:99px;background:#0b2523;overflow:hidden}.bar div span{display:block;height:100%;background:var(--accent);border-radius:99px}.bar b{text-align:right;font-size:11px}.formula{font:11px/1.6 ui-monospace,Consolas,monospace;color:#9ed2bc;padding:15px;background:#102e29;border-radius:7px;overflow-wrap:anywhere}.comparison{display:grid;gap:8px}.comparison article{background:#122320;border:1px solid #31584a;border-radius:9px;padding:11px}.comparison small{display:block;color:var(--muted)}details{border-top:1px solid var(--line);padding:11px 0}summary{cursor:pointer;font-weight:650;font-size:13px}footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px}footer a{text-decoration:none}@media(max-width:870px){.layout{grid-template-columns:1fr}}@media(max-width:450px){.presets,.fields{grid-template-columns:1fr 1fr}header{flex-wrap:wrap;padding:15px 18px}.bar{grid-template-columns:92px 1fr 50px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}