.tool-hero { max-width:1120px; margin:0 auto; padding:5.5rem max(5vw,24px) 4rem; background:radial-gradient(circle at 78% 12%,#d5faf4 0,transparent 25%),radial-gradient(circle at 14% 18%,#e9edff 0,transparent 26%); }.tool-hero h1 { max-width:800px; margin:.3rem 0 1rem; font-size:clamp(3rem,7vw,5.5rem); letter-spacing:-.075em; line-height:.92; }.tool-hero p { max-width:650px; color:#59647b; font-size:1.08rem; }.tool-hero .delivery { margin:1.4rem 0; padding:.75rem 1rem; border-left:3px solid #335dff; background:rgba(255,255,255,.72); font-size:.88rem; }.availability { display:inline-block; padding:.22rem .48rem; border-radius:999px; font-size:.65rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }.availability.live { color:#087f71; background:#d5faf4; }.availability.planned { color:#69738a; background:#edf0f5; }.tool-directory { max-width:1180px; margin:0 auto; padding:3.5rem max(5vw,24px) 5rem; }.filter-row { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0 3rem; }.filter-row a { padding:.42rem .7rem; border:1px solid #dfe4ef; border-radius:999px; background:#fff; color:#4c5870; font-size:.78rem; font-weight:750; }.filter-row a:hover { color:#335dff; border-color:#b9c5f8; }.category { scroll-margin-top:90px; margin:3rem 0; }.category h2 { margin:0 0 1rem; letter-spacing:-.05em; font-size:1.5rem; }.tool-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }.tool-card { min-height:158px; display:flex; flex-direction:column; align-items:flex-start; padding:1rem; border:1px solid #e0e5ef; border-radius:14px; background:#fff; transition:.18s ease; }.tool-card:hover { transform:translateY(-3px); box-shadow:0 14px 28px rgba(24,34,72,.09); border-color:#b9c5f8; }.tool-card-icon { display:grid; width:32px; height:32px; place-items:center; margin-bottom:.7rem; border-radius:9px; color:#335dff; background:#e9edff; }.tool-card strong { letter-spacing:-.035em; }.tool-card small { display:block; flex:1; margin:.28rem 0 .6rem; color:#69738a; font-size:.75rem; line-height:1.35; }@media(max-width:780px){.tool-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.tool-card-grid{grid-template-columns:1fr}.tool-hero{padding-top:4rem}}