.tools-hero{padding:calc(var(--header-height) + 50px) 0 80px;text-align:center;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));position:relative}.filters{display:flex;justify-content:center;gap:15px;margin:30px 0;flex-wrap:wrap}.filter-btn{padding:12px 24px;border:2px solid var(--accent);background:transparent;color:var(--accent);border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:600}.filter-btn:hover{background:rgba(var(--accent-rgb),.1);transform:translateY(-2px)}.filter-btn.active{background:var(--accent);color:var(--black)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:50px 0}.tool-card{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:30px;text-align:center;transition:var(--transition);box-shadow:var(--box-shadow);display:flex;flex-direction:column;align-items:center;height:100%;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.tool-card.hidden{display:none;opacity:0;transform:translateY(20px)}.tool-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.tool-logo{width:120px;height:120px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:50%;padding:20px;box-shadow:0 5px 15px #0003}.tool-logo img{max-width:100%;max-height:80px;object-fit:contain}.tool-card h3{margin-bottom:15px;color:var(--accent)}.tool-card p{margin-bottom:20px;flex-grow:1}.integration-features{padding:80px 0;background-color:var(--bg-tertiary)}.integration-steps{display:flex;flex-direction:column;gap:30px;max-width:800px;margin:50px auto 0}.integration-step{display:flex;gap:20px;align-items:flex-start}.step-icon{background-color:var(--accent);color:var(--black);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.step-content h3{margin-bottom:10px;color:var(--accent)}.tools-cta{text-align:center;padding:80px 0;background-color:var(--bg-primary)}@media (max-width: 768px){.filters{flex-direction:column;align-items:center}.filter-btn{width:200px}.tools-grid{grid-template-columns:1fr}.integration-step{flex-direction:column;text-align:center;align-items:center}}