:root{--bg:#fafaf7;--surface:#fff;--ink:#16181d;--muted:#5d6370;--line:#e6e4dd;--accent:#4f46e5;--accent-ink:#fff;--accent-soft:#eef0ff;--deal:#0f766e;--radius:14px;--max:1120px;--read:720px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-size:17px;line-height:1.65}a{color:var(--accent);text-underline-offset:3px}img{max-width:100%;height:auto}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:6px 10px;font-size:14px;font-weight:500;text-decoration:none}.nav a:hover{background:var(--accent-soft);color:var(--accent)}.hero{padding:64px 0 40px}.hero h1{letter-spacing:-.03em;max-width:760px;margin:0 0 16px;font-size:clamp(32px,5vw,52px);line-height:1.1}.hero p{color:var(--muted);max-width:620px;margin:0;font-size:19px}.eyebrow{color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-bottom:16px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.section{padding:32px 0}.section h2{letter-spacing:-.02em;margin:0 0 18px;font-size:24px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:22px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{margin:0 0 6px;font-size:18px;line-height:1.3}.card p{color:var(--muted);margin:0;font-size:15px}.card .meta{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.card.feature{background:var(--ink);color:#fff;border:none;grid-column:1/-1;padding:32px}.card.feature p{color:#c9cbd3}.card.feature .meta{color:#a5b4fc}.card.feature h3{font-size:26px}.article{max-width:var(--read);margin:0 auto;padding:40px 20px 64px}.article h1{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(30px,4.5vw,44px);line-height:1.15}.article .byline{color:var(--muted);margin-bottom:20px;font-size:14px}.article h2{letter-spacing:-.02em;margin:48px 0 12px;font-size:26px;line-height:1.25}.article h3{margin:28px 0 8px;font-size:20px}.article table{border-collapse:collapse;background:var(--surface);border-radius:10px;width:100%;margin:20px 0;font-size:15px;overflow:hidden}.article th,.article td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.article th{background:#f3f2ed;font-weight:600}.notice{background:var(--accent-soft);color:#3730a3;border-radius:10px;margin:0 0 24px;padding:12px 16px;font-size:14px}.tldr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:18px 22px}.tldr strong:first-child{margin-bottom:6px;display:block}.tldr ul{margin:0;padding-left:20px}.product{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0 28px;padding:22px}.product .badge{text-transform:uppercase;letter-spacing:.04em;color:var(--deal);margin-bottom:4px;font-size:12px;font-weight:700;display:inline-block}.product h3{margin:0 0 4px}.product .price{color:var(--muted);margin-bottom:12px;font-size:15px}.product .pros-cons{grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 16px;font-size:15px;display:grid}.product .pros-cons ul{margin:4px 0 0;padding-left:18px}.product .pros-cons b{text-transform:uppercase;letter-spacing:.04em;font-size:13px}@media (width<=560px){.product .pros-cons{grid-template-columns:1fr}}.btn{background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:11px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.1)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:32px 0;font-size:14px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.site-footer a{color:var(--muted);margin-right:14px}