:root{--bg:#f6f8fc;--surface:#fff;--text:#111827;--muted:#5b6474;--line:#e5eaf2;--primary:#1769ff;--primary2:#0f4fd4;--accent:#13a35b;--warn:#f59e0b;--danger:#dc2626;--dark:#0f172a;--shadow:0 12px 32px rgba(15,23,42,.08);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:#0b1220;color:#dbe7ff;font-size:13px;padding:8px 0;text-align:center}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--dark);font-weight:800;font-size:20px}.brand:hover{text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#1769ff,#28a5ff);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 6px 18px rgba(23,105,255,.25)}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:#283346;font-size:14px;font-weight:650}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;font-weight:750;border:1px solid transparent;cursor:pointer;font-size:14px}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary2);text-decoration:none}.btn-secondary{background:white;color:var(--text);border-color:var(--line)}.btn-secondary:hover{text-decoration:none;border-color:#c8d2e1}.btn-green{background:#0e9f55;color:white}.btn-orange{background:#f97316;color:white}.hero{padding:68px 0 48px;background:radial-gradient(circle at 80% 10%,#dcecff 0,transparent 34%),linear-gradient(180deg,#fff,#f7faff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#edf4ff;color:#174fb8;border:1px solid #d9e8ff;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:16px 0}.hero p{font-size:19px;color:var(--muted);max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#3f4a5d;font-size:14px}.hero-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:22px}.finder{display:grid;gap:14px}.finder label{font-weight:750}.finder textarea,.finder input,.finder select,.tool-input{width:100%;padding:13px 14px;border:1px solid #cfd7e4;border-radius:10px;background:#fff;font:inherit}.finder-result,.result-box{display:none;margin-top:12px;padding:16px;border-radius:12px;background:#f2f7ff;border:1px solid #dbe7ff}.section{padding:56px 0}.section h2{font-size:34px;line-height:1.2;margin:0 0 12px}.section-lead{color:var(--muted);max-width:800px;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.card h3{margin:10px 0 8px;font-size:19px}.card p{color:var(--muted);margin:0 0 14px}.icon{width:44px;height:44px;border-radius:12px;background:#edf4ff;display:grid;place-items:center;font-size:22px}.category{display:flex;align-items:center;gap:13px}.category .icon{flex:0 0 auto}.category p{margin:3px 0 0}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tool-card{display:flex;flex-direction:column;height:100%}.tool-card .btn{margin-top:auto}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.article{background:white;border:1px solid var(--line);border-radius:18px;padding:30px}.article h1{font-size:42px;line-height:1.12;margin:0 0 14px}.article h2{font-size:27px;margin-top:34px}.article h3{font-size:20px;margin-top:24px}.article p,.article li{color:#364153}.article ul,.article ol{padding-left:22px}.breadcrumb{font-size:13px;color:#697386;margin-bottom:18px}.sidebar{display:grid;gap:16px;position:sticky;top:92px}.cta{border:1px solid #cfe0ff;background:linear-gradient(180deg,#f8fbff,#eef5ff);border-radius:16px;padding:20px}.cta h3{margin-top:0}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}.tool-shell{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:22px 0;box-shadow:0 8px 24px rgba(15,23,42,.05)}.tool-shell h2{margin-top:0}.field-row{display:grid;grid-template-columns:1fr auto;gap:10px}.steps{counter-reset:step;display:grid;gap:13px;margin:18px 0}.step{position:relative;padding:16px 16px 16px 56px;background:#fbfcfe;border:1px solid var(--line);border-radius:12px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:#e8f1ff;color:#1254c8;display:grid;place-items:center;font-weight:850}.callout{padding:16px 18px;border-left:4px solid var(--primary);background:#f3f7ff;border-radius:8px;margin:18px 0}.callout.warn{border-color:var(--warn);background:#fff8e8}.callout.safe{border-color:var(--accent);background:#effbf5}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:760}.search-strip{background:#0f172a;padding:18px 0;color:#fff}.search-inner{display:flex;gap:12px;align-items:center}.search-inner input{flex:1;padding:12px 14px;border-radius:9px;border:0}.footer{background:#0c1424;color:#d9e2f2;padding:42px 0 22px;margin-top:46px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer h4{color:white;margin-top:0}.footer a{display:block;color:#c6d4ea;margin:7px 0;font-size:14px}.footer p{color:#aebbd0}.copyright{border-top:1px solid #223049;margin-top:28px;padding-top:18px;color:#8fa0b9;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef3f9;color:#4c5a70;font-size:12px;font-weight:750;margin-right:6px}.ad-slot{border:1px dashed #c9d3e3;background:#fbfcff;color:#718096;border-radius:12px;text-align:center;padding:20px;font-size:13px}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.table th{background:#f8fafc}.hero-mini{padding:38px 0;background:linear-gradient(180deg,#fff,#f6f9ff)}.hero-mini h1{font-size:42px;margin:8px 0}.pill-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pill-nav a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#344054;font-size:13px}.badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0e6a3a;background:#eaf8f0;border-radius:999px;padding:5px 8px}.mobile-menu{display:none}.notice{font-size:13px;color:#5f6b7b}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef2f7;padding:2px 6px;border-radius:6px}.result-title{font-size:18px;font-weight:800}.score{font-size:34px;font-weight:850;color:var(--primary)}
@media(max-width:980px){.nav-links{display:none}.hero-grid,.content-layout{grid-template-columns:1fr}.sidebar{position:static}.tool-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.hero{padding-top:42px}.hero h1{font-size:40px}.article{padding:20px}.article h1,.hero-mini h1{font-size:34px}.grid,.grid-4,.tool-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.nav-actions .btn-secondary{display:none}.field-row{grid-template-columns:1fr}.search-inner{align-items:stretch;flex-direction:column}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}