/* ==========================================================================
   alsago.fr — accueil 2026 v3 « La goutte vivante »
   Sombre, liquide, typographique. Tout est scopé sous .a3 (préfixe a3-).
   ========================================================================== */
body { margin: 0; background: #0C0D0C; }

@font-face { font-family: "Archivo Fallback"; src: local("Arial"); size-adjust: 105%; ascent-override: 88%; descent-override: 22%; line-gap-override: 0%; }
@font-face { font-family: "Schibsted Fallback"; src: local("Arial"); size-adjust: 100.5%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%; }

.a3 {
  --nuit: #0C0D0C; --encre: #1C1D1B; --encre-2: #242522; --encre-3: #30312D;
  --papier: #F5F4EF; --texte-2: rgba(245, 244, 239, .78); --cendre: #A8A9A2;
  --filet: rgba(245, 244, 239, .10); --filet-2: rgba(245, 244, 239, .20);
  --cyan: #009EE2; --cyan-clair: #3FB8EE;
  --ff-d: "Archivo", "Archivo Fallback", Arial, sans-serif;
  --ff-t: "Schibsted Grotesk", "Schibsted Fallback", Arial, sans-serif;
  --ff-m: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --fs-mega: clamp(3.25rem, .6rem + 8.4vw, 9.75rem);
  --fs-h2: clamp(2.125rem, 1.2rem + 3.4vw, 4.25rem);
  --fs-h3: clamp(1.25rem, 1.08rem + .6vw, 1.625rem);
  --fs-lead: clamp(1.125rem, 1.02rem + .42vw, 1.375rem);
  --pad: clamp(16px, 4vw, 56px);
  --ease: cubic-bezier(.2, .7, .2, 1);
  position: relative; background: var(--nuit); color: var(--papier);
  font: 400 1.0625rem/1.6 var(--ff-t); -webkit-font-smoothing: antialiased; font-synthesis: none;
  color-scheme: dark; -webkit-text-size-adjust: 100%;
}
.a3 *, .a3 *::before, .a3 *::after { box-sizing: border-box; }
.a3 :is(h1, h2, h3, p, ul, ol, dl, dd, figure, address) { margin: 0; }
.a3 :is(ul, ol) { padding: 0; list-style: none; }
.a3 a { color: inherit; }
.a3 img { max-width: 100%; height: auto; display: block; }
.a3 address { font-style: normal; }
.a3 [hidden] { display: none !important; }
.a3 :focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.a3 .a3-final :focus-visible { outline-color: var(--nuit); }
.a3 .a3-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.a3 .a3-skip { position: absolute; left: -9999px; top: 10px; z-index: 100; background: var(--papier); color: var(--nuit); padding: 10px 16px; border-radius: 999px; text-decoration: none; font-weight: 600; }
.a3 .a3-skip:focus { left: 10px; }
.a3 .a3-wrap { max-width: 1440px; margin-inline: auto; padding-inline: var(--pad); }
.a3 .a3-i { width: 20px; height: 20px; flex: none; }
.a3 .a3-i-s { width: 16px; height: 16px; }

/* ---------- Boutons & liens ---------- */
.a3 .a3-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 0 26px; border-radius: 999px; border: 1px solid transparent; font: 600 .9375rem/1 var(--ff-t); text-decoration: none; white-space: nowrap; cursor: pointer; transition: background .2s, color .2s, border-color .2s, transform .2s var(--ease); }
.a3 .a3-btn:active { transform: scale(.98); }
.a3 .a3-btn .a3-i { transition: transform .2s var(--ease); }
.a3 .a3-btn:hover .a3-i { transform: translateX(3px); }
.a3 .a3-btn-sm { height: 42px; padding: 0 18px; }
.a3 .a3-btn-cyan { background: var(--cyan); color: var(--nuit); }
.a3 .a3-btn-cyan:hover { background: var(--cyan-clair); }
.a3 .a3-btn-ghost { background: rgba(245, 244, 239, .04); color: var(--papier); border-color: var(--filet-2); }
.a3 .a3-btn-ghost:hover { background: rgba(245, 244, 239, .10); border-color: rgba(245, 244, 239, .35); }
.a3 .a3-btn-ink { background: var(--nuit); color: var(--papier); }
.a3 .a3-btn-ink:hover { background: var(--encre-2); }
.a3 .a3-btn[disabled] { opacity: .6; cursor: progress; }
.a3 .a3-link { display: inline-flex; align-items: center; gap: 8px; font: 600 .9375rem/1.3 var(--ff-t); text-decoration: none; background-image: linear-gradient(var(--cyan), var(--cyan)); background-size: 100% 1px; background-position: 0 100%; background-repeat: no-repeat; padding-bottom: 4px; transition: background-size .2s; }
.a3 .a3-link:hover { background-size: 100% 2px; }
.a3 .a3-link .a3-i { transition: transform .2s var(--ease); }
.a3 .a3-link:hover .a3-i { transform: translateX(3px); }
.a3 .a3-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--filet-2); background: none; color: var(--papier); cursor: pointer; text-decoration: none; }
.a3 .a3-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.a3 p a { color: var(--papier); text-decoration: underline; text-decoration-color: var(--cyan); text-underline-offset: 3px; }

/* ---------- En-tête flottant ---------- */
.a3 .a3-head { position: sticky; top: 0; z-index: 60; padding: 12px var(--pad) 0; margin-bottom: -76px; pointer-events: none; }
.a3 .a3-head-bar { pointer-events: auto; max-width: 1360px; margin-inline: auto; height: 64px; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 22px; border-radius: 999px; border: 1px solid var(--filet); background: rgba(28, 29, 27, .94); }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .a3 .a3-head-bar { background: rgba(28, 29, 27, .62); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); }
}
.a3 .a3-brand { flex: none; margin-right: 10px; }
.a3 .a3-brand img { height: 28px; width: auto; }
.a3 .a3-nav { display: none; }
.a3 .a3-nav > ul { display: flex; align-items: center; gap: 2px; }
.a3 .a3-nav > ul > li > a, .a3 .a3-nav > ul > li > button { display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px; border-radius: 999px; border: 0; background: none; color: var(--papier); font: 500 .9375rem/1 var(--ff-t); text-decoration: none; white-space: nowrap; cursor: pointer; transition: background .15s; }
.a3 .a3-nav > ul > li > a:hover, .a3 .a3-nav > ul > li > button:hover { background: rgba(245, 244, 239, .08); }
.a3 .a3-nav button[aria-expanded="true"] { background: rgba(245, 244, 239, .12); }
.a3 .a3-nav button[aria-expanded="true"] .a3-i { transform: rotate(180deg); }
.a3 .a3-dd { position: relative; }
.a3 .a3-ddpanel { position: absolute; top: calc(100% + 14px); left: -8px; width: min(560px, 80vw); padding: 8px; border-radius: 24px; border: 1px solid var(--filet-2); background: var(--encre); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8); }
.a3 .a3-ddpanel ul { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.a3 .a3-ddpanel li a { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-radius: 16px; text-decoration: none; transition: background .15s; }
.a3 .a3-ddpanel li a:hover, .a3 .a3-ddpanel li a:focus-visible { background: var(--encre-2); }
.a3 .a3-ddpanel b { font: 600 .9375rem/1.25 var(--ff-t); }
.a3 .a3-ddpanel span { font-size: .8125rem; line-height: 1.35; color: var(--cendre); }
.a3 .a3-ddfoot { padding: 12px 16px 8px; margin-top: 4px; border-top: 1px solid var(--filet); font: 400 .8125rem/1.4 var(--ff-m); color: var(--cendre); }
.a3 .a3-head-tel { display: none; margin-left: auto; margin-right: 8px; font: 500 .875rem/1 var(--ff-m); color: var(--cendre); text-decoration: none; white-space: nowrap; }
.a3 .a3-head-tel:hover { color: var(--papier); }
.a3 .a3-head-cta { display: none; }
.a3 .a3-head-cta + .a3-head-m { margin-left: auto; }

/* ---------- Hero ---------- */
.a3 .a3-hero { position: relative; overflow: clip; min-height: clamp(660px, 96svh, 980px); display: flex; background-color: var(--nuit); background-image: radial-gradient(circle at center, rgba(245, 244, 239, .07) 1px, transparent 1.4px); background-size: 28px 28px; }
.a3 .a3-liquid { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 1; }
.a3 .a3-liquid-still { position: absolute; z-index: 1; right: 6%; top: 22%; width: min(34vw, 500px); height: auto; color: var(--cyan); }
.a3 .a3-hero.is-live .a3-liquid-still { display: none; }
.a3 .a3-video { display: none; }
.a3 .a3-hero-in { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; padding-top: 108px; padding-bottom: 40px; }
.a3 .a3-hero-top { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.a3 .a3-chip { display: inline-flex; align-items: center; gap: 10px; min-height: 38px; padding: 4px 14px 4px 4px; border-radius: 999px; border: 1px solid var(--filet-2); background: rgba(12, 13, 12, .6); font: 500 .875rem/1.25 var(--ff-t); text-decoration: none; transition: border-color .2s, background .2s; }
.a3 .a3-chip:hover { border-color: rgba(245, 244, 239, .4); background: rgba(28, 29, 27, .8); }
.a3 .a3-chip-tag { flex: none; padding: 6px 10px; border-radius: 999px; background: var(--cyan); color: var(--nuit); font: 600 .75rem/1 var(--ff-m); }
.a3 .a3-hero-tools { display: flex; align-items: center; gap: 12px; }
.a3 .a3-status { display: inline-flex; align-items: center; gap: 10px; font: 400 .8125rem/1.3 var(--ff-m); color: var(--cendre); }
.a3 .a3-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #6E6F68; flex: none; }
.a3 .a3-status.is-open { color: var(--papier); }
.a3 .a3-status.is-open .a3-status-dot { background: var(--cyan); box-shadow: 0 0 0 0 rgba(0, 158, 226, .6); animation: a3-pulse 2s infinite; }
@keyframes a3-pulse { 70% { box-shadow: 0 0 0 10px rgba(0, 158, 226, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 158, 226, 0); } }
.a3 .a3-motion { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--filet-2); background: rgba(12, 13, 12, .6); color: var(--papier); cursor: pointer; }
.a3 .a3-motion .a3-i { width: 14px; height: 14px; }
.a3 .a3-motion .a3-i-play, .a3.is-paused .a3-motion .a3-i-pause { display: none; }
.a3.is-paused .a3-motion .a3-i-play { display: block; }
.a3 .a3-h1 { font-family: var(--ff-d); color: var(--papier); }
.a3 .a3-h1-kicker { display: block; margin-bottom: clamp(14px, 1.6vw, 24px); font: 600 clamp(.8125rem, .72rem + .35vw, 1.0625rem)/1.3 var(--ff-d); font-stretch: 75%; letter-spacing: .14em; text-transform: uppercase; color: var(--cendre); }
.a3 .a3-h1-big { display: block; max-width: 10.5ch; font-size: var(--fs-mega); font-style: italic; font-weight: 800; line-height: .86; letter-spacing: -.045em; text-wrap: balance; }
.a3 .a3-dot { color: var(--cyan); }
.a3 .a3-hero-bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px 56px; align-items: end; }
.a3 .a3-lead { grid-column: 1; max-width: 50ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--texte-2); }
.a3 .a3-hero-bottom .a3-cta { grid-column: 1; }
.a3 .a3-proof { grid-column: 2; grid-row: 1 / 3; display: flex; gap: 32px; }
.a3 .a3-proof li { display: flex; flex-direction: column; gap: 6px; padding-left: 16px; border-left: 1px solid var(--filet-2); }
.a3 .a3-proof b { font: 800 italic clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem)/1 var(--ff-d); letter-spacing: -.02em; }
.a3 .a3-proof span { font: 400 .75rem/1.3 var(--ff-m); color: var(--cendre); max-width: 16ch; }
.a3 .a3-hero-note { position: absolute; z-index: 2; right: var(--pad); top: 50%; transform: rotate(90deg) translateX(50%); transform-origin: right top; font: 400 .6875rem/1 var(--ff-m); letter-spacing: .08em; text-transform: uppercase; color: rgba(245, 244, 239, .38); white-space: nowrap; max-width: none; }

/* ---------- Bandeau défilant ---------- */
.a3 .a3-marquee { overflow: hidden; border-block: 1px solid var(--filet); padding-block: 18px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.a3 .a3-marquee-track { display: flex; width: max-content; animation: a3-marquee 48s linear infinite; }
.a3 .a3-marquee:hover .a3-marquee-track, .a3.is-paused .a3-marquee-track { animation-play-state: paused; }
@keyframes a3-marquee { to { transform: translateX(-50%); } }
.a3 .a3-mq-list { display: flex; align-items: center; gap: 44px; padding-right: 44px; }
.a3 .a3-mq { display: inline-flex; align-items: center; gap: 12px; font: 600 1.0625rem/1 var(--ff-d); color: var(--cendre); white-space: nowrap; }
.a3 .a3-mq img { height: 36px; width: auto; padding: 4px 6px; border-radius: 8px; background: #fff; }
.a3 .a3-mq-drop { width: 26px; height: 14px; color: var(--cyan); }

/* ---------- Sections communes ---------- */
.a3 .a3-sec { padding-block: clamp(80px, 10vw, 160px); }
.a3 .a3-sec-tight { padding-block: clamp(64px, 7vw, 112px); }
.a3 .a3-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; font: 500 .8125rem/1 var(--ff-m); letter-spacing: .04em; color: var(--cyan); }
.a3 .a3-eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }
.a3 .a3-h2 { max-width: 17ch; margin-bottom: 26px; font: 800 var(--fs-h2)/.98 var(--ff-d); letter-spacing: -.035em; text-wrap: balance; }
.a3 .a3-h2 em { font-style: italic; color: var(--cyan); }
.a3 .a3-p { max-width: 58ch; color: var(--texte-2); }
.a3 .a3-sec-head { display: grid; gap: 4px; }
.a3 .a3-sec-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; }
.a3 .a3-sec-head-row .a3-h2 { margin-bottom: 0; }

/* ---------- Démo formation IA ---------- */
.a3 .a3-demo-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(40px, 5vw, 88px); align-items: center; }
.a3 .a3-facts { margin: 32px 0 36px; border-top: 1px solid var(--filet); }
.a3 .a3-facts div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--filet); }
.a3 .a3-facts dt { font: 400 .75rem/1.6 var(--ff-m); text-transform: uppercase; letter-spacing: .06em; color: var(--cendre); }
.a3 .a3-facts dd { font-weight: 500; }
.a3 .a3-console { border-radius: 26px; border: 1px solid var(--filet-2); background: var(--encre); overflow: hidden; box-shadow: 0 60px 120px -60px rgba(0, 158, 226, .35), 0 40px 80px -40px rgba(0, 0, 0, .9); }
.a3 .a3-console-bar { display: flex; align-items: center; gap: 14px; height: 46px; padding: 0 18px; border-bottom: 1px solid var(--filet); }
.a3 .a3-dots { display: flex; gap: 7px; }
.a3 .a3-dots i { width: 11px; height: 11px; border-radius: 50%; background: var(--encre-3); }
.a3 .a3-dots i:first-child { background: var(--cyan); }
.a3 .a3-console-title { font: 400 .8125rem/1 var(--ff-m); color: var(--cendre); }
.a3 .a3-tabs { display: flex; gap: 6px; padding: 14px 18px 4px; overflow-x: auto; scrollbar-width: none; }
.a3 .a3-tabs button { flex: none; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--filet-2); background: none; color: var(--cendre); font: 500 .875rem/1 var(--ff-t); cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.a3 .a3-tabs button:hover { color: var(--papier); }
.a3 .a3-tabs button[aria-selected="true"] { background: var(--papier); border-color: var(--papier); color: var(--nuit); }
.a3.no-js .a3-tabs { display: none; }
.a3 .a3-case { padding: 6px 22px 12px; min-height: 380px; }
.a3.no-js .a3-case { min-height: 0; border-bottom: 1px solid var(--filet); }
.a3 .a3-msg { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 16px 0; }
.a3 .a3-msg + .a3-msg { border-top: 1px dashed var(--filet-2); }
.a3 .a3-who { padding-top: 3px; font: 600 .6875rem/1.4 var(--ff-m); text-transform: uppercase; letter-spacing: .08em; color: var(--cendre); }
.a3 .a3-msg-ia .a3-who { color: var(--cyan); }
.a3 .a3-txt { max-width: none; font: 400 .9375rem/1.65 var(--ff-m); white-space: pre-line; color: var(--papier); }
.a3 .a3-msg-ia .a3-txt { color: var(--texte-2); }
.a3 .a3-txt.is-typing::after { content: ""; display: inline-block; width: .55em; height: 1.1em; margin-left: 2px; vertical-align: -.18em; background: var(--cyan); animation: a3-blink 1s steps(1) infinite; }
@keyframes a3-blink { 50% { opacity: 0; } }
.a3 .a3-console-foot { padding: 12px 22px; border-top: 1px solid var(--filet); font: 400 .75rem/1.4 var(--ff-m); color: var(--cendre); max-width: none; }

/* ---------- Mots géants au défilement ---------- */
.a3 .a3-words { overflow: clip; padding-block: clamp(32px, 5vw, 80px); border-block: 1px solid var(--filet); }
.a3 .a3-word { max-width: none; font: 900 clamp(4rem, .5rem + 14vw, 16rem)/.88 var(--ff-d); font-stretch: 112%; letter-spacing: -.045em; text-transform: uppercase; white-space: nowrap; }
.a3 .a3-w1 { color: var(--papier); }
.a3 .a3-w2 { color: transparent; -webkit-text-stroke: 2px rgba(245, 244, 239, .5); padding-left: 12vw; }
.a3 .a3-w3 { color: var(--cyan); text-align: right; }
@supports (animation-timeline: view()) {
  .a3 .a3-w1, .a3 .a3-w3 { animation: a3-slide-l linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; }
  .a3 .a3-w2 { animation: a3-slide-r linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; }
}
@keyframes a3-slide-l { from { transform: translateX(14%); } to { transform: translateX(-18%); } }
@keyframes a3-slide-r { from { transform: translateX(-24%); } to { transform: translateX(6%); } }

/* ---------- Bento ---------- */
.a3 .a3-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; margin-top: 56px; }
.a3 .a3-tile { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 280px; padding: 28px; border-radius: 28px; border: 1px solid var(--filet); background: var(--encre); color: var(--papier); text-decoration: none; overflow: hidden; isolation: isolate; transition: transform .35s var(--ease), background .25s, border-color .25s; }
.a3 .a3-tile:hover { transform: translateY(-4px); background: var(--encre-2); border-color: var(--filet-2); }
.a3 .a3-tile-label { font: 500 .75rem/1.3 var(--ff-m); text-transform: uppercase; letter-spacing: .07em; color: var(--cendre); }
.a3 .a3-tile h3 { max-width: 20ch; padding-right: 48px; font: 700 clamp(1.35rem, 1.08rem + .8vw, 2rem)/1.06 var(--ff-d); letter-spacing: -.025em; text-wrap: balance; }
.a3 .a3-tile p { max-width: 48ch; font-size: .9375rem; line-height: 1.55; color: var(--texte-2); }
.a3 .a3-tile-go { position: absolute; top: 22px; right: 22px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--filet-2); transition: background .25s, color .25s, transform .35s var(--ease); }
.a3 .a3-tile-go .a3-i { width: 18px; height: 18px; }
.a3 .a3-tile:hover .a3-tile-go { background: var(--papier); color: var(--nuit); transform: rotate(45deg); }
.a3 .a3-tile-cyan { background: var(--cyan); border-color: var(--cyan); color: var(--nuit); }
.a3 .a3-tile-cyan:hover { background: var(--cyan-clair); border-color: var(--cyan-clair); }
.a3 .a3-tile-cyan .a3-tile-label, .a3 .a3-tile-cyan p { color: rgba(12, 13, 12, .78); }
.a3 .a3-tile-cyan .a3-tile-go { border-color: rgba(12, 13, 12, .3); }
.a3 .a3-tile-cyan:hover .a3-tile-go { background: var(--nuit); color: var(--papier); }
.a3 .a3-t-ia { grid-column: 1 / 8; grid-row: 1 / 3; min-height: 580px; justify-content: flex-start; }
.a3 .a3-t-ia h3 { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 3.4rem); max-width: 14ch; line-height: 1; }
.a3 .a3-t-ia p { font-size: 1.0625rem; max-width: 40ch; }
.a3 .a3-t-support { grid-column: 8 / 13; grid-row: 1; }
.a3 .a3-t-agent { grid-column: 8 / 13; grid-row: 2; }
.a3 .a3-t-ebp { grid-column: 1 / 5; }
.a3 .a3-t-auto { grid-column: 5 / 9; }
.a3 .a3-t-web { grid-column: 9 / 13; }
.a3 .a3-t-outils { grid-column: 1 / 8; }
.a3 .a3-t-caisse { grid-column: 8 / 13; }
.a3 .a3-bigword { position: absolute; z-index: -1; right: -.04em; bottom: -.18em; font: 900 italic clamp(11rem, 6rem + 16vw, 24rem)/.8 var(--ff-d); letter-spacing: -.07em; color: rgba(12, 13, 12, .12); pointer-events: none; transition: transform .6s var(--ease); }
.a3 .a3-t-ia:hover .a3-bigword { transform: translateX(-3%) rotate(-2deg); }
.a3 .a3-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.a3 .a3-pills li { padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(12, 13, 12, .28); font: 500 .875rem/1 var(--ff-t); }
.a3 .a3-clock { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-top: 4px; }
.a3 .a3-clock-time { font: 800 clamp(3rem, 2rem + 3vw, 5rem)/1 var(--ff-d); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.a3 .a3-clock-state { font: 500 .8125rem/1.3 var(--ff-m); color: var(--cendre); }
.a3 .a3-clock-state.is-open { color: var(--cyan); }
.a3 .a3-chat { display: flex; flex-direction: column; gap: 8px; margin-top: 2px; }
.a3 .a3-bubble { max-width: 88%; padding: 10px 14px; border-radius: 16px; font: 400 .8125rem/1.45 var(--ff-m); }
.a3 .a3-bubble-q { align-self: flex-end; background: var(--encre-3); border-bottom-right-radius: 4px; }
.a3 .a3-bubble-a { background: rgba(0, 158, 226, .14); border: 1px solid rgba(0, 158, 226, .35); border-bottom-left-radius: 4px; color: var(--papier); }
.a3 .a3-mock { margin-top: auto; padding: 8px; border-radius: 16px; border: 1px solid var(--filet); background: var(--nuit); font: 400 .75rem/1.3 var(--ff-m); }
.a3 .a3-mock-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; padding: 9px 8px; font-variant-numeric: tabular-nums; }
.a3 .a3-mock-row + .a3-mock-row { border-top: 1px solid var(--filet); }
.a3 .a3-mock-row i { font-style: normal; padding: 3px 8px; border-radius: 999px; background: rgba(0, 158, 226, .16); color: var(--cyan-clair); }
.a3 .a3-mock-row i.a3-i-wait { background: var(--encre-3); color: var(--cendre); }
.a3 .a3-flow { width: 100%; height: auto; margin-block: auto 4px; overflow: visible; }
.a3 .a3-flow rect { fill: var(--nuit); stroke: var(--filet-2); }
.a3 .a3-flow .a3-flow-hot { stroke: var(--cyan); }
.a3 .a3-flow text { font: 500 11px var(--ff-m); fill: var(--papier); text-anchor: middle; }
.a3 .a3-flow-line { fill: none; stroke: var(--cyan); stroke-width: 1.6; stroke-dasharray: 3 6; animation: a3-dash 1s linear infinite; }
.a3 .a3-flow-late { stroke: rgba(245, 244, 239, .3); animation-duration: 2.4s; }
@keyframes a3-dash { to { stroke-dashoffset: -18; } }
.a3.is-paused .a3-flow-line { animation-play-state: paused; }
.a3 .a3-browser { margin-top: auto; border-radius: 14px; border: 1px solid var(--filet); background: var(--nuit); overflow: hidden; }
.a3 .a3-browser-bar { display: flex; align-items: center; gap: 6px; padding: 9px 12px; border-bottom: 1px solid var(--filet); }
.a3 .a3-browser-bar i { width: 8px; height: 8px; border-radius: 50%; background: var(--encre-3); }
.a3 .a3-browser-bar span { margin-left: 8px; padding: 3px 10px; border-radius: 999px; background: var(--encre-2); font: 400 .6875rem/1.3 var(--ff-m); color: var(--cendre); }
.a3 .a3-browser-body { display: grid; gap: 8px; padding: 14px; }
.a3 .a3-browser-body b { height: 14px; width: 62%; border-radius: 4px; background: var(--papier); }
.a3 .a3-browser-body span { height: 7px; border-radius: 4px; background: var(--encre-3); }
.a3 .a3-browser-body span + span { width: 78%; }
.a3 .a3-browser-body em { width: 38%; height: 22px; margin-top: 4px; border-radius: 999px; background: var(--cyan); transition: width .45s var(--ease); }
.a3 .a3-t-web:hover .a3-browser-body em { width: 54%; }
.a3 .a3-ofx { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; padding: 16px; border-radius: 16px; border: 1px solid var(--filet); background: var(--nuit); font: 400 .8125rem/1.4 var(--ff-m); }
.a3 .a3-ofx span { color: var(--cendre); text-decoration: line-through; text-decoration-color: rgba(245, 244, 239, .3); }
.a3 .a3-ofx .a3-i { color: var(--cyan); }
.a3 .a3-ofx b { font-weight: 500; color: var(--papier); }

/* ---------- Index des formations ---------- */
.a3 .a3-rows { margin-top: 44px; border-top: 1px solid var(--filet); }
.a3 .a3-row { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 4.5fr) minmax(0, 5fr) auto 48px; align-items: center; gap: 10px 32px; padding: 26px 14px; border-bottom: 1px solid var(--filet); text-decoration: none; transition: color .3s; }
.a3 .a3-row::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cyan); transform: scaleY(0); transform-origin: bottom; transition: transform .45s var(--ease); }
.a3 .a3-row:hover, .a3 .a3-row:focus-visible { color: var(--nuit); }
.a3 .a3-row:hover::before, .a3 .a3-row:focus-visible::before { transform: scaleY(1); }
.a3 .a3-row h3 { font: 700 clamp(1.5rem, 1.1rem + 1.4vw, 2.6rem)/1 var(--ff-d); letter-spacing: -.03em; }
.a3 .a3-row-desc { color: var(--cendre); font-size: .9375rem; transition: color .3s; }
.a3 .a3-row:hover .a3-row-desc { color: rgba(12, 13, 12, .8); }
.a3 .a3-row-meta { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--filet-2); font: 400 .8125rem/1 var(--ff-m); white-space: nowrap; transition: border-color .3s; }
.a3 .a3-row:hover .a3-row-meta { border-color: rgba(12, 13, 12, .35); }
.a3 .a3-row-go { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--filet-2); transition: transform .35s var(--ease), background .3s, color .3s, border-color .3s; }
.a3 .a3-row:hover .a3-row-go { background: var(--nuit); color: var(--papier); border-color: var(--nuit); transform: rotate(-45deg); }

/* ---------- Pourquoi ---------- */
.a3 .a3-why { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.a3 .a3-photo { position: relative; border-radius: 32px; overflow: hidden; }
.a3 .a3-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 55% 50%; }
.a3 .a3-photo figcaption { position: absolute; left: 18px; bottom: 18px; padding: 8px 14px; border-radius: 999px; background: rgba(12, 13, 12, .72); font: 400 .75rem/1 var(--ff-m); color: var(--papier); }
.a3 .a3-stats { display: grid; grid-template-columns: 1fr 1fr; margin: 36px 0; border-top: 1px solid var(--filet); }
.a3 .a3-stat { display: flex; flex-direction: column; gap: 8px; padding: 22px 0; border-bottom: 1px solid var(--filet); }
.a3 .a3-stat:nth-child(odd) { padding-right: 24px; border-right: 1px solid var(--filet); }
.a3 .a3-stat:nth-child(even) { padding-left: 24px; }
.a3 .a3-stat b { font: 800 clamp(2.75rem, 1.8rem + 2.6vw, 4.75rem)/.9 var(--ff-d); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.a3 .a3-stat span { font: 400 .8125rem/1.3 var(--ff-m); color: var(--cendre); }
.a3 .a3-reasons { display: grid; gap: 14px; margin-bottom: 32px; }
.a3 .a3-reasons li { position: relative; padding-left: 28px; color: var(--texte-2); }
.a3 .a3-reasons li::before { content: ""; position: absolute; left: 0; top: .6em; width: 14px; height: 7px; background: var(--cyan); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 435 226'%3E%3Cpath d='M429 40C422 24 402 11 358 0 302 7 172 65 58 154 0 218 28 225 104 163 184 132 286 160 354 171 426 116 434 58Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 435 226'%3E%3Cpath d='M429 40C422 24 402 11 358 0 302 7 172 65 58 154 0 218 28 225 104 163 184 132 286 160 354 171 426 116 434 58Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.a3 .a3-reasons b { color: var(--papier); font-weight: 600; }

/* ---------- Financer ---------- */
.a3 .a3-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 48px; }
.a3 .a3-card { display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: 28px; border: 1px solid var(--filet); background: var(--encre); }
.a3 .a3-card h3 { font: 700 clamp(1.35rem, 1.1rem + .7vw, 1.85rem)/1.08 var(--ff-d); letter-spacing: -.02em; }
.a3 .a3-card p { color: var(--texte-2); font-size: .9375rem; flex: 1; }
.a3 .a3-card .a3-link { align-self: flex-start; }
.a3 .a3-card-hot { border-color: rgba(0, 158, 226, .55); background: linear-gradient(var(--encre), var(--encre)) padding-box; box-shadow: inset 0 0 0 1px rgba(0, 158, 226, .15); }
.a3 .a3-steps-title { margin: 72px 0 24px; font: 500 .8125rem/1 var(--ff-m); text-transform: uppercase; letter-spacing: .08em; color: var(--cendre); }
.a3 .a3-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.a3 .a3-steps li { position: relative; display: flex; gap: 18px; align-items: flex-start; padding-top: 26px; border-top: 1px solid var(--filet-2); }
.a3 .a3-steps li::before { content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); }
.a3 .a3-step-n { font: 800 italic 3.25rem/.8 var(--ff-d); color: var(--cyan); letter-spacing: -.04em; }
.a3 .a3-steps p { color: var(--texte-2); }
.a3 .a3-steps b { display: block; color: var(--papier); font-weight: 600; }

/* ---------- Actualités ---------- */
.a3 .a3-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.a3 .a3-news a { display: flex; flex-direction: column; gap: 18px; min-height: 250px; padding: 28px; border-radius: 28px; border: 1px solid var(--filet); text-decoration: none; transition: background .25s, border-color .25s, transform .35s var(--ease); }
.a3 .a3-news a:hover { background: var(--encre); border-color: var(--filet-2); transform: translateY(-4px); }
.a3 .a3-news time { font: 400 .8125rem/1 var(--ff-m); color: var(--cendre); font-variant-numeric: tabular-nums; }
.a3 .a3-news h3 { font: 700 1.3rem/1.2 var(--ff-d); letter-spacing: -.015em; text-wrap: balance; }
.a3 .a3-news-cat { margin-top: auto; align-self: flex-start; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--filet-2); font: 400 .75rem/1 var(--ff-m); color: var(--cendre); }

/* ---------- FAQ ---------- */
.a3 .a3-faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 32px 72px; align-items: start; }
.a3 .a3-faq .a3-h2 { position: sticky; top: 100px; }
.a3 .a3-faq-list { border-top: 1px solid var(--filet); }
.a3 .a3-faq details { border-bottom: 1px solid var(--filet); }
.a3 .a3-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 0; cursor: pointer; list-style: none; }
.a3 .a3-faq summary::-webkit-details-marker { display: none; }
.a3 .a3-faq summary h3 { font: 600 var(--fs-h3)/1.25 var(--ff-d); letter-spacing: -.015em; }
.a3 .a3-faq summary .a3-i { width: 26px; height: 26px; color: var(--cyan); transition: transform .3s var(--ease); }
.a3 .a3-faq details[open] summary .a3-i { transform: rotate(45deg); }
.a3 .a3-faq summary:hover h3 { color: var(--cyan-clair); }
.a3 .a3-faq details p { padding: 0 56px 28px 0; color: var(--texte-2); max-width: 64ch; }

/* ---------- Contact final ---------- */
.a3 .a3-final { position: relative; margin-top: clamp(24px, 4vw, 64px); padding-block: clamp(72px, 9vw, 140px); border-radius: clamp(28px, 4vw, 56px) clamp(28px, 4vw, 56px) 0 0; background: var(--cyan); color: var(--nuit); }
.a3 .a3-final-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(40px, 5vw, 88px); align-items: center; }
.a3 .a3-eyebrow-ink { color: var(--nuit); }
.a3 .a3-final .a3-h2 { max-width: 15ch; }
.a3 .a3-tel { display: inline-block; margin: 8px 0 12px; font: 800 italic clamp(2.75rem, 1.2rem + 6vw, 7rem)/.9 var(--ff-d); letter-spacing: -.045em; font-variant-numeric: tabular-nums; white-space: nowrap; text-decoration: none; background-image: linear-gradient(var(--nuit), var(--nuit)); background-size: 0 4px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .35s var(--ease); }
.a3 .a3-tel:hover { background-size: 100% 4px; }
.a3 .a3-final-meta { margin-bottom: 32px; font: 400 .875rem/1.5 var(--ff-m); color: rgba(12, 13, 12, .8); max-width: none; }
.a3 .a3-final-meta a { color: var(--nuit); text-decoration-color: var(--nuit); }
.a3 .a3-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; padding: clamp(24px, 3vw, 36px); border-radius: 32px; background: var(--nuit); color: var(--papier); box-shadow: 0 50px 100px -50px rgba(12, 13, 12, .8); }
.a3 .a3-form :focus-visible { outline-color: var(--cyan); }
.a3 .a3-form h3 { grid-column: 1 / -1; margin-bottom: 6px; font: 700 1.6rem/1.1 var(--ff-d); letter-spacing: -.02em; }
.a3 .a3-hp { position: absolute; left: -9999px; }
.a3 .a3-field { display: flex; flex-direction: column; gap: 6px; }
.a3 .a3-field label { font: 500 .8125rem/1.2 var(--ff-m); color: var(--cendre); }
.a3 .a3-field input, .a3 .a3-field select { width: 100%; height: 52px; padding: 0 14px; border-radius: 14px; border: 1px solid var(--filet-2); background: var(--encre-2); color: var(--papier); font: 400 1rem/1 var(--ff-t); appearance: none; -webkit-appearance: none; }
.a3 .a3-field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F4EF' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; padding-right: 40px; }
.a3 .a3-field input:focus, .a3 .a3-field select:focus { border-color: var(--cyan); }
.a3 .a3-field [aria-invalid="true"] { border-color: #F5F4EF; box-shadow: 0 0 0 1px #F5F4EF; }
.a3 .a3-err { font: 400 .8125rem/1.3 var(--ff-t); color: var(--papier); }
.a3 .a3-err:empty { display: none; }
.a3 .a3-rgpd { grid-column: 1 / -1; font-size: .8125rem; color: var(--cendre); max-width: none; }
.a3 .a3-form .a3-btn { grid-column: 1 / -1; width: 100%; }
.a3 .a3-form-status { grid-column: 1 / -1; font-weight: 600; max-width: none; }
.a3 .a3-form-status:empty { display: none; }

/* ---------- Pied de page ---------- */
.a3 .a3-foot { position: relative; padding-block: clamp(56px, 7vw, 96px) 32px; background: var(--nuit); }
.a3 .a3-foot-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding-bottom: 48px; border-bottom: 1px solid var(--filet); }
.a3 .a3-foot-logo { width: 220px; }
.a3 .a3-group { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.a3 .a3-group p { max-width: 34ch; font-size: .875rem; color: var(--cendre); }
.a3 .a3-group img { height: 30px; width: auto; opacity: .75; transition: opacity .2s; }
.a3 .a3-group a:hover img { opacity: 1; }
.a3 .a3-foot-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; padding-block: 48px; }
.a3 .a3-foot-title { margin-bottom: 16px; font: 500 .75rem/1 var(--ff-m); text-transform: uppercase; letter-spacing: .08em; color: var(--cendre); }
.a3 .a3-foot li { margin: 9px 0; }
.a3 .a3-foot li a, .a3 .a3-foot address a { text-decoration: none; font-size: .9375rem; }
.a3 .a3-foot li a:hover, .a3 .a3-foot address a:hover { color: var(--cyan-clair); }
.a3 .a3-foot address { font-size: .9375rem; line-height: 1.8; color: var(--texte-2); }
.a3 .a3-foot-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; padding-top: 24px; border-top: 1px solid var(--filet); }
.a3 .a3-foot-bottom p { max-width: 90ch; font: 400 .75rem/1.6 var(--ff-m); color: var(--cendre); }
.a3 .a3-foot-bottom a, .a3 .a3-linkbtn { color: var(--cendre); }
.a3 .a3-linkbtn { padding: 0; border: 0; background: none; font: inherit; text-decoration: underline; cursor: pointer; }
.a3 .a3-social { display: flex; gap: 8px; }
.a3 .a3-social a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--filet-2); transition: background .2s; }
.a3 .a3-social a:hover { background: rgba(245, 244, 239, .1); }

/* ---------- Barre mobile & menu ---------- */
.a3 .a3-sticky { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 55; display: none; grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px; border-radius: 999px; border: 1px solid var(--filet-2); background: rgba(28, 29, 27, .92); }
.a3 .a3-sticky .a3-btn { height: 46px; padding: 0 12px; }
.a3 .a3-menu { position: fixed; inset: 0; z-index: 80; display: flex; flex-direction: column; overflow: auto; overscroll-behavior: contain; padding: 12px var(--pad) calc(24px + env(safe-area-inset-bottom)); background: var(--nuit); }
.a3 .a3-menu-head { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.a3 .a3-menu-logo { height: 28px; width: auto; }
.a3 .a3-menu-list { margin-block: 20px 32px; }
.a3 .a3-menu-list a { display: block; padding: 12px 0; border-bottom: 1px solid var(--filet); font: 700 clamp(1.6rem, 1.2rem + 2vw, 2.2rem)/1.1 var(--ff-d); letter-spacing: -.02em; text-decoration: none; }
.a3 .a3-menu-foot { display: grid; gap: 10px; margin-top: auto; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (min-width: 1100px) {
  .a3 .a3-nav { display: block; }
  .a3 .a3-head-cta { display: inline-flex; }
  .a3 .a3-head-m { display: none; }
}
@media (min-width: 1100px) and (max-width: 1239.98px) {
  .a3 .a3-nav > ul > li > a, .a3 .a3-nav > ul > li > button { padding: 0 10px; font-size: .875rem; }
}
@media (min-width: 1240px) {
  .a3 .a3-head-tel { display: inline; }
  .a3 .a3-head-cta { margin-left: 0; }
}
@media (min-width: 1100px) and (max-width: 1239.98px) {
  .a3 .a3-head-cta { margin-left: auto; }
}
@media (max-width: 1099.98px) {
  .a3 .a3-hero-bottom { grid-template-columns: 1fr; }
  .a3 .a3-proof { grid-column: 1; grid-row: auto; flex-wrap: wrap; gap: 20px 28px; }
  .a3 .a3-demo-grid, .a3 .a3-why { grid-template-columns: 1fr; }
  .a3 .a3-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .a3 .a3-bento > .a3-tile { grid-column: auto; grid-row: auto; }
  .a3 .a3-t-ia, .a3 .a3-t-outils { grid-column: 1 / -1 !important; }
  .a3 .a3-t-ia { min-height: 460px; }
  .a3 .a3-photo img { aspect-ratio: 3 / 2; }
  .a3 .a3-final-grid { grid-template-columns: 1fr; }
  .a3 .a3-faq { grid-template-columns: 1fr; }
  .a3 .a3-faq .a3-h2 { position: static; }
  .a3 .a3-hero-note { display: none; }
}
@media (max-width: 899.98px) {
  .a3 .a3-cards, .a3 .a3-news, .a3 .a3-steps { grid-template-columns: 1fr; }
  .a3 .a3-foot-grid { grid-template-columns: 1fr 1fr; }
  .a3 .a3-row { grid-template-columns: minmax(0, 1fr) 44px; padding: 20px 6px; }
  .a3 .a3-row h3 { grid-column: 1; }
  .a3 .a3-row-desc, .a3 .a3-row-meta { grid-column: 1; }
  .a3 .a3-row-meta { justify-self: start; }
  .a3 .a3-row-go { grid-column: 2; grid-row: 1 / 4; width: 44px; height: 44px; }
}
@media (max-width: 767.98px) {
  .a3 .a3-hero { min-height: 0; }
  .a3 .a3-hero-in { padding-top: calc(80px + 44vw); gap: 24px; padding-bottom: 32px; }
  .a3 .a3-liquid-still { top: 84px; right: 6%; width: 74vw; }
  .a3 .a3-chip span:not(.a3-chip-tag) { font-size: .8125rem; }
  .a3 .a3-hero-tools { display: none; }
  .a3 .a3-h1-big { max-width: none; }
  .a3 .a3-cta { width: 100%; }
  .a3 .a3-cta .a3-btn { flex: 1 1 100%; }
  .a3 .a3-bento { grid-template-columns: 1fr; }
  .a3 .a3-tile { min-height: 0; padding: 24px; border-radius: 24px; }
  .a3 .a3-t-ia { min-height: 420px; }
  .a3 .a3-case { min-height: 0; padding-inline: 16px; }
  .a3 .a3-msg { grid-template-columns: 1fr; gap: 6px; }
  .a3 .a3-txt { font-size: .875rem; }
  .a3 .a3-facts div { grid-template-columns: 1fr; gap: 2px; }
  .a3 .a3-stat:nth-child(odd) { padding-right: 14px; }
  .a3 .a3-stat:nth-child(even) { padding-left: 14px; }
  .a3 .a3-form { grid-template-columns: 1fr; border-radius: 24px; }
  .a3 .a3-final-meta { margin-bottom: 24px; }
  .a3 .a3-sticky:not([hidden]) { display: grid; }
  .a3.has-sticky { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  .a3.has-sticky ~ #alsago-cc-reopen, .a3.has-sticky #alsago-cc-reopen { bottom: calc(80px + env(safe-area-inset-bottom)); }
  .a3 .a3-mq img { height: 30px; }
  .a3 .a3-faq details p { padding-right: 0; }
}
@media (max-width: 479.98px) {
  .a3 .a3-foot-grid { grid-template-columns: 1fr; }
  .a3 .a3-proof { gap: 16px 20px; }
  .a3 .a3-proof li { padding-left: 12px; }
}

/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion: reduce) {
  .a3 *, .a3 *::before, .a3 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .a3 .a3-marquee { -webkit-mask-image: none; mask-image: none; }
  .a3 .a3-marquee-track { width: auto; flex-wrap: wrap; justify-content: center; }
  .a3 .a3-mq-list { flex-wrap: wrap; justify-content: center; padding: 0 var(--pad); row-gap: 16px; }
  .a3 .a3-mq-list[aria-hidden="true"] { display: none; }
  .a3 .a3-w2 { padding-left: 4vw; }
}