: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}.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}.header-badge-clean{align-items:center;background:var(--color-primary-light);border-radius:100px;color:var(--color-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:6px 16px}.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}.all-tools-section{background:#f8f9fa;padding:64px 0}.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;overflow:hidden;padding:24px;position:relative;transition:box-shadow .2s,transform .2s}.tool-card-clean:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card-clean.disabled{background:#fafafa;opacity:.7}.popular-badge{border:1px solid #1a73e833;border-radius:20px;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px;pointer-events:none;position:absolute;right:12px;top:12px}.popular-badge,.tool-card-icon{align-items:center;color:var(--color-primary);display:inline-flex}.tool-card-icon{background:var(--color-primary-light);border-radius:12px;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:#fb8c00}.tool-features-list li svg[data-lucide=check-circle]{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}.tool-card-link-disabled{color:var(--color-text-tertiary);font-size:.875rem;font-weight:500;margin-top:auto}.benefits-section{background:#fff;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:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;transition:transform .2s}.benefit-card:hover{transform:translateY(-2px)}.benefit-icon{color:var(--color-primary);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}.tools-cta-section{background:var(--color-primary);border-radius:var(--radius-md);margin-top:64px;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-container{padding:0 16px}.all-tools-section,.benefits-section,.tools-cta-section{padding:48px 0}.cta-button-group{align-items:center;flex-direction:column}.cta-btn-primary,.cta-btn-secondary{justify-content:center;max-width:280px;width:100%}}