:root{--ink:#172033;--muted:#627084;--line:#e5e9ee;--paper:#fff;--wash:#f6f8fa;--accent:#0f766e;--dark:#0b2239}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1160px;margin:auto}header{justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex}.brand{letter-spacing:-.8px;font-size:21px;font-weight:800}.brand i{color:var(--accent);font-style:normal}nav{color:#435168;gap:28px;font-size:14px;font-weight:600;display:flex}nav a:hover{color:var(--accent)}.menu{background:0 0;border:0;font-size:23px;display:none}.page-title{max-width:740px;padding:56px 28px 20px}.page-title h1,.hero h1{letter-spacing:-.06em;margin:5px 0 14px;font-size:clamp(2.25rem,6vw,4.3rem);line-height:1.04}.page-title p:not(.eyebrow),.hero p{color:var(--muted);margin:0;font-size:18px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--accent)!important;font-size:11px!important}.ad{color:#9ba6b3;letter-spacing:.08em;text-transform:uppercase;background:#fafbfc;border:1px solid #e2e7eb;border-radius:10px;place-items:center;height:90px;margin:12px 28px 32px;font-size:11px;display:grid}.ad-middle{max-width:760px;margin:28px auto}.calculator{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:760px;margin:0 28px 42px;padding:28px;box-shadow:0 8px 28px #15213b08}.form-calc{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{color:#354258;gap:6px;font-size:14px;font-weight:700;display:grid}.field input,.field select,.display{color:var(--ink);font:inherit;outline-color:var(--accent);background:#fff;border:1px solid #cfd7df;border-radius:9px;width:100%;padding:12px 13px}.result{color:#37635e;background:#edf8f6;border-radius:10px;grid-column:1/-1;gap:3px;margin-top:6px;padding:20px;display:grid}.result span{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.result strong{color:#0c4d48;letter-spacing:-.04em;font-size:24px}.result small{color:#5a7774}.display{text-align:right;font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:28px}.keys{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.scientific .keys{grid-template-columns:repeat(6,1fr)}.keys button{color:#233149;cursor:pointer;background:#f0f3f5;border:0;border-radius:9px;min-height:54px;font:700 17px inherit}.keys button:hover{background:#e2e8eb}.keys .equal{background:var(--accent);color:#fff}.hero{max-width:790px;margin:0;padding:105px 28px 88px}.hero h1{font-size:clamp(3.1rem,8vw,5.6rem)}.hero p{max-width:600px}.primary{background:var(--accent);color:#fff;border-radius:9px;margin-top:28px;padding:13px 20px;font-size:14px;font-weight:700;display:inline-block}.tool-section{background:var(--wash);padding:60px 28px 80px}.tool-section h2{letter-spacing:-.04em;margin:4px 0 26px;font-size:32px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;transition:border .15s,box-shadow .15s}.tool-card:hover{border-color:#98bdb8;box-shadow:0 9px 20px #1826380a}.icon{width:36px;height:36px;color:var(--accent);background:#e7f5f3;border-radius:9px;place-items:center;font-weight:800;display:grid}.tool-card h3{margin:18px 0 2px;font-size:17px}.tool-card p{color:var(--muted);margin:0 0 16px;font-size:14px}.tool-card b{color:var(--accent);font-size:13px}footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto;gap:20px;padding:40px 28px 24px;font-size:14px;display:grid}footer .brand{color:var(--ink)}footer p{margin:2px 0}.footer-links{gap:20px;display:flex}footer small{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=680px){header{height:66px;padding:0 20px}.menu{display:block}nav{border-bottom:1px solid var(--line);z-index:2;background:#fff;padding:16px 20px;display:none;position:absolute;top:60px;left:0;right:0}.open{flex-direction:column;gap:12px;display:flex}.page-title{padding:42px 20px 16px}.ad{height:70px;margin:12px 20px 24px}.ad-middle{margin:24px 20px}.ad-bottom{margin-bottom:36px}.calculator{margin:0 20px 32px;padding:18px}.form-calc{grid-template-columns:1fr}.scientific .keys{grid-template-columns:repeat(4,1fr)}.hero{padding:72px 20px 60px}.tool-section{padding:44px 20px 60px}.tool-grid{grid-template-columns:1fr}.tool-card{padding:19px}footer{grid-template-columns:1fr;padding:34px 20px 20px}.footer-links{flex-wrap:wrap;grid-row:2}}.privacy-policy{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:760px;margin:0 28px 42px;padding:34px 36px;box-shadow:0 8px 28px #15213b08}.privacy-policy>p{color:var(--muted);margin-top:0;font-size:17px}.privacy-policy section{border-top:1px solid var(--line);padding:18px 0}.privacy-policy h2{letter-spacing:-.025em;margin:0 0 6px;font-size:20px}.privacy-policy p{color:#536277;margin:0}@media (width<=680px){.privacy-policy{margin:0 20px 32px;padding:22px}}.ad{margin:20px 28px 42px}.ad-top{margin-top:16px;margin-bottom:38px}.ad-middle{margin:48px auto 76px}.ad-bottom{margin-top:0;margin-bottom:52px}@media (width<=680px){.ad{margin:16px 20px 32px}.ad-top{margin-top:12px;margin-bottom:30px}.ad-middle{margin:38px 20px 60px}.ad-bottom{margin-bottom:42px}}.ad-footer{max-width:none;height:72px;margin:18px 0 24px}.ad-bottom{display:none}footer{grid-template-columns:1fr;gap:0}footer .footer-brand{max-width:760px}footer .footer-links{grid-row:auto;margin-bottom:20px}footer small{grid-column:auto}@media (width<=680px){footer .footer-links{grid-row:auto}.ad-footer{height:64px;margin:16px 0 22px}}.angle-mode{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:6px;margin:0 0 12px;font-size:12px;font-weight:800;display:flex}.angle-mode span{margin-right:4px}.angle-mode button{color:#536277;letter-spacing:.04em;cursor:pointer;background:#fff;border:1px solid #cfd7df;border-radius:7px;padding:6px 9px;font:800 12px inherit}.angle-mode button.active{border-color:var(--accent);background:var(--accent);color:#fff}.angle-mode button:hover:not(.active){background:#f0f4f5}@media (width<=680px){.angle-mode{justify-content:flex-start;margin-bottom:10px}}