:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1f2937;background:#f7f9fc;--navy:#173a63;--blue:#2f6fed;--orange:#f4a62a}*{box-sizing:border-box}body{margin:0}.wrap{width:min(980px,calc(100% - 30px));margin:auto}header{background:#fff;border-bottom:1px solid #e3e8ef}nav{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:14px}nav a{text-decoration:none;color:var(--navy);font-weight:800}.hero{padding:64px 0 48px;background:linear-gradient(180deg,#fff,#eef4ff)}.eyebrow{font-size:10px;color:var(--blue);font-weight:900;letter-spacing:.13em}h1{margin:10px 0 15px;color:var(--navy);font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.05em}h2{color:var(--navy);font-size:30px;margin-top:36px}h3{color:var(--navy)}p,li{color:#647488;line-height:1.72}.reviewed{font-size:10px;color:#8793a2}.tool{display:grid;grid-template-columns:1fr .8fr;gap:16px;padding:48px 0}.card{padding:24px;border:1px solid #dce4ec;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(23,58,99,.06)}label{display:grid;gap:6px;margin:12px 0;font-size:11px;font-weight:800;color:#526378}input,select{min-height:44px;border:1px solid #d6dfe8;border-radius:9px;padding:0 11px;font:inherit}.result{background:#173a63;color:#fff}.result p{color:#c1cfdd}.result strong{display:block;font-size:42px;margin:10px 0}.note{padding:14px;border-radius:10px;background:#fff8e8;border:1px solid #efd99e;color:#75581f;font-size:11px;line-height:1.6}.content{padding:18px 0 70px}.example{display:grid;grid-template-columns:1fr 1fr;gap:12px}.example>div{padding:16px;border:1px solid #dfe6ed;border-radius:12px;background:#fff}.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.links a,.source-link{padding:10px 12px;border:1px solid #dce4ec;border-radius:8px;background:#fff;color:var(--navy);text-decoration:none;font-size:11px;font-weight:800}.source-box{padding:16px;border-radius:12px;background:#eef4ff;border:1px solid #d5e1f4}footer{padding:34px 0;background:#173a63;color:#c9d6e3;font-size:10px}@media(max-width:720px){.tool,.example{grid-template-columns:1fr}.hero{padding:48px 0 36px}}