:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#e8f0fe;--color-text-primary:#202124;--color-text-secondary:#5f6368;--color-text-tertiary:#5f6368;--color-border:#dadce0;--color-surface:#fff;--color-surface-hover:#f8f9fa;--color-background:#fff;--color-success:#1e8e3e;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-sm:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;--shadow-md:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;--radius-md:12px;--max-width:1200px}.tools-page-clean{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);margin:0 auto;max-width:100%;padding:0}.section-container{margin:0 auto;max-width:var(--max-width);padding:0 24px}.section-header-clean{margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:720px;text-align:center}.section-header-clean h2{color:var(--color-text-primary);font-size:2rem;font-weight:400;letter-spacing:-.5px;margin:0 0 16px}.section-description{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin:0}.section-description a{color:var(--color-primary);text-decoration:none}.section-description a:hover{text-decoration:underline}.tools-header-clean{background:linear-gradient(180deg,#f8f9fa,#fff);border-bottom:1px solid var(--color-border);padding:64px 24px 48px;text-align:center}.tools-header-content{margin:0 auto;max-width:720px}.tools-header-clean h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:400;letter-spacing:-.5px;margin:0 0 16px}.tools-subtitle{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin:0}.tool-card-clean{overflow:hidden;position:relative}.popular-badge{align-items:center;border:1px solid #1a73e833;border-radius:20px;color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px;pointer-events:none;position:absolute;right:12px;top:12px}@media(max-width:480px){.popular-badge{font-size:.7rem;padding:3px 8px;right:10px;top:10px}}.all-tools-section{background:#f8f9fa;padding:64px 0}.category-filter{border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:48px;padding-bottom:24px}.filter-label{align-items:center;background:#0000;border:none;color:var(--color-text-tertiary);cursor:default;display:inline-flex;font-size:.9375rem;gap:6px}.category-btn,.filter-label{font-weight:500;padding:8px 16px}.category-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;transition:all .2s}.category-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-primary)}.category-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tools-grid-clean{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tool-card-clean{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:24px;transition:box-shadow .2s,transform .2s}.tool-card-clean:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-icon{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:inline-flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.tool-card-clean h2,.tool-card-clean h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 12px;text-decoration:none}.tool-card-clean h2 a,.tool-card-clean h3 a{color:inherit;text-decoration:none}.tool-card-clean h2 a:hover,.tool-card-clean h3 a:hover{color:var(--color-primary);text-decoration:none}.tool-card-description{color:var(--color-text-secondary);flex:1;font-size:.9375rem;line-height:1.6;margin:0 0 16px}.tool-features-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 16px;padding:0}.tool-features-list li{align-items:center;background:var(--color-surface-hover);border-radius:16px;display:inline-flex;font-size:.8125rem;gap:4px;padding:4px 10px}.tool-features-list li svg{color:var(--color-success)}.tool-card-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;margin-top:auto;text-decoration:none;transition:gap .2s}.tool-card-link:hover{gap:8px;text-decoration:none}.no-results{padding:48px 24px;text-align:center}.no-results p{color:var(--color-text-secondary);font-size:1rem;margin:0}.how-tools-work-section{background:var(--color-background);padding:64px 0}.how-work-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.work-step-card{padding:24px;text-align:center}.work-step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:1.25rem;font-weight:500;height:48px;justify-content:center;margin-bottom:20px;width:48px}.work-step-card h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 12px}.work-step-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.work-step-card p a{color:var(--color-primary);text-decoration:none}.work-step-card p a:hover{text-decoration:underline}.benefits-section{background:#f8f9fa;padding:64px 0}.benefits-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.benefit-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.benefit-icon{color:var(--color-success);margin-bottom:12px}.benefit-card h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 12px}.benefit-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.use-cases-tools-section{background:var(--color-background);padding:64px 0}.use-cases-grid-tools{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.use-case-card-tool{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.use-case-card-tool h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:500;margin:0 0 16px}.use-case-card-tool ul{list-style:none;margin:0;padding:0}.use-case-card-tool ul li{margin-bottom:12px;padding-left:0}.use-case-card-tool ul li:last-child{margin-bottom:0}.use-case-card-tool ul li a{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.9375rem;text-decoration:none}.use-case-card-tool ul li a:hover{text-decoration:underline}.tools-cta-section{background:var(--color-primary);border-radius:var(--radius-md);padding:64px 0;text-align:center}.tools-cta-section h2{color:#fff;font-size:2rem;font-weight:400;margin:0 0 16px}.tools-cta-section p{color:#ffffffe6;font-size:1.125rem;margin:0 auto 32px;max-width:600px}.cta-button-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn-primary,.cta-btn-secondary{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.cta-btn-primary{background:#fff;border:none;color:var(--color-primary)}.cta-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cta-btn-secondary{background:#0000;border:1px solid #ffffff80;color:#fff}.cta-btn-secondary:hover{background:#ffffff1a;border-color:#fff}@media(max-width:768px){.tools-header-clean{padding:48px 16px 40px}.tools-header-clean h1{font-size:2rem}.tools-subtitle{font-size:1rem}.section-header-clean h2{font-size:1.5rem}.section-description{font-size:1rem}.benefits-grid,.how-work-grid,.popular-tools-grid,.tools-grid-clean,.use-cases-grid-tools{grid-template-columns:1fr}.popular-tool-card{align-items:center;flex-direction:column;text-align:center}.category-filter{justify-content:flex-start}.section-container{padding:0 16px}.all-tools-section,.benefits-section,.how-tools-work-section,.popular-tools-section,.tools-cta-section,.use-cases-tools-section{padding:48px 0}.tools-cta-section h2{font-size:1.5rem}.tools-cta-section p{font-size:1rem}.cta-button-group{align-items:center;flex-direction:column}.cta-btn-primary,.cta-btn-secondary{justify-content:center;max-width:280px;width:100%}}@media(max-width:480px){.tools-header-clean h1{font-size:1.75rem}.category-filter{gap:8px}.category-btn{font-size:.8125rem;padding:6px 12px}.tool-card-clean{padding:20px}}.category-btn:focus,.cta-btn-primary:focus,.cta-btn-secondary:focus,.tool-card-link:focus,.tool-cta-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.category-btn,.cta-btn-primary,.cta-btn-secondary,.popular-tool-card,.tool-card-clean,.tool-card-link,.tool-cta-link{transition:none}}@media print{.category-filter,.tools-cta-section{display:none}}