:root{--navy:#10213d;--blue:#1769e0;--blue2:#0d55bd;--bg:#f6f8fb;--card:#fff;--muted:#5d6b80;--line:#dfe5ee;--gold:#f4c95d;--green:#147a59;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:var(--bg);line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--max);margin:auto;padding:0 22px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:900;color:var(--navy)}.logo b{color:var(--blue)}nav a{margin-left:20px;color:var(--navy);font-weight:700}.menu{display:none;border:0;background:none;font-size:1.5rem}
.hero{padding:82px 0;background:linear-gradient(135deg,#e9f3ff,#fff)}.heroGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-size:.8rem;font-weight:900}.hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.04;margin:12px 0 18px}.hero p{font-size:1.15rem;color:var(--muted);max-width:700px}.btn{display:inline-block;background:var(--blue);color:#fff!important;padding:13px 20px;border-radius:9px;font-weight:850;margin:8px 8px 8px 0}.btn:hover{background:var(--blue2);text-decoration:none}.btn.alt{background:#fff;color:var(--navy)!important;border:1px solid var(--line)}
.section{padding:64px 0}.section h2{font-size:2rem;margin:0 0 10px}.lead{color:var(--muted);max-width:780px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 6px 22px rgba(16,33,61,.045)}.card h3{margin-top:8px}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:#eaf3ff;color:var(--blue2);font-size:.76rem;font-weight:900}.tool{height:100%;display:flex;flex-direction:column}.tool .bottom{margin-top:auto}.rating{font-weight:900;color:var(--green)}.notice{background:#fff8df;border:1px solid #ead58b;border-radius:10px;padding:15px 18px;margin-top:25px;color:#5d501c}
.article{max-width:840px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:45px}.article h1{font-size:2.7rem;line-height:1.12}.article h2{margin-top:34px}.meta{color:var(--muted);font-size:.9rem}.article li{margin:7px 0}
table{width:100%;border-collapse:collapse;background:#fff;margin:25px 0}th,td{padding:13px;border:1px solid var(--line);text-align:left}th{background:#edf3fa}
form{display:flex;gap:10px;flex-wrap:wrap}input{flex:1;min-width:230px;padding:13px;border:1px solid var(--line);border-radius:8px}
footer{background:#101a2e;color:#dbe4f1;padding:45px 0;margin-top:40px}footer a{color:#fff}.links{display:flex;gap:18px;flex-wrap:wrap}.small{font-size:.86rem;color:#9caac0}
@media(max-width:800px){.heroGrid,.grid{grid-template-columns:1fr}nav{display:none}.menu{display:block}.hero{padding:55px 0}.article{padding:28px}.hero h1{font-size:2.55rem}}