html[lang=fr] [data-l]:not([data-l=fr]),html[lang=en] [data-l]:not([data-l=en]),html[lang=es] [data-l]:not([data-l=es]){display:none!important}body{flex-direction:column;min-height:100vh;display:flex}.brand{flex:1}main{width:100%;max-width:var(--container);padding:var(--space-12) var(--space-12) var(--space-24);flex:1;margin:0 auto}@media (width<=640px){main{padding:var(--space-8) var(--space-4) var(--space-16)}}.hero{max-width:60rem;margin:0 auto var(--space-12);text-align:center;container-type:inline-size}.hero h1{color:var(--ink);font-size:min(var(--fs-display), 6.6cqi);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-heading);text-wrap:balance;margin:0}.hub-tabs{justify-content:center;gap:var(--space-6);margin:0 auto var(--space-8);background:0 0;border-radius:0;flex-wrap:nowrap;padding:0;position:relative}.hub-tabs [role=tab]{min-height:var(--control-h-sm);padding:0 var(--space-1);border-bottom:var(--border) solid transparent;color:var(--text-muted);font-size:var(--fs-body);font-weight:var(--fw-medium);transition:color var(--duration) var(--ease);border-radius:0}.hub-tabs [role=tab]:hover{color:var(--ink);background:0 0}.hub-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--primary);color:var(--ink);background:0 0}.hub-line{--x:0;--w:0;width:var(--w);height:var(--border);background:var(--primary);transform:translateX(var(--x));visibility:hidden;transition:transform calc(var(--duration) * 1.5) var(--ease), width calc(var(--duration) * 1.5) var(--ease);position:absolute;bottom:0;left:0}.hub-tabs[data-ready] .hub-line{visibility:visible}.hub-tabs[data-ready] [role=tab][aria-selected=true]{border-bottom-color:#0000}.tiles{--dir:1;overflow-x:clip}.tiles>li{--i:0}.tiles[data-slide]>li:not([hidden]){animation:hub-slide calc(var(--duration) * 2) var(--ease) both;animation-delay:calc(var(--i) * var(--duration) / 6)}@keyframes hub-slide{0%{opacity:0;transform:translateX(calc(var(--dir) * var(--space-12)))}}@media (prefers-reduced-motion:reduce){.hub-line{transition:none}.tiles[data-slide]>li:not([hidden]){animation:none}}.tiles{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.tile{gap:var(--space-3);height:100%;padding:var(--space-8) var(--space-6);background:var(--surface);border-radius:var(--radius-lg);color:var(--text);transition:background-color var(--duration) var(--ease), transform var(--duration) var(--ease);flex-direction:column;text-decoration:none;display:flex}.tile:hover,.tile:focus-visible{background:var(--surface-strong);transform:translateY(calc(-1 * var(--space-1)))}.tile-icon{width:var(--control-h);height:var(--control-h);background:var(--bg);color:var(--primary);border-radius:50%;place-items:center;display:inline-grid}.tile-icon img{width:calc(var(--control-h) - var(--space-3));height:calc(var(--control-h) - var(--space-3));object-fit:contain}@media (prefers-color-scheme:dark){.tile-icon img{filter:invert()}}.tile-name{margin:var(--space-2) 0 0;color:var(--ink);font-size:var(--fs-h3);font-weight:var(--fw-bold);line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}.tile-tagline{flex:1;margin:0}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg);color:var(--text-strong);font-size:var(--fs-caption);font-weight:var(--fw-medium);align-self:flex-start}.badge.net{background:var(--accent-yellow);color:var(--on-accent)}@media (width<=640px) and (orientation:portrait){.hub-tabs{gap:var(--space-4);margin-bottom:var(--space-4)}.tiles{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.tile{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center}.tile-icon{width:var(--control-h-sm);height:var(--control-h-sm)}.tile-icon img,.tile-icon svg{width:calc(var(--control-h-sm) - var(--space-3));height:calc(var(--control-h-sm) - var(--space-3))}.tile-name{font-size:var(--fs-small);text-wrap:balance;margin:0}.tile-tagline,.tile>.badge{display:none}}.prose{max-width:var(--prose)}.prose h1{margin:0 0 var(--space-6);color:var(--ink);font-size:var(--fs-h1);line-height:var(--lh-heading);letter-spacing:var(--ls-heading)}.prose h2{margin:var(--space-8) 0 var(--space-2);color:var(--ink);font-size:var(--fs-h3);letter-spacing:var(--ls-heading)}.foot{justify-content:center;gap:var(--space-2);background:var(--surface);padding:var(--space-6) var(--space-12);color:var(--text-muted);font-size:var(--fs-small);display:flex}.foot a{color:var(--text-strong)}
