.tools-hero{padding:115px 0 58px;text-align:center}.tools-hero .eyebrow{justify-content:center}.tools-hero h1{font-size:clamp(48px,7vw,84px);font-weight:700;line-height:1.01;letter-spacing:-.055em;margin:18px 0}.tools-hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tools-hero>p:last-child{max-width:760px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.85}.tools-browser{padding:24px 0 120px}.tool-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:36px}.tool-filters button{border:1px solid var(--line);border-radius:999px;padding:12px 17px;background:rgba(255,255,255,.035);color:#b7bfd0;font-size:11px;font-weight:600;cursor:pointer;transition:.32s}.tool-filters button:hover,.tool-filters button.active{transform:translateY(-3px) scale(1.02);color:#fff;border-color:rgba(69,228,255,.5);background:linear-gradient(135deg,rgba(69,228,255,.16),rgba(156,118,255,.2));box-shadow:0 12px 34px rgba(74,150,255,.17),0 0 25px rgba(156,118,255,.1)}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid transparent;border-radius:25px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad) border-box;box-shadow:var(--glow),inset 0 1px rgba(255,255,255,.07);transition:opacity .45s ease,transform .45s ease,box-shadow .35s}.tool-card.is-hidden{display:none}.tool-card.card-enter{opacity:0;transform:translateY(24px)}.tool-card.card-visible{opacity:1;transform:none}.tool-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 24px 58px rgba(64,182,255,.18),0 0 35px rgba(156,118,255,.13),inset 0 1px rgba(255,255,255,.1)}.tool-card-top{display:flex;align-items:center;gap:15px;margin-bottom:19px}.tool-logo{flex:0 0 56px;width:56px;height:56px;border:1px solid rgba(255,255,255,.13);border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 25px rgba(0,0,0,.2)}.tool-logo svg{width:34px;height:34px;display:block}.tool-logo .logo-text{font-weight:700;font-size:16px;letter-spacing:-.04em}.tool-headings{min-width:0}.tool-headings h2{font-size:17px;font-weight:600;margin:0 0 5px}.tool-headings p{font-size:8px;line-height:1.45;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase;margin:0}.proficiency{align-self:flex-start;margin-bottom:16px;padding:7px 10px;border:1px solid rgba(156,118,255,.24);border-radius:999px;background:rgba(156,118,255,.07);color:#dcd2ff;font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.tool-description{color:var(--muted);font-size:11px;line-height:1.75;margin-bottom:18px}.use-tags{display:flex;flex-wrap:wrap;gap:7px;margin:auto 0 20px}.use-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025);color:#aeb7ca;font-size:8px}.related-work{align-self:flex-start;gap:15px;padding:11px 13px;font-size:10px}.tools-contact{padding-top:105px}
.brand-adobe{color:#8db8ff}.brand-capcut{color:#f8f8fb}.brand-corel{color:#5bdd8f}.brand-inpage{color:#64d6ff}.brand-canva{color:#55e7e4}.brand-figma{color:#ff8b78}.brand-office-word{color:#55a8ff}.brand-office-excel{color:#5bd18a}.brand-office-powerpoint{color:#ff8b68}.brand-chatgpt{color:#70dfc1}.brand-gemini{color:#a9a4ff}.brand-flow{color:#81d5ff}.brand-kling{color:#b9a8ff}.brand-veed{color:#c793ff}.brand-kalakar{color:#f18bd7}.brand-heygen{color:#8ef1b4}.brand-creatify{color:#ff86c8}.brand-elevenlabs{color:#f5f5f6}.brand-firefly{color:#ef83db}
@media(max-width:1030px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.tools-hero{padding:80px 0 45px}.tools-hero h1{font-size:43px}.tools-browser{padding-bottom:85px}.tool-filters{justify-content:stretch}.tool-filters button{flex:1 1 calc(50% - 6px);padding:11px 10px}.tools-grid{grid-template-columns:1fr}.tool-card{padding:21px}.tool-card:hover{transform:translateY(-4px)}.tools-contact{padding-top:80px}}@media(prefers-reduced-motion:reduce){.tool-card{transition:none}.tool-card.card-enter{opacity:1;transform:none}}