.tools-directory{padding:72px 0 100px}.tools-directory-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.tools-directory-heading h2{letter-spacing:-.035em;color:var(--navy);margin-top:12px;font-size:clamp(1.6rem,3vw,2.25rem);font-weight:750}.tools-directory-count{border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);border-radius:99px;padding:7px 13px;font-size:.75rem;font-weight:600}.tools-directory-card{border:1px solid var(--border);background:var(--background);box-shadow:0 8px 35px color-mix(in oklab, var(--navy) 4%, transparent);border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.tools-directory-copy{padding:44px}.tools-directory-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px;font-size:.72rem;font-weight:600;display:flex}.tools-directory-icon{border:1px solid var(--border);background:var(--ice);width:42px;height:42px;color:var(--primary);border-radius:13px;justify-content:center;align-items:center;display:flex}.tools-directory-icon svg{width:21px;height:21px}.tools-free-badge{color:#10704c;background:#edf9f3;border:1px solid #bce7d7;border-radius:99px;margin-left:auto;padding:4px 9px;font-size:.65rem}.tools-directory-copy h3{letter-spacing:-.035em;max-width:420px;color:var(--navy);margin:24px 0 14px;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:750;line-height:1.2}.tools-directory-copy h3 a:hover{color:var(--primary)}.tools-directory-copy>p{color:var(--muted-foreground);font-size:.9rem;line-height:1.85}.tools-directory-copy ul{flex-wrap:wrap;gap:10px 18px;margin:24px 0 30px;padding:0;list-style:none;display:flex}.tools-directory-copy li{color:var(--muted-foreground);align-items:center;gap:6px;font-size:.7rem;display:flex}.tools-directory-copy li svg{color:#0f766e;width:13px;height:13px}.tools-directory-cta{justify-content:center;align-items:center;gap:10px;font-size:.8rem;font-weight:700;display:inline-flex}.tools-directory a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.tools-review-illustration{border-left:1px solid var(--border);background:radial-gradient(at 80% 20%,#cfe9fa,#0000 65%),#f0f6fa;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;padding:38px 30px;display:flex}.tools-demo-window{background:#fff;border:1px solid #dbe7f0;border-radius:14px;width:100%;max-width:420px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 16px 32px #172c4510}.tools-demo-toolbar{border-bottom:1px solid #edf1f5;align-items:center;gap:4px;padding:10px 12px;display:flex}.tools-demo-toolbar>span{background:#dbe4ed;border-radius:50%;width:5px;height:5px}.tools-demo-toolbar>div{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:4px;flex:1;margin-left:12px;padding:4px;font-size:8px}.tools-demo-content{padding:27px 18px 18px}.tools-demo-label{color:#0f766e;letter-spacing:.13em;align-items:center;gap:5px;font-size:7px;font-weight:700;display:flex}.tools-demo-label>span{background:#2dd4bf;border-radius:50%;width:4px;height:4px}.tools-demo-content>p{color:#172c45;letter-spacing:-.04em;margin:10px 0 22px;font-size:24px;font-weight:750;line-height:1.15}.tools-demo-reviews{gap:8px;display:flex}.tools-demo-review{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:0;padding:12px 9px;box-shadow:0 4px 10px #172c4506}.tools-demo-person{align-items:center;gap:5px;display:flex}.tools-demo-person>span{background:#bce8e0;border-radius:50%;flex-shrink:0;width:16px;height:16px}.tools-demo-review:nth-child(2) .tools-demo-person>span{background:#c8ddfb}.tools-demo-review:nth-child(3) .tools-demo-person>span{background:#f8dfba}.tools-demo-person>div{flex:1;min-width:0}.tools-demo-person i,.tools-demo-lines i{background:#dde5ed;border-radius:5px;height:3px;display:block}.tools-demo-person i+i{background:#e9eef3;width:60%;margin-top:4px}.tools-demo-stars{color:#fbbf24;gap:1px;margin:10px 0;display:flex}.tools-demo-stars svg{fill:currentColor;width:8px;height:8px}.tools-demo-lines{flex-direction:column;gap:4px;display:flex}.tools-demo-lines i{background:#e5ebf1}.tools-demo-lines i:last-child{width:65%}.tools-demo-pagination{justify-content:center;align-items:center;gap:4px;margin-top:16px;display:flex}.tools-demo-pagination span{background:#d0dce6;border-radius:99px;width:4px;height:4px}.tools-demo-pagination span:first-child{background:#147bea;width:14px}.tools-demo-caption{color:#648394;align-items:center;gap:6px;font-size:10px;display:flex}.tools-demo-caption svg{color:#0f766e;width:12px;height:12px}@media (width<=800px){.tools-directory-card{grid-template-columns:1fr}.tools-review-illustration{border-top:1px solid var(--border);border-left:0;padding:36px}}@media (width<=540px){.tools-directory{padding:48px 0 64px}.tools-directory-copy{padding:26px}.tools-review-illustration{padding:32px 22px}.tools-directory-cta{width:100%}}@media (prefers-reduced-motion:reduce){.tools-demo-window{transform:none}}