@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--color-accent:#1d4ed8;--color-accent-light:#eff6ff;--color-accent-hover:#1847c2;--color-bg:#fafafa;--color-card:#fff;--color-border:#e4e4e7;--color-border-subtle:#f3f4f6;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-muted:#a1a1aa;--color-success:#16a34a;--color-success-bg:#ecfdf5;--color-error:#ef4444;--color-warning:#f59e0b;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--max-width-comparison:1100px;--max-width-article:800px;--max-width-home:1200px;--spacing-section:48px;--spacing-card:12px;--radius-card:12px;--radius-button:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);font-size:16px;line-height:1.7}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}h4{font-size:16px;font-weight:600;line-height:1.4}p{max-width:720px;line-height:1.7}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:1.5rem}.container{width:100%;margin:0 auto;padding:0 24px}.container--home{max-width:var(--max-width-home)}.container--comparison{max-width:var(--max-width-comparison)}.container--article{max-width:var(--max-width-article)}.section{padding:var(--spacing-section) 0}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px 24px;box-shadow:0 1px 3px #0000000a}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge--win{background:var(--color-success-bg);color:var(--color-success)}.badge--category{background:var(--color-accent-light);color:var(--color-accent)}.btn{font-family:var(--font-family);border-radius:var(--radius-button);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff;text-decoration:none}.btn--secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:#f4f4f5}.btn--secondary:hover{background:#e4e4e7;text-decoration:none}.btn--full{width:100%}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:12px;font-weight:500}.grid-3{gap:var(--spacing-card);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--spacing-card);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr}.btn--full-mobile{width:100%}h1{font-size:28px}}.stars{color:#f59e0b;letter-spacing:1px;font-size:14px}.tool-card-hover{cursor:pointer;transition:border-color .15s}.tool-card-hover:hover{border-color:#d4d4d8}