body:has(.home-hero) main>.crumb-row,body:has(.home-hero) main>.tool-h1{display:none}body:has(.home-hero) header{background:transparent;border:0;border-bottom:0;box-shadow:none;position:absolute;top:0;left:0;right:0;z-index:5}body:has(.home-hero) header .brand,body:has(.home-hero) header nav a{color:#e7eef7}body:has(.home-hero) header .brand .logo{color:#67e8f9}body:has(.home-hero) header nav a:hover{color:#67e8f9}body:has(.home-hero) header .tag{color:#94a3b8;border:1px solid rgba(148,163,184,.3);padding:.25rem .6rem;border-radius:999px}body:has(.home-hero) main{padding-top:0}.home-hero{padding-top:clamp(4.5rem,9vw,7rem)!important}.home-hero{position:relative;margin:0 -1rem 3rem;padding:clamp(2.25rem,7vw,5.5rem) clamp(1rem,5vw,3rem) clamp(2.5rem,5vw,4.5rem);isolation:isolate;overflow:hidden;text-align:center;color:#fff}.hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 540px at 80% -10%,rgba(34,211,238,.28),transparent 60%),radial-gradient(900px 600px at 0% 110%,rgba(124,58,237,.3),transparent 55%),radial-gradient(700px 380px at 50% 50%,rgba(56,189,248,.18),transparent 65%),linear-gradient(135deg,#050a14,#0a1426 55%,#07101e)}.hero-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(1100px 700px at 50% 30%,#000,transparent 75%)}.hero-content{max-width:980px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#67e8f9;font:800 .74rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:999px;padding:.4rem .85rem}.hero-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 14px #22d3eef2;animation:hero-pulse 1.5s ease-in-out infinite}@keyframes hero-pulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}.hero-title{margin:1.2rem 0 1rem;font-weight:900;font-size:clamp(2.5rem,6.8vw,5rem);line-height:1;letter-spacing:-.045em;color:#fff}.hero-title em{font-style:normal;background:linear-gradient(180deg,#67e8f9,#22d3ee,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(56,189,248,.45))}.hero-lead{color:#b0c4dc;max-width:640px;margin:0 auto 2rem;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55}.hero-lead b{color:#fff}.tools-search{position:relative;display:flex!important;align-items:center;width:100%!important;max-width:none!important;margin:0 0 1rem!important;background:#fff;border:1.5px solid #e6e9ef;border-radius:14px;padding:.2rem .4rem .2rem 1rem;box-shadow:0 1px 2px #1414280a;transition:border-color .18s,box-shadow .18s}.tools-search:focus-within{border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee2e,0 8px 24px #14142814}.tools-search-ic{width:20px;height:20px;color:#6a7d96;flex:none}.tools-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#16161d;padding:.85rem .9rem;font:600 16px ui-sans-serif,system-ui}.tools-search input::placeholder{color:#94a3b8;font-weight:600}.tools-search-kbd{color:#0891b2;font:800 .78rem ui-monospace,monospace;background:#ecfeff;border:1px solid #cffafe;border-radius:6px;padding:.18rem .5rem;margin-right:.4rem}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:.6rem;max-width:720px;margin:0 auto}.hero-stats>div{text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem .4rem}.hero-stats b{display:block;font:900 clamp(1.6rem,3.4vw,2.2rem)/1 ui-sans-serif,system-ui;background:linear-gradient(180deg,#fff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}.hero-stats span{display:block;margin-top:.3rem;color:#6a7d96;font:700 .72rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.home-tools{margin:0 0 4rem}.home-tools-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.8rem;flex-wrap:wrap;margin:0 0 1.4rem;text-align:left}.home-tools-head h2{margin:0;font:900 clamp(1.55rem,3vw,2.1rem) ui-sans-serif,system-ui;letter-spacing:-.025em;color:#16161d}.home-tools-head .count{color:#6a7d96;background:#ecfeff;border:1px solid #cffafe;border-radius:999px;padding:.18rem .7rem;font:700 .78rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.14em;margin:0}body:has(.home-hero) .grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))!important;gap:1rem!important;margin-top:0!important}.card.pro{padding:1.1rem;gap:.5rem;border-radius:16px;overflow:hidden;position:relative}.card.pro:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-c);opacity:0;transition:opacity .2s}.card.pro:hover:before{opacity:1}.card.pro .card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card.pro .card-tag{color:var(--cat-c);background:var(--cat-bg);font:800 .66rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.22rem .55rem}.card.pro .pill-mini.api{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border-color:#d9770659;color:#b45309}.empty-state{margin:2.5rem 0;text-align:center;color:#6a7d96;font:700 1rem ui-sans-serif,system-ui}.pills{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.45rem!important;margin:0 auto 1.5rem!important;max-width:980px!important;padding:0!important}@media(max-width:720px){.hero-stats{grid-template-columns:repeat(2,1fr)}.home-hero{margin:0 -1rem 2rem}.home-tools-head{gap:.4rem}.home-tools{margin-bottom:2.5rem}.tools-search-kbd{display:none}}@media(max-width:560px){.home-hero{margin:0 -.9rem 1.75rem}.hero-eyebrow{font-size:.66rem;letter-spacing:.18em;padding:.35rem .7rem}.hero-stats>div{padding:.7rem .3rem}.home-tools-head h2{font-size:1.3rem}.card.pro{padding:.9rem;border-radius:14px}.card.pro h3{font-size:.98rem}.card.pro p{font-size:.82rem}}@media(max-width:380px){.hero-stats{grid-template-columns:1fr 1fr}.hero-stats>div b{font-size:1.4rem}}