:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#13243b;background:#f2f5f8;line-height:1.6;font-size:16px;--accent:#006c67;--navy:#12243c}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}header{background:var(--navy);color:white;padding:20px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:white;text-decoration:none}header .brand{font-size:21px;font-weight:800;letter-spacing:-.6px}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.brand span{color:#65e3ce}main{max-width:1180px;margin:auto;padding:38px 24px 70px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#006c67}h1{font-size:clamp(30px,4vw,48px);line-height:1.13;letter-spacing:-1.6px;margin:12px 0 18px;max-width:850px}h2{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0 0 18px}h3{font-size:18px;line-height:1.4}p{margin:12px 0}.intro{color:#4c5c70;max-width:710px}.workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:30px;align-items:start}.panel{padding:28px;background:white;border:1px solid #d9e2eb;border-radius:12px}.result{background:var(--navy);color:white;position:sticky;top:20px}.result .eyebrow{color:#65e3ce}.amount{font-size:56px;font-weight:750;letter-spacing:-2px;line-height:1.2;margin:10px 0}.unit{color:#c0cedf;font-size:14px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:650}input{font:inherit;width:100%;padding:10px 12px;border:1px solid #a9b8c8;border-radius:6px;margin-top:5px;background:white;color:#14243b;min-width:0}input:focus{outline:3px solid #8cddd1;border-color:#006c67}input:invalid{border-color:#b32828}small,.note{font-size:14px;color:#58687a}details{margin-top:24px;border-top:1px solid #dce4ec;padding-top:16px}summary{cursor:pointer;font-weight:700;margin-bottom:16px}.breakdown{list-style:none;margin:24px 0;padding:0}.breakdown li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #34475e}.breakdown b{white-space:nowrap}.bar{height:8px;border-radius:5px;overflow:hidden;display:flex;background:#34475e;margin:20px 0}.bar span:nth-child(1){background:#65e3ce}.bar span:nth-child(2){background:#78b6f6}.bar span:nth-child(3){background:#d5a9fa}.bar span:nth-child(4){background:#f3d07d}.bar span:nth-child(5){background:#f79987}button,.button{display:inline-block;font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:12px 16px;border-radius:6px;border:1px solid #9dafc4;background:transparent;color:inherit;text-decoration:none}button:hover,.button:hover{background:#e5f4f1;color:#12243c}.primary{background:#65e3ce;color:#12243c;border-color:#65e3ce}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.result .note{color:#c0cedf}.error{color:#ffd2cc;font-weight:650}.section{margin-top:48px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;background:white;border:1px solid #d9e2eb;padding:24px;border-radius:10px;color:inherit;text-decoration:none}.card:hover{border-color:#006c67}.card .number{font-size:13px;color:#006c67;font-weight:800}.card p{font-size:15px;color:#58687a}.prose{max-width:780px}.prose h2{margin-top:36px}.prose li{margin:8px 0}.formula{padding:18px;background:#e5f4f1;border-left:4px solid #006c67;overflow-wrap:anywhere}footer{padding:24px max(5vw,20px);border-top:1px solid #d2dde8;font-size:14px;display:flex;gap:24px;flex-wrap:wrap}table{border-collapse:collapse;width:100%;margin:20px 0}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #ced9e4}.table-wrap{overflow-x:auto}.preview{background:#e3edf7;color:#294761;font-size:13px;text-align:center;padding:7px 20px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:5;background:white;padding:15px}@media(max-width:760px){.workspace,.cards{grid-template-columns:1fr}.result{position:static}.panel{padding:22px}main{padding:28px 18px 50px}.amount{font-size:46px}nav{gap:14px}.fields{gap:14px}h1{letter-spacing:-1px}}@media(max-width:390px){.fields{grid-template-columns:1fr}}@media print{header,footer,.actions,.preview,.section,details,nav{display:none}.workspace{display:block}.panel{margin:16px 0;break-inside:avoid}.result{background:white;color:black;position:static}.result .eyebrow,.result .note,.unit{color:#333}main{padding:0}.amount{font-size:36px}input{border:0;padding:0}body{background:white}}