.outils-hero{padding-block:var(--section-space-m);padding-inline:var(--gutter);text-align:center}.outils-hero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-l);max-width:var(--content-width-narrow);margin-inline:auto}.outils-hero__accent{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.outils-hero__heading{font-size:var(--h1);font-weight:var(--weight-medium);color:var(--color-text);line-height:var(--leading-tight);letter-spacing:-.03em;text-wrap:balance}.outils-hero__description{font-size:var(--text-m);font-weight:var(--weight-regular);color:var(--color-text-secondary);line-height:var(--leading-normal);max-width:52ch}.outils-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-xxl);padding-inline:var(--gutter);padding-block-end:var(--section-space-l);max-width:var(--content-width);margin-inline:auto}.outils-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-l));align-self:start;display:flex;flex-direction:column;gap:var(--space-xl);max-height:calc(100dvh - var(--header-height) - var(--space-xxl));overflow-y:auto;scrollbar-width:none}.outils-sidebar::-webkit-scrollbar{display:none}.outils-sidebar__section{display:flex;flex-direction:column;gap:var(--space-s)}.outils-sidebar__label{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding-inline:var(--space-s)}.outils-sidebar__list{display:flex;flex-direction:column;gap:2px;list-style:none}.outils-sidebar__item{display:block;width:100%;text-align:left;padding:var(--space-xs) var(--space-s);font-family:var(--font-body);font-size:var(--text-s);font-weight:var(--weight-regular);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-s);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.outils-sidebar__item:hover{background-color:var(--color-surface);color:var(--color-text)}.outils-sidebar__item.is-active{background-color:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--weight-medium)}.outils-main{display:flex;flex-direction:column;gap:var(--section-space-m)}.outils-group{display:flex;flex-direction:column;gap:var(--space-l)}.outils-group__heading{font-size:var(--h4);font-weight:var(--weight-medium);color:var(--color-text);line-height:var(--leading-tight)}.outils-group__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-m)}.outil-card{display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-l);background-color:var(--color-surface);border-radius:var(--radius-s);text-decoration:none;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.outil-card:hover{background-color:var(--color-surface-raised);box-shadow:var(--shadow-m);transform:translateY(-2px)}.outil-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-s)}.outil-card__logo-wrap{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.outil-card__logo{width:28px;height:28px;object-fit:contain}[data-theme=dark] .outil-card__logo--invert{filter:invert(1)}.outil-card__logo-initials{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--text-s);font-weight:var(--weight-medium);border-radius:var(--radius-s)}.outil-card__pricing{display:inline-flex;align-items:center;padding:2px var(--space-s);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-s);white-space:nowrap;flex-shrink:0}.outil-card__pricing--gratuit{background-color:#22c55e1f;color:#22c55e}.outil-card__pricing--freemium{background-color:var(--color-primary-subtle);color:var(--color-primary)}.outil-card__pricing--payant{background-color:var(--color-surface-raised);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.outil-card__body{display:flex;flex-direction:column;gap:var(--space-s);flex:1}.outil-card__name{font-size:var(--text-m);font-weight:var(--weight-medium);color:var(--color-text);line-height:var(--leading-snug);transition:color var(--transition-fast)}.outil-card:hover .outil-card__name{color:var(--color-primary)}.outil-card__description{font-size:var(--text-s);font-weight:var(--weight-regular);color:var(--color-text-secondary);line-height:var(--leading-normal)}.outil-detail{padding-block:var(--section-space-m);padding-inline:var(--gutter)}.outil-detail__inner{width:100%;max-width:var(--content-width-narrow);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-xxl)}.outil-detail__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-s);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.outil-detail__back:hover{color:var(--color-text)}.outil-detail__back svg{width:1em;height:1em;flex-shrink:0}.outil-detail__header{display:flex;flex-direction:column;gap:var(--space-l)}.outil-detail__logo-wrap{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-s)}.outil-detail__logo{width:2.5rem;height:2.5rem;object-fit:contain}[data-theme=dark] .outil-detail__logo--invert{filter:invert(1)}.outil-detail__logo-initials{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--h4);font-weight:var(--weight-medium);border-radius:var(--radius-s)}.outil-detail__meta{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap}.outil-detail__category{display:inline-flex;padding:2px var(--space-s);background-color:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-s)}.outil-detail__name{font-size:var(--h2);font-weight:var(--weight-medium);color:var(--color-text);line-height:var(--leading-tight);letter-spacing:-.02em}.outil-detail__description{font-size:var(--text-m);font-weight:var(--weight-regular);color:var(--color-text-secondary);line-height:var(--leading-normal)}.outil-detail__actions{display:flex;gap:var(--space-m);flex-wrap:wrap}@media(max-width:1024px){.outils-layout{grid-template-columns:180px 1fr;gap:var(--space-xl)}.outils-group__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.outils-layout{grid-template-columns:1fr}.outils-sidebar{position:static;max-height:none;overflow-y:visible}.outils-sidebar__list{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}.outils-hero__heading{font-size:var(--h2)}}@media(max-width:640px){.outils-group__grid{grid-template-columns:1fr}.outils-hero__heading{font-size:var(--h3)}}