.outils-hub{padding-bottom:56px}.outils-hub .crumbs{font-family:var(--font-display);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0 12px;font-size:16px;font-weight:600;display:flex}.outils-hub .crumbs a{color:var(--muted)}.outils-hub .crumbs a:hover{color:var(--brand)}.outils-hub .crumbs .sep{opacity:.5}.outils-hub .crumbs .cur{color:var(--ink)}.outils-hub .intro{max-width:62ch;color:var(--muted);margin:6px 0 0;font-size:19px;line-height:1.6}.outils-hub h1{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.15}.outils-hub h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:34px 0 12px;font-size:17px;font-weight:800}.outils-hub .grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:1000px){.outils-hub .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.outils-hub .grid{grid-template-columns:1fr}}.outils-hub .card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 2px #10281e0d}.outils-hub .card:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 12px 26px #10281e1a}.outils-hub .card:focus-visible{outline:3px solid var(--action);outline-offset:2px}.outils-hub .card .ico{background:var(--brand-50);width:42px;height:42px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.outils-hub .card h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:19px;font-weight:800;line-height:1.25}.outils-hub .card p{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.outils-hub .card .go{font-family:var(--font-display);color:var(--brand);margin-top:2px;font-size:16px;font-weight:700}.outils-hub .card:hover .go{color:var(--brand-700)}