/* === palette-actuelle.css === */

:root {
  --fond: #121212;
  --fond-alterne: #191919;
  --surface: #1e1e1e;
  --filet: #2c2c2c;
  --bordure: #343434;
  --bordure-nette: #494949;
  --texte: #f0eee6;
  --texte-doux: #d7d3ce;
  --texte-secondaire: #b8b4af;
  --texte-attenue: #aca8a3;
  --texte-discret: #9d9994;
  --accent: #efac83;
  --accent-clair: #ffd0a9;
  --accent-vif: #d58e67;
  --accent-profond: #9b6546;
  --police-editoriale: Georgia, 'Times New Roman', serif;
}


.titre-page,
.titre-section,
.fx__titre,
.catalogue__titre,
.cloture__titre,
.tarifs-founder__titre {
  font-weight: 500;
}


.titre-page > .attenue,
.titre-section > .attenue,
.catalogue__titre > .attenue,
.cloture__accent,
.tarifs-founder__titre > span {
  font-family: var(--police-editoriale);
  font-style: italic;
  font-weight: 400;
  color: var(--accent);
}
.tarifs-founder__titre > span { background-image: linear-gradient(105deg, var(--accent-clair) 5%, var(--accent) 85%); }


.cockpit,
.ecran,
.scene-wysp {
  --fond: #08090b;
  --fond-alterne: #0a0b0e;
  --surface: #0b0d11;
  --filet: #14171e;
  --bordure: #1b1f27;
  --bordure-nette: #262c37;
  --texte: #e9ebf0;
  --texte-doux: #cbd3df;
  --texte-secondaire: #9aa2b0;
  --texte-attenue: #8b93a1;
  --texte-discret: #7b8393;
  --accent: #ff8a3d;
  --accent-clair: #ffb888;
  --accent-vif: #ff5e3a;
  --accent-profond: #d14a10;
}

::selection { background: rgba(239, 172, 131, 0.25); }


@keyframes en-tete-fond {
  to {
    background: rgba(30, 30, 30, 0.55);
    border-bottom-color: var(--filet);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
}
@supports not (animation-timeline: scroll()) {
  .en-tete { background: rgba(18, 18, 18, 0.86); }
}


.accroche__halo {
  background: radial-gradient(closest-side, rgba(239, 172, 131, 0.16), rgba(190, 184, 178, 0.07) 46%, transparent 72%);
}
.accroche__halo--bas {
  background: radial-gradient(closest-side, rgba(190, 184, 178, 0.1), transparent 70%);
}
.nav-apps__halo {
  background: radial-gradient(closest-side, rgba(239, 172, 131, 0.05), rgba(190, 184, 178, 0.02) 55%, transparent 85%);
}
.deco-hero--gauche .deco-hero__halo { background: radial-gradient(ellipse at 30% 50%, rgba(239, 172, 131, 0.085), transparent 72%); }
.deco-hero--droite .deco-hero__halo { background: radial-gradient(ellipse at 70% 50%, rgba(239, 172, 131, 0.085), transparent 72%); }

.deco-carte { background-color: var(--fond-alterne); border-color: var(--bordure); }
.avantages__aurore i { background: radial-gradient(closest-side, rgba(239, 172, 131, 0.26), rgba(190, 184, 178, 0.11) 45%, transparent 72%); }
.avantages__aurore i:nth-child(2) { background: radial-gradient(closest-side, rgba(190, 184, 178, 0.24), rgba(239, 172, 131, 0.08) 50%, transparent 72%); }
.avantages__aurore i:nth-child(3) { background: radial-gradient(closest-side, rgba(255, 208, 169, 0.15), transparent 70%); }
.fx__visuel::before { background: radial-gradient(closest-side, rgba(239, 172, 131, 0.17), rgba(190, 184, 178, 0.06) 50%, transparent 76%); }
.preuves { background-color: #1a1a1a; }


#novawysp { background-color: #1e1e1e; }
.offre-resume,
.tarifs-founder { background-color: #211c17; }

body:has(.tarifs-founder) :is(.en-tete, .ariane) { background-color: #211c17; }
.offre-resume__carte { background: radial-gradient(circle at 50% 0%, rgba(239, 172, 131, 0.09), transparent 40%), #241f19; border-color: rgba(239, 172, 131, 0.38); }
.offre-founder { background: radial-gradient(circle at 50% 25%, rgba(239, 172, 131, 0.075), transparent 28%), linear-gradient(165deg, rgba(240, 238, 230, 0.018), transparent 32%), #241f19; border-color: rgba(239, 172, 131, 0.38); box-shadow: 0 2rem 6.25rem rgba(0, 0, 0, 0.65), inset 0 0 0 1px rgba(240, 238, 230, 0.018), 0 0 5rem rgba(213, 142, 103, 0.035); }
.offre-founder::before { background: radial-gradient(ellipse, rgba(213, 142, 103, 0.09), transparent 65%); }
.offre-founder__circuit { filter: drop-shadow(0 0 4px var(--accent)) drop-shadow(0 0 12px rgba(239, 172, 131, 0.7)); }
.offre-founder__rail { stroke: rgba(239, 172, 131, 0.22); }
#degrade-founder stop { stop-color: var(--accent); }
#degrade-founder stop:nth-child(3) { stop-color: #f0eee6; }
.offre-founder__ligne,
.offre-resume__liste li { border-color: #514333; }
.offre-founder__statut,
.offre-resume__statut { color: #c3b29e; border-color: #594935; background-color: #32291e; }
.offre-founder__cta { background: var(--accent); color: var(--fond); }
.offre-founder__cta:hover { background: var(--accent-clair); color: var(--fond); }
.offre-founder__prix strong,
.offre-resume__prix strong { color: var(--texte); }
.offre-founder__micro,
.offre-founder__abonnements { color: #b9aa99; }


.catalogue { background-color: #171717; }
.outil { background: linear-gradient(#282828, #1d1d1d); }
.outil__cartouche { background-color: #262626; border-color: #4b4b4b; }
.cloture__halo {
  background: radial-gradient(closest-side, rgba(239, 172, 131, 0.11), rgba(155, 101, 70, 0.045) 50%, transparent 78%);
}
.pied { background-color: #101010; }
.pied__champ-groupe { background-color: #1e1e1e; border-color: #3f3f3f; }
.pied__champ { color: var(--texte); }
.pied__champ::placeholder { color: #a8a5a1; }
.pied__envoi { background: var(--accent); color: var(--fond); }
.pied__envoi:hover { background: var(--accent-clair); color: var(--fond); }



/* === graphite-tokens.css === */

.cockpit,
.avantages .ecran {
  --nf-elev-rim: inset 0 0 0 1px rgba(235,235,235,.11);
  --nf-wash-fill: rgba(12,12,12,.12);
  --nf-signal: #8a8f9a;
  --nf-signal-ink: var(--nf-signal);
  --nf-codex: #ffffff;
  --nf-codex-ink: #000000;
  --nf-term-ink: #e6e8ee;
  --nf-term-ink2: #c8ced8;
  --nf-term-dim: #8a8f9a;
  --nf-term-faint: #6b7280;
  --nf-base: #191919;
  --nf-rail: var(--nf-chrome);
  --nf-panel: var(--nf-chrome);
  --nf-panel2: var(--nf-base);
  --nf-titlebar: var(--nf-chrome);
  --nf-titlebar2: var(--nf-base);
  --nf-surface: var(--nf-s1);
  --nf-surface2: var(--nf-s2);
  --nf-elevated: var(--nf-s3);
  --nf-term: #040509;
  --nf-term2: #0e0f13;
  --nf-text: #f2f0ec;
  --nf-text2: #d4d2ce;
  --nf-text3: #aaa8a4;
  --nf-muted: #aaa8a4;
  --nf-faint: #93918d;
  --nf-disabled: #686664;
  --nf-warning: #e5bd79;
  --nf-warning-soft: color-mix(in srgb, var(--nf-warning) 12%, transparent);
  --nf-danger: #ed969d;
  --nf-success: #83c9aa;
  --nf-success-soft: color-mix(in srgb, var(--nf-success) 12%, transparent);
  --nf-danger-soft: color-mix(in srgb, var(--nf-danger) 12%, transparent);
  --nf-info: #91bdd9;
  --nf-info-soft: color-mix(in srgb, var(--nf-info) 12%, transparent);
  --nf-border: rgba(235,235,235,.08);
  --nf-border2: rgba(235,235,235,.15);
  --nf-cta: #e8e6e2;
  --nf-cta-fg: #101010;
  --nf-cta-fill: linear-gradient(160deg,#563d2e 0%,#382a22 100%);
  --nf-cta-fill-hover: linear-gradient(160deg,#6b4b37 0%,#4b3528 100%);
  --nf-cta-rim: linear-gradient(180deg,#edb891 0%,#aa7654 45%,#6d4f3d 100%);
  --nf-cta-rim-hover: linear-gradient(180deg,#ffdbbd 0%,#d49970 45%,#a57351 100%);
  --nf-cta-glow: 0 2px 14px -5px rgba(233,170,128,.42);
  --nf-cta-ink: #ffdec2;
  --nf-cta-off-fill: var(--nf-s2);
  --nf-cta-off-rim: var(--nf-border);
  --nf-cta-off-ink: var(--nf-disabled);
  --nf-dlg-fill: #292929;
  --nf-dlg-block: var(--nf-s2);
  --nf-dlg-foot: var(--nf-s1);
  --nf-dlg-foot-shadow: inset 0 1px 0 rgba(235,235,235,.08);
  --nf-item-fill: #1d1d1d;
  --nf-item-rim: rgba(0,0,0,.30);
  --nf-item-shadow: inset 0 2px 4px rgba(0,0,0,.30), inset 0 -1px 0 rgba(235,235,235,.05);
  --nf-item-ink: var(--nf-text2);
  --nf-item-hover: #363636;
  --nf-item-on-fill: var(--nf-s4);
  --nf-item-on-rim: var(--nf-border3);
  --nf-item-on-shadow: var(--nf-elev-2);
  --nf-item-on-ink: var(--nf-text);
  --nf-item-on-ink2: var(--nf-text2);
  --nf-field-fill: #1d1d1d;
  --nf-field-rim: rgba(0,0,0,.34);
  --nf-field-shadow: inset 0 2px 4px rgba(0,0,0,.32);
  --nf-item-off-fill: var(--nf-dlg-fill);
  --nf-item-off-rim: var(--nf-border);
  --nf-item-off-ink: var(--nf-disabled);
  --nf-note-fill: rgba(12,12,12,.18);
  --nf-note-rim: var(--nf-border2);
  --nf-accent: #e9aa80;
  --nf-accent2: #cf865f;
  --nf-accent-hi: #f2c9a5;
  --nf-brand-tint: color-mix(in srgb, var(--nf-accent) 58%, #ffffff);
  --nf-brand-deep: color-mix(in srgb, var(--nf-accent2) 82%, #000000);
  --nf-brand-frame: #e9ebf0;
  --nf-brand-grey: #8b93a1;
  --nf-brand-grey-deep: #6b7280;
  --nf-brand-plasma: #ff8a3d;
  --nf-brand-plasma-hi: #ffb888;
  --nf-brand-plasma-mid: #ff5e3a;
  --nf-brand-plasma-deep: #d14a10;
  --nf-accent-soft: color-mix(in srgb, var(--nf-accent) 13%, transparent);
  --nf-accent-line: color-mix(in srgb, var(--nf-accent) 48%, transparent);
  --nf-accent-glow: color-mix(in srgb, var(--nf-accent) 40%, transparent);
  --nf-diff-add: var(--nf-success);
  --nf-diff-del: var(--nf-danger);
  --nf-ui-sel: var(--nf-wash-2);
  --nf-ui-line: var(--nf-border3);
  --nf-sunken: #111111;
  --nf-chrome: #202020;
  --nf-s1: #262626;
  --nf-s2: #303030;
  --nf-s3: #3b3b3b;
  --nf-s4: #484848;
  --nf-overlay: var(--nf-s4);
  --nf-border3: rgba(235,235,235,.28);
  --nf-rim: inset 0 1px 0 rgba(245,245,245,.065);
  --nf-rim-strong: inset 0 1px 0 rgba(245,245,245,.12);
  --nf-elev-0: none;
  --nf-elev-1: 0 1px 2px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.035);
  --nf-elev-2: 0 2px 4px rgba(0,0,0,.45), 0 8px 16px -8px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
  --nf-elev-3: 0 4px 8px rgba(0,0,0,.45), 0 16px 32px -12px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.065);
  --nf-elev-4: 0 8px 16px rgba(0,0,0,.5), 0 40px 80px -24px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.08);
  --nf-elev-drag: 0 12px 24px rgba(0,0,0,.5), 0 48px 96px -28px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.09);
  --nf-elev-inset: inset 0 1px 2px rgba(0,0,0,.55), inset 0 0 0 1px rgba(0,0,0,.28);
  --nf-wash-1: rgba(235,235,235,.045);
  --nf-wash-2: rgba(235,235,235,.08);
  --nf-wash-3: rgba(235,235,235,.125);
  --nf-scrim: rgba(10,10,10,.68);
  --nf-focus: 0 0 0 2px var(--nf-base), 0 0 0 4px var(--nf-accent-line);
  --nf-serie-1: var(--nf-accent);
  --nf-serie-2: var(--nf-info);
  --nf-serie-3: var(--nf-violet);
  --nf-serie-4: var(--nf-success);
  --nf-on-accent: #251b14;
  --nf-violet: #b8a6db;
  --nf-rose: #dba4bf;
  --nf-violet-soft: color-mix(in srgb, var(--nf-violet) 12%, transparent);
  --nf-rose-soft: color-mix(in srgb, var(--nf-rose) 12%, transparent);
  --nf-diff-add-bg: color-mix(in srgb, var(--nf-success) 12%, transparent);
  --nf-diff-del-bg: color-mix(in srgb, var(--nf-danger) 12%, transparent);
  --nf-code-bg: #1d1d1d;
  --nf-code-ink: #dedbd5;
  --nf-code-gutter: #96928b;
  --nf-code-keyword: #a9bbdf;
  --nf-code-string: #dfb993;
  --nf-code-comment: #91b9a3;
  --nf-code-function: #e1c689;
  --nf-code-type: #8fc9c6;
  --nf-code-number: #c1afe0;
  --nf-code-find: #414141;
  --nf-code-find-match: rgba(229,189,121,.21);
  --nf-scroll-thumb: #555555;
  --nf-scroll-thumb-hover: #737373;
  --nf-state-idle: var(--nf-muted);
  --nf-state-running: var(--nf-success);
  --nf-state-review: var(--nf-violet);
  --nf-state-waiting: var(--nf-warning);
  --nf-state-error: var(--nf-danger);
  --nf-state-done: var(--nf-success);
  --nf-module-design: var(--nf-rose);
  --nf-module-memory: var(--nf-violet);
  --nf-module-connectors: var(--nf-info);
  --nf-module-agents: var(--nf-accent);
  --nf-provider-claude: #d97757;
  --nf-provider-grok: #a6b8cb;
  --nf-provider-kimi: #3b82f6;
  --nf-provider-opencode: #9d7bff;
  --nf-provider-cursor: #eab308;
  --nf-provider-mistral: #e8590c;
  --nf-provider-shell: #8b93a7;
}

/* === application-graphite.css === */

.cockpit,
.avantages .ecran {
  --nf-ok: var(--nf-success);
  --nf-attente: var(--nf-warning);
  --nf-erreur: var(--nf-danger);
  
  --nf-fini: var(--nf-state-idle);
  --ec-base: var(--nf-base);
  --ec-s1: var(--nf-s1);
  --ec-s2: var(--nf-s2);
  --ec-s3: var(--nf-s3);
  --ec-s4: var(--nf-s4);
  --ec-term: var(--nf-term);
  --ec-b1: var(--nf-border);
  --ec-b2: var(--nf-border2);
  --ec-b3: var(--nf-border3);
  --ec-txt: var(--nf-text);
  --ec-txt2: var(--nf-text2);
  --ec-muted: var(--nf-muted);
  --ec-faint: var(--nf-faint);
  --ec-ok: var(--nf-success);
  --ec-attente: var(--nf-warning);
  --ec-erreur: var(--nf-danger);
  --ec-info: var(--nf-info);
  
  --ec-fini: var(--nf-state-done);
  --ec-violet: var(--nf-violet);
  --ec-accent: var(--nf-accent);
  --ec-accent-filet: var(--nf-accent-line);
  --ec-alveole-filet: var(--nf-item-rim);
  --ec-alveole-creux: var(--nf-item-shadow);
  --ec-alveole-relief: var(--nf-item-on-shadow);
  --ec-puits: var(--nf-field-shadow);
  --ec-elev-1: var(--nf-elev-1);
  --ec-elev-3: var(--nf-elev-3);
  --ec-elev-4: var(--nf-elev-4);
  --fond: var(--nf-base);
  --fond-alterne: var(--nf-chrome);
  --surface: var(--nf-s1);
  --filet: var(--nf-border);
  --bordure: var(--nf-border2);
  --bordure-nette: var(--nf-border3);
  --texte: var(--nf-text);
  --texte-doux: var(--nf-text2);
  --texte-secondaire: var(--nf-text3);
  --texte-attenue: var(--nf-muted);
  --texte-discret: var(--nf-faint);
  --accent: var(--nf-accent);
  --accent-clair: var(--nf-accent-hi);
  --accent-vif: var(--nf-accent2);
  --accent-profond: var(--nf-accent2);
}


.cockpit__suffixe { background-image: linear-gradient(105deg, var(--nf-brand-plasma-hi), var(--nf-brand-plasma), var(--nf-brand-plasma-mid), var(--nf-brand-plasma-deep)); }
.cockpit__titrebarre { background-color: var(--nf-titlebar); }
.cockpit :is(.cockpit__installer, .cockpit__bouton),
.avantages .ecran .dlg-bouton--principal {
  background: var(--nf-cta-fill) padding-box, var(--nf-cta-rim) border-box;
  color: var(--nf-cta-ink);
  box-shadow: var(--nf-cta-glow);
}
.cockpit :is(.cockpit__installer, .cockpit__bouton):hover {
  background: var(--nf-cta-fill-hover) padding-box, var(--nf-cta-rim-hover) border-box;
}
.cockpit .pane__cadre--attente { box-shadow: 0 0 16px color-mix(in srgb, var(--nf-accent) 28%, transparent); }
.cockpit :is(.pane__point--ok, .pane__etat--ok) { --etat: var(--nf-state-running); }
.cockpit :is(.pane__point--attente, .pane__etat--attente) { --etat: var(--nf-state-waiting); }
.cockpit :is(.pane__point--erreur, .pane__etat--erreur) { --etat: var(--nf-state-error); }
.cockpit :is(.pane__point--fini, .pane__etat--fini) { --etat: var(--nf-state-idle); }
.cockpit .pane__point { box-shadow: 0 0 6px color-mix(in srgb, var(--etat) 50%, transparent); }
.cockpit .pane__point--fini { box-shadow: 0 0 6px color-mix(in srgb, var(--etat) 40%, transparent); }
.cockpit .pane__etat { background-color: color-mix(in srgb, var(--etat) 9%, transparent); border-color: color-mix(in srgb, var(--etat) 22%, transparent); }
.cockpit .pane__corps { color: var(--nf-term-ink); }
.cockpit .pane__ligne--saisie { color: var(--nf-term-ink2); }
.cockpit :is(.pane__ligne--discret, .pane__invite, .pane__chevron, .pane__pied-detail) { color: var(--nf-term-dim); }
.cockpit .pane__invite { border-color: var(--nf-border2); }
.cockpit .pane__ctx { color: var(--nf-term-faint); }


.avantages .ecran .vue-pane--active { border-color: var(--nf-accent-line); }
.avantages .ecran .vue-pane__entete { background-color: var(--nf-chrome); }
.avantages .ecran .vue-pane__sortie { color: var(--nf-term-ink2); }
.avantages .ecran .vue-pane__etat--ok { border-color: color-mix(in srgb, var(--nf-success) 35%, transparent); }
.avantages .ecran .vue-pane__etat--attente { border-color: color-mix(in srgb, var(--nf-warning) 35%, transparent); }
.avantages .ecran .vue-pane__etat--fini { border-color: color-mix(in srgb, var(--nf-state-done) 40%, transparent); }
.avantages .ecran .ecran-panneaux__menu { background-color: var(--nf-elevated); border-color: var(--nf-border3); }
.avantages .ecran-prevol { background-color: var(--nf-base); }
.avantages .ecran :is(.reparation__entete, .ecran-kanban__entete) { background-color: var(--nf-chrome); }
.avantages .ecran :is(.dlg, .volet-tache) { background-color: var(--nf-dlg-fill); }
.avantages .ecran .dlg__entete { border-bottom-color: var(--nf-border); }
.avantages .ecran :is(.dlg__pied, .volet-tache__pied) { background-color: var(--nf-dlg-foot); box-shadow: var(--nf-dlg-foot-shadow); }
.avantages .ecran .maj-cli__version { background-color: var(--nf-note-fill); }
.avantages .ecran :is(.agent-choix, .compte-carte, .modale__mcp, .maj-cli__sourdine, .dlg-bascule, .puce-priorite) { background-color: var(--nf-item-fill); }
.avantages .ecran :is(.agent-choix--actif, .compte-carte--actif, .dlg-bascule--on, .puce-priorite--active) { background-color: var(--nf-item-on-fill); border-color: var(--nf-item-on-rim); box-shadow: var(--nf-item-on-shadow); }
.avantages .ecran :is(.volet-tache__saisie, .volet-tache__cible) { background-color: var(--nf-field-fill); border-color: var(--nf-field-rim); box-shadow: var(--nf-field-shadow); }


.avantages .ecran .ecran-memoire__accuse { border-color: color-mix(in srgb, var(--nf-success) 35%, transparent); background-color: color-mix(in srgb, var(--nf-success) 6%, transparent); }
.avantages .ecran .etiquette-souvenir--regle { border-color: color-mix(in srgb, var(--nf-accent) 40%, transparent); }
.avantages .ecran .etiquette-souvenir--piege { border-color: color-mix(in srgb, var(--nf-danger) 35%, transparent); }
.avantages .ecran .etiquette-souvenir--fait { border-color: color-mix(in srgb, var(--nf-info) 35%, transparent); }
.avantages .ecran .dlg-bouton--danger { border-color: color-mix(in srgb, var(--nf-danger) 30%, transparent); background-color: var(--nf-danger-soft); color: var(--nf-danger); }
.avantages .ecran .menu-dispatch__item--retenu { background-color: var(--nf-wash-2); }
.avantages .ecran .menu-dispatch__pilule { border-color: color-mix(in srgb, var(--nf-success) 22%, transparent); background-color: var(--nf-success-soft); }


.avantages .ecran :is(.jeton-carte__point, .puce-priorite__point)[style*="#ff5e6a"] { background-color: var(--nf-danger) !important; }
.avantages .ecran :is(.jeton-carte__point, .puce-priorite__point)[style*="#ff8a3d"] { background-color: var(--nf-accent) !important; }
.avantages .ecran :is(.jeton-carte__point, .puce-priorite__point)[style*="#3dd6f5"] { background-color: var(--nf-info) !important; }
.avantages .ecran :is(.jeton-carte__point, .puce-priorite__point, .volet-tache__point)[style*="#7c8698"] { background-color: var(--nf-muted) !important; }
.avantages .ecran .colonne-kanban__titre svg[stroke="#7c8698"] { stroke: var(--nf-state-idle); }
.avantages .ecran .colonne-kanban__titre svg[stroke="#f5c04a"] { stroke: var(--nf-warning); }
.avantages .ecran .colonne-kanban__titre svg[stroke="#9d7bff"] { stroke: var(--nf-state-review); }
.avantages .ecran .colonne-kanban__titre svg[stroke="#3fd07f"] { stroke: var(--nf-state-done); }

/* === hero-neutre.css === */


.accroche { overflow-x: clip; overflow-y: visible; }
.accroche__halo,
.nav-apps__halo { background: none; }
.accroche .cockpit {
  box-shadow:
    0 -4.5rem 7rem -5rem rgba(239, 172, 131, 0.32),
    0 5.5rem 7.5rem -5rem rgba(239, 172, 131, 0.32),
    0 8px 16px rgba(0, 0, 0, 0.5),
    0 40px 80px -24px rgba(0, 0, 0, 0.8),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.cockpit .cockpit__titrebarre {
  background-color: var(--nf-base);
  border-bottom-color: transparent;
}
.cockpit .cockpit__suffixe { background-image: linear-gradient(105deg, #ffc18c 0%, #efac83 55%, color-mix(in srgb, #e98254 82%, #bd5a35) 100%); }
.cockpit .cockpit__maj { border: 0; padding-block: 2px; background: var(--nf-s1); }
.cockpit .cockpit__segmente { gap: 2px; padding: 3px; border-radius: 9px; }
.cockpit .cockpit__segment { padding: 4px 14px; font-size: 11.5px; font-weight: 600; line-height: 14px; border-radius: 7px; }
.cockpit .cockpit__icone--memoire svg { width: 16px; height: 16px; }

.cockpit .cockpit__grille > :is(.pane--actif, .pane__cadre--attente) {
  border-color: #fff;
  outline: 1px solid #fff;
  outline-offset: -1px;
  box-shadow: none;
}

.cockpit .pane__corps > .pane__ligne--saisie {
  width: max-content;
  align-self: flex-start;
  max-width: 100%;
  min-width: 0;
}
.cockpit .cockpit__corps {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  grid-template-rows: 46px minmax(0, 1fr);
}
.cockpit .cockpit__colonne { display: contents; }
.cockpit .cockpit__workspaces {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 10px;
  gap: 10px;
  border: 1px solid var(--nf-border2);
  border-radius: 12px;
  background-color: var(--nf-s1);
}
.cockpit .cockpit__ws-titre { margin-right: 0; }
.cockpit .cockpit__onglets {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.cockpit .cockpit__rail {
  grid-column: 1;
  grid-row: 2;
  width: 58px;
  min-height: 0;
  margin: 10px;
  padding: 12px 0;
  border: 1px solid var(--nf-border2);
  border-radius: 12px;
  background-color: var(--nf-s1);
}
.cockpit .cockpit__grille {
  grid-column: 2;
  grid-row: 2;
  padding-left: 0;
}

.cockpit .cockpit__interrupteur:checked ~ .cockpit__corps .cockpit__grille { padding-top: 0; }


@media (min-width: 68.001rem) {
  .cockpit__interrupteur:checked ~ .cockpit__corps { display: flex; }
  .cockpit__interrupteur:checked ~ .cockpit__corps .cockpit__colonne { display: flex; }
  .cockpit__interrupteur:checked ~ .cockpit__corps .cockpit__grille { padding-left: 0; }
}

@media (max-width: 68rem) {
  .cockpit .cockpit__corps { grid-template-columns: minmax(0, 1fr); }
  .cockpit .cockpit__grille { grid-column: 1; padding-left: 10px; }
  .cockpit .cockpit__titrebarre { border-bottom-color: transparent; }
}

/* === navigation-actuelle.css === */

.en-tete__barre {
  flex-wrap: nowrap;
  gap: 0;
  padding-block: 1rem;
}
.en-tete .marque { flex-shrink: 0; }
.en-tete .navigation {
  margin-left: auto;
  gap: .25rem;
}
.en-tete .navigation > a {
  position: relative;
  justify-content: center;
  min-height: 2.5rem;
  padding: .5rem .8rem;
  border-radius: 999px;
  color: var(--texte-attenue);
  font-weight: 500;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease;
}
.en-tete .navigation > a:is(:hover, :focus-visible) {
  background-color: var(--surface);
  color: var(--texte);
}
.en-tete .navigation > a::after {
  content: '';
  position: absolute;
  inset: auto .8rem .15rem;
  height: 2px;
  border-radius: 2px;
  background: var(--accent);
  box-shadow: 0 2px 8px rgba(239, 172, 131, .22);
  opacity: 0;
}
.en-tete .navigation > a[aria-current="page"] { color: var(--texte); }
.en-tete .navigation > a[aria-current="page"]::after { opacity: 1; }
.en-tete .en-tete__actions {
  margin-left: 2rem;
  gap: .5rem;
  flex-shrink: 0;
}


.bouton-at {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 3rem;
  padding: .8rem 1.35rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: var(--police-titre);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.bouton-at svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.bouton-at--cuivre {
  color: #24170f;
  border-color: rgba(255, 217, 190, .65);
  background: linear-gradient(145deg, #f7c9a8, var(--accent) 55%, #de9a70);
  box-shadow: inset 0 1px 0 rgba(255, 245, 229, .65), 0 2px 5px rgba(0, 0, 0, .2), 0 0 20px rgba(239, 172, 131, .08);
}
.bouton-at--cuivre:hover {
  color: #24170f;
  border-color: #ffe5d2;
  box-shadow: inset 0 1px 0 rgba(255, 245, 229, .8), 0 5px 16px rgba(0, 0, 0, .25), 0 0 26px rgba(239, 172, 131, .2);
  transform: translateY(-2px);
}
.en-tete .bouton-at--cuivre {
  color: var(--fond);
  background: var(--texte);
  border-color: #faf8f1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 2px 5px rgba(0, 0, 0, .18);
}
.en-tete .bouton-at--cuivre:hover {
  color: var(--fond);
  background: #fffdf8;
  border-color: #ffffff;
  box-shadow: inset 0 1px 0 #ffffff, 0 5px 16px rgba(0, 0, 0, .25);
}
.bouton-at--contour {
  color: var(--texte-doux);
  border-color: var(--bordure-nette);
  background: linear-gradient(160deg, rgba(255, 255, 255, .035), transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}
.bouton-at--contour:hover {
  color: var(--texte);
  border-color: var(--texte-discret);
  background-color: var(--surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 5px 16px rgba(0, 0, 0, .15);
  transform: translateY(-2px);
}
.bouton-at:is(:focus-visible),
.en-tete .navigation > a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
.bouton-at:active { transform: translateY(0); }
.en-tete .bouton-at {
  min-height: 2.5rem;
  padding: .6rem 1rem;
  font-size: .79rem;
}
.bouton-at__connexion { display: none; }
.menu-mobile,
.menu-mobile__ouvrir { display: none; }


:root { --repere-navigation: 6rem; }
html :is(#fonctionnalites, #tarifs, #apps, #preparation, #memoire, #orchestration) {
  scroll-margin-top: calc(var(--repere-navigation) - 5rem - 1px);
}
@supports (timeline-scope: --navigation-preparation) {
  body { timeline-scope: --navigation-preparation, --navigation-memoire, --navigation-orchestration; }
  #preparation { view-timeline-name: --navigation-preparation; }
  #memoire { view-timeline-name: --navigation-memoire; }
  #orchestration { view-timeline-name: --navigation-orchestration; }
  :is(#preparation, #memoire, #orchestration) {
    view-timeline-inset: var(--repere-navigation) calc(100% - var(--repere-navigation));
  }
  .en-tete .navigation > a[href^="/#"],
  .en-tete .navigation > a[href^="/#"]::after {
    animation: navigation-active linear;
    animation-timeline: var(--section-navigation);
    animation-range: cover 0% cover 100%;
  }
  .en-tete .navigation > a[href^="/#"]::after { animation-name: navigation-trait; }
  .navigation > a[href="/#preparation"] { --section-navigation: --navigation-preparation; }
  .navigation > a[href="/#memoire"] { --section-navigation: --navigation-memoire; }
  .navigation > a[href="/#orchestration"] { --section-navigation: --navigation-orchestration; }
  @keyframes navigation-active { from, to { color: var(--texte); } }
  @keyframes navigation-trait { from, to { opacity: 1; } }
}

@supports not (timeline-scope: --navigation-preparation) {
  body:has(#preparation:target) .navigation > a[href="/#preparation"]::after,
  body:has(#memoire:target) .navigation > a[href="/#memoire"]::after,
  body:has(#orchestration:target) .navigation > a[href="/#orchestration"]::after { opacity: 1; }
}

@media (max-width: 68rem) {
  :root { --repere-navigation: 6rem; }
  .en-tete__barre { flex-wrap: nowrap; gap: 1rem; padding-block: .875rem; }
  .en-tete .navigation,
  .en-tete .en-tete__actions { display: none; }
  .en-tete .marque { font-size: 1.1rem; gap: .625rem; }
  .en-tete .marque img { width: 30px; height: 30px; }
  .menu-mobile__ouvrir,
  .menu-mobile__fermer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--bordure-nette);
    border-radius: .75rem;
    background: #f0eee606;
    color: var(--texte-doux);
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
  }
  .menu-mobile__ouvrir { margin-left: auto; }
  .menu-mobile__ouvrir svg,
  .menu-mobile__fermer svg { width: 22px; height: 22px; }
  .menu-mobile__ouvrir:is(:hover, :focus-visible),
  .menu-mobile__fermer:is(:hover, :focus-visible) { color: var(--accent-clair); border-color: #efac8366; background: #efac830c; }
  .menu-mobile__ouvrir:focus-visible,
  .menu-mobile__fermer:focus-visible,
  .menu-mobile__retour:focus-visible,
  .menu-mobile__liens > a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
  
  .menu-mobile__ouvrir,
  .menu-mobile { scroll-margin-top: -5rem; }
  .menu-mobile {
    position: fixed;
    inset: 0;
    z-index: 80;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    outline: none;
  }
  .menu-mobile:target { display: block; }
  .menu-mobile__voile {
    position: absolute;
    inset: 0;
    background: #0808089c;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
  }
  .menu-mobile__panneau {
    position: relative;
    width: min(28rem, calc(100% - 2rem));
    max-height: calc(100vh - 6.25rem);
    max-height: calc(100dvh - 6.25rem);
    margin: 5.125rem 1rem 1rem auto;
    padding: 1rem 1.25rem 1.25rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #efac833d;
    border-radius: 1.25rem;
    background: radial-gradient(ellipse at 100% 0, #efac8309, transparent 60%), linear-gradient(145deg, #262626, #1c1c1c);
    box-shadow: 0 1.5rem 5rem -1rem #000b, inset 0 1px #ffd0a912;
  }
  .menu-mobile__entete { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
  .menu-mobile__titre { display: flex; align-items: center; gap: .625rem; color: var(--texte-attenue); font-family: var(--police-mono); font-size: .625rem; letter-spacing: .15em; text-transform: uppercase; }
  .menu-mobile__titre::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px #efac8333; }
  .menu-mobile__fermer { border-color: #f0eee618; background: transparent; }
  .menu-mobile__liens { margin-top: .625rem; }
  .menu-mobile__liens > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 4.25rem;
    padding: .875rem .25rem;
    border-bottom: 1px solid #f0eee612;
    border-radius: .25rem;
    color: var(--texte-doux);
    font-family: var(--police-titre);
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -.035em;
    line-height: 1.25;
    transition: color .18s ease, background-color .18s ease;
  }
  .menu-mobile__liens > a svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--texte-discret); transition: color .18s ease, transform .18s ease; }
  .menu-mobile__liens > a:is(:hover, :focus-visible, [aria-current="page"]) { color: var(--accent-clair); }
  .menu-mobile__liens > a:is(:hover, :focus-visible, [aria-current="page"]) svg { color: var(--accent); transform: translate(2px, -2px); }
  .menu-mobile__actions { display: grid; gap: .625rem; margin-top: 1.5rem; }
  .menu-mobile__actions .bouton-at { width: 100%; min-height: 3.125rem; }
  .menu-mobile__actions .bouton-at--cuivre { color: var(--fond); background: var(--texte); border-color: #faf8f1; box-shadow: inset 0 1px #ffffffa6, 0 2px 5px #0003; }
  .menu-mobile__actions .bouton-at--cuivre:hover { color: var(--fond); background: #fffdf8; border-color: #fff; }
  .menu-mobile__actions .bouton-at__connexion { display: block; }
  .menu-mobile__retour { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: .5rem 0 -.5rem; border-radius: .5rem; color: var(--texte-attenue); font-size: .75rem; text-decoration: underline; text-underline-offset: .2em; }
  .menu-mobile__retour:is(:hover, :focus-visible) { color: var(--accent-clair); }
  .menu-mobile:target .menu-mobile__voile { animation: menu-mobile-voile .2s ease both; }
  .menu-mobile:target .menu-mobile__panneau { animation: menu-mobile-panneau .25s ease both; }
  @keyframes menu-mobile-voile { from { opacity: 0; } }
  @keyframes menu-mobile-panneau { from { opacity: 0; transform: translateY(-10px); } }
  .accroche { padding-top: 9rem; }
  .ariane { padding-top: 8rem; }
  .section { scroll-margin-top: 7rem; }
}
@media (max-width: 32rem) {
  .en-tete .marque { font-size: 1rem; gap: .5rem; }
  .en-tete .marque img { width: 28px; height: 28px; }
  .en-tete .bouton-at { font-size: .7rem; padding-inline: .7rem; gap: .4rem; }
  .en-tete .navigation > a { padding-inline: .65rem; font-size: .8rem; }
  .en-tete .navigation > a::after { inset-inline: .65rem; }
  .accroche__actions { align-items: stretch; }
  .accroche__actions .bouton-at { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bouton-at:hover { transform: none; }
  .menu-mobile *,
  .menu-mobile__ouvrir { animation: none !important; transition: none !important; }
  .menu-mobile__liens > a:is(:hover, :focus-visible) svg { transform: none; }
}

/* === catalogue-actuel.css === */

.catalogue .outil--novawysp {
  --inclinaison: -7deg;
  width: 128px;
  height: 270px;
  margin: 94px -12px 0 0;
}
.catalogue .outil--novamemory {
  --inclinaison: 5deg;
  width: 172px;
  height: 300px;
  margin: 54px -16px 0 0;
}
.catalogue .outil--novamcp {
  --inclinaison: 7deg;
  width: 156px;
  height: 290px;
  margin: 72px -12px 0 0;
}
.catalogue .outil--novashot {
  --inclinaison: -6deg;
  width: 136px;
  height: 280px;
  margin: 104px 0 0 0;
}

.avantages {
  
  overflow: clip;
}
:is(#memoire, #kanban) {
  scroll-margin-top: calc(var(--repere-navigation) - 4rem);
}
@supports not (timeline-scope: --navigation-fonctionnalites) {
  body:has(:is(#memoire, #kanban):target) .navigation > a[href="/#fonctionnalites"]::after {
    opacity: 1;
  }
}

/* === preparation-actuelle.css === */

.preparation-at {
  display: block;
  scroll-margin-top: var(--repere-navigation);
}
.preparation-at > .prep-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 4.5rem);
  min-width: 0;
  margin-bottom: 2.75rem;
}
.preparation-at .prep-intitule { min-width: 0; }
.preparation-at .prep-numero {
  display: flex;
  align-items: center;
  gap: .625rem;
  margin-bottom: 1.5rem;
  color: var(--accent);
  font-family: var(--police-mono);
  font-size: .6875rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.preparation-at .prep-numero::before {
  content: '';
  width: 1.375rem;
  height: 1px;
  background: currentColor;
}
.preparation-at .prep-titre {
  font-size: clamp(2.3rem, 4vw, 3.5rem);
  font-weight: 500;
  line-height: 1.07;
  letter-spacing: -.045em;
}
.preparation-at .prep-titre em {
  color: var(--accent);
  font-family: var(--police-editoriale);
  font-weight: 400;
}
.preparation-at .prep-description {
  display: grid;
  gap: .875rem;
  min-width: 0;
  padding-bottom: .2rem;
}
.preparation-at .prep-description p {
  color: var(--texte-secondaire);
  font-size: .9375rem;
  line-height: 1.8;
}
.preparation-at .prep-description strong { color: var(--texte-doux); font-weight: 500; }
.preparation-at .fx__visuel { min-width: 0; }
.preparation-at .fx__visuel::before {
  inset: 0 -4%;
  background: radial-gradient(ellipse 45% 42% at 50% 45%, #efac831a, transparent 100%);
  filter: blur(38px);
}

.preparation-at .ecran.ecran-prevol {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  overflow: visible;
}
.preparation-at .ecran-prevol__fond { display: none; }

.preparation-at .ecran-prevol :is(.modale, .maj-cli) {
  background: radial-gradient(ellipse at 0 0, #efac8308, transparent 75%), linear-gradient(140deg, #292929, #232323);
  border-color: #efac8352;
  box-shadow: 0 1rem 2.5rem -1.25rem #000a, inset 0 1px #ffd0a914;
}
.preparation-at .ecran-prevol :is(.modale, .maj-cli) .dlg__entete { border-bottom-color: #f0eee617; }
.preparation-at .ecran-prevol :is(.modale, .maj-cli) .dlg__pied {
  background: #202020;
  box-shadow: inset 0 1px #ffffff0a;
}
.preparation-at .ecran-prevol :is(.modale, .maj-cli) :is(.agent-choix, .compte-carte, .modale__mcp, .maj-cli__sourdine, .maj-cli__version) {
  background: linear-gradient(135deg, #303030, #262626);
  border-color: #f0eee62b;
  box-shadow: 0 .5rem 1rem -.75rem #0008, inset 0 1px #ffffff08;
}
.preparation-at .ecran-prevol :is(.modale, .maj-cli) :is(.agent-choix--actif, .compte-carte--actif) {
  background: linear-gradient(125deg, #efac8312, #efac8305), #303030;
  border-color: #efac8366;
  box-shadow: 0 .5rem 1rem -.75rem #0008, inset 0 1px #ffd0a914;
}

.preparation-at .ecran-prevol .maj-cli__verdict {
  background: linear-gradient(135deg, #303030, #262626);
  border-color: #f0eee62b;
  border-left-color: #efac8366;
  box-shadow: inset 0 1px #ffffff08;
}
.preparation-at .ecran-prevol .maj-cli__verdict b { color: var(--accent); }
.preparation-at .ecran-prevol .reparation { border-color: #f0eee630; }

@media (min-width: 48.001rem) {
  .preparation-at .ecran-prevol { min-height: 700px; }
  .preparation-at .modale { width: min(520px, calc(50% - 24px)); }
  .preparation-at .maj-cli { top: 48px; right: 0; width: min(400px, 44%); }
  .preparation-at .reparation { left: auto; right: 0; bottom: 16px; width: min(560px, 50%); }
}
@media (max-width: 64rem) {
  .preparation-at > .prep-intro { gap: 2rem; }
}
@media (max-width: 46rem) {
  .preparation-at > .prep-intro { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin-bottom: 2.5rem; }
  .preparation-at .prep-titre { font-size: clamp(2.2rem, 6.7vw, 3.1rem); }
}
@media (max-width: 36rem) {
  .preparation-at .prep-numero { font-size: .625rem; }
  .preparation-at .prep-description p { font-size: .875rem; }
}

/* === orchestration-actuelle.css === */

.orchestration-at { display: block; position: relative; isolation: isolate; scroll-margin-top: calc(var(--repere-navigation) - 4rem); }
.orchestration-at .orch-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: end; margin-bottom: 2.5rem; }
.orchestration-at .orch-reperes { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1.25rem; margin-bottom: 1.5rem; }
.orchestration-at .orch-numero { display: flex; align-items: center; gap: .625rem; color: var(--accent); font-family: var(--police-mono); font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; }
.orchestration-at .orch-numero::before { content: ''; width: 1.375rem; height: 1px; background: currentColor; }
.orchestration-at .orch-preparation { display: inline-flex; align-items: center; gap: .375rem; padding: .25rem .625rem; color: var(--accent-clair); background: #efac830b; border: 1px solid #efac8333; border-radius: 999px; font-size: .6875rem; line-height: 1.4; }
.orchestration-at .orch-preparation i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }
.orchestration-at .orch-titre { font-size: clamp(2.3rem, 4vw, 3.5rem); font-weight: 500; line-height: 1.07; letter-spacing: -.045em; }
.orchestration-at .orch-titre em { color: var(--accent); font-family: var(--police-editoriale); font-weight: 400; }
.orchestration-at .orch-intention { display: grid; gap: .75rem; padding-bottom: .2rem; }
.orchestration-at .orch-intention p { color: var(--texte-secondaire); font-size: .9375rem; line-height: 1.8; }
.orchestration-at .orch-intention strong { color: var(--texte-doux); font-weight: 500; }
.orchestration-at .orch-accessible, .orchestration-at .orch-radio { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.orchestration-at .orch-scenario { position: relative; min-width: 0; margin: 0; padding: 1.75rem 2rem 0; border: 1px solid #efac8352; border-radius: 1.25rem; background: radial-gradient(ellipse at 48% 6%, #efac8306, transparent 52%), linear-gradient(140deg, #252525, #1e1e1e 52%, #232323); box-shadow: 0 1.75rem 4.5rem -2rem #000b, 0 0 0 1px #f0eee605, inset 0 1px #ffd0a914; }
.orchestration-at .orch-scenario::before { content: ''; position: absolute; z-index: -1; inset: -6rem -4%; pointer-events: none; background: radial-gradient(ellipse 42% 12% at 50% 16%, #efac8330 0%, #efac8314 48%, transparent 100%), radial-gradient(ellipse 42% 12% at 50% 84%, #efac8326 0%, #efac8310 48%, transparent 100%); }
.orchestration-at .orch-scenario-entete { display: flex; justify-content: space-between; align-items: center; gap: 1.25rem; padding-bottom: 1.5rem; border-bottom: 1px solid #f0eee610; }
.orchestration-at .orch-cas > span { color: var(--texte-discret); font-family: var(--police-mono); font-size: .5625rem; letter-spacing: .12em; text-transform: uppercase; }
.orchestration-at .orch-cas p { margin-top: .35rem; font-family: var(--police-titre); font-size: .9375rem; color: var(--texte-doux); }
.orchestration-at .orch-comparaison { color: var(--texte-discret); font-size: .6875rem; line-height: 1.7; text-align: right; }
.orchestration-at .orch-commandes { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: 1.5rem; }
.orchestration-at .orch-commandes label { display: flex; flex-direction: column; align-items: stretch; gap: .375rem; min-height: 128px; padding: 1rem 1.125rem; border: 1px solid #f0eee61a; border-radius: .75rem; color: var(--texte-attenue); background: #12121240; line-height: 1.5; transition: color .2s, background-color .2s, border-color .2s; }
.orchestration-at .orch-mode-repere { display: flex; align-items: center; justify-content: space-between; color: var(--texte-discret); font-family: var(--police-mono); font-size: .5625rem; margin-bottom: .3rem; }
.orchestration-at .orch-mode-repere i { width: 11px; height: 11px; border: 1px solid #f0eee633; border-radius: 50%; }
.orchestration-at .orch-commandes label > strong { color: var(--texte-doux); font-family: var(--police-titre); font-size: .9375rem; font-weight: 500; letter-spacing: -.02em; }
.orchestration-at .orch-mode-description { max-width: 17rem; color: var(--texte-attenue); font-size: .6875rem; line-height: 1.65; }
.orchestration-at .orch-commandes label:hover { color: var(--texte); background: #f0eee609; border-color: #f0eee630; }
.orchestration-at .orch-radio:checked + label { background: linear-gradient(125deg, #efac8312, #efac8307); border-color: #efac8366; box-shadow: inset 0 1px #ffd0a911; }
.orchestration-at .orch-radio:checked + label > strong, .orchestration-at .orch-radio:checked + label .orch-mode-repere { color: var(--accent-clair); }
.orchestration-at .orch-radio:checked + label .orch-mode-repere i { border-color: var(--accent); background: var(--accent); box-shadow: inset 0 0 0 3px #29241f; }
.orchestration-at .orch-radio:focus-visible + label { outline: 2px solid var(--accent-clair); outline-offset: 3px; }
.orchestration-at .orch-diagramme { display: grid; grid-template-columns: minmax(0, .8fr) 2rem minmax(0, 1fr) 5.25rem minmax(0, 1.05fr); align-items: center; padding-block: 2.5rem; }
.orchestration-at .orch-role { display: block; color: var(--texte-discret); font-family: var(--police-mono); font-size: .5625rem; letter-spacing: .08em; text-transform: uppercase; }
.orchestration-at .orch-brief { min-width: 0; padding: 1.25rem 1rem 1.25rem 0; }
.orchestration-at .orch-vous { display: flex; align-items: center; gap: .5rem; margin: 1rem 0 .75rem; color: var(--texte-doux); font-size: .8125rem; }
.orchestration-at .orch-vous > span { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--bordure-nette); border-radius: 50%; color: var(--texte-attenue); font-family: var(--police-editoriale); font-size: .75rem; }
.orchestration-at .orch-brief > p { color: var(--texte-doux); font-family: var(--police-editoriale); font-style: italic; font-size: 1.125rem; line-height: 1.55; text-wrap: pretty; }
.orchestration-at .orch-fil { display: block; margin-top: 1rem; color: var(--texte-discret); font-size: .625rem; line-height: 1.6; }
.orchestration-at .orch-lien-brief { display: flex; align-items: center; padding-right: .5rem; color: var(--accent); }
.orchestration-at .orch-lien-brief span { flex: 1; height: 1px; background: #efac8366; }
.orchestration-at .orch-lien-brief b { margin-left: -1px; transform: translateY(-.5px); font-size: 1.2rem; font-weight: 400; line-height: 1; }
.orchestration-at .orch-principal { position: relative; min-width: 0; padding: 1.25rem; border: 1px solid #efac8377; border-radius: .875rem; background: linear-gradient(145deg, #292623, #222); box-shadow: 0 .75rem 2rem -1rem #000b, inset 0 1px #ffd0a914; transition: border-color .25s, box-shadow .25s; }
.orchestration-at .orch-principal-haut { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.orchestration-at .orch-principal-haut .orch-role { color: var(--accent); }
.orchestration-at .orch-point { width: 5px; height: 5px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 10px #efac8366; }
.orchestration-at .orch-identite { display: flex; align-items: center; gap: .75rem; margin-top: 1.375rem; }
.orchestration-at .orch-logo { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border: 1px solid #f0eee618; border-radius: .5rem; color: var(--texte-doux); background: #f0eee606; }
.orchestration-at .orch-logo svg { display: block; width: 18px; height: 18px; fill: currentColor; }
.orchestration-at .orch-logo--principal { width: 42px; height: 42px; color: var(--accent-clair); border-color: #efac8333; background: #efac8308; }
.orchestration-at .orch-logo--principal svg { width: 25px; height: 25px; }
.orchestration-at .orch-identite strong { display: block; color: var(--texte); font-family: var(--police-titre); font-size: 1.25rem; font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }
.orchestration-at .orch-identite div > span { display: block; margin-top: .25rem; color: var(--texte-attenue); font-size: .625rem; line-height: 1.6; }
.orchestration-at .orch-etat-principal { display: grid; align-items: center; min-height: 6rem; padding-block: 1.125rem; }
.orchestration-at .orch-etat-principal p { color: var(--texte-secondaire); font-size: .75rem; line-height: 1.8; }
.orchestration-at .orch-reprise { margin-bottom: .875rem; color: var(--texte-attenue); font-size: .625rem; line-height: 1.65; }
.orchestration-at .orch-responsabilite { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding-top: .875rem; border-top: 1px solid #efac8326; color: var(--accent-clair); font-size: .625rem; }
.orchestration-at .orch-responsabilite svg { width: 16px; height: 16px; flex: 0 0 auto; }
.orchestration-at .orch-liaisons { position: relative; align-self: stretch; min-height: 352px; }
.orchestration-at .orch-liaisons > span { position: absolute; left: 0; right: 0; text-align: center; font-family: var(--police-mono); font-size: .5rem; color: var(--texte-discret); white-space: nowrap; }
.orchestration-at .orch-liaison-envoi { top: -.15rem; }
.orchestration-at .orch-liaison-retour { bottom: -.15rem; }
.orchestration-at .orch-courbes { position: absolute; width: 100%; height: 100%; inset: 0; overflow: visible; color: var(--accent); }
.orchestration-at .orch-chemins { fill: none; stroke: #efac8338; stroke-width: 1; }
.orchestration-at .orch-flux { fill: none; stroke: #efac83a6; stroke-width: 1; stroke-dasharray: 3 13; marker-end: url(#orch-fleche); animation: orch-circulation 8s linear infinite; }
.orchestration-at .orch-equipe { --orch-affichage: grid; display: grid; gap: .75rem; min-width: 0; }
.orchestration-at .orch-equipe-mobile { display: none; }
.orchestration-at .orch-mission { display: flex; align-items: center; gap: .75rem; min-height: 92px; padding: .875rem 1rem; border: 1px solid #f0eee61a; border-radius: .75rem; background: linear-gradient(110deg, #242424, #202020); box-shadow: 0 .5rem 1rem -1rem #000; }
.orchestration-at .orch-mission-contenu { min-width: 0; }
.orchestration-at .orch-mission-contenu > strong { display: block; color: var(--texte); font-family: var(--police-titre); font-size: .8125rem; font-weight: 500; line-height: 1.25; }
.orchestration-at .orch-mission-contenu > strong > span { margin-left: .3rem; color: var(--texte-discret); font-size: .625rem; font-weight: 400; }
.orchestration-at .orch-mission-contenu > p { margin-top: .25rem; color: var(--texte-secondaire); font-size: .6875rem; line-height: 1.6; }
.orchestration-at .orch-statut { display: block; width: fit-content; margin-top: .375rem; color: var(--texte-discret); font-size: .5625rem; line-height: 1.5; }
.orchestration-at .orch-natifs { padding: 1.25rem; border: 1px dashed #f0eee633; border-radius: .75rem; background: #f0eee604; }
.orchestration-at .orch-natifs-identite { display: flex; align-items: center; gap: .75rem; margin: 1rem 0; }
.orchestration-at .orch-natifs-identite strong { font-family: var(--police-titre); font-weight: 500; font-size: .875rem; }
.orchestration-at .orch-natifs > p { color: var(--texte-secondaire); font-size: .75rem; line-height: 1.8; }
.orchestration-at .orch-natifs > .orch-retour-local { display: block; margin-top: 1rem; }
.orchestration-at .orch-reviewer { position: relative; padding: .875rem 1rem; border: 1px solid #efac834d; border-radius: .75rem; background: linear-gradient(145deg, #efac830b, #efac8303); }
.orchestration-at .orch-revue-entete { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .375rem; color: var(--texte-attenue); font-size: .5625rem; line-height: 1.5; }
.orchestration-at .orch-revue-badge { padding: .15rem .4rem; border: 1px solid #efac832b; border-radius: 999px; color: var(--accent-clair); font-size: .5625rem; }
.orchestration-at .orch-reviewer .orch-mission--revue { min-height: 0; padding: .875rem 0 .5rem; border: 0; border-radius: 0; background: none; box-shadow: none; }
.orchestration-at .orch-retour-local { color: var(--accent); font-family: var(--police-mono); font-size: .5625rem; line-height: 1.6; }
.orchestration-at .orch-equipe--orchestration .orch-reviewer { margin-top: .375rem; }
.orchestration-at .orch-equipe--orchestration .orch-reviewer::after { content: ''; position: absolute; top: -.625rem; left: 0; right: 0; height: 1px; background: #f0eee613; }
.orchestration-at .orch-restitution { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 0 -2rem; padding: 1.5rem 2rem; border-top: 1px solid #f0eee613; border-radius: 0 0 1.25rem 1.25rem; background: #12121240; }
.orchestration-at .orch-recit { --orch-affichage: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 1rem; max-width: 42rem; min-height: 5.3rem; }
.orchestration-at .orch-recit-numero { display: block; padding-top: .2rem; color: var(--accent); font-family: var(--police-mono); font-size: .625rem; }
.orchestration-at .orch-recit h4 { margin: 0 0 .4rem; color: var(--texte-doux); font-family: var(--police-titre); font-size: .875rem; font-weight: 500; line-height: 1.4; letter-spacing: -.015em; }
.orchestration-at .orch-recit p { color: var(--texte-attenue); font-size: .75rem; line-height: 1.8; }
.orchestration-at .orch-retour-vous { display: flex; align-items: center; gap: .625rem; max-width: 11.25rem; flex: 0 0 auto; color: var(--texte-discret); font-size: .625rem; line-height: 1.7; }
.orchestration-at .orch-retour-vous svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--accent); }
.orchestration-at .orch-note { margin-top: 1rem; text-align: center; color: var(--texte-discret); font-size: .6875rem; }
.orchestration-at [data-orch-mode] { display: none; }
.orchestration-at:has(#orch-mode-classique:checked) [data-orch-mode="classique"],
.orchestration-at:has(#orch-mode-duo:checked) [data-orch-mode="duo"],
.orchestration-at:has(#orch-mode-orchestration:checked) [data-orch-mode="orchestration"] { display: var(--orch-affichage, block); }
.orchestration-at .orch-branche { display: none; }
.orchestration-at:has(#orch-mode-orchestration:checked) .orch-branche { display: block; }
.orchestration-at:has(#orch-mode-orchestration:checked) .orch-direct { display: none; }
.orchestration-at .orch-flux { animation-direction: alternate; marker-start: url(#orch-fleche); }
.orchestration-at .orch-liaison-retour { color: var(--accent); }
@keyframes orch-circulation { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -64; } }
@media (max-width: 64rem) {
  .orchestration-at .orch-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; }
  .orchestration-at .orch-scenario { padding-inline: 1.5rem; }
  .orchestration-at .orch-diagramme { grid-template-columns: minmax(0, 1fr) 5rem minmax(0, 1fr); row-gap: 2rem; }
  .orchestration-at .orch-brief { grid-column: 1 / -1; display: grid; grid-template-columns: 8rem minmax(0, 1fr); column-gap: 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid #f0eee60d; }
  .orchestration-at .orch-brief .orch-role { grid-column: 1; }
  .orchestration-at .orch-vous { grid-column: 1; margin-bottom: 0; }
  .orchestration-at .orch-brief > p { grid-column: 2; grid-row: 1 / 3; align-self: center; max-width: 28rem; }
  .orchestration-at .orch-fil { grid-column: 2; margin-top: .5rem; }
  .orchestration-at .orch-lien-brief { display: none; }
  .orchestration-at .orch-principal { grid-column: 1; }
  .orchestration-at .orch-liaisons { grid-column: 2; }
  .orchestration-at .orch-equipe { grid-column: 3; }
  .orchestration-at .orch-restitution { margin-inline: -1.5rem; padding-inline: 1.5rem; gap: 1.5rem; }
  .orchestration-at .orch-retour-vous { max-width: 9rem; }
}
@media (max-width: 46rem) {
  .orchestration-at .orch-intro { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .orchestration-at .orch-titre { font-size: clamp(2.2rem, 6.7vw, 3.1rem); }
  .orchestration-at .orch-scenario-entete { align-items: start; flex-direction: column; gap: 1rem; }
  .orchestration-at .orch-scenario-entete { flex-direction: row; align-items: center; }
  .orchestration-at .orch-commandes { gap: .5rem; }
  .orchestration-at .orch-commandes label { padding: .875rem; }
  .orchestration-at .orch-restitution { flex-direction: column; align-items: start; gap: 1rem; }
  .orchestration-at .orch-recit { min-height: 6rem; }
  .orchestration-at .orch-retour-vous { max-width: none; margin-left: 1.875rem; }
}
@media (max-width: 36rem) {
  .orchestration-at .orch-reperes { gap: .75rem; }
  .orchestration-at .orch-numero { font-size: .625rem; }
  .orchestration-at .orch-preparation { font-size: .625rem; }
  .orchestration-at .orch-intention p { font-size: .875rem; }
  .orchestration-at .orch-scenario { padding: 1.25rem 1rem 0; border-radius: 1rem; }
  .orchestration-at .orch-cas p { font-size: .875rem; }
  .orchestration-at .orch-comparaison { max-width: 6rem; font-size: .5625rem; }
  .orchestration-at .orch-commandes { grid-template-columns: minmax(0, 1fr); gap: .5rem; margin-top: 1.25rem; }
  .orchestration-at .orch-commandes label { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: .25rem .625rem; min-height: 0; padding: .875rem; }
  .orchestration-at .orch-mode-repere { grid-column: 1; grid-row: 1 / 3; align-self: start; padding-top: .25rem; margin: 0; font-size: .5rem; }
  .orchestration-at .orch-mode-repere i { display: none; }
  .orchestration-at .orch-commandes label > strong { grid-column: 2; font-size: .875rem; }
  .orchestration-at .orch-mode-description { grid-column: 2; font-size: .6875rem; }
  .orchestration-at .orch-diagramme { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding-block: 1.5rem; }
  .orchestration-at .orch-brief { display: block; padding: 0 .25rem; border-bottom: 0; }
  .orchestration-at .orch-vous { margin-top: .75rem; margin-bottom: .75rem; }
  .orchestration-at .orch-brief > p { max-width: 25rem; font-size: 1.125rem; }
  .orchestration-at .orch-fil { margin-top: .75rem; }
  .orchestration-at .orch-lien-brief { display: flex; flex-direction: column; align-self: center; height: 2rem; width: 1px; padding: 0; margin: .75rem 0; }
  .orchestration-at .orch-lien-brief span { width: 1px; height: auto; }
  .orchestration-at .orch-lien-brief b { transform: rotate(90deg); margin: -.45rem 0 0; }
  .orchestration-at .orch-principal { padding: 1.25rem; }
  .orchestration-at .orch-etat-principal { min-height: 5.5rem; }
  .orchestration-at .orch-etat-principal p { font-size: .8125rem; }
  .orchestration-at .orch-liaisons { display: none; }
  .orchestration-at .orch-equipe { position: relative; gap: .75rem; margin-top: 1.5rem; padding-left: 1rem; }
  .orchestration-at .orch-equipe::before { content: ''; position: absolute; top: 2.75rem; bottom: 3rem; left: .2rem; width: 1px; background: #efac834d; }
  .orchestration-at .orch-equipe-mobile { display: block; margin: 0 0 .25rem -1rem; color: var(--accent); font-family: var(--police-mono); font-size: .5rem; line-height: 1.7; text-align: center; }
  .orchestration-at .orch-mission { position: relative; padding: .875rem; gap: .625rem; min-height: 96px; }
  .orchestration-at .orch-mission::before { content: ''; position: absolute; left: -.8rem; width: .8rem; height: 1px; background: #efac834d; }
  .orchestration-at .orch-reviewer::before, .orchestration-at .orch-natifs::before { content: ''; position: absolute; left: -.8rem; top: 50%; width: .8rem; height: 1px; background: #efac834d; }
  .orchestration-at .orch-natifs { position: relative; padding: 1rem; }
  .orchestration-at .orch-equipe--classique::before, .orchestration-at .orch-equipe--duo::before { top: 2.75rem; bottom: 50%; }
  .orchestration-at .orch-reviewer .orch-mission::before { display: none; }
  .orchestration-at .orch-reviewer { padding: .875rem; }
  .orchestration-at .orch-mission-contenu > strong { font-size: .875rem; }
  .orchestration-at .orch-mission-contenu > p { font-size: .75rem; }
  .orchestration-at .orch-statut { font-size: .625rem; }
  .orchestration-at .orch-restitution { margin-inline: -1rem; padding: 1.25rem 1rem; border-radius: 0 0 1rem 1rem; }
  .orchestration-at .orch-recit { gap: .625rem; min-height: 8.5rem; }
  .orchestration-at .orch-recit h4 { font-size: .8125rem; }
  .orchestration-at .orch-recit p { font-size: .75rem; }
  .orchestration-at .orch-retour-vous { margin-left: 1.5rem; }
  .orchestration-at .orch-note { padding-inline: .5rem; font-size: .625rem; }
}
@media (prefers-reduced-motion: reduce) {
  .orchestration-at *, .orchestration-at *::before, .orchestration-at *::after { animation: none !important; transition: none !important; }
}

/* === memoire-actuelle.css === */

.memoire-at { display: block; position: relative; isolation: isolate; scroll-margin-top: calc(var(--repere-navigation) - 4rem); }
.memoire-at .mem-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; gap: clamp(2rem, 5vw, 4.5rem); margin-bottom: 2.75rem; }
.memoire-at .mem-numero { display: flex; align-items: center; gap: .625rem; margin-bottom: 1.5rem; color: var(--accent); font-family: var(--police-mono); font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; }
.memoire-at .mem-numero::before { content: ''; width: 1.375rem; height: 1px; background: currentColor; }
.memoire-at .mem-titre { font-size: clamp(2.3rem, 4vw, 3.5rem); font-weight: 500; line-height: 1.07; letter-spacing: -.045em; }
.memoire-at .mem-titre em { color: var(--accent); font-family: var(--police-editoriale); font-weight: 400; }
.memoire-at .mem-description { display: grid; gap: .875rem; padding-bottom: .2rem; }
.memoire-at .mem-description p { color: var(--texte-secondaire); font-size: .9375rem; line-height: 1.8; }
.memoire-at .mem-description strong { color: var(--texte-doux); font-weight: 500; }
.memoire-at .mem-accessible, .memoire-at .mem-radio { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.memoire-at .mem-demo { position: relative; min-width: 0; width: 100%; margin: 0; padding: 1.75rem 2rem 0; border: 1px solid #efac8352; border-radius: 1.25rem; color: var(--texte-doux); background: radial-gradient(ellipse at 50% 0, #efac8308, transparent 56%), linear-gradient(140deg, #252525, #1d1d1d 55%, #222); box-shadow: 0 1.75rem 4.5rem -2rem #000b, inset 0 1px #ffd0a914; }
.memoire-at .mem-demo::before { content: ''; position: absolute; z-index: -1; inset: -5rem -3%; pointer-events: none; background: radial-gradient(ellipse 44% 15% at 50% 18%, #efac8321, transparent 100%), radial-gradient(ellipse 44% 15% at 50% 82%, #efac831a, transparent 100%); }
.memoire-at .mem-demo svg { display: block; width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.memoire-at .mem-demo-entete { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-bottom: 1.375rem; border-bottom: 1px solid #f0eee612; }
.memoire-at .mem-mission { min-width: 0; }
.memoire-at .mem-mission > span { color: var(--texte-discret); font-family: var(--police-mono); font-size: .625rem; letter-spacing: .12em; text-transform: uppercase; }
.memoire-at .mem-mission > p { margin-top: .4rem; color: var(--texte); font-family: var(--police-titre); font-size: 1rem; line-height: 1.5; font-weight: 500; letter-spacing: -.015em; }
.memoire-at .mem-illustratif { display: flex; align-items: center; gap: .5rem; flex: 0 0 auto; color: var(--texte-attenue); font-size: .6875rem; line-height: 1.5; }
.memoire-at .mem-illustratif i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px #efac8333; }
.memoire-at .mem-commandes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .625rem; margin-top: 1.375rem; }
.memoire-at .mem-commandes label { display: flex; align-items: center; gap: .75rem; min-width: 0; min-height: 64px; padding: .875rem 1.125rem; color: var(--texte-attenue); background: #11111133; border: 1px solid #f0eee61f; border-radius: .75rem; transition: border-color .2s, background-color .2s; }
.memoire-at .mem-choix-numero { color: var(--texte-discret); font-family: var(--police-mono); font-size: .6875rem; }
.memoire-at .mem-commandes label strong { color: var(--texte-doux); font-family: var(--police-titre); font-size: .875rem; line-height: 1.4; font-weight: 500; letter-spacing: -.015em; }
.memoire-at .mem-commandes label > i { width: 12px; height: 12px; margin-left: auto; flex: 0 0 auto; border: 1px solid #f0eee640; border-radius: 50%; }
.memoire-at .mem-commandes label:hover { border-color: #f0eee647; background-color: #f0eee606; }
.memoire-at .mem-radio:checked + label { border-color: #efac8377; background: linear-gradient(125deg, #efac8317, #efac8308); box-shadow: inset 0 1px #ffd0a911; }
.memoire-at .mem-radio:checked + label strong, .memoire-at .mem-radio:checked + label .mem-choix-numero { color: var(--accent-clair); }
.memoire-at .mem-radio:checked + label > i { border-color: var(--accent); background: var(--accent); box-shadow: inset 0 0 0 3px #29241f; }
.memoire-at .mem-radio:focus-visible + label { outline: 2px solid var(--accent-clair); outline-offset: 3px; }

.memoire-at .mem-panneau { display: none; }
.memoire-at .mem-demo:has(#mem-etape-depart:checked) [data-mem-etape="depart"],
.memoire-at .mem-demo:has(#mem-etape-rappel:checked) [data-mem-etape="rappel"],
.memoire-at .mem-demo:has(#mem-etape-detail:checked) [data-mem-etape="detail"] { display: block; }
.memoire-at .mem-parcours { display: grid; grid-template-columns: minmax(0, 1fr) 6rem minmax(0, 1.05fr); align-items: center; min-height: 337px; padding-block: 1.75rem; }
.memoire-at .mem-parcours > div { min-width: 0; }
.memoire-at .mem-repere { display: block; color: var(--texte-attenue); font-family: var(--police-mono); font-size: .625rem; line-height: 1.6; letter-spacing: .06em; text-transform: uppercase; }
.memoire-at .mem-annotation { display: block; margin-top: .875rem; color: var(--texte-attenue); font-family: var(--police-mono); font-size: .625rem; line-height: 1.65; }
.memoire-at .mem-sources { display: grid; gap: .75rem; }
.memoire-at .mem-souvenir { position: relative; padding: 1rem 1.25rem; border: 1px solid #f0eee629; border-radius: .75rem; background: linear-gradient(130deg, #303030, #252525); box-shadow: 0 .5rem 1.5rem -1rem #000b, inset 0 1px #ffffff06; }
.memoire-at .mem-souvenir::before { content: ''; position: absolute; top: 1rem; left: -1px; bottom: 1rem; width: 2px; border-radius: 2px; background: #efac8399; }
.memoire-at .mem-souvenir h4 { margin: .5rem 0 .25rem; color: var(--texte); font-family: var(--police-titre); font-size: .9375rem; font-weight: 500; line-height: 1.4; letter-spacing: -.02em; }
.memoire-at .mem-souvenir p { color: var(--texte-secondaire); font-size: .8125rem; line-height: 1.6; }
.memoire-at .mem-souvenir .mem-annotation { margin-top: .5rem; font-size: .5625rem; }
.memoire-at .mem-souvenir--personnel { margin-left: 1.5rem; background: linear-gradient(130deg, #292929, #232323); }
.memoire-at .mem-souvenir--personnel::before { background: #f0eee66b; }
.memoire-at .mem-souvenir--personnel > p { margin-top: .5rem; color: var(--texte); font-size: .9375rem; }
.memoire-at .mem-liaison { position: relative; display: flex; align-items: center; width: 100%; padding-inline: .5rem; color: var(--accent); }
.memoire-at .mem-liaison > span { position: absolute; left: 0; right: 0; bottom: calc(100% + .375rem); color: var(--texte-attenue); font-family: var(--police-mono); font-size: .5625rem; text-align: center; }
.memoire-at .mem-liaison i { flex: 1; height: 1px; background: linear-gradient(90deg, #efac832b, #efac83a6); }
.memoire-at .mem-liaison b { margin: -.07em 0 0 -1px; font-family: var(--police-texte); font-size: 1.5rem; font-weight: 400; line-height: 1; }
.memoire-at .mem-agent, .memoire-at .mem-consultation { padding: 1.5rem; border: 1px solid #efac8359; border-radius: 1rem; background: radial-gradient(ellipse at 0 0, #efac8308, transparent 75%), #252525; box-shadow: 0 1rem 2rem -1.5rem #000b, inset 0 1px #ffd0a912; }
.memoire-at .mem-agent-identite { display: flex; align-items: center; gap: .875rem; }
.memoire-at .mem-agent-identite > div { min-width: 0; }
.memoire-at .mem-agent-icone { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid #efac833d; border-radius: .75rem; color: var(--accent-clair); background: #efac830a; }
.memoire-at .mem-agent-identite h4 { margin: .25rem 0 0; color: var(--texte); font-family: var(--police-titre); font-size: 1.125rem; font-weight: 500; line-height: 1.3; letter-spacing: -.025em; }
.memoire-at .mem-agent-citation { margin-top: 1.25rem; color: var(--texte-doux); font-family: var(--police-editoriale); font-size: 1.25rem; font-style: italic; line-height: 1.55; text-wrap: pretty; }
.memoire-at .mem-acquis { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1.25rem; padding-top: .875rem; border-top: 1px solid #efac8326; color: var(--texte-secondaire); font-size: .625rem; line-height: 1.6; }
.memoire-at .mem-acquis i { margin-right: .3rem; color: var(--accent); font-style: normal; }

.memoire-at .mem-action-agent { padding: 1.5rem; border: 1px solid #f0eee62b; border-radius: 1rem; background: linear-gradient(135deg, #2b2b2b, #222); box-shadow: inset 0 1px #ffffff08; }
.memoire-at .mem-action-agent h4 { margin: .625rem 0 1.25rem; color: var(--texte); font-family: var(--police-titre); font-size: 1.25rem; font-weight: 500; line-height: 1.35; letter-spacing: -.025em; }
.memoire-at .mem-commande { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .625rem .75rem; padding: 1rem; border: 1px solid #f0eee618; border-radius: .625rem; background: #171717; font-family: var(--police-mono); }
.memoire-at .mem-commande > span { color: var(--accent); font-size: .75rem; }
.memoire-at .mem-commande code { color: var(--texte); font-family: inherit; font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.memoire-at .mem-commande small { grid-column: 2; color: var(--texte-attenue); font-size: .625rem; line-height: 1.6; }
.memoire-at .mem-detection { display: flex; align-items: center; gap: .5rem; margin-top: 1rem; color: var(--accent-clair); font-size: .6875rem; line-height: 1.6; }
.memoire-at .mem-detection i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px #efac8340; }
.memoire-at .mem-rappel-carte { padding: 1.5rem; border: 1px solid #efac8377; border-radius: 1rem; background: linear-gradient(125deg, #efac8310, #efac8305), #272727; box-shadow: 0 .75rem 2rem -1rem #0008, inset 0 1px #ffd0a916; }
.memoire-at .mem-rappel-entete { display: flex; align-items: center; gap: 1rem; }
.memoire-at .mem-rappel-entete > span { flex: 1; color: var(--accent-clair); }
.memoire-at .mem-rappel-entete svg { color: var(--accent); }
.memoire-at .mem-rappel-carte > p { margin-top: 1.25rem; color: var(--texte); font-family: var(--police-titre); font-size: 1.5625rem; font-weight: 500; line-height: 1.35; letter-spacing: -.03em; }
.memoire-at .mem-rappel-carte em { color: var(--accent-clair); font-family: var(--police-editoriale); font-weight: 400; }
.memoire-at .mem-rappel-carte .mem-annotation { margin-top: 1.25rem; }

.memoire-at .mem-demande-lecture { display: flex; align-items: center; gap: .625rem; margin-top: 1.25rem; padding-top: .875rem; border-top: 1px solid #f0eee61a; color: var(--texte-secondaire); font-size: .6875rem; line-height: 1.6; }
.memoire-at .mem-demande-lecture svg { width: 16px; height: 16px; color: var(--accent); }
.memoire-at .mem-detail-carte { padding: 1.375rem 1.5rem; border: 1px solid #f0eee62e; border-radius: .875rem; background: linear-gradient(135deg, #303030, #262626); box-shadow: 0 .75rem 2rem -1rem #0008, inset 0 1px #ffffff0d; }
.memoire-at .mem-detail-entete { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.memoire-at .mem-feuillet { width: 13px; height: 17px; border: 1px solid #efac8366; border-radius: 2px; background: repeating-linear-gradient(0deg, transparent 0 3px, #efac833b 3px 4px, transparent 4px 6px) center / 7px 11px no-repeat; }
.memoire-at .mem-detail-carte h4 { margin: .625rem 0 .875rem; color: var(--texte); font-family: var(--police-titre); font-size: 1.125rem; font-weight: 500; line-height: 1.35; letter-spacing: -.025em; }
.memoire-at .mem-detail-carte p { color: var(--texte-secondaire); font-size: .8125rem; line-height: 1.7; }
.memoire-at .mem-detail-carte .mem-detail-conseil { margin-top: .875rem; padding-left: .875rem; border-left: 2px solid #efac8380; color: var(--texte-doux); }
.memoire-at .mem-detail-carte .mem-annotation { font-size: .5625rem; }
.memoire-at .mem-effet { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.25rem; align-items: start; min-height: 99px; margin-inline: -2rem; padding: 1.375rem 2rem; border-top: 1px solid #f0eee617; border-radius: 0 0 1.25rem 1.25rem; background: #11111140; }
.memoire-at .mem-effet-numero { padding-top: .25rem; color: var(--accent); font-family: var(--police-mono); font-size: .625rem; white-space: nowrap; }
.memoire-at .mem-effet h4 { color: var(--texte-doux); font-family: var(--police-titre); font-size: .875rem; font-weight: 500; line-height: 1.5; letter-spacing: -.015em; }
.memoire-at .mem-effet p { margin-top: .25rem; color: var(--texte-attenue); font-size: .75rem; line-height: 1.7; }

@media (max-width: 64rem) {
  .memoire-at .mem-intro { gap: 2rem; }
}
@media (max-width: 46rem) {
  .memoire-at .mem-intro { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin-bottom: 2.5rem; }
  .memoire-at .mem-titre { font-size: clamp(2.2rem, 6.7vw, 3.1rem); }
}
@media (max-width: 36rem) {
  .memoire-at .mem-numero { font-size: .625rem; }
  .memoire-at .mem-description p { font-size: .875rem; }
}
@media (prefers-reduced-motion: reduce) {
  .memoire-at .mem-commandes label { transition: none; }
}

/* === complements-actuels.css === */

.complements-at { padding-block: clamp(3.5rem, 6vw, 5.5rem); background: radial-gradient(ellipse 70% 80% at 50% 0, #efac8309, transparent 70%), linear-gradient(180deg, #212121, #252525 55%, #202020); }
.complements-at .capot { gap: 2.5rem; }
.complements-at .complements-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; gap: clamp(2rem, 5vw, 4.5rem); }
.complements-at .surtitre { margin-bottom: 1rem; color: var(--accent); font-size: .625rem; letter-spacing: .12em; }
.complements-at .titre-section { font-size: clamp(2rem, 3vw, 2.5rem); line-height: 1.1; letter-spacing: -.04em; font-weight: 500; }
.complements-at .titre-section em { color: var(--accent); font-family: var(--police-editoriale); font-weight: 400; }
.complements-at .complements-description { max-width: 27rem; padding-bottom: .2rem; color: var(--texte-secondaire); font-size: .9375rem; line-height: 1.8; }
.complements-at .capot__grille { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; overflow: visible; border: 0; border-radius: 0; background: none; }
.complements-at .capot__carte { min-width: 0; gap: .75rem; padding: 1.5rem 1.25rem; border: 1px solid #f0eee62b; border-radius: .875rem; background: linear-gradient(145deg, #2c2c2c, #1c1c1c); box-shadow: inset 0 1px #ffffff0d, 0 12px 28px -10px #0009; scroll-margin-top: calc(var(--repere-navigation) - 5rem); }
.complements-at .capot__icone { width: 2.5rem; height: 2.5rem; flex-basis: 2.5rem; margin-bottom: .5rem; border-color: #efac8340; border-radius: .625rem; background: #efac8310; color: var(--accent); }
.complements-at .capot__icone svg { width: 1.25rem; height: 1.25rem; }
.complements-at .capot__nom { margin: 0; color: var(--texte); font-family: var(--police-titre); font-size: 1.0625rem; line-height: 1.4; letter-spacing: -.025em; font-weight: 500; }
.complements-at .capot__texte { color: var(--texte-secondaire); font-size: .875rem; line-height: 1.8; }
.complements-at .capot__carte:target { border-color: #efac8370; box-shadow: inset 0 1px #ffffff0d, 0 12px 28px -10px #0009, 0 0 0 3px #efac8308; }
@media (max-width: 64rem) {
  .complements-at .capot__grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .complements-at .complements-intro { gap: 2rem; }
}
@media (max-width: 46rem) {
  .complements-at .capot { gap: 2rem; }
  .complements-at .complements-intro { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .complements-at .complements-description { max-width: 36rem; font-size: .875rem; }
}
@media (max-width: 36rem) {
  .complements-at .titre-section { font-size: 2rem; }
  .complements-at .capot__grille { grid-template-columns: minmax(0, 1fr); gap: .875rem; }
  .complements-at .capot__carte { padding: 1.375rem; }
}

/* === wysp-actuel.css === */

#novawysp { position: relative; isolation: isolate; scroll-margin-top: var(--repere-navigation); }
#novawysp .conteneur.fx { align-items: center; }
#novawysp .wysp-intro { gap: 0; }
#novawysp .wysp-identite { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.75rem; }
#novawysp .wysp-identite > img { display: block; flex: 0 0 auto; }
#novawysp .wysp-marque { color: var(--texte); font-family: var(--police-titre); font-size: 1.375rem; font-weight: 500; letter-spacing: -.035em; }
#novawysp .wysp-marque > span { color: var(--texte-attenue); }
#novawysp .wysp-titre { margin: 0; color: var(--texte); font-family: var(--police-titre); font-size: clamp(2.3rem, 4vw, 3.5rem); font-weight: 500; line-height: 1.07; letter-spacing: -.045em; }
#novawysp .wysp-titre em { color: var(--accent); font-family: var(--police-editoriale); font-weight: 400; }
#novawysp .wysp-description { margin-top: 1.25rem; color: var(--texte-secondaire); font-size: .9375rem; line-height: 1.8; text-wrap: pretty; }
#novawysp .wysp-reperes { display: grid; gap: 1.125rem; margin: 1.625rem 0 0; padding-left: 1rem; border-left: 1px solid #efac8340; }
#novawysp .wysp-reperes dt { color: var(--texte-doux); font-family: var(--police-titre); font-size: .875rem; font-weight: 500; line-height: 1.5; letter-spacing: -.015em; }
#novawysp .wysp-reperes dd { margin: .375rem 0 0; color: var(--texte-attenue); font-size: .8125rem; line-height: 1.7; }
#novawysp .wysp-actions { display: grid; justify-items: start; gap: .875rem; margin-top: 1.75rem; }
#novawysp .wysp-inclus { display: inline-flex; align-items: center; gap: .5rem; color: var(--texte-attenue); font-size: .6875rem; line-height: 1.5; }
#novawysp .wysp-inclus i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }
#novawysp .wysp-telecharger { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; max-width: 100%; min-height: 50px; padding: .875rem 1.125rem; border: 1px solid #fff6; border-radius: 999px; color: #191919; background: linear-gradient(150deg, #f4f1e9, #dfdad1); box-shadow: inset 0 1px #fff8, 0 .5rem 1.75rem -1rem #0008; font-family: var(--police-titre); font-size: .8125rem; font-weight: 500; line-height: 1.4; text-align: center; text-decoration: none; transition: background-color .2s, border-color .2s, box-shadow .2s; }
#novawysp .wysp-telecharger > svg { width: 17px; height: 17px; flex: 0 0 auto; fill: currentColor; }
#novawysp .wysp-telecharger > .wysp-fleche { width: 16px; height: 16px; margin-left: .25rem; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#novawysp .wysp-telecharger:hover { border-color: #efac8399; background: #f4d9c7; box-shadow: inset 0 1px #fff8, 0 .5rem 1.75rem -1rem #efac8340; }
#novawysp .wysp-telecharger:focus-visible { outline: 2px solid var(--accent-clair); outline-offset: 4px; }
#novawysp .wysp-installation { max-width: 27rem; margin-top: 1rem; color: var(--texte-discret); font-size: .6875rem; line-height: 1.75; }


#novawysp .fx__visuel::before { inset: -4rem -6%; background: radial-gradient(ellipse 43% 25% at 50% 25%, #efac8329, transparent 100%), radial-gradient(ellipse 43% 25% at 50% 75%, #efac831a, transparent 100%); filter: blur(30px); }
#novawysp .scene-wysp {
  --accent: #efac83;
  --accent-clair: #ffd0a9;
  --texte: #f0eee6;
  --texte-discret: #9d9994;
  --sw-fond-haut: #252525;
  --sw-fond-bas: #171717;
  --sw-filet: #f0eee621;
  --sw-feu: #4a4a4a;
  --sw-code: #898989;
  --sw-code-fort: #adadad;
  --sw-etiquette: #858585;
  border-color: #f0eee62b;
  background: radial-gradient(ellipse at 65% 12%, #efac8307, transparent 58%), linear-gradient(145deg, var(--sw-fond-haut), var(--sw-fond-bas));
  box-shadow: inset 0 1px #ffffff0a, 0 1.75rem 4.5rem -2rem #000a;
}
#novawysp .scene-wysp__fond { opacity: 1; }
#novawysp .scene-wysp__feux > span:nth-child(1) { background: #ff5f57; }
#novawysp .scene-wysp__feux > span:nth-child(2) { background: #febc2e; }
#novawysp .scene-wysp__feux > span:nth-child(3) { background: #28c840; }
#novawysp .scene-wysp__feux > i { color: #aaa6a1; }
#novawysp .scene-wysp__code { color: #b8b4af; opacity: .78; animation: wysp-terminal-contraste 14s step-end infinite; }
#novawysp .scene-wysp__jeton, #novawysp .scene-wysp__action { color: var(--accent); }
#novawysp .scene-wysp__commande { color: #d7d3ce; }
#novawysp .scene-wysp__chemin { color: #c2b6d3; }
#novawysp .scene-wysp__plus { color: #9bc7a7; opacity: 1; }
#novawysp .scene-wysp__moins { color: #e19ca6; opacity: 1; }
#novawysp .scene-wysp__insertion { color: #f0eee6; font-size: 0; opacity: 0; visibility: hidden; animation: wysp-texte-insere 14s step-end infinite; }
#novawysp .scene-wysp__raccourci { border-color: #f0eee61c; color: #aca8a3; background: #222e; }
#novawysp .scene-wysp__widget { position: absolute; right: 26px; bottom: 26px; display: flex; justify-content: flex-end; width: 320px; }
#novawysp .scene-wysp__captions { position: absolute; right: 0; bottom: calc(100% + 8px); width: 320px; }
#novawysp .scene-wysp__panneau { position: absolute; top: auto; bottom: 0; left: auto; right: 0; transform: none; width: 320px; padding: 10px 14px; border: 1px solid #efac8352; border-radius: 14px; background: linear-gradient(135deg, #2c2c2ced, #222222f2); box-shadow: 0 1.5rem 3.5rem -1.25rem #000a, inset 0 1px #ffd0a914; opacity: 0; visibility: hidden; animation: var(--wysp-phase) 14s step-end infinite; }
#novawysp .scene-wysp__caption-entete { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
#novawysp .scene-wysp__caption-label { flex: 0 0 auto; color: var(--accent); font-family: var(--police-mono); font-size: 9px; font-weight: 500; line-height: 1.4; letter-spacing: 2.5px; }
#novawysp .scene-wysp__cible { min-width: 0; max-width: 140px; margin-left: auto; overflow: hidden; color: #aaa6a1; font-family: var(--police-mono); font-size: 9px; letter-spacing: 1px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; opacity: .85; }
#novawysp .scene-wysp__caption-point { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--accent); box-shadow: 0 0 7px var(--accent); animation: pouls-ecran 1.3s ease-in-out infinite; }
#novawysp .scene-wysp__caption-texte { max-height: 110px; overflow-y: auto; overflow-x: hidden; color: #b8b4af; font-family: var(--police-texte); font-size: 13px; font-weight: 500; line-height: 1.4; overflow-wrap: break-word; scrollbar-width: thin; scrollbar-color: #f0eee633 transparent; }
#novawysp .scene-wysp__curseur { height: 14px; vertical-align: -2px; }
#novawysp [data-wysp-caption="placeholder"] { --wysp-phase: wysp-accueil; }
#novawysp [data-wysp-caption="partial-1"] { --wysp-phase: wysp-partiel-un; }
#novawysp [data-wysp-caption="partial-2"] { --wysp-phase: wysp-partiel-deux; }
#novawysp [data-wysp-caption="final"] { --wysp-phase: wysp-partiel-final; }
#novawysp [data-wysp-caption="transcribing"] { --wysp-phase: wysp-transcription; }
#novawysp [data-wysp-caption="transcribing"] .scene-wysp__caption-label { color: #aaa6a1; }
#novawysp .scene-wysp__pilule { position: relative; bottom: auto; left: auto; transform: none; border-color: #efac8366; background: linear-gradient(145deg, #2c2c2cf5, #1c1c1cf5); animation: wysp-pilule-cycle 14s step-end infinite; }
#novawysp .scene-wysp__pilule::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; opacity: 0; visibility: hidden; animation: halo-wysp 1.8s ease-in-out infinite, wysp-ecoute 14s step-end infinite; }
#novawysp .scene-wysp__etat { position: relative; display: block; width: 76px; min-width: 76px; height: 20px; }
#novawysp [data-wysp-pill] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; animation: var(--wysp-phase) 14s step-end infinite; }
#novawysp [data-wysp-pill="listening"] { --wysp-phase: wysp-ecoute; }
#novawysp [data-wysp-pill="transcribing"] { --wysp-phase: wysp-transcription; }
#novawysp [data-wysp-pill="inserted"] { --wysp-phase: wysp-insertion; }
#novawysp [data-wysp-pill="idle"] { --wysp-phase: wysp-repos; }
#novawysp .scene-wysp__points { gap: 5px; }
#novawysp .scene-wysp__points > i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: pouls-ecran 1.1s ease-in-out infinite; }
#novawysp .scene-wysp__points > i:nth-child(2) { animation-delay: .18s; }
#novawysp .scene-wysp__points > i:nth-child(3) { animation-delay: .36s; }
#novawysp .scene-wysp__insere { gap: 7px; color: var(--accent-clair); font-family: var(--police-texte); font-size: 12px; font-weight: 600; }
#novawysp .scene-wysp__insere svg { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: var(--accent); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
#novawysp .scene-wysp__onde--repos .scene-wysp__barre { background: #85817c; transform: none; animation: none; }
#novawysp .scene-wysp__logo { width: 32px; height: 32px; flex: 0 0 32px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#novawysp .scene-wysp__logo > img { display: block; width: 32px; height: 32px; }
#novawysp .scene-wysp__filet { background: #efac832b; }

@keyframes halo-wysp {
  0%, 100% { box-shadow: 0 0 0 0 #efac8352, 0 20px 55px -20px rgba(0, 0, 0, .9); }
  50% { box-shadow: 0 0 0 6px #efac831a, 0 20px 55px -20px rgba(0, 0, 0, .9); }
}

@keyframes wysp-accueil {
  0%, 9.999% { opacity: 1; visibility: visible; }
  10%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes wysp-partiel-un {
  0%, 9.999%, 25%, 100% { opacity: 0; visibility: hidden; }
  10%, 24.999% { opacity: 1; visibility: visible; }
}
@keyframes wysp-partiel-deux {
  0%, 24.999%, 40%, 100% { opacity: 0; visibility: hidden; }
  25%, 39.999% { opacity: 1; visibility: visible; }
}
@keyframes wysp-partiel-final {
  0%, 39.999%, 60%, 100% { opacity: 0; visibility: hidden; }
  40%, 59.999% { opacity: 1; visibility: visible; }
}
@keyframes wysp-transcription {
  0%, 59.999%, 75%, 100% { opacity: 0; visibility: hidden; }
  60%, 74.999% { opacity: 1; visibility: visible; }
}
@keyframes wysp-insertion {
  0%, 74.999%, 83.571429%, 100% { opacity: 0; visibility: hidden; }
  75%, 83.571428% { opacity: 1; visibility: visible; }
}
@keyframes wysp-repos {
  0%, 83.571428% { opacity: 0; visibility: hidden; }
  83.571429%, 100% { opacity: 1; visibility: visible; }
}
@keyframes wysp-ecoute {
  0%, 59.999% { opacity: 1; visibility: visible; }
  60%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes wysp-pilule-cycle {
  0%, 59.999% { border-color: #efac8366; box-shadow: 0 20px 55px -20px #000e; }
  60%, 74.999%, 83.571429%, 100% { border-color: #f0eee633; box-shadow: 0 20px 55px -20px #000e; }
  75%, 83.571428% { border-color: #efac8366; box-shadow: 0 0 0 3px #efac831a, 0 20px 55px -20px #000e; }
}

@keyframes wysp-texte-insere {
  0%, 74.999% { font-size: 0; opacity: 0; visibility: hidden; }
  75%, 100% { font-size: 12.5px; opacity: 1; visibility: visible; }
}
@keyframes wysp-terminal-contraste {
  0%, 74.999% { opacity: .78; }
  75%, 100% { opacity: 1; }
}
@media (max-width: 64rem) {
  #novawysp .wysp-identite { gap: .625rem; }
}
@media (max-width: 48rem) {
  #novawysp .conteneur.fx { grid-template-columns: minmax(0, 1fr); gap: 2.75rem; }
  #novawysp .wysp-intro { grid-column: 1; }
  #novawysp .wysp-titre { font-size: clamp(2.3rem, 8vw, 3.1rem); }
  #novawysp .wysp-identite { margin-bottom: 1.5rem; }
  #novawysp .wysp-description, #novawysp .wysp-reperes, #novawysp .wysp-installation { max-width: 34rem; }
  #novawysp .wysp-description { font-size: .9375rem; }
  #novawysp .wysp-installation { font-size: .75rem; }
}
@media (max-width: 36rem) {
  #novawysp .wysp-reperes dd { font-size: .875rem; }
  #novawysp .wysp-telecharger { gap: .5rem; padding-inline: 1rem; font-size: .75rem; }
  #novawysp .wysp-telecharger > .wysp-fleche { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #novawysp .wysp-telecharger { transition: none; }
  #novawysp .scene-wysp__widget *, #novawysp .scene-wysp__pilule::before { animation: none; }
  #novawysp [data-wysp-caption], #novawysp [data-wysp-pill] { opacity: 0; visibility: hidden; }
  #novawysp [data-wysp-pill="inserted"] { opacity: 1; visibility: visible; }
  #novawysp .scene-wysp__code { animation: none; opacity: 1; }
  #novawysp .scene-wysp__insertion { animation: none; font-size: 12.5px; opacity: 1; visibility: visible; }
  #novawysp .scene-wysp__pilule { border-color: #efac8366; box-shadow: 0 0 0 3px #efac831a, 0 20px 55px -20px #000e; }
}

/* === offres-actuelles.css === */

.offre-prochainement:disabled,
.offre-prochainement:disabled:hover {
  background: linear-gradient(110deg, #ffd0a9, #efac83);
  border-color: #ffe2cb99;
  color: #211c17;
  box-shadow: inset 0 1px #fff4e970, 0 6px 20px -10px #efac8340;
}

:is(.offre-resume__liste, .offre-founder__liste) .offre-capacites {
  border-left-color: #efac8340;
}


.offre-resume__liste > li { border-top: 0; }

/* === apropos-actuel.css === */

.apropos-at { overflow: clip; }
.apropos-at :is(h1, h2, h3) { font-weight: 500; }
.apropos-at em { font-family: var(--police-editoriale); font-weight: 400; color: var(--accent); }
.apropos-at :is(section[id], h1) { scroll-margin-top: 7.5rem; }
.apropos-at .ap-at__repere {
  display: flex; align-items: center; gap: .625rem;
  color: var(--texte-attenue); font-family: var(--police-mono);
  font-size: .6875rem; letter-spacing: .13em; text-transform: uppercase;
}
.apropos-at .ap-at__repere > span {
  width: 5px; height: 5px; border-radius: 50%; background: var(--accent);
  box-shadow: 0 0 12px #efac8366;
}
.apropos-at .ap-at__hero {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: center; gap: clamp(2rem, 5vw, 5rem);
  padding-top: clamp(9rem, 13vw, 12rem); padding-bottom: clamp(4rem, 8vw, 7rem);
}
.apropos-at .ap-at__introduction h1 {
  font-size: clamp(3.5rem, 6.8vw, 6.25rem); line-height: 1.01;
  letter-spacing: -.065em; margin: 1.75rem 0 1.75rem;
}
.apropos-at .ap-at__introduction h1 em { letter-spacing: -.055em; }
.apropos-at .ap-at__chapo {
  max-width: 33rem; font-size: clamp(1rem, 1.35vw, 1.125rem);
  line-height: 1.75; color: var(--texte-secondaire);
}
.apropos-at .ap-at__lien {
  display: inline-flex; align-items: center; gap: 1.25rem;
  width: fit-content; min-height: 44px; font-size: .875rem;
  color: var(--texte); border-bottom: 1px solid var(--bordure-nette);
  transition: color .2s, border-color .2s;
}
.apropos-at .ap-at__lien > span { color: var(--accent); font-size: 1.25rem; transition: transform .2s; }
.apropos-at .ap-at__lien:hover { color: var(--accent-clair); border-color: var(--accent); }
.apropos-at .ap-at__lien:hover > span { transform: translate(2px, -2px); }
.apropos-at .ap-at__introduction > .ap-at__lien { margin-top: 1.75rem; }
.apropos-at .ap-at__dessin { position: relative; min-width: 0; padding: 1.5rem 0 0; }
.apropos-at .ap-at__dessin::before {
  content: ''; position: absolute; inset: -12% -20%; pointer-events: none;
  background: radial-gradient(ellipse at 54% 48%, #efac8316, transparent 62%);
}
.apropos-at .ap-at__annotation { position: relative; display: block; color: var(--texte-discret); font-family: var(--police-mono); font-size: .6875rem; }
.apropos-at .ap-at__annotation--haut { padding-left: 13%; }
.apropos-at .ap-at__plan { position: relative; display: grid; place-items: center; aspect-ratio: 1.08; }
.apropos-at .ap-at__cadre { position: absolute; inset: 15%; border: 1px solid #efac8330; }
.apropos-at .ap-at__cadre--un { transform: rotate(-12deg); background: linear-gradient(135deg, #f0eee606, #12121200); }
.apropos-at .ap-at__cadre--deux { inset: 19%; transform: rotate(7deg); border-color: #f0eee617; animation: ap-at-cadre 12s ease-in-out infinite alternate; }
.apropos-at .ap-at__axe { position: absolute; background: #f0eee610; }
.apropos-at .ap-at__axe--horizontal { height: 1px; width: 100%; top: 50%; }
.apropos-at .ap-at__axe--vertical { width: 1px; height: 100%; left: 50%; }
.apropos-at .ap-at__croix { position: absolute; color: #efac8399; font-family: var(--police-mono); font-size: 1.25rem; font-weight: 400; line-height: 1; }
.apropos-at .ap-at__croix--un { top: 13%; left: 12%; }
.apropos-at .ap-at__croix--deux { bottom: 13%; right: 12%; }
.apropos-at .ap-at__monogramme {
  position: relative; width: 53%; filter: drop-shadow(0 24px 22px #0008);
  animation: ap-at-monogramme 8s ease-in-out infinite alternate;
}
.apropos-at .ap-at__legende {
  position: relative; display: flex; justify-content: space-between; gap: 1rem;
  padding: 1rem 0 0; border-top: 1px solid var(--filet);
  color: var(--texte-discret); font-family: var(--police-mono); font-size: .65625rem;
}
.apropos-at .ap-at__legende > span:last-child { color: var(--accent); }
.apropos-at .ap-at__index {
  display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
  padding-block: 1.125rem; border-block: 1px solid var(--filet);
}
.apropos-at .ap-at__index-note { color: var(--texte-discret); font-size: .8125rem; }
.apropos-at .ap-at__index nav { display: flex; flex-wrap: wrap; gap: clamp(1rem, 3vw, 2.5rem); }
.apropos-at .ap-at__index a { display: flex; align-items: center; gap: .625rem; min-height: 44px; font-size: .8125rem; }
.apropos-at .ap-at__index a > span { color: var(--accent); font-family: var(--police-mono); font-size: .625rem; }
.apropos-at .ap-at__index a:hover { color: var(--accent); }
.apropos-at .ap-at__vision {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  gap: clamp(2rem, 7vw, 7.5rem); padding-block: clamp(4.5rem, 9vw, 8rem);
}
.apropos-at h2 { font-size: clamp(2.25rem, 4vw, 3.5rem); letter-spacing: -.05em; line-height: 1.13; }
.apropos-at .ap-at__vision h2 { margin-top: 1.5rem; }
.apropos-at .ap-at__prose { display: flex; flex-direction: column; gap: 1.5rem; padding-top: 2.65rem; }
.apropos-at .ap-at__prose p { color: var(--texte-secondaire); font-size: 1rem; line-height: 1.8; }
.apropos-at .ap-at__prose .ap-at__pensee { color: var(--texte-doux); font-size: clamp(1.125rem, 1.65vw, 1.375rem); line-height: 1.6; }
.apropos-at .ap-at__maniere { padding-bottom: clamp(4.5rem, 8vw, 7rem); }
.apropos-at .ap-at__entete-section .ap-at__repere { margin-bottom: 1.5rem; }
.apropos-at .ap-at__principes { list-style: none; margin: 3rem 0 0; padding: 0; }
.apropos-at .ap-at__principes li {
  display: grid; grid-template-columns: 3rem minmax(0, .95fr) minmax(0, 1fr);
  align-items: start; gap: 1.75rem; padding-block: 2.25rem; border-top: 1px solid var(--bordure);
}
.apropos-at .ap-at__principes li:last-child { border-bottom: 1px solid var(--bordure); }
.apropos-at .ap-at__numero { padding-top: .5rem; color: var(--accent); font-family: var(--police-mono); font-size: .75rem; }
.apropos-at .ap-at__principes h3 { padding-top: .15rem; font-size: clamp(1.5rem, 2.4vw, 2rem); letter-spacing: -.035em; }
.apropos-at .ap-at__principes p { max-width: 33rem; color: var(--texte-secondaire); font-size: .9375rem; line-height: 1.8; }
.apropos-at .ap-at__outils { padding-bottom: clamp(4.5rem, 8vw, 7rem); }
.apropos-at .ap-at__entete-section--outils {
  display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 4rem;
}
.apropos-at .ap-at__entete-section--outils > p { max-width: 20rem; padding-bottom: .3rem; color: var(--texte-secondaire); font-size: .9375rem; }
.apropos-at .ap-at__outil {
  display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr);
  align-items: center; column-gap: clamp(2rem, 6vw, 6rem);
  padding-block: 3.75rem; border-top: 1px solid var(--bordure);
}
.apropos-at .ap-at__outil:last-child { border-bottom: 1px solid var(--bordure); }
.apropos-at .ap-at__identite { display: flex; align-items: center; gap: .875rem; margin-bottom: 1.75rem; }
.apropos-at .ap-at__identite img { width: 40px; height: 40px; flex: 0 0 auto; }
.apropos-at .ap-at__identite h3 { font-size: 1.25rem; letter-spacing: -.04em; }
.apropos-at .ap-at__promesse { font-family: var(--police-titre); font-size: clamp(1.75rem, 2.55vw, 2.35rem); line-height: 1.25; letter-spacing: -.035em; }
.apropos-at .ap-at__outil-texte > p:not(.ap-at__promesse) { max-width: 30rem; margin-top: 1.25rem; color: var(--texte-secondaire); font-size: .9375rem; line-height: 1.8; }
.apropos-at .ap-at__outil-texte .ap-at__lien { margin-top: 1.25rem; }
.apropos-at .ap-at__outil-visuel {
  position: relative; display: grid; place-items: center; min-width: 0;
  min-height: 20rem; border-radius: 1.25rem;
  background: radial-gradient(ellipse at 50% 48%, #efac8310, transparent 70%), linear-gradient(135deg, #1d1d1d, #161616);
  border: 1px solid #f0eee60b;
}
.apropos-at .ap-at__fenetre {
  width: 87%; transform: perspective(900px) rotateY(-7deg) rotateX(5deg);
  background: #191919; border: 1px solid #414141; border-radius: .625rem;
  box-shadow: 0 1.75rem 2.5rem -1rem #0009, 0 0 3rem -1rem #efac8318;
}
.apropos-at .ap-at__fenetre-barre {
  display: flex; align-items: center; justify-content: space-between; gap: .5rem;
  padding: .75rem; border-bottom: 1px solid #303030; font-family: var(--police-mono);
  color: var(--texte-attenue); font-size: .5rem;
}
.apropos-at .ap-at__points { display: flex; gap: .25rem; }
.apropos-at .ap-at__points i { width: 4px; height: 4px; background: #777; border-radius: 50%; }
.apropos-at .ap-at__points i:first-child { background: var(--accent); }
.apropos-at .ap-at__terminaux { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .375rem; padding: .5rem; }
.apropos-at .ap-at__terminal { display: flex; flex-direction: column; min-height: 10rem; background: #101010; border: 1px solid #303030; border-radius: .3rem; overflow: hidden; }
.apropos-at .ap-at__terminal > span { padding: .375rem .5rem; border-bottom: 1px solid #303030; background: #242424; font-family: var(--police-mono); font-size: .5rem; white-space: nowrap; }
.apropos-at .ap-at__terminal:nth-child(2) { border-color: #efac8377; }
.apropos-at .ap-at__code { display: grid; align-content: start; gap: .375rem; padding: .875rem .5rem; }
.apropos-at .ap-at__code i { display: block; width: 82%; height: 2px; background: #575757; }
.apropos-at .ap-at__code i:nth-child(2) { width: 57%; background: #efac8399; }
.apropos-at .ap-at__code i:nth-child(3) { width: 95%; }
.apropos-at .ap-at__code i:nth-child(4) { width: 64%; }
.apropos-at .ap-at__code i:nth-child(5) { width: 76%; }
.apropos-at .ap-at__terminal b { display: flex; align-items: center; gap: .4rem; margin-top: auto; padding: .5rem; color: var(--accent); font-family: var(--police-mono); font-size: .6875rem; font-weight: 400; }
.apropos-at .ap-at__terminal b i { display: block; width: 4px; height: 8px; background: var(--texte-doux); }
.apropos-at .ap-at__fenetre-bas { display: flex; justify-content: space-between; gap: .5rem; padding: .3rem .75rem .75rem; font-family: var(--police-mono); font-size: .4375rem; color: var(--texte-discret); }
.apropos-at .ap-at__fenetre-bas > span:first-child { display: flex; align-items: center; gap: .3rem; }
.apropos-at .ap-at__fenetre-bas i { width: 3px; height: 3px; background: var(--accent); border-radius: 50%; }
.apropos-at .ap-at__voix { width: 78%; padding-block: 2rem; }
.apropos-at .ap-at__onde { display: flex; justify-content: center; align-items: center; gap: 5px; height: 3.25rem; margin-bottom: 1.5rem; }
.apropos-at .ap-at__onde i { height: 20%; width: 3px; border-radius: 3px; background: var(--accent); opacity: .55; }
.apropos-at .ap-at__onde i:nth-child(3n) { height: 55%; opacity: .8; }
.apropos-at .ap-at__onde i:nth-child(4n) { height: 80%; }
.apropos-at .ap-at__onde i:nth-child(5n) { height: 45%; }
.apropos-at .ap-at__onde i:nth-child(7n) { height: 100%; opacity: 1; }
.apropos-at .ap-at__dictee { padding: 1.25rem 1.5rem; background: linear-gradient(150deg, #2c2c2c, #242424); border: 1px solid #414141; border-radius: .75rem; box-shadow: 0 1.5rem 2rem -1rem #0008; }
.apropos-at .ap-at__dictee > span { color: var(--texte-discret); font-family: var(--police-mono); font-size: .5625rem; }
.apropos-at .ap-at__dictee p { margin-top: .75rem; color: var(--texte-doux); font-family: var(--police-editoriale); font-style: italic; font-size: clamp(.875rem, 1.4vw, 1.25rem); line-height: 1.7; }
.apropos-at .ap-at__dictee b { display: inline-block; width: 1px; height: 1em; margin-left: 3px; transform: translateY(2px); background: var(--accent); }
.apropos-at .ap-at__local { display: flex; justify-content: center; align-items: center; gap: .375rem; margin-top: 1rem; color: var(--texte-attenue); font-family: var(--police-mono); font-size: .5625rem; }
.apropos-at .ap-at__local i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }
.apropos-at .ap-at__cloture { position: relative; isolation: isolate; padding-block: 1.5rem clamp(5rem, 9vw, 8rem); text-align: center; }
.apropos-at .ap-at__cloture::before { content: ''; position: absolute; z-index: -1; pointer-events: none; inset: -30% -10%; background: radial-gradient(ellipse at 50% 55%, #efac830a, transparent 58%); }
.apropos-at .ap-at__cloture > .ap-at__repere { justify-content: center; margin-bottom: 1.75rem; }
.apropos-at .ap-at__cloture h2 { font-size: clamp(2.75rem, 5.5vw, 4.75rem); line-height: 1.08; }
.apropos-at .ap-at__cloture > p:not(.ap-at__repere) { margin-top: 1.5rem; color: var(--texte-secondaire); font-size: .9375rem; }
.apropos-at .ap-at__actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 2rem; }
.apropos-at .ap-at__contact { display: inline-flex; align-items: center; justify-content: center; gap: 2rem; min-height: 48px; padding: .65rem 1.375rem; border: 1px solid #ffd0a9aa; border-radius: 999px; background: linear-gradient(115deg, var(--accent-clair), var(--accent)); color: var(--fond); font-size: .875rem; font-weight: 500; box-shadow: inset 0 1px #fff5; transition: box-shadow .2s, transform .2s; }
.apropos-at .ap-at__contact:hover { color: var(--fond); transform: translateY(-2px); box-shadow: inset 0 1px #fff5, 0 5px 25px #efac8326; }
.apropos-at .ap-at__contact span { font-size: 1.25rem; }
.apropos-at a:focus-visible { outline: 2px solid var(--accent-clair); outline-offset: 5px; }
@keyframes ap-at-monogramme { from { transform: translateY(3px); } to { transform: translateY(-5px); } }
@keyframes ap-at-cadre { from { transform: rotate(7deg); } to { transform: rotate(11deg); } }
@media (max-width: 60rem) {
  .apropos-at .ap-at__hero { gap: 1.5rem; }
  .apropos-at .ap-at__introduction h1 { font-size: clamp(3.5rem, 7.2vw, 5rem); }
  .apropos-at .ap-at__vision { gap: 2.5rem; }
  .apropos-at .ap-at__principes li { grid-template-columns: 2rem minmax(0, .8fr) minmax(0, 1fr); gap: 1.25rem; }
  .apropos-at .ap-at__outil { gap: 2rem; }
  .apropos-at .ap-at__entete-section--outils > p { max-width: 16rem; }
}
@media (max-width: 44rem) {
  .apropos-at :is(section[id], h1) { scroll-margin-top: 9rem; }
  .apropos-at .ap-at__hero { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; padding-top: 10.5rem; padding-bottom: 3rem; }
  .apropos-at .ap-at__introduction h1 { font-size: clamp(3.35rem, 11.75vw, 5rem); }
  .apropos-at .ap-at__dessin { width: min(100%, 24rem); justify-self: center; padding-top: 0; }
  .apropos-at .ap-at__plan { aspect-ratio: 1.4; }
  .apropos-at .ap-at__monogramme { width: 40%; }
  .apropos-at .ap-at__cadre { inset: 12% 23%; }
  .apropos-at .ap-at__cadre--deux { inset: 15% 26%; }
  .apropos-at .ap-at__croix--un { left: 20%; }
  .apropos-at .ap-at__croix--deux { right: 20%; }
  .apropos-at .ap-at__index { flex-direction: column; align-items: start; gap: .5rem; padding-block: 1rem; }
  .apropos-at .ap-at__index nav { justify-content: space-between; width: 100%; gap: .5rem; }
  .apropos-at .ap-at__index a { gap: .375rem; }
  .apropos-at .ap-at__vision { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  .apropos-at .ap-at__prose { padding-top: 0; }
  .apropos-at .ap-at__principes { margin-top: 2rem; }
  .apropos-at .ap-at__principes li { grid-template-columns: 1.5rem minmax(0, 1fr); column-gap: .75rem; row-gap: .75rem; padding-block: 1.75rem; }
  .apropos-at .ap-at__principes p { grid-column: 2; }
  .apropos-at .ap-at__numero { padding-top: .325rem; }
  .apropos-at .ap-at__entete-section--outils { align-items: start; flex-direction: column; gap: 1.25rem; margin-bottom: 2rem; }
  .apropos-at .ap-at__entete-section--outils > p { max-width: 28rem; }
  .apropos-at .ap-at__outil { grid-template-columns: minmax(0, 1fr); gap: 2rem; padding-block: 2.5rem; }
  .apropos-at .ap-at__outil-visuel { min-height: 17rem; }
  .apropos-at .ap-at__promesse { font-size: 1.85rem; }
  .apropos-at .ap-at__dictee p { font-size: 1.0625rem; }
  .apropos-at .ap-at__cloture h2 { font-size: clamp(2.5rem, 8.7vw, 3.75rem); }
  .apropos-at .ap-at__actions { flex-direction: column; gap: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .apropos-at *, .apropos-at *::before, .apropos-at *::after { animation: none !important; transition: none !important; }
}

/* === pages-interieures.css === */

#contenu > .page-tete:first-child,
#contenu > .tarifs-founder:first-child,
#contenu > .section.section--nue:first-child {
  padding-top: clamp(9rem, 12vw, 12rem);
}

@media (max-width: 60rem) {
  #contenu > .page-tete:first-child,
  #contenu > .tarifs-founder:first-child,
  #contenu > .section.section--nue:first-child {
    padding-top: 9.5rem;
  }
}

/* === footer-actuel.css === */

.pied-at {
  position: relative;
  padding-top: clamp(3rem, 6vw, 5rem);
}
.pied-at__haut {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr);
  align-items: start;
  gap: clamp(2.5rem, 6vw, 5rem);
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
}
.pied-at__haut > *,
.pied-at__groupe { min-width: 0; }
.pied-at__identite .marque { margin-bottom: 1.25rem; }
.pied-at__baseline {
  color: var(--texte-secondaire);
  font-size: 1rem;
  line-height: 1.75;
}
.pied-at__social {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 2.75rem;
  margin-top: 1.35rem;
  color: var(--texte-attenue);
  font-size: .8rem;
}
.pied-at__social svg { width: .9rem; height: .9rem; flex-shrink: 0; }
.pied-at__social svg:last-child { margin-left: .2rem; color: var(--accent); }
.pied-at a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.pied-at__liens {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, .75fr) minmax(0, 1.4fr);
  gap: 2rem;
}
.pied-at__groupe { display: flex; flex-direction: column; align-items: flex-start; }
.pied-at__groupe h2 {
  margin-bottom: 1rem;
  color: var(--texte-discret);
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.pied-at__groupe a {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  max-width: 100%;
  color: var(--texte-doux);
  font-size: .875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.pied-at a { transition: color .18s ease; }
.pied-at a:hover { color: var(--accent); }
.pied-at__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  padding-block: 1.5rem;
  border-top: 1px solid var(--filet);
}
.pied-at__bas .mono { color: var(--texte-discret); font-size: .6875rem; line-height: 1.8; }
.pied-at__bas nav { display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; }
.pied-at__bas a {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  color: var(--texte-attenue);
  font-size: .75rem;
}
@media (max-width: 56rem) {
  .pied-at__haut { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .pied-at__liens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pied-at__contact { grid-column: 1 / -1; }
}
@media (max-width: 32rem) {
  .pied-at__liens { gap: 2rem 1rem; }
  .pied-at__bas { flex-direction: column; align-items: flex-start; gap: .75rem; }
}

/* === heros-mobiles.css === */

.hero-apercu { display: contents; }
.hero-apercu--cockpit { --hero-largeur: 1128; --hero-hauteur: 656; }
.hero-apercu--preparation { --hero-largeur: 1128; --hero-hauteur: 700; }
.hero-apercu--orchestration { --hero-largeur: 1128; --hero-hauteur: 832; }
.hero-apercu--memoire { --hero-largeur: 1128; --hero-hauteur: 658; }
.hero-apercu--wysp { --hero-largeur: 634.671875; --hero-hauteur: 440; }

.halo-accroche, #novawysp { overflow-x: clip; }

@supports (transform: scale(calc(100cqw / 1px))) {
  @media (max-width: 48rem) {
    .hero-apercu {
      display: block;
      position: relative;
      container-type: inline-size;
      width: 100%;
      max-width: calc(var(--hero-largeur) * 1px);
      min-width: 0;
      aspect-ratio: var(--hero-largeur) / var(--hero-hauteur);
      
      -webkit-text-size-adjust: none;
      text-size-adjust: none;
    }
    
    .hero-apercu--preparation,
    .hero-apercu--orchestration,
    .hero-apercu--memoire,
    .hero-apercu--wysp {
      content-visibility: auto;
      contain-intrinsic-size: auto
        min(100vw, calc(var(--hero-largeur) * 1px))
        calc(min(100vw, calc(var(--hero-largeur) * 1px)) * var(--hero-hauteur) / var(--hero-largeur));
    }
    .hero-apercu > :is(.cockpit, .fx__visuel, .orch-scenario, .mem-demo) {
      
      --hero-echelle: min(1, calc(100cqw / 1px / var(--hero-largeur)));
      position: absolute;
      top: 0;
      left: 0;
      width: calc(var(--hero-largeur) * 1px);
      max-width: none;
      min-width: 0;
      transform-origin: top left;
      transform: scale(var(--hero-echelle));
    }
    .fx > .hero-apercu { grid-column: 1 / -1; order: 2; }
    #novawysp .fx { grid-template-columns: minmax(0, 1fr); }
    #novawysp .fx__texte { grid-column: 1; }
  }
}

/* === heros-mobiles-scenes.css === */

@supports (transform: scale(calc(100cqw / 1px))) {
  @media (max-width: 48rem) {
    
    .hero-apercu--cockpit .cockpit .cockpit__corps {
      display: grid;
      height: 38rem;
      grid-template-columns: 78px minmax(0, 1fr);
      grid-template-rows: 46px minmax(0, 1fr);
    }

    .hero-apercu--cockpit .cockpit .cockpit__colonne { display: contents; }
    .hero-apercu--cockpit .cockpit .cockpit__grille {
      grid-column: 2;
      grid-row: 2;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-rows: repeat(2, minmax(0, 1fr));
      padding-left: 0;
    }
    .hero-apercu--cockpit .cockpit .cockpit__grille .pane { display: flex; }
    .hero-apercu--cockpit .cockpit :is(.cockpit__rail, .cockpit__segmente, .cockpit__bascule, .cockpit__maj, .cockpit__workspaces) { display: flex; }
    .hero-apercu--cockpit .cockpit :is(.cockpit__interrupteur, .cockpit__bouton) { display: revert; }

    
    .hero-apercu--cockpit .cockpit__interrupteur:checked ~ .cockpit__corps { display: flex; }
    .hero-apercu--cockpit .cockpit__interrupteur:checked ~ .cockpit__corps .cockpit__colonne { display: flex; }
    .hero-apercu--cockpit .cockpit__interrupteur:checked ~ .cockpit__corps .cockpit__sidebar { display: flex; }
    .hero-apercu--cockpit .cockpit__interrupteur:checked ~ .cockpit__corps :is(.cockpit__rail, .cockpit__workspaces) { display: none; }
    .hero-apercu--cockpit .cockpit__interrupteur:checked ~ .cockpit__corps .cockpit__grille { padding-left: 0; }
    .hero-apercu--cockpit .cockpit__interrupteur:checked ~ .cockpit__titrebarre { border-bottom-color: transparent; }

    
    .hero-apercu--preparation .ecran-prevol {
      min-height: 700px;
      padding: 0;
    }
    .hero-apercu--preparation .modale {
      position: absolute;
      left: 0;
      top: 0;
      width: min(520px, calc(50% - 24px));
    }
    .hero-apercu--preparation .maj-cli { display: block; top: 8px; right: 0; width: min(400px, 44%); }
    .hero-apercu--preparation .modale__agents { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hero-apercu--preparation .modale__comptes { grid-template-columns: 150px minmax(0, 1fr); }
    .hero-apercu--preparation .reparation {
      position: absolute;
      left: auto;
      right: 0;
      bottom: 16px;
      width: min(560px, 50%);
      margin-top: 0;
    }
    .hero-apercu--preparation > .fx__visuel::before {
      inset: 0 -4%;
      background: radial-gradient(ellipse 45% 42% at 50% 45%, #efac831a, transparent 100%);
      filter: blur(38px);
    }

    
    .hero-apercu--wysp .scene-wysp { height: 440px; }
  }
}

/* === heros-mobiles-interface.css === */

@media (max-width: 48rem) {
  @supports (transform: scale(calc(100cqw / 1px))) {
    
    .orchestration-at .hero-apercu--orchestration .orch-scenario { padding: 1.75rem 2rem 0; border-radius: 1.25rem; }
    .orchestration-at .hero-apercu--orchestration .orch-scenario-entete { flex-direction: row; align-items: center; gap: 1.25rem; }
    .orchestration-at .hero-apercu--orchestration .orch-cas p { font-size: .9375rem; }
    .orchestration-at .hero-apercu--orchestration .orch-comparaison { max-width: none; font-size: .6875rem; }
    .orchestration-at .hero-apercu--orchestration .orch-commandes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: 1.5rem; }
    .orchestration-at .hero-apercu--orchestration .orch-commandes label { display: flex; flex-direction: column; gap: .375rem; min-height: 128px; padding: 1rem 1.125rem; }
    .orchestration-at .hero-apercu--orchestration .orch-mode-repere { grid-column: auto; grid-row: auto; align-self: auto; padding-top: 0; margin: 0 0 .3rem; font-size: .5625rem; }
    .orchestration-at .hero-apercu--orchestration .orch-mode-repere i { display: block; }
    .orchestration-at .hero-apercu--orchestration .orch-commandes label > strong { grid-column: auto; font-size: .9375rem; }
    .orchestration-at .hero-apercu--orchestration .orch-mode-description { grid-column: auto; }
    .orchestration-at .hero-apercu--orchestration .orch-diagramme { display: grid; grid-template-columns: minmax(0, .8fr) 2rem minmax(0, 1fr) 5.25rem minmax(0, 1.05fr); align-items: center; gap: 0; padding-block: 2.5rem; }
    .orchestration-at .hero-apercu--orchestration .orch-brief { display: block; grid-column: auto; padding: 1.25rem 1rem 1.25rem 0; border-bottom: 0; }
    .orchestration-at .hero-apercu--orchestration .orch-brief .orch-role { grid-column: auto; }
    .orchestration-at .hero-apercu--orchestration .orch-vous { grid-column: auto; margin: 1rem 0 .75rem; }
    .orchestration-at .hero-apercu--orchestration .orch-brief > p { grid-column: auto; grid-row: auto; align-self: auto; max-width: none; font-size: 1.125rem; }
    .orchestration-at .hero-apercu--orchestration .orch-fil { grid-column: auto; margin-top: 1rem; }
    .orchestration-at .hero-apercu--orchestration .orch-lien-brief { display: flex; flex-direction: row; align-self: auto; width: auto; height: auto; margin: 0; padding: 0 .5rem 0 0; }
    .orchestration-at .hero-apercu--orchestration .orch-lien-brief span { width: auto; height: 1px; }
    .orchestration-at .hero-apercu--orchestration .orch-lien-brief b { margin: 0 0 0 -1px; transform: translateY(-.5px); }
    .orchestration-at .hero-apercu--orchestration .orch-principal { grid-column: auto; padding: 1.25rem; }
    .orchestration-at .hero-apercu--orchestration .orch-etat-principal { min-height: 6rem; }
    .orchestration-at .hero-apercu--orchestration .orch-etat-principal p { font-size: .75rem; }
    .orchestration-at .hero-apercu--orchestration .orch-liaisons { display: block; grid-column: auto; }
    
    .orchestration-at .hero-apercu--orchestration .orch-equipe { position: static; grid-column: auto; margin-top: 0; padding-left: 0; }
    .orchestration-at .hero-apercu--orchestration .orch-equipe::before,
    .orchestration-at .hero-apercu--orchestration .orch-mission::before,
    .orchestration-at .hero-apercu--orchestration .orch-reviewer::before,
    .orchestration-at .hero-apercu--orchestration .orch-natifs::before { content: none; }
    .orchestration-at .hero-apercu--orchestration .orch-equipe-mobile { display: none; }
    .orchestration-at .hero-apercu--orchestration .orch-mission { position: static; gap: .75rem; min-height: 92px; padding: .875rem 1rem; }
    .orchestration-at .hero-apercu--orchestration .orch-natifs { position: static; padding: 1.25rem; }
    .orchestration-at .hero-apercu--orchestration .orch-reviewer { padding: .875rem 1rem; }
    .orchestration-at .hero-apercu--orchestration .orch-reviewer .orch-mission--revue { min-height: 0; padding: .875rem 0 .5rem; }
    .orchestration-at .hero-apercu--orchestration .orch-mission-contenu > strong { font-size: .8125rem; }
    .orchestration-at .hero-apercu--orchestration .orch-mission-contenu > p { font-size: .6875rem; }
    .orchestration-at .hero-apercu--orchestration .orch-statut { font-size: .5625rem; }
    .orchestration-at .hero-apercu--orchestration .orch-restitution { flex-direction: row; align-items: center; gap: 2rem; margin: 0 -2rem; padding: 1.5rem 2rem; border-radius: 0 0 1.25rem 1.25rem; }
    .orchestration-at .hero-apercu--orchestration .orch-recit { gap: 1rem; min-height: 5.3rem; }
    .orchestration-at .hero-apercu--orchestration .orch-recit h4 { font-size: .875rem; }
    .orchestration-at .hero-apercu--orchestration .orch-retour-vous { max-width: 11.25rem; margin-left: 0; }

  }
}

/* === catalogue-mobile.css === */

.catalogue-apercu { display: contents; }
@supports (transform: scale(calc(100cqw / 1px))) {
  @media (max-width: 48rem) {
    .catalogue-apercu {
      --catalogue-largeur: 832;
      
      --catalogue-hauteur: 311.4;
      display: block;
      position: relative;
      container-type: inline-size;
      width: 100%;
      max-width: 832px;
      min-width: 0;
      margin-inline: auto;
      aspect-ratio: var(--catalogue-largeur) / var(--catalogue-hauteur);
      -webkit-text-size-adjust: none;
      text-size-adjust: none;
    }
    .catalogue-apercu > .catalogue__amas {
      --catalogue-echelle: min(1, calc(100cqw / 1px / var(--catalogue-largeur)));
      position: absolute;
      top: 0;
      left: 0;
      width: calc(var(--catalogue-largeur) * 1px);
      min-width: 0;
      height: calc(var(--catalogue-hauteur) * 1px);
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: center;
      margin: 0;
      
      padding: 86.4px 0 0;
      overflow: visible;
      scroll-snap-type: none;
      transform-origin: top left;
      transform: scale(var(--catalogue-echelle));
    }
    .catalogue-apercu .outil { scroll-snap-align: none; }
  }
}