*{box-sizing:border-box}:root{--navy:#101a2b;--text:#172033;--muted:#667085;--border:#dce4ec;--white:#fff;--error:#b42318}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f4f7fa;line-height:1.5}.container{width:min(1080px,calc(100% - 40px));margin:auto}header{background:#fff;border-bottom:1px solid #e8edf3}.head{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--navy);text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:22px}.brand span{font-weight:500}.tagline{color:var(--muted);font-size:14px}.hero{padding:64px 0 38px;background:#fff}.eyebrow{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#6d7785;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.03em}.hero p:not(.eyebrow){color:var(--muted);font-size:18px}.calculator-section{padding:48px 0 0}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:36px;box-shadow:0 10px 30px rgba(16,26,43,.05)}h2,h3{color:#647082}.card>form>h2,.results>h2{font-size:12px;letter-spacing:.17em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.field{margin-top:24px}.field label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.unit{display:grid;grid-template-columns:1fr auto;border:1px solid #ccd6e1;border-radius:9px;overflow:hidden}.unit:focus-within{box-shadow:0 0 0 3px rgba(128,144,165,.12);border-color:#8090a5}.unit input{width:100%;border:0;outline:0;padding:14px;font:inherit}.unit span{padding:14px;color:var(--muted);font-size:13px}.field small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.field b{display:block;min-height:18px;color:var(--error);font-size:12px;margin-top:5px;font-weight:400}button{width:100%;min-height:48px;border-radius:8px;font:inherit;font-weight:800;cursor:pointer}#calc{margin-top:16px;border:0;background:var(--navy);color:#fff}.results{margin-top:42px;padding-top:34px;border-top:1px solid #e8edf3}.results-grid{margin-top:18px;gap:12px}.result,.detail{padding:20px;border:1px solid var(--border);border-radius:12px;background:#fbfdfe}.result.primary{background:var(--navy);border-color:var(--navy);color:#fff}.result span,.detail span{display:block;color:var(--muted);font-size:12px}.primary span{color:#c9d2df}.result strong{display:block;margin-top:9px;font-size:25px}.results h3{margin-top:30px;font-size:12px;letter-spacing:.17em}.detail{padding:15px 16px}.detail strong{display:block;margin-top:4px;font-size:15px}.secondary{margin-top:28px;border:1px solid var(--border);background:#fff;color:var(--navy)}.hidden{display:none}.info{margin-top:70px;background:#fff;padding:85px 0 70px;border-top:1px solid #e8edf3}.info-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.info h2{margin:0;font-size:30px;line-height:1.2;color:var(--text)}.info p:not(.eyebrow){color:var(--muted)}.formula{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--border)}.formula span{color:var(--muted);text-align:right}footer{padding:26px 0;background:var(--navy);color:#c9d2df;font-size:12px}@media(max-width:760px){.container{width:calc(100% - 28px)}.head{min-height:62px;align-items:flex-start;justify-content:center;flex-direction:column}.hero{padding:48px 0 30px}.hero p:not(.eyebrow){font-size:16px}.card{padding:24px 18px}.grid,.info-grid{grid-template-columns:1fr}.info{margin-top:55px;padding:55px 0 60px}.formula{flex-direction:column;gap:5px}.formula span{text-align:left}}