:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#4338ca;--accent-soft:#eef2ff;--accent-dark:#312e81;--success:#16a34a;--radius:12px;--shadow:0 1px 3px #0f172a0f, 0 4px 12px #0f172a0a;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.header-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:12px 16px;display:flex}.brand{color:var(--accent-dark);font-size:18px;font-weight:700}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.nav a{color:var(--text)}.nav a:hover{color:var(--accent);text-decoration:none}.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:48px;padding:32px 16px}.footer-grid{max-width:var(--max);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:0 auto;display:grid}.footer-grid h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:14px}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin:4px 0;font-size:14px}h1{color:var(--accent-dark);margin:8px 0 12px;font-size:clamp(24px,4vw,36px);line-height:1.2}h2{color:var(--accent-dark);margin:28px 0 12px;font-size:clamp(20px,3vw,26px)}h3{margin:20px 0 8px;font-size:18px}p{margin:0 0 12px}.lead{color:var(--muted);margin:0 0 16px;font-size:17px}.breadcrumbs{color:var(--muted);margin:16px 0 4px;font-size:13px}.breadcrumbs a{color:var(--muted)}.breadcrumbs span{margin:0 6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tool-card{flex-direction:column;gap:10px;display:flex}.tool-head{align-items:center;gap:12px;display:flex}.logo-circle{border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.tool-name{color:var(--text);font-size:16px;font-weight:600}.tool-short{color:var(--muted);font-size:13px}.rating{color:#f59e0b;font-size:14px;font-weight:600}.price{color:var(--accent);font-size:14px;font-weight:600}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.badge.free{color:#166534;background:#dcfce7}.badge.trial{color:#854d0e;background:#fef9c3}.badge.ru{color:#075985;background:#e0f2fe}table.compare{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;overflow:hidden}table.compare th,table.compare td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px;font-size:14px}table.compare th{background:var(--surface-2);color:var(--accent-dark);font-weight:600}table.compare tr:last-child td{border-bottom:none}.view-toggle{gap:8px;margin:12px 0;display:flex}.view-toggle button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:14px}.view-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tile-view.hidden,.table-view.hidden{display:none}.faq{margin-top:24px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:8px 0;padding:12px 16px}.faq summary{cursor:pointer;color:var(--accent-dark);font-weight:600}.faq p{color:var(--muted);margin-top:8px}.pagination{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;margin:2px;padding:4px 10px;font-size:13px;display:inline-block}.chip:hover{background:var(--accent-soft);text-decoration:none}.section{margin:24px 0}.stats{flex-wrap:wrap;gap:16px;margin:12px 0;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:120px;padding:12px 16px}.stat b{color:var(--accent);font-size:22px;display:block}.stat span{color:var(--muted);font-size:13px}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:24px}@media (width<=640px){.header-inner{flex-direction:column;align-items:flex-start}.nav,table.compare{font-size:13px}table.compare th,table.compare td{padding:8px}}@media (width<=360px){.container{padding:0 10px}}