.alat-hub main{padding-block:30px 84px}
.alat-hub .alat-hero{padding:46px 0 48px;border-bottom:1px solid var(--line)}
.alat-hub .alat-eyebrow,.alat-hub .alat-card-type{font:12px/1.5 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.alat-hub h1{font-size:clamp(48px,8vw,96px);letter-spacing:-.065em;margin:18px 0 24px}
.alat-hub .tools-intro{font-size:clamp(16px,2vw,20px);line-height:1.7;margin-bottom:12px;max-width:760px}
.alat-hub .alat-privacy,.alat-hub .alat-dev-link{color:var(--muted);font-size:14px}
.alat-hub .alat-directory{padding-top:42px}
.alat-hub .alat-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}
.alat-hub .alat-section-heading h2{margin:0}
.alat-hub .alat-section-heading p{margin:0;color:var(--muted);font-size:13px}
.alat-hub .alat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.alat-hub .alat-card{display:flex;flex-direction:column;min-width:0;min-height:270px;padding:25px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.alat-hub .alat-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 28px rgba(35,41,35,.07)}
.alat-hub .alat-card h3{font-size:clamp(21px,2.2vw,29px);line-height:1.25;letter-spacing:-.035em;margin:26px 0 10px}
.alat-hub .alat-card p{color:var(--muted);margin:0 0 28px;max-width:430px}
.alat-hub .alat-card-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);color:var(--accent);font-weight:800;font-size:14px}
.alat-hub .alat-card-link span{font-size:20px;font-weight:400}
.alat-hub .alat-dev-link{margin:42px 0 0;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:700px){.alat-hub .alat-hero{padding:30px 0 38px}.alat-hub .alat-grid{grid-template-columns:minmax(0,1fr)}.alat-hub .alat-card{min-height:235px}.alat-hub .alat-section-heading{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:400px){.alat-hub .alat-card{padding:21px}.alat-hub .tools-header-inner{flex-wrap:wrap;padding-block:12px}.alat-hub .tools-nav{width:100%}}
@media(prefers-reduced-motion:reduce){.alat-hub .alat-card{transition:none}.alat-hub .alat-card:hover{transform:none}}