.hub-hero{padding:90px 0 55px;max-width:900px}.hub-hero h1{max-width:850px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding-bottom:110px}.hub-grid>a{min-height:255px;padding:26px;border:1px solid var(--line);border-radius:13px;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.hub-grid>a.hub-live-tool{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:inset 0 -5px 0 var(--acid)}.hub-grid>a.hub-live-tool p,.hub-grid>a.hub-live-tool small{color:#c8cabf}.hub-grid>a.hub-live-tool span{color:var(--acid)}.hub-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 35px #18191212}.hub-grid small{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);font-size:9px;letter-spacing:.08em}.hub-grid h2{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:22px 0 12px}.hub-grid p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 25px}.hub-grid span{margin-top:auto;font-size:12px;font-weight:750}@media (max-width:900px){.hub-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.hub-grid{grid-template-columns:1fr}.hub-hero{padding-top:55px}}