*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#0f172a;font-family:Inter,system-ui,"Segoe UI",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}header{height:72px;padding:0 max(24px,calc((100% - 1132px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e8f0}header>a{font-size:25px;font-weight:900}nav{display:flex;gap:28px;color:#64748b}main{max-width:1180px;margin:auto;padding:64px 24px}.hero{text-align:center;max-width:820px;margin:0 auto 42px}.hero>b,.pill{display:inline-flex;width:auto;height:auto;align-items:center;flex:0 0 auto;align-self:flex-start;padding:7px 12px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:900;line-height:1;white-space:nowrap}.hero h1{font-size:clamp(42px,6vw,66px);line-height:1;letter-spacing:-2px;margin:20px 0}.hero h1 span{color:#2563eb}.hero p,.top p,.card>p,.three p{color:#64748b}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 12px 35px #0f172a0e}.top{display:flex;justify-content:space-between;gap:20px}.top h2,.top p{margin-top:0}button{padding:10px 16px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font-weight:800;cursor:pointer}.primary{background:#2563eb;color:#fff;border-color:#2563eb}.tabs{display:flex;gap:7px;width:max-content;background:#f1f5f9;padding:5px;border-radius:12px;margin:20px 0}.tabs button{border:0;background:transparent}.tabs .active{background:#fff;color:#2563eb;box-shadow:0 1px 5px #0f172a18}.formula{background:#eff6ff;border:1px solid #dbeafe;padding:13px 15px;border-radius:10px;margin-bottom:18px}.grid,.results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{font-size:13px;font-weight:800}input,select{display:block;width:100%;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.actions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.warning{margin-top:18px;padding:12px 14px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:10px;font-weight:700}.results{grid-template-columns:repeat(4,1fr);margin-top:20px}.result{border:1px solid #e2e8f0;border-radius:14px;padding:18px;min-width:0}.result small{display:block;color:#64748b}.result strong{display:block;font-size:27px;overflow-wrap:anywhere}.featured{background:#eff6ff;border-color:#bfdbfe}.featured strong{color:#2563eb}.note{margin-top:15px;padding:18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.note h3,.note p{margin:0}.note p{color:#64748b}.three,.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.three>div,.related a{border:1px solid #e2e8f0;border-radius:14px;padding:18px}.three>div{border-top:2px solid #dbeafe}.three b{color:#2563eb;font-size:12px}.related a{display:flex;gap:8px;align-items:center}footer{padding:28px;display:flex;justify-content:center;gap:18px;border-top:1px solid #e2e8f0;background:#fff;color:#64748b}@media(max-width:900px){.grid,.results{grid-template-columns:1fr 1fr}}@media(max-width:600px){nav{display:none}main{padding:42px 14px}.hero h1{font-size:42px}.card{padding:20px}.top{flex-direction:column}.grid,.results,.three,.related{grid-template-columns:1fr}.tabs{width:100%}.tabs button{flex:1}.actions{flex-direction:column}input,select{font-size:16px}footer{flex-direction:column;align-items:center}}