:root{--bg: #ffffff;--bg-soft: #f6f8fb;--ink: #16202e;--ink-soft: #4a5a6e;--line: #e3e9f1;--brand: #1f6feb;--brand-dark: #1553c0;--accent: #10b981;--warn-bg: #fff7ed;--warn-line: #fed7aa;--radius: 14px;--maxw: 1080px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;color:var(--ink);font-weight:700}h1{font-size:2.1rem;margin:0 0 .5em;letter-spacing:-.02em}h2{font-size:1.5rem;margin:2em 0 .6em}h3{font-size:1.18rem;margin:1.4em 0 .4em}p{margin:0 0 1em}img{max-width:100%;height:auto}.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:18px}.logo{font-weight:800;font-size:1.05rem;color:var(--ink);letter-spacing:-.02em;white-space:nowrap}.logo span{color:var(--brand)}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--ink-soft);font-size:.95rem;font-weight:500}.nav a:hover{color:var(--brand);text-decoration:none}.hero{background:linear-gradient(180deg,var(--bg-soft),#fff);border-bottom:1px solid var(--line);padding:56px 0 40px}.hero p.lead{font-size:1.2rem;color:var(--ink-soft);max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:var(--brand);margin-bottom:.6em}.grid{display:grid;gap:20px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 8px 30px #14285014;transform:translateY(-2px)}.card h3{margin-top:0}.card .meta{color:var(--ink-soft);font-size:.88rem}.btn{display:inline-block;background:var(--brand);color:#fff;padding:11px 20px;border-radius:10px;font-weight:600;font-size:.98rem}.btn:hover{background:var(--brand-dark);text-decoration:none}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.compare{display:grid;gap:18px;margin:24px 0}.tool-row{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff}.tool-row header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.tool-row h3{margin:0;font-size:1.3rem}.rating{color:var(--accent);font-weight:700;font-size:.95rem;white-space:nowrap}.tool-row .tagline{color:var(--ink-soft);margin:.3em 0 1em}.pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.pc ul{margin:.3em 0;padding-left:1.1em}.pc .pros li::marker{color:var(--accent)}.pc .cons li::marker{color:#ef4444}.pc h4{margin:0 0 .2em;font-size:.95rem}.bestfor{font-size:.95rem;background:var(--bg-soft);border-radius:10px;padding:10px 14px;margin:10px 0}.article{padding:40px 0 60px}.article-body{max-width:760px}.article-body h2{border-top:1px solid var(--line);padding-top:1em}.article-body a{text-decoration:underline}.article-body ul{padding-left:1.2em}.affiliate-disclosure{font-size:.9rem;color:var(--ink-soft);background:var(--bg-soft);border-radius:10px;padding:12px 16px;margin-top:2em}.notice{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:10px;padding:12px 16px;font-size:.92rem;margin:18px 0}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);padding:34px 0;margin-top:48px;color:var(--ink-soft);font-size:.9rem}.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer a{color:var(--ink-soft)}.breadcrumb{font-size:.85rem;color:var(--ink-soft);margin-bottom:1em}.tag{display:inline-block;font-size:.76rem;font-weight:600;color:var(--brand);background:#eaf2ff;padding:3px 9px;border-radius:999px}@media (max-width: 820px){.grid.cols-3,.grid.cols-2,.pc{grid-template-columns:1fr}h1{font-size:1.7rem}}