/* Breadcrumb */
.breadcrumb-bar{margin-top:var(--header-h);padding:16px 24px;background:var(--white);border-bottom:1px solid var(--gray-200)}
.breadcrumb{max-width:var(--mega-max-w);margin:0 auto;display:flex;align-items:center;gap:8px;font-size:13.5px;flex-wrap:wrap}
.breadcrumb a{color:var(--gray-500);font-weight:500}.breadcrumb a:hover{color:var(--brand)}
.breadcrumb__sep{color:var(--gray-400);font-size:11px}.breadcrumb__current{color:var(--gray-900);font-weight:600}

/* ============================================================
   CATEGORY HERO
   ============================================================ */
.cat-hero{padding:48px 24px 40px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--purple-light) 0%,var(--gray-50) 100%)}
.cat-hero::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}
.cat-hero__icon{width:72px;height:72px;border-radius:20px;background:var(--purple-light);border:2px solid rgba(139,92,246,.15);display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 20px;position:relative}
.cat-hero__title{font-family:var(--font-display);font-size:clamp(28px,4.5vw,42px);font-weight:800;color:var(--dark);line-height:1.15;max-width:640px;margin:0 auto 14px;letter-spacing:-.02em}
.cat-hero__desc{font-size:clamp(15px,1.8vw,17px);color:var(--gray-500);max-width:560px;margin:0 auto 28px;line-height:1.65}
.cat-hero__stats{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.cat-stat{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-700);font-weight:500}
.cat-stat__dot{width:8px;height:8px;border-radius:50%}
.cat-stat__dot--purple{background:var(--purple)}.cat-stat__dot--green{background:var(--green)}.cat-stat__dot--blue{background:var(--brand)}

/* ============================================================
   TOOLS GRID
   ============================================================ */
.tools-section{max-width:var(--mega-max-w);margin:0 auto;padding:40px 24px 60px}
.tools-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}
.tools-section__title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--dark)}
.tools-section__count{font-size:13px;color:var(--gray-500);background:var(--gray-100);padding:4px 14px;border-radius:20px;font-weight:600}

/* Filter tabs */
.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:28px}
.filter-tab{padding:8px 18px;border-radius:50px;font-size:13px;font-weight:600;color:var(--gray-500);background:var(--white);border:1px solid var(--gray-200);transition:all .2s}
.filter-tab:hover{border-color:var(--purple);color:var(--purple)}
.filter-tab--active{background:var(--purple);color:var(--white);border-color:var(--purple)}

/* Tool Cards */
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}

.tool-card-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px 24px;transition:all .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.tool-card-item:hover{border-color:var(--purple);box-shadow:0 8px 30px rgba(139,92,246,.1);transform:translateY(-3px)}
.tool-card-item__badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:20px;letter-spacing:.5px}
.tool-card-item__badge--popular{background:#FEF3C7;color:#B45309}
.tool-card-item__badge--new{background:var(--green-light);color:var(--green)}

.tool-card-item__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;background:var(--purple-light);color:var(--purple)}
.tool-card-item__title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--dark);margin-bottom:8px}
.tool-card-item__desc{font-size:13.5px;color:var(--gray-500);line-height:1.6;margin-bottom:18px;flex:1}
.tool-card-item__tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.tool-tag{font-size:11px;font-weight:600;color:var(--gray-500);background:var(--gray-50);border:1px solid var(--gray-100);padding:3px 10px;border-radius:20px}
.tool-card-item__cta{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--purple);transition:gap .2s}
.tool-card-item:hover .tool-card-item__cta{gap:10px}
.tool-card-item__cta svg{width:16px;height:16px}


/* ============================================================
   OTHER CATEGORIES
   ============================================================ */
.other-cats{max-width:var(--mega-max-w);margin:0 auto;padding:0 24px 60px}
.other-cats__title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--dark);margin-bottom:20px}
.other-cats__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.other-cat-chip{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:16px 18px;transition:border-color .2s,box-shadow .2s}
.other-cat-chip:hover{border-color:var(--brand);box-shadow:var(--shadow-md)}
.other-cat-chip__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.other-cat-chip__name{font-weight:600;font-size:14px;color:var(--gray-900)}
.other-cat-chip__count{font-size:12px;color:var(--gray-500)}

/* ============================================================
   SEO CONTENT BLOCK
   ============================================================ */
.seo-content{max-width:var(--mega-max-w);margin:0 auto;padding:0 24px 60px}
.seo-content__inner{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:36px 40px}
.seo-content h2{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--dark);margin-bottom:12px;margin-top:28px}
.seo-content h2:first-child{margin-top:0}
.seo-content p{font-size:14.5px;color:var(--gray-700);line-height:1.75;margin-bottom:14px}
.seo-content strong{color:var(--gray-900)}



/* Responsive */
@media(max-width:1024px){.nav-desktop{display:none}.hamburger{display:flex}.header-actions .btn{display:none}.footer__inner{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:640px){:root{--header-h:64px}.tools-grid{grid-template-columns:1fr}.other-cats__grid{grid-template-columns:1fr 1fr}.cta-banner__inner{flex-direction:column;text-align:center;padding:40px 28px}.cta-banner__desc{max-width:100%}.cta-banner__actions{flex-direction:column;width:100%}.cta-banner__actions .btn{width:100%;justify-content:center}.footer__inner{grid-template-columns:1fr;gap:28px}.footer__bottom{flex-direction:column;gap:12px;text-align:center}.seo-content__inner{padding:24px 20px}}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .5s ease both}
.fd1{animation-delay:.05s}.fd2{animation-delay:.1s}.fd3{animation-delay:.15s}.fd4{animation-delay:.2s}.fd5{animation-delay:.25s}.fd6{animation-delay:.3s}.fd7{animation-delay:.35s}.fd8{animation-delay:.4s}