@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--card-bg:#fff;--border-color:#e2e8f0;--border-subtle:#edf2f7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:#eff6ff;--accent-border:#bfdbfe;--success-bg:#ecfdf5;--success-text:#065f46;--success-border:#a7f3d0;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--max-width:1200px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.main-content{min-height:calc(100vh - var(--header-height) - 400px)}.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);height:var(--header-height);background-color:#fffffff2;align-items:center;display:flex;position:sticky;top:0}.header-container{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.logo-wrapper{align-items:center;gap:.5rem;display:flex}.brand-logo{letter-spacing:-.03em;color:var(--text-primary);font-size:1.25rem;font-weight:800}.brand-logo span{color:var(--accent-primary)}.brand-badge{background-color:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;padding:.2rem .5rem;font-size:.6875rem;font-weight:600}.desktop-nav{display:none}@media (min-width:960px){.desktop-nav{align-items:center;gap:.5rem;display:flex}}.nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s}.dropdown-item{transition:all .15s}.dropdown-item:hover{background-color:var(--bg-secondary)!important;color:var(--accent-primary)!important}@media (max-width:1180px){.brand-badge{display:none}}.nav-link:hover,.nav-link.active{color:var(--accent-primary);background-color:var(--bg-tertiary)}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-search-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.875rem;transition:all .15s;display:flex}.header-search-btn:hover{background-color:var(--bg-primary);border-color:var(--accent-primary);color:var(--text-primary)}.search-shortcut{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);padding:.1rem .35rem;font-size:.75rem}.mobile-menu-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;color:var(--text-primary);justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.mobile-menu-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}@media (min-width:1060px){.mobile-menu-btn{display:none}}@media (max-width:768px){.header-container{gap:.5rem;padding:0 1rem}.brand-logo{font-size:1.15rem}.brand-badge,.header-search-label,.search-shortcut{display:none}.header-search-btn{padding:.45rem .65rem}}.mobile-nav-drawer{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:99;max-height:calc(100vh - var(--header-height));flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.mobile-nav-link{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:.5rem 0;font-size:.9375rem;font-weight:600;transition:color .15s}.mobile-nav-link:hover{color:var(--accent-primary)}.hero-section{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);text-align:center;padding:3rem 0 2.25rem}.hero-pill{background-color:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent-primary);border-radius:var(--radius-full);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-primary);max-width:720px;margin:0 auto .75rem;font-size:2.25rem;font-weight:800;line-height:1.2}@media (min-width:768px){.hero-title{font-size:2.85rem}}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem;font-size:1.0625rem;line-height:1.5}.hero-search-box{max-width:580px;margin:0 auto 1.25rem;position:relative}.hero-search-input-wrap{background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;align-items:center;padding:.35rem .5rem .35rem 1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000000a}.hero-search-input-wrap:hover{border-color:#93c5fd;box-shadow:0 4px 14px #2563eb14}.hero-search-input-wrap:focus-within,.hero-search-input-wrap:active{border-color:var(--accent-primary);box-shadow:0 0 0 4px #2563eb29,0 6px 20px #2563eb1a}.hero-search-input{color:var(--text-primary);border:none;outline:none;flex:1;font-size:1rem}.hero-search-btn{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:.65rem 1.35rem;font-size:.9375rem;font-weight:600;transition:background-color .15s}.hero-search-btn:hover{background-color:var(--accent-hover)}.popular-searches{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.popular-pill{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:.25rem .65rem;font-weight:500;transition:all .15s}.popular-pill:hover{background-color:var(--accent-subtle);color:var(--accent-primary)}.section{padding:2.25rem 0}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.section-title{letter-spacing:-.025em;color:var(--text-primary);font-size:1.625rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.9375rem}.section-view-all{color:var(--accent-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.section-view-all:hover{text-decoration:underline}.categories-grid{grid-template-columns:repeat(1,1fr);gap:1.25rem;display:grid}@media (min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(4,1fr)}}.category-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:1.5rem;transition:all .2s;display:flex}.category-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-icon{margin-bottom:.75rem;font-size:1.75rem}.category-title{color:var(--text-primary);margin-bottom:.35rem;font-size:1.125rem;font-weight:700}.category-desc{color:var(--text-muted);flex:1;font-size:.875rem;line-height:1.45}.tools-grid{grid-template-columns:repeat(1,1fr);gap:1.25rem;display:grid}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:1.5rem;transition:all .2s;display:flex}.tool-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tool-logo-wrap{align-items:center;gap:.75rem;display:flex}.tool-logo-icon{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.tool-name-wrap h3{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.tool-category-badge{background-color:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.75rem;font-weight:600}.pricing-pill{border-radius:var(--radius-sm);letter-spacing:.01em;align-items:center;padding:.22rem .55rem;font-size:.75rem;font-weight:700;line-height:1.1;display:inline-flex}.pricing-pill.free{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.pricing-pill.freemium{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe}.pricing-pill.paid{color:#5b21b6;background-color:#f5f3ff;border:1px solid #ddd6fe}.rating-badge{color:#92400e;border-radius:var(--radius-sm);background-color:#fffbeb;border:1px solid #fde68a;align-items:center;gap:.2rem;padding:.22rem .55rem;font-size:.75rem;font-weight:700;line-height:1.1;display:inline-flex;box-shadow:0 1px 2px #0000000a}.tool-card-desc{color:var(--text-secondary);flex:1;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.tool-card-usecase{background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);margin-bottom:1.25rem;padding:.5rem .75rem;font-size:.8125rem}.tool-card-actions{align-items:center;gap:.75rem;margin-top:auto;display:flex}.btn-outline{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background-color:var(--bg-primary);flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .15s}.btn-outline:hover{border-color:var(--text-primary)}.btn-subtle-primary{text-align:center;border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent-primary);background-color:var(--accent-subtle);flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .15s}.btn-subtle-primary:hover{background-color:var(--accent-primary);color:#fff}.comparisons-grid{grid-template-columns:repeat(1,1fr);gap:1.25rem;display:grid}@media (min-width:768px){.comparisons-grid{grid-template-columns:repeat(2,1fr)}}.comparison-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:1.5rem;transition:all .2s;display:flex}.comparison-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-border)}.vs-badge-wrap{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:800;display:flex}.vs-pill{background-color:var(--accent-subtle);color:var(--accent-primary);border-radius:var(--radius-sm);padding:.1rem .45rem;font-size:.75rem;font-weight:700}.comparison-title{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem;font-weight:600;line-height:1.4}.comparison-table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);margin:2rem 0;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9375rem}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.comparison-table th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.guides-grid{grid-template-columns:repeat(1,1fr);align-items:stretch;gap:1.5rem;display:grid}@media (min-width:768px){.guides-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.guides-grid{grid-template-columns:repeat(3,1fr)}}.guide-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem;transition:all .2s;display:flex}.guide-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-meta{color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.guide-category{color:var(--accent-primary);background-color:var(--accent-subtle);border-radius:var(--radius-sm);padding:.15rem .5rem}.guide-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.4}.guide-desc{color:var(--text-secondary);flex:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.guide-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.85rem;font-size:.8125rem;display:flex}.article-container{max-width:840px;margin:2.5rem auto 4rem;padding:0 1.5rem}.article-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.article-title{letter-spacing:-.03em;color:var(--text-primary);margin:1rem 0;font-size:2.25rem;font-weight:800;line-height:1.25}.article-meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;display:flex}.verified-pill{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.article-prose{color:#1e293b;font-size:1.0625rem;line-height:1.75}.article-prose h2{color:var(--text-primary);letter-spacing:-.02em;margin:2.25rem 0 1rem;font-size:1.5rem;font-weight:700}.article-prose h3{color:var(--text-primary);margin:1.75rem 0 .75rem;font-size:1.25rem;font-weight:600}.article-prose p{margin-bottom:1.25rem}.article-prose ul,.article-prose ol{margin:1rem 0 1.5rem 1.5rem}.article-prose li{margin-bottom:.5rem}.article-prose pre{color:#f8fafc;border-radius:var(--radius-md);font-family:var(--font-mono);background-color:#0f172a;margin:1.5rem 0;padding:1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.article-prose code{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#0f172a;padding:.15rem .35rem;font-size:.9em}.article-prose pre code{color:inherit;background-color:#0000;padding:0}.search-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#0f172a99;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.search-modal-box{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.search-modal-input-wrap{border-bottom:1px solid var(--border-color);align-items:center;padding:1rem 1.25rem;display:flex}.search-modal-input{color:var(--text-primary);border:none;outline:none;flex:1;font-size:1.125rem}.search-results-list{max-height:380px;padding:.5rem 0;overflow-y:auto}.search-result-item{border-bottom:1px solid var(--border-subtle);flex-direction:column;padding:.75rem 1.25rem;transition:background-color .1s;display:flex}.search-result-item:hover{background-color:var(--bg-secondary)}.search-result-header{justify-content:space-between;align-items:center;display:flex}.search-result-title{color:var(--text-primary);font-weight:600}.search-result-badge{background-color:var(--accent-subtle);color:var(--accent-primary);border-radius:var(--radius-sm);padding:.1rem .45rem;font-size:.6875rem;font-weight:600}.search-result-sub{color:var(--text-muted);margin-top:.2rem;font-size:.8125rem}.site-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:3.5rem 0}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem;display:grid}@media (min-width:480px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-grid .footer-col:first-child{grid-column:span 2;margin-bottom:.5rem}}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.footer-grid .footer-col:first-child{grid-column:span 4;margin-bottom:.5rem}}@media (min-width:1024px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:2.5rem}.footer-grid .footer-col:first-child{grid-column:span 1;margin-bottom:0}}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1rem;font-size:.875rem;font-weight:700}.footer-links{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:.875rem;transition:color .15s}.footer-link:hover{color:var(--accent-primary)}.footer-brand-desc{color:var(--text-muted);max-width:320px;margin-top:.5rem;font-size:.875rem;line-height:1.5}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);flex-direction:column;gap:1.25rem;padding-top:2.25rem;padding-bottom:2.5rem;font-size:.8125rem;display:flex}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-disclaimer{max-width:720px;line-height:1.5}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.breadcrumbs a{color:var(--text-secondary);transition:color .15s}.breadcrumbs a:hover{color:var(--accent-primary)}.breadcrumbs .sep{color:var(--text-light)}.breadcrumbs .current{color:var(--text-primary);font-weight:500}.back-to-top-btn{z-index:95;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;opacity:.95;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #0000001a}.back-to-top-btn:hover{opacity:1;color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb33}.back-to-top-btn:active{transform:translateY(0)}@media (max-width:640px){.back-to-top-btn{border-radius:50%;padding:.6rem;bottom:1.25rem;right:1.25rem}.back-to-top-text{display:none}}.header-submit-btn:hover{background-color:var(--accent-primary)!important;color:#fff!important}@media (max-width:640px){.header-submit-btn{display:none!important}}.compare-tray{animation:.25s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}