:root{--bg: #f6f8ff;--ink: #0e0f1a;--muted: #555870;--card: #fff;--accent: #4f46e5;--accent-dark: #3730a3;--accent2: #06b6d4;--accent-soft: rgba(79, 70, 229, .08);--line: #dde1f5;--headline: "Segoe UI", "Trebuchet MS", "Arial", sans-serif;--body: "Segoe UI", "Helvetica Neue", "Arial", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--body);color:var(--ink);background:radial-gradient(50rem 30rem at 95% -10%,#c7d2fe 0%,transparent 60%),radial-gradient(35rem 20rem at -10% 25%,#cffafe 0%,transparent 55%),var(--bg)}.page{width:min(1120px,92vw);margin:0 auto;padding:1.5rem 0 3.5rem}.hero{padding:3.5rem 0 2.5rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.75rem}.nav-logo{font-family:var(--headline);font-size:1.25rem;font-weight:700;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}.nav-links a:hover{color:var(--accent)}.nav-cta{font-size:.88rem!important;padding:.5rem 1rem!important}.hero{padding:3.5rem 0 2.5rem;max-width:720px}.eyebrow{display:inline-block;margin:0;font-size:.78rem;letter-spacing:.1em;font-weight:700;color:var(--accent);background:#4f46e514;padding:.2rem .7rem;border-radius:999px}h1{margin-top:.9rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.search-bar{margin-top:1.5rem;max-width:540px}.search-bar input{width:100%;padding:.85rem 1.1rem;border:2px solid var(--line);border-radius:.9rem;font-size:1rem;font-family:var(--body);background:#fff;color:var(--ink);outline:none;transition:border-color .18s}.search-bar input:focus{border-color:var(--accent)}.hero-stats{display:flex;gap:1.25rem;margin-top:1.1rem;flex-wrap:wrap;font-size:.92rem;color:var(--muted);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;border-radius:.75rem;border:2px solid transparent;font-weight:700;font-family:var(--body);text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .18s ease}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover,.btn-secondary.active{background:var(--accent-soft);border-color:#4f46e53d}.section{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem}.section h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:1.25rem}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.section-copy{margin:.5rem 0 0;color:var(--muted);max-width:60ch}.results-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .8rem;font-size:.85rem;font-weight:700;color:var(--accent)}.picks-section{margin-top:1rem}.quick-picks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quick-pick-card{background:linear-gradient(180deg,#fff,#f7f8ff);border:1px solid var(--line);border-radius:1rem;padding:1rem}.quick-pick-top{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.quick-pick-card p{margin:.65rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-btn{padding:.45rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--muted);font-family:var(--body);font-weight:600;font-size:.88rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.filter-btn:hover,.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1.1rem;display:flex;flex-direction:column;gap:.4rem;transition:box-shadow .18s,transform .18s}.tool-card:hover{box-shadow:0 12px 32px #4f46e51f;transform:translateY(-2px)}.tool-card h3{font-size:1.1rem;margin-top:.25rem}.tool-card-header{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.tool-card p{color:var(--muted);font-size:.93rem;margin:0;flex:1}.favorite-btn{min-width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:#f59e0b;font-size:1rem;cursor:pointer}.favorite-btn.active{background:#fff4d8;border-color:#f6c453}.tool-card-top{display:flex;gap:.5rem;flex-wrap:wrap}.tool-badge{background:#4f46e51a;color:var(--accent);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.tool-category{background:#06b6d41a;color:#0891b2;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.tool-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.2rem}.tag{background:#f1f3ff;color:var(--muted);border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:600}.tool-btn{margin-top:.6rem;font-size:.88rem;padding:.55rem .9rem;border-radius:.6rem;align-self:flex-start}.tool-actions-row{display:flex;align-items:center;gap:.65rem;margin-top:.55rem;flex-wrap:wrap}.compare-btn,.toolbar-button{font-size:.88rem;padding:.55rem .9rem;border-radius:.6rem}.tool-toolbar{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.35rem}.toolbar-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--muted)}.toolbar-field select{min-width:10rem;padding:.7rem .9rem;border-radius:.8rem;border:1px solid var(--line);background:#fff;font:inherit;color:var(--ink)}.checkbox-pill{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;padding:.7rem .95rem;background:#fff;font-weight:600;color:var(--ink)}.checkbox-pill input{margin:0}.empty-state{margin-top:1rem;color:var(--muted);border:1px dashed var(--line);background:#fff;border-radius:1rem;padding:1rem 1.1rem}.compare-section{background:linear-gradient(180deg,#4f46e50a,#06b6d40a);border:1px solid var(--line);border-radius:1.25rem;padding:2rem;border-top:none}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.comparison-card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem}.comparison-card-top{display:flex;justify-content:space-between;gap:.8rem}.comparison-card-top p{margin:.45rem 0 0;color:var(--muted);font-size:.92rem}.comparison-remove{border:none;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.comparison-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:.9rem 0}.comparison-meta span{padding:.3rem .55rem;border-radius:999px;background:#f6f7ff;border:1px solid var(--line);font-size:.78rem;font-weight:700}.comparison-link{display:inline-block;margin-top:.95rem;text-decoration:none;font-weight:700;color:var(--accent)}.info-section{background:linear-gradient(135deg,#f0f1ff,#e0f7fb);border:1px solid var(--line);border-radius:1.25rem;padding:2rem;border-top:none}.info-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:2rem;align-items:start}.info-grid p{color:var(--muted);margin:.75rem 0 0;line-height:1.7}.info-cards{display:flex;flex-direction:column;gap:.75rem}.info-card{background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:.75rem;display:flex;gap:.75rem;align-items:flex-start}.info-icon{font-size:1.4rem;flex-shrink:0}.info-card strong{display:block;font-size:.95rem}.info-card p{margin:.2rem 0 0;font-size:.85rem;color:var(--muted)}.use-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.use-case-card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1rem}.use-icon{font-size:1.6rem}.use-case-card h3{font-size:.98rem;margin-top:.5rem}.use-case-card p{color:var(--muted);margin:.4rem 0 0;font-size:.88rem}.faq-list{display:flex;flex-direction:column;gap:.5rem;max-width:720px}.faq-item{border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.faq-question{width:100%;background:#fff;border:none;padding:1rem 1.1rem;font-family:var(--body);font-size:.98rem;font-weight:700;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.faq-question:hover{background:#f5f6ff}.faq-icon{font-size:1.2rem;font-weight:400;color:var(--accent)}.faq-answer{padding:0 1.1rem 1rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.7}.submit-tool-section{background:linear-gradient(140deg,#f2f4ff,#ebfbff);border:1px solid var(--line);border-radius:1.25rem;padding:2rem;border-top:none}.submit-tool-form{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-group span{font-weight:700;font-size:.9rem;color:var(--ink)}.field-group input,.field-group select,.field-group textarea{width:100%;border:1px solid var(--line);border-radius:.8rem;background:#fff;color:var(--ink);font:inherit;padding:.75rem .85rem;outline:none}.field-group textarea{resize:vertical}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--accent)}.field-group [aria-invalid=true]{border-color:#dc2626}.field-group-full{grid-column:1 / -1}.field-error{color:#b91c1c;font-size:.8rem;font-weight:700}.submit-tool-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.submit-tool-status{margin:0;font-size:.92rem;font-weight:700}.submit-tool-status.is-success{color:#166534}.submit-tool-status.is-error{color:#b91c1c}.newsletter{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:1.25rem;padding:2.5rem;color:#fff;border-top:none;text-align:center}.newsletter h2{color:#fff}.newsletter p{color:#fffc;margin:.5rem 0 0}.newsletter-form{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.newsletter-form input{padding:.8rem 1rem;border-radius:.75rem;border:none;font-size:.98rem;font-family:var(--body);min-width:260px;outline:none}.newsletter .trust{color:#ffffffa6;margin-top:.85rem;font-size:.9rem}.newsletter-status{margin:.8rem 0 0;font-size:.92rem;font-weight:700}.newsletter-status.is-success{color:#d8ffe5}.newsletter-status.is-error{color:#ffe2e2}.trust{margin:.5rem 0 0;font-size:.9rem;color:var(--muted)}.footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1.5rem;text-align:center;color:var(--muted);font-size:.9rem;padding-bottom:2rem}@media (max-width: 900px){.info-grid,.use-cases-grid,.comparison-grid,.quick-picks-grid,.submit-tool-form{grid-template-columns:1fr}}@media (max-width: 640px){.hero{padding-top:2rem}.nav-links{gap:.75rem}.tool-toolbar{align-items:stretch}.toolbar-field,.toolbar-field select,.toolbar-button,.checkbox-pill,.compare-btn,.tool-btn{width:100%}.tool-actions-row{flex-direction:column;align-items:stretch}.compare-section{padding:1.35rem}.tools-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column;align-items:center}.newsletter-form input{min-width:0;width:100%}}.eyebrow{display:inline-block;margin:0;font-size:.8rem;letter-spacing:.12em;font-weight:700;color:var(--accent-dark)}h1,h2,h3{font-family:var(--headline);letter-spacing:-.02em;margin:0}h1{margin-top:.7rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.subtext{margin:1rem 0 0;font-size:1.06rem;color:var(--muted);max-width:62ch}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.15rem;border-radius:.8rem;border:2px solid transparent;font-weight:700;text-decoration:none;transition:transform .15s ease,background-color .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-outline{border-color:var(--line);color:var(--ink);background:#fff}.trust{margin:.8rem 0 0;color:var(--muted);font-size:.95rem}.hero-card{border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(160deg,#fff,#f7fdfb);padding:1.25rem;box-shadow:0 18px 40px #1f1d1a14}.hero-card h2{font-size:1.35rem}.hero-card ul{margin:.9rem 0 0;padding-left:1.2rem;color:var(--muted)}.hero-card li+li{margin-top:.45rem}.section{margin-top:2.4rem;border-top:1px solid var(--line);padding-top:2rem}.section h2{font-size:clamp(1.45rem,2.6vw,2.1rem)}.cards{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1rem}.card h3{font-size:1.1rem}.card p{color:var(--muted);margin:.6rem 0 0}.flow-section{background:linear-gradient(90deg,#fff,#fffdf8);border:1px solid var(--line);border-radius:1rem;padding:1.35rem}.flow-section h2{margin-bottom:.5rem}.flow-list{margin:0;padding-left:1.2rem;color:var(--muted)}.flow-list li{padding:.35rem 0}.pricing-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.price-card{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1rem}.price-card.featured{border-color:var(--accent);box-shadow:0 16px 35px #0a9f872e;transform:translateY(-.15rem)}.plan-name{margin:0;font-weight:800}.plan-price{margin:.3rem 0 0;font-size:1.7rem;font-family:var(--headline)}.plan-meta{margin:0;color:var(--muted);font-size:.94rem}.price-card ul{margin:.8rem 0 0;padding-left:1.2rem;color:var(--muted)}.price-card li+li{margin-top:.35rem}.contact p{color:var(--muted);margin:.75rem 0 0}.contact-form{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:700;font-size:.92rem}.contact-form input,.contact-form select{border:1px solid #d7ccbd;border-radius:.65rem;padding:.7rem .75rem;font-size:.98rem;background:#fff}.contact-form button{margin-top:.35rem;width:fit-content}@media (max-width: 960px){.hero-grid,.cards,.pricing-grid,.contact-form{grid-template-columns:1fr}.hero{padding-top:2.2rem}.price-card.featured{transform:none}}