:root{--navy:#0b1739;--blue:#2563eb;--cyan:#39bdf8;--ink:#14213d;--muted:#68758d;--line:#e5eaf2;--soft:#f5f8fd;--white:#fff;--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",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:#1d5fe9}.container{width:min(1140px,calc(100% - 40px));margin:auto}.site-header{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:800;font-size:20px}.brand-logo img{display:block;width:auto;height:62px}.nav nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav nav>a,.nav-categories>.categories-trigger,.footer a{color:#536078;text-decoration:none;font-size:14px}.nav nav>a:hover,.nav-categories>.categories-trigger:hover,.footer a:hover{color:var(--blue)}.nav-categories{position:relative;padding:24px 0}.categories-trigger{display:flex;align-items:center;gap:6px}.categories-trigger span{font-size:15px;transition:transform .2s}.nav-categories:hover .categories-trigger span{transform:rotate(180deg)}.categories-mega{position:absolute;top:68px;right:-170px;width:min(960px,calc(100vw - 48px));padding:24px;background:rgba(255,255,255,.98);border:1px solid #dce5f2;border-radius:22px;box-shadow:0 26px 70px rgba(11,23,57,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease;pointer-events:none}.nav-categories:hover .categories-mega,.nav-categories:focus-within .categories-mega{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.categories-mega:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--blue),var(--cyan))}.mega-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:4px 4px 19px;border-bottom:1px solid var(--line);margin-bottom:18px}.mega-head small{display:block;color:var(--blue);font-weight:850;letter-spacing:.12em;margin-bottom:3px}.mega-head strong{display:block;color:var(--navy);font-size:24px;line-height:1.2}.mega-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.mega-all{flex:none;text-decoration:none;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:10px 15px;border-radius:10px;font-size:13px;font-weight:800}.mega-all:hover{color:#fff}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mega-grid>a{display:flex;gap:11px;min-height:92px;padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#fff;transition:.18s}.mega-grid>a:hover{border-color:#bcd0f4;background:#f7faff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,99,235,.08)}.mega-grid>a>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#e9f2ff,#dff6ff);color:var(--blue);font-weight:900}.mega-grid b{display:block;color:var(--navy);font-size:14px;line-height:1.3}.mega-grid small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px}.hero{background:radial-gradient(circle at 80% 20%,#e3f5ff 0,transparent 28%),linear-gradient(180deg,#f8fbff 0,#fff 100%);border-bottom:1px solid #edf1f7}.hero-inner{text-align:center;padding:86px 0 74px}.eyebrow{color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-.045em;max-width:900px;margin:15px auto 20px;color:var(--navy)}.hero h1 span{background:linear-gradient(90deg,var(--blue),#168dc9);-webkit-background-clip:text;color:transparent}.hero-copy{max-width:680px;margin:0 auto 34px;color:var(--muted);font-size:18px}.tool-card{max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(23,44,91,.12);padding:18px 22px 24px;text-align:left}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px}.tool-card .tab{border:0;background:#f3f6fb;padding:10px 13px 13px;font-weight:700;color:#536078;cursor:pointer;border-bottom:3px solid transparent;border-radius:10px 10px 0 0}.tool-card .tab.active{background:linear-gradient(135deg,var(--navy),#1f55c8);color:#fff;border-bottom-color:var(--cyan)}label{font-size:13px;font-weight:750;display:block;margin-bottom:8px}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0;border:1px solid #ccd5e3;border-radius:12px;padding:15px 16px;font-size:15px;outline:none}.input-row button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:0 23px;font-weight:800;cursor:pointer}.hint{margin:8px 2px 0;font-size:12px;color:#8a94a8}.popular-inline{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px;color:#7d899c;font-size:13px}.section{padding:72px 0}.section>h1{color:var(--navy);font-size:clamp(36px,5vw,54px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 18px}.section>p{color:var(--muted);font-size:17px;max-width:900px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head h2{margin:5px 0 0;color:var(--navy);font-size:34px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);padding:22px;color:var(--ink);background:#fff}.category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:var(--blue);font-weight:900;margin-bottom:15px}.soft-section{background:var(--soft)}.breadcrumb{font-size:13px;color:#8b96aa;margin-bottom:24px}.breadcrumb a{text-decoration:none;color:#5c6a82}.content-block{margin-top:24px;padding:28px 30px;border:1px solid var(--line);border-radius:20px;background:#fff}.content-block h2{color:var(--navy);font-size:26px;margin:0 0 14px}.content-block h3{color:var(--navy);margin:24px 0 8px}.content-block p{color:#526078}.content-block ul,.content-block ol{color:#526078;padding-left:22px}.content-block li{margin:7px 0}.info-box{display:grid;grid-template-columns:120px 1fr;gap:24px;margin:30px 0;padding:25px 28px;border:1px solid #cfe0f7;border-radius:18px;background:#f6faff}.info-box>span{align-self:start;background:#e4efff;color:var(--blue);border-radius:999px;padding:7px 11px;text-align:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.info-box h3{margin:0 0 7px;font-size:22px}.info-box p{margin:0}.table-wrap{width:100%;overflow-x:auto;margin:24px 0 14px;border:1px solid #dbe4f0;border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}.home-table{width:100%;border-collapse:collapse;background:#fff;min-width:720px}.home-table th{text-align:left;background:#f4f8fe;color:var(--navy);font-size:13px;padding:14px 16px;white-space:nowrap;border-bottom:1px solid #dbe4f0}.home-table td{padding:13px 16px;border-bottom:1px solid #edf1f6;color:#536078;font-size:14px;vertical-align:top}.home-table tr:last-child td{border-bottom:0}.home-table tbody tr:hover{background:#f9fbff}.toc{margin:26px 0 32px;padding:22px 24px;border:1px solid #dbe6f5;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#f3f8ff)}.toc strong{display:block;color:var(--navy);font-size:16px;margin-bottom:13px}.toc a{display:inline-flex;align-items:center;text-decoration:none;color:#365170;background:#fff;border:1px solid #dce5f1;border-radius:999px;padding:7px 11px;margin:0 6px 7px 0;font-size:13px;font-weight:650;line-height:1.2}.toc a:hover{color:var(--blue);border-color:#aecaef;background:#f9fcff}.quick-answer{margin:24px 0 30px;padding:24px 28px;border:1px solid #cfe1fb;border-left:5px solid var(--blue);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.quick-answer>small{display:inline-block;color:var(--blue);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.quick-answer h2{margin:0 0 8px;color:var(--navy);font-size:25px}.quick-answer p{margin:0;color:#526078}.section[id]{scroll-margin-top:100px}.faq-list details{border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:10px 0;background:#fff}.faq-list summary{cursor:pointer;color:var(--navy);font-weight:750;padding:16px 0}.faq-list details p{padding:0 0 16px;margin:0;color:#526078}.footer{background:var(--navy);color:#b8c6e0;padding:48px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:50px}.footer .brand{color:#fff}.footer .brand-logo img{height:60px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0;color:#b8c6e0}.copyright{border-top:1px solid #26375f;margin-top:34px;padding-top:18px;font-size:12px}.brand-logo img{max-width:260px}.footer .brand-logo img{max-width:240px}@media(max-width:850px){.nav nav{gap:13px}.nav nav>a{display:none}.nav-categories{display:none}.mega-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.section{padding:48px 0}}@media(max-width:600px){.container{width:min(100% - 28px,1140px)}.site-header{height:68px}.brand-logo img{height:54px;max-width:210px}.hero-inner{padding:55px 0}.hero h1{font-size:42px}.input-row{flex-direction:column}.input-row button{padding:14px}.category-grid{grid-template-columns:1fr}.content-block{padding:21px 18px}.info-box{grid-template-columns:1fr;padding:21px 18px}.toc{padding:18px}.toc a{display:flex;width:100%;margin-right:0}.quick-answer{padding:20px 18px}.home-table{min-width:650px}}