:root{--ink:#172033;--muted:#6d7a8e;--line:#e4e9f0;--bg:#f6f8fb;--white:#fff;--blue:#4f82ed;--blue-soft:#eef4ff;--green:#4ca77a;--green-soft:#eff9f3;--purple:#7b67d7;--purple-soft:#f3f0ff;--orange:#df8b57;--orange-soft:#fff3eb;--shadow:0 18px 50px rgba(21,35,59,.08);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,233,240,.9)}.nav{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.mark{width:38px;height:38px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px}.brand strong{display:block;font-size:16px;letter-spacing:-.02em}.brand small{display:block;color:#7d899a;font-size:11px;margin-top:-2px}.navlinks{display:flex;gap:22px;color:#59677b;font-size:13px;font-weight:800}.navlinks a:hover{color:var(--ink)}.navbtn{background:var(--ink);color:#fff;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:900}
.hero{padding:78px 0 75px;background:linear-gradient(135deg,#fcfdff 0%,#f0f5ff 48%,#eef8f3 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#6a778b;margin-bottom:13px}.hero h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.06em;margin:0 0 20px}.hero h1 span{color:var(--blue)}.hero>div p,.hero p{color:#66758a;font-size:18px;max-width:650px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;padding:12px 16px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#748297;font-size:11px;font-weight:800}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:27px;box-shadow:var(--shadow)}.hero-card .top{font-size:10px;font-weight:900;letter-spacing:.14em;color:#8390a2}.hero-card h2{font-size:46px;letter-spacing:-.05em;margin:18px 0 1px}.hero-card p{font-size:12px;margin:0;color:#7a8799}.preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.preview div{background:#f8fafc;border:1px solid var(--line);border-radius:15px;padding:14px}.preview span{display:block;font-size:10px;color:#8290a3}.preview strong{display:block;font-size:16px;margin-top:3px}.hero-note{margin-top:14px}
.section{padding:78px 0}.head-row{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.head-row h2{margin:0;font-size:40px;letter-spacing:-.045em;line-height:1}.head-row p{margin:0;max-width:430px;color:#7a8799;font-size:13px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin-bottom:18px}.search span{font-size:18px;color:#8a96a7}.search input{flex:1;border:0;outline:0;font:inherit;font-size:13px;background:transparent}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;min-height:160px;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(24,39,65,.03);transition:transform .16s ease,box-shadow .16s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(24,39,65,.08)}.tool-card .tag{font-size:9px;letter-spacing:.13em;font-weight:900;color:#768397}.tool-card h3{font-size:16px;letter-spacing:-.02em;margin:9px 0 4px}.tool-card p{font-size:12px;color:#7a8799;margin:0 0 16px}.tool-card .go{margin-top:auto;font-size:12px;font-weight:900;color:#4d78cf}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;display:flex;gap:11px;align-items:center}.cat .i{width:36px;height:36px;border-radius:11px;background:var(--blue-soft);display:grid;place-items:center}.cat h3{margin:0;font-size:13px}.cat p{margin:2px 0 0;font-size:10px;color:#7f8b9c}.features{padding:62px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feat{background:#fbfcfe;border:1px solid var(--line);border-radius:17px;padding:17px}.feat .i{font-size:20px}.feat h3{font-size:13px;margin:8px 0 3px}.feat p{margin:0;font-size:10px;color:#7d899b}
.tool-hero{padding:56px 0 32px}.crumb{font-size:11px;color:#7d899a;margin-bottom:18px}.crumb a{font-weight:900;color:#5277c7}.tool-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:22px;align-items:start}.tool-card-main{background:#fff;border:1px solid var(--line);border-radius:25px;padding:26px;box-shadow:var(--shadow)}.tool-card-main h1{font-size:46px;line-height:1.02;letter-spacing:-.055em;margin:0 0 10px}.lead{font-size:15px;color:#718097;max-width:710px;margin:0}.panel{margin-top:23px;padding:19px;border-radius:18px;background:#f8fafc;border:1px solid var(--line)}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{font-size:11px;font-weight:900;color:#69778a}.input{display:flex;align-items:center;background:#fff;border:1px solid #dfe5ec;border-radius:12px;margin-top:6px;overflow:hidden}.input:focus-within{border-color:#a8bce8;box-shadow:0 0 0 3px rgba(79,130,237,.1)}.input input,.input select,.input textarea{width:100%;border:0;outline:0;background:#fff;color:var(--ink);padding:11px;font:inherit;font-size:13px}.input span{padding:0 9px;color:#8793a5;font-size:12px}.panel>.btn{margin-top:12px}.textarea{width:100%;min-height:180px;border:1px solid #dfe5ec;border-radius:12px;background:#fff;padding:12px;resize:vertical;font:inherit;color:var(--ink);font-size:13px;outline:none}.textarea:focus{border-color:#a8bce8;box-shadow:0 0 0 3px rgba(79,130,237,.1)}select{width:100%;border:1px solid #dfe5ec;border-radius:12px;padding:11px;font:inherit;font-size:13px;color:var(--ink);background:#fff}.result{margin-top:14px;padding:18px;border-radius:17px;background:var(--blue-soft);border:1px solid #dae7ff}.result-label{font-size:10px;color:#7a8799}.result-value{font-size:31px;line-height:1.15;font-weight:900;letter-spacing:-.04em;margin-top:2px}.status{font-size:11px;color:#738196;margin-top:8px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.stat span{display:block;font-size:9px;color:#8a96a6}.stat strong{display:block;font-size:15px;margin-top:3px}.notice{margin-top:13px;padding:12px 14px;border-radius:13px;border:1px solid #dbece1;background:#f8fcfa;color:#60786a;font-size:11px}.tool-copy{margin-top:25px;border-top:1px solid var(--line);padding-top:19px}.tool-copy h2{font-size:23px;letter-spacing:-.03em;margin:0 0 7px}.tool-copy p{font-size:13px;color:#6e7b8e}.side{display:grid;gap:14px}.side .ad{height:200px;background:#fbfcfe;border:1px dashed #d8dfe9;border-radius:16px;display:grid;place-items:center;color:#a0a9b7;font-size:9px;font-weight:900;letter-spacing:.14em}
.footer{background:#151c29;color:#fff;padding:48px 0 22px}.footgrid{display:grid;grid-template-columns:1.4fr .8fr .8fr .9fr;gap:34px}.footer .brand small{color:#9ca8b9}.footer p,.footer a{font-size:11px;color:#909cad}.footer h4{font-size:11px;margin:2px 0 10px}.footer a{display:block;margin:7px 0}.bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:29px;padding-top:15px;display:flex;justify-content:space-between;color:#738095;font-size:10px}
@media(max-width:1000px){.hero-grid,.tool-layout{grid-template-columns:1fr}.toolgrid{grid-template-columns:repeat(2,1fr)}.catgrid,.featgrid{grid-template-columns:repeat(2,1fr)}.side{grid-template-columns:1fr 1fr}.side .ad{height:160px}}
@media(max-width:680px){.container{width:min(100% - 24px,1160px)}.nav{height:66px}.navlinks{display:none}.hero{padding:54px 0}.hero h1{font-size:45px}.head-row{display:block}.head-row p{margin-top:10px}.toolgrid,.catgrid,.featgrid,.fields,.statgrid{grid-template-columns:1fr}.side{display:none}.tool-card-main h1{font-size:37px}.bottom{display:block}.bottom span{display:block;margin:5px 0}.hero-card h2{font-size:38px}.preview{grid-template-columns:1fr}.actions .btn{width:100%}}

.methodology{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfe}.methodology h2{margin:0 0 6px;font-size:18px}.methodology p{margin:4px 0;color:#6f7c90;font-size:12px}.related-tools{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.related-tools h2{font-size:22px;margin:0 0 12px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid a{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.related-grid strong{font-size:12px}.related-grid span{font-size:10px;color:#7890b5}@media(max-width:680px){.related-grid{grid-template-columns:1fr}}