/* SYNC Tools directory — compact public listing. Individual tool shells are unchanged. */
.tools-directory-page{--td-bg:#f8f8fc;--td-surface:#fff;--td-ink:#160e53;--td-muted:#676096;--td-line:#d4d2e6;--td-orange:#ff7800;--td-purple:#4e22d0;background:var(--td-bg);color:var(--td-ink)}
.tools-directory-page *{box-sizing:border-box}.tools-directory-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.tools-directory-intro{padding:clamp(118px,10vw,138px) 0 clamp(48px,5vw,62px);background:#160e53;color:#fff}.tools-directory-intro .tools-directory-container{max-width:1180px}
.tools-directory-kicker{margin:0 0 14px;color:var(--td-orange);font-size:.74rem;font-weight:650;letter-spacing:.15em;text-transform:uppercase}
.tools-directory-intro h1{max-width:860px;margin:0;color:#fff;font-size:clamp(2.65rem,4.7vw,4.25rem);font-weight:500;line-height:1.02;letter-spacing:-.05em;text-wrap:balance}
.tools-directory-intro h1+p{max-width:630px;margin:22px 0 0;color:#d4d2e6;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.65}
.tools-directory-listing{padding:clamp(58px,7vw,88px) 0 clamp(76px,9vw,112px)}
.tools-directory-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--td-line)}
.tools-directory-heading h2{margin:0;color:var(--td-ink);font-size:clamp(1.65rem,2.7vw,2.45rem);font-weight:540;line-height:1.08;letter-spacing:-.035em}.tools-directory-heading p{margin:0;color:var(--td-muted);font-size:.94rem}
.tools-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tools-directory-card{position:relative;display:flex;min-height:220px;flex-direction:column;padding:22px;border:1px solid var(--td-line);border-radius:18px;background:var(--td-surface);color:var(--td-ink);text-decoration:none;box-shadow:0 7px 20px rgba(38,28,106,.045);transition:transform .32s cubic-bezier(.22,.61,.36,1),border-color .32s ease,box-shadow .32s ease,background-color .32s ease}
.tools-directory-card::after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(78,34,208,.045),transparent 42%);content:"";opacity:0;pointer-events:none;transition:opacity .32s ease}
.tools-directory-card:hover{transform:translateY(-3px);border-color:rgba(78,34,208,.42);box-shadow:0 12px 28px rgba(38,28,106,.08)}.tools-directory-card:hover::after{opacity:1}.tools-directory-card:focus-visible{outline:3px solid var(--td-orange);outline-offset:4px}
.tools-directory-card-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--td-purple);font-size:.67rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.tools-directory-card-meta em{padding:5px 8px;border-radius:99px;background:#f4f3fa;color:var(--td-ink);font-size:.62rem;font-style:normal;letter-spacing:.08em}
.tools-directory-card-copy{position:relative;z-index:1;display:grid;gap:10px;margin-top:28px}.tools-directory-card-copy strong{font-size:clamp(1.28rem,1.7vw,1.58rem);font-weight:580;line-height:1.12;letter-spacing:-.028em}.tools-directory-card-copy>span{max-width:34ch;color:var(--td-muted);font-size:.91rem;line-height:1.55}
.tools-directory-card-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px;color:var(--td-ink);font-size:.82rem;font-weight:650}.tools-directory-card-action b{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#f4f3fa;color:var(--td-orange);font-size:.9rem;transition:transform .32s cubic-bezier(.22,.61,.36,1),background-color .32s ease}.tools-directory-card:hover .tools-directory-card-action b{transform:translate(2px,-2px);background:#fff1e4}
.tools-directory-note{display:flex;align-items:center;gap:14px;margin-top:24px;padding:17px 19px;border:1px solid var(--td-line);border-radius:16px;background:#f4f3fa}.tools-directory-note>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--td-ink);color:#fff;font-size:1rem}.tools-directory-note p{margin:0;color:var(--td-muted);font-size:.84rem;line-height:1.5}.tools-directory-note strong{color:var(--td-ink);font-weight:650}
@media(max-width:900px){.tools-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tools-directory-container{width:min(100% - 30px,1180px)}.tools-directory-intro{padding:112px 0 52px}.tools-directory-intro h1{font-size:clamp(2.25rem,11vw,3.15rem);line-height:1.02;letter-spacing:-.045em}.tools-directory-intro h1+p{margin-top:17px;font-size:.96rem;line-height:1.55}.tools-directory-listing{padding:48px 0 72px}.tools-directory-heading{display:block;margin-bottom:20px;padding-bottom:17px}.tools-directory-heading h2{font-size:1.65rem}.tools-directory-heading p{margin-top:8px;font-size:.88rem}.tools-directory-grid{grid-template-columns:1fr;gap:11px}.tools-directory-card{min-height:190px;padding:19px;border-radius:16px}.tools-directory-card-copy{margin-top:21px}.tools-directory-card-copy strong{font-size:1.3rem}.tools-directory-card-copy>span{font-size:.88rem;line-height:1.48}.tools-directory-card-action{padding-top:20px}.tools-directory-note{align-items:flex-start;margin-top:18px;padding:15px}}
@media(prefers-reduced-motion:reduce){.tools-directory-card,.tools-directory-card::after,.tools-directory-card-action b{transition:none}.tools-directory-card:hover,.tools-directory-card:hover .tools-directory-card-action b{transform:none}}