*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172033;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 22px}.site-header{border-bottom:1px solid #e9edf3;background:#fff;position:sticky;top:0;z-index:5}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:500}.nav nav{display:flex;gap:25px;color:#5e6878;font-size:14px}.hero{background:linear-gradient(180deg,#f7f9fc,#fff);padding:78px 0 62px;text-align:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#64748b}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-2.5px;max-width:760px;margin:13px auto 16px}.hero p{color:#667085;font-size:18px;margin:0 auto 30px}.search{max-width:650px;margin:auto;background:#fff;border:1px solid #dce2ea;border-radius:14px;display:flex;align-items:center;box-shadow:0 8px 30px #1720330d}.search input{border:0;outline:0;padding:17px 18px;font-size:16px;flex:1;border-radius:14px}.search span{font-size:25px;color:#98a2b3;padding-right:18px}.section{padding:64px 0}.alt{background:#f8fafc}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section h2{font-size:30px;letter-spacing:-1px;margin:6px 0 0}.section-head>a{color:#475467;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:flex;gap:15px;padding:21px;background:#fff;border:1px solid #e7ebf0;border-radius:14px;transition:.18s}.card:hover{transform:translateY(-2px);border-color:#c9d2df;box-shadow:0 10px 30px #1720330c}.icon{width:42px;height:42px;border-radius:11px;background:#f0f3f7;display:grid;place-items:center;font-size:20px;flex:none}.card h3{font-size:16px;margin:1px 0 5px}.card p{font-size:13px;color:#697586;line-height:1.45;margin:0}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.cat{background:#fff;border:1px solid #e5eaf0;padding:22px;border-radius:14px;display:grid;gap:8px}.cat span{font-size:23px}.cat small{color:#7a8493}.trust{padding:26px 0;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-grid div{display:grid;gap:4px}.trust-grid span{color:#737e8d;font-size:13px}footer{padding:42px 0 0}.footer{display:flex;justify-content:space-between;padding-bottom:35px}.footer p{color:#778292;font-size:13px}.footer>div:last-child{display:flex;gap:20px;font-size:13px;color:#667085}.copyright{text-align:center;border-top:1px solid #eef1f5;padding:18px;color:#98a2b3;font-size:12px}.tool-wrap{max-width:860px;margin:auto;padding:54px 22px}.tool-head{text-align:center;margin-bottom:30px}.tool-head h1{font-size:40px;letter-spacing:-1.5px;margin:8px 0}.tool-head p{color:#687385}.panel{border:1px solid #e1e6ed;border-radius:16px;padding:25px;background:#fff;box-shadow:0 10px 30px #17203308}.row{display:flex;gap:12px;flex-wrap:wrap}.field{display:grid;gap:7px;flex:1;min-width:160px}.field label{font-size:13px;font-weight:650;color:#475467}.field input,.field textarea,.field select{font:inherit;border:1px solid #d7dee8;border-radius:9px;padding:11px 12px;outline:none}.field textarea{min-height:150px;resize:vertical}.btn{border:0;border-radius:9px;padding:11px 17px;font-weight:700;background:#172033;color:#fff;cursor:pointer}.btn.secondary{background:#eef2f6;color:#172033}.actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.result{margin-top:18px;padding:16px;background:#f7f9fb;border-radius:10px;min-height:45px;white-space:pre-wrap;overflow:auto}.tool-info{margin-top:36px;color:#596577;line-height:1.7}.tool-info h2{color:#172033;font-size:21px}.notice{padding:12px 14px;background:#fff8e7;border:1px solid #f0dfad;border-radius:9px;font-size:13px;color:#765b18;margin-bottom:15px}@media(max-width:760px){.nav nav{gap:12px}.grid,.cat-grid,.trust-grid{grid-template-columns:1fr}.hero{padding-top:55px}.section-head{align-items:start;gap:12px}.footer{display:grid;gap:25px}.footer>div:last-child{flex-wrap:wrap}.tool-head h1{font-size:32px}}