/* AxionPro — thème V5 pour les pages statiques du site (pages/, docs/, blog, alternatives,
   confidentialite.html). pos-2, 17/10/2026.
   Chaque page garde son propre <style> ; cette feuille, chargée APRÈS lui, remappe les
   variables partagées (--bg, --text, --accent, --fb…) sur la palette de la landing V5
   (public/assets/landing-v5.css). Sélecteurs `html:root` / `html:root.light` : un cran de
   spécificité au-dessus des `:root` / `:root.light` des pages, sans !important.
   --accent reste un bleu soutenu : les pages posent du texte blanc dessus. */
html:root{
  --bg:#04060a;--bg2:#0a0f17;--bg3:#0e1520;--bg-alt:#0a0f17;
  --surface:rgba(12,20,32,.62);--surface2:rgba(16,26,40,.82);
  --border:rgba(150,200,255,.12);--border2:rgba(150,210,255,.22);
  --text:#eaf2fb;--muted:#a9b6c7;--dim:#7c8a9e;
  --accent:#2563eb;--accentL:#38bdf8;--accentG:rgba(56,189,248,.28);
  --teal:#67e8f9;--tealG:rgba(103,232,249,.25);
  --fg-grad1:#eaf2fb;--fg-grad2:#67e8f9;
  --fb:'Geist',system-ui,sans-serif;--fh:'Geist',system-ui,sans-serif;--fm:'Geist Mono',ui-monospace,monospace;
  color-scheme:dark;
}
html:root.light{
  --bg:#edf2fb;--bg2:#e1e9f8;--bg3:#d7e2f5;--bg-alt:#e1e9f8;
  --surface:rgba(255,255,255,.72);--surface2:rgba(255,255,255,.9);
  --border:rgba(37,72,160,.13);--border2:rgba(37,99,235,.26);
  --text:#061127;--muted:#2c3a56;--dim:#4f5d79;
  --accent:#2563eb;--accentL:#0284c7;--accentG:rgba(37,99,235,.24);
  --teal:#0891b2;--tealG:rgba(6,182,212,.2);
  --fg-grad1:#061127;--fg-grad2:#2563eb;
  color-scheme:light;
}
html:root body{font-family:var(--fb);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
html:root.light body{background:radial-gradient(60vw 50vw at 85% -5%,rgba(56,189,248,.24),transparent 60%),radial-gradient(50vw 45vw at -5% 35%,rgba(99,102,241,.16),transparent 60%),var(--bg);background-attachment:fixed}
html:root body::selection{background:var(--accentG)}
html:root h1,html:root h2,html:root h3{font-family:var(--fh);letter-spacing:-.035em;font-weight:500}
html:root code,html:root pre,html:root kbd{font-family:var(--fm)}
html:root :focus-visible{outline:2px solid var(--teal);outline-offset:3px}
/* barre de navigation : verre dépoli V5 */
html:root .nav.scrolled,html:root .nav.scr{background:color-mix(in oklab,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--border);box-shadow:none}
html:root.light .nav.scrolled,html:root.light .nav.scr{background:color-mix(in oklab,var(--bg) 80%,transparent)}
/* pied de page */
html:root footer{border-top:1px solid var(--border)}

/* ── pos-3 (18/10/2026) — coquille V5 : barre + pied de page de la landing ─────────────────
   Classes préfixées v5- pour ne jamais rencontrer les .nav / .btn / footer des pages. */
html:root{--v5-line:var(--border);--v5-line2:var(--border2);--v5-ink:var(--text);--v5-ink2:var(--muted);--v5-ink3:var(--dim);--v5-cy:#67e8f9;--v5-bp:#d8f8ff;--v5-bpi:#021018;--v5-glow:rgba(103,232,249,.35);--v5-glass:rgba(12,20,32,.55);--nav-h:72px}
html:root.light{--v5-cy:#0271c2;--v5-bp:linear-gradient(115deg,#2563eb,#0284c7 55%,#06b6d4);--v5-bpi:#fff;--v5-glow:rgba(37,99,235,.3);--v5-glass:rgba(255,255,255,.7)}
.v5-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4.5vw,56px);box-sizing:border-box}
.v5-mono{font-family:var(--fm);letter-spacing:.02em}
.v5-nav{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid transparent;transition:background .4s,border-color .4s;font-family:var(--fb)}
.v5-nav.scr{background:color-mix(in oklab,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-color:var(--v5-line)}
.v5-nav-in{display:flex;align-items:center;gap:28px;height:72px}
.v5-logo{display:flex;align-items:center;gap:8px;flex:none;text-decoration:none;color:var(--text)}.v5-logo img{height:30px;width:30px;display:block}
.v5-logo .lm-l,html.light .v5-logo .lm-d{display:none}html.light .v5-logo .lm-l{display:block}
.v5-logo-word{font-family:var(--fb);font-weight:600;font-size:19px;line-height:1;letter-spacing:-.045em}.v5-logo-word b{font-weight:300;color:#67e8f9}html.light .v5-logo-word b{color:#0271c2}
.v5-links{display:flex;gap:4px;margin-left:8px}
.v5-links a{color:var(--v5-ink2);font-size:14.5px;padding:8px 12px;border-radius:999px;text-decoration:none;transition:color .2s,background .2s}
.v5-links a:hover,.v5-links a[aria-current="page"]{color:var(--v5-ink);background:var(--v5-line)}
.v5-act{display:flex;align-items:center;gap:10px;margin-left:auto}
.v5-lang{display:flex;align-items:center;border:1px solid var(--v5-line2);border-radius:999px;padding:3px;font-family:var(--fm);font-size:12px}
.v5-lang>*{padding:4px 9px;border-radius:999px;color:var(--v5-ink2);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.v5-lang [aria-current]{background:var(--v5-line2);color:var(--v5-ink)}.v5-lang a:hover,.v5-lang button:hover{color:var(--v5-ink)}
.v5-theme{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--v5-line2);background:none;color:var(--v5-ink2);cursor:pointer;padding:0;transition:color .2s,border-color .2s}
.v5-theme:hover{color:var(--v5-ink);border-color:var(--v5-cy)}
html:root:not(.light) .v5-theme .moon,html:root.light .v5-theme .sun{display:none}
.v5-login{color:var(--v5-ink2);font-size:14.5px;padding:8px 10px;text-decoration:none}.v5-login:hover{color:var(--v5-ink)}
.v5-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font-weight:500;font-size:16px;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.v5-btn-p{background:var(--v5-bp);color:var(--v5-bpi);box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 10px 40px -8px var(--v5-glow)}
.v5-btn-p:hover{color:var(--v5-bpi);transform:translateY(-2px)}
.v5-btn-sm{height:38px;padding:0 16px;font-size:14px}
.v5-burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--v5-line2);background:none;position:relative;cursor:pointer;padding:0}
.v5-burger i{position:absolute;left:11px;right:11px;height:1.6px;background:var(--v5-ink);transition:transform .3s,top .3s}.v5-burger i:first-child{top:15px}.v5-burger i:last-child{top:23px}
.v5-burger[aria-expanded="true"] i:first-child{top:19px;transform:rotate(45deg)}.v5-burger[aria-expanded="true"] i:last-child{top:19px;transform:rotate(-45deg)}
.v5-mnav{display:flex;flex-direction:column;gap:4px;padding:12px clamp(20px,4.5vw,56px) 24px;background:color-mix(in oklab,var(--bg) 94%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--v5-line)}
.v5-mnav[hidden]{display:none}
.v5-mnav>a:not(.v5-btn){font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--v5-ink);padding:10px 0;border-bottom:1px solid var(--v5-line);text-decoration:none}
.v5-mnav-row{display:flex;gap:20px;padding:16px 0}.v5-mnav-row a{color:var(--v5-ink2);text-decoration:none}
.v5-foot{position:relative;border-top:1px solid var(--v5-line);padding:70px 0 30px;background:color-mix(in oklab,var(--bg) 80%,transparent);font-family:var(--fb);text-align:left}
.v5-foot-g{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px}
.v5-foot-b p{color:var(--v5-ink2);font-size:14.5px;line-height:1.55;max-width:36ch;margin:18px 0 0}
.v5-socials{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px;font-size:14px}.v5-socials a{color:var(--v5-ink2);text-decoration:none}.v5-socials a:hover{color:var(--v5-cy)}
.v5-foot-c{display:flex;flex-direction:column;gap:14px}
html:root .v5-foot-c h2{font-family:var(--fm);font-size:11.5px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;color:var(--v5-ink3);font-weight:400;margin:0;background:none;-webkit-text-fill-color:currentColor}
.v5-foot-c a{color:var(--v5-ink);font-size:15px;display:flex;flex-direction:column;text-decoration:none}.v5-foot-c a small{color:var(--v5-ink3);font-size:13px}.v5-foot-c a:hover{color:var(--v5-cy)}
.v5-foot-l{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:60px;padding-top:24px;border-top:1px solid var(--v5-line);font-size:12px;color:var(--v5-ink3)}
.v5-foot-l a{color:var(--v5-ink2);text-decoration:none}.v5-foot-l a:hover{color:var(--v5-ink)}
@media (max-width:1180px){.v5-links{display:none}.v5-burger{display:block}}
@media (max-width:860px){.v5-login,.v5-lang,.v5-act>.v5-btn-sm{display:none}.v5-foot-g{grid-template-columns:1fr 1fr}.v5-foot-b{grid-column:1/-1}}

/* ── pos-3 — composants des pages au style V5 (boutons, cartes, étiquettes, champs) ─────────── */
html:root :is(.btn-primary,.btn-cta,.btn-sub){background:var(--v5-bp);color:var(--v5-bpi);border:0;border-radius:999px;font-family:var(--fb);font-weight:500;letter-spacing:-.01em;box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 10px 40px -8px var(--v5-glow);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
html:root :is(.btn-primary,.btn-cta,.btn-sub):hover{background:var(--v5-bp);color:var(--v5-bpi);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 18px 50px -8px var(--v5-glow)}
html:root :is(.btn-primary,.btn-cta,.btn-sub):disabled{opacity:.6;transform:none}
html:root .btn-ghost{border:1px solid var(--v5-line2);border-radius:999px;background:var(--v5-glass);color:var(--v5-ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html:root .btn-ghost:hover{border-color:var(--v5-cy);color:var(--v5-ink)}
html:root :is(.feature-card,.doc-card,.data-card,.blog-card,.info-card,.glass,.prose-card,.content-card,.form-card,.uptime-card){position:relative;border-radius:22px;border:1px solid var(--v5-line);background:var(--v5-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:none}
html:root :is(.feature-card,.doc-card,.blog-card,.data-card):hover{border-color:var(--v5-line2);box-shadow:0 30px 80px -40px var(--v5-glow)}
html:root :is(.feature-card-icon,.doc-card-icon,.quick-link-icon,.info-icon,.perk-icon){border-radius:12px;border:1px solid var(--v5-line2);background:color-mix(in oklab,var(--v5-cy) 8%,transparent)}
html:root :is(.section-label,.page-eyebrow,.blog-hero-eyebrow,.sidebar-section-label){font-family:var(--fm);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--v5-ink2)}
html:root :is(.badge,.badge-teal,.service-tag,.article-tag,.blog-card-tag,.doc-card-tag,.tag-module,.tag-start,.tag-api,.page-badge,.status-badge,.counter-badge){font-family:var(--fm);font-weight:400;letter-spacing:.06em;border-radius:999px;border:1px solid var(--v5-line2);background:transparent;color:var(--v5-cy)}
html:root :is(.article-tag,.blog-card-tag,.doc-card-tag,.tag-module,.tag-start,.tag-api){text-transform:uppercase;font-size:11px}
html:root :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:12px;border:1px solid var(--v5-line2);background:color-mix(in oklab,var(--bg2) 70%,transparent);color:var(--v5-ink);font-family:var(--fb)}
html:root :is(input,select,textarea):focus{outline:none;border-color:var(--v5-cy);box-shadow:0 0 0 3px color-mix(in oklab,var(--v5-cy) 22%,transparent)}
html:root.light :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:rgba(255,255,255,.8)}
html:root :is(.cta-banner){border-radius:28px;border:1px solid var(--v5-line);background:linear-gradient(100deg,color-mix(in oklab,var(--v5-cy) 9%,var(--v5-glass)),var(--v5-glass))}
html:root :is(.badge,.badge-teal,.service-tag,.article-tag,.blog-card-tag,.doc-card-tag,.tag-module,.tag-start,.tag-api,.page-badge,.status-badge,.counter-badge){display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:3px 10px;line-height:1.5}
/* Débordements hérités (relevés 18/10 à 390 px) : halos décoratifs coupés, tableaux larges défilants. */
html:root,html:root body{overflow-x:clip}
html:root .compare-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
html:root :is(.feature-card-icon,.doc-card-icon){width:44px;height:44px;display:grid;place-items:center;font-size:20px;line-height:1}
/* pos-3 relecture : langue dans le menu mobile des pages bilingues ; fil d'Ariane sans onmouseover (CSP). */
.v5-mnav .v5-lang{display:flex;width:fit-content}
html:root a.crumb-home:hover{color:var(--v5-cy)!important}