@font-face{font-family:"Orbitron";src:url("assets/fonts/orbitron.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"InterVar";src:url("assets/fonts/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrainsMonoVar";src:url("assets/fonts/jetbrains-mono.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  
  --bg:#fcfbf8;
  --ink:#1a1f2e;
  --ink-2:#5a6478;
  --ink-3:#9aa1ae;
  --line:#e3dfd3;
  
  --paint:#2d5f4e;
  --paint-deep:#1f4537;
  --paint-pale:#ecf3ef;
  
  
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");
  
  --dark:#0f1a15;
  --dark-ink:#eff4f1;
  --dark-ink-2:#93a89e;
  --dark-paint:#5fd3a4;

  --sc-canvas:var(--bg);
  --sc-surface:#fff;
  --sc-ink:var(--ink);
  --sc-ink-soft:var(--ink-2);
  --sc-accent:var(--paint);
  --sc-accent-ink:#fff;
  --sc-font-display:"Orbitron","Futura",system-ui,sans-serif;
  --sc-font-text:"InterVar","Helvetica Neue",system-ui,sans-serif;
  --sc-font-mono:"JetBrainsMonoVar",ui-monospace,"SF Mono",monospace;

  
  --sc-shadow-color:210 22% 18%;
  --sc-edge:inset 0 1px 0 rgba(255,255,255,.7);

  --pad:clamp(20px,4.4vw,68px);
  --ease:cubic-bezier(.16,1,.3,1);
  --nav-h:60px;
  --ground:var(--bg);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-color:color-mix(in srgb,var(--paint) 42%,transparent) transparent;scrollbar-width:thin;scroll-padding-top:calc(var(--nav-h) + 14px)}
body{
  margin:0;background-color:var(--bg);color:var(--ink);
  caret-color:var(--paint);accent-color:var(--paint);
  font-family:var(--sc-font-text);font-size:clamp(1rem,.96rem + .18vw,1.075rem);
  line-height:1.62;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;
}
::selection{background:var(--paint);color:#fff}
[data-ground="sombre"] ::selection{background:var(--dark-paint);color:var(--dark)}
:where(a,button,input,summary,audio,[tabindex]):focus-visible{outline:2px solid var(--paint);outline-offset:3px;border-radius:2px}
[data-ground="sombre"] :where(a,button,summary,audio):focus-visible{outline-color:var(--dark-paint)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:from-font}
main{position:relative;z-index:1}
.act{position:relative;background:var(--ground)}
.act[data-ground="sombre"]{--ground:var(--dark)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:-999px;top:calc(var(--nav-h) + 10px);z-index:90;background:var(--paint);color:#fff;padding:10px 16px;border-radius:2px;font-size:.9rem}
.skip:focus{left:12px}

.sc-display{
  font-family:var(--sc-font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.012em;line-height:.96;color:var(--ink);text-wrap:balance;
}
.sc-lede{font-size:clamp(1.08rem,1rem + .62vw,1.5rem);line-height:1.42;color:var(--ink);max-width:26em;font-weight:500}
.sc-body{color:var(--ink-2);max-width:40em;text-wrap:pretty}
.micro{font-size:.88rem;color:var(--ink-3);margin:0}
.mono{font-family:var(--sc-font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paint)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  background:var(--paint);color:#fff;text-decoration:none;font-weight:600;
  border-radius:999px;padding:.86em 1.5em;line-height:1;
  transition:background var(--sc-d-fast) var(--ease),transform var(--sc-d-fast) var(--ease);
}
.btn:hover{background:var(--paint-deep)}
.btn:active{transform:translateY(1px)}
.btn--sm{padding:.62em 1.05em;font-size:.9rem}
.btn--lg{padding:1em 1.9em;font-size:1.05rem}

.stage{background:var(--ground)}

.act--hero .sc-copy{max-width:min(44rem,52vw)}
.act--hero .btn{margin-top:clamp(18px,2.4vh,30px)}

.act--hero .sc-scrim--lead,.act--close .sc-scrim--lead{
  background:linear-gradient(to top right,
    color-mix(in oklab,var(--bg) 97%,transparent) 0%,
    color-mix(in oklab,var(--bg) 90%,transparent) 30%,
    color-mix(in oklab,var(--bg) 72%,transparent) 46%,
    color-mix(in oklab,var(--bg) 24%,transparent) 62%,
    transparent 78%)}
.act--hero .sc-display--xl{font-size:clamp(2.4rem,1.4rem + 4.2vw,5rem)}
.act--hero .sc-lede{margin-top:clamp(14px,1.6vh,26px)}
.act--hero .micro{margin-top:10px}

.scrollcue{display:flex;align-items:center;gap:10px;margin-top:clamp(20px,3vh,34px)}
.scrollcue__w{color:var(--paint)}
.scrollcue__chev{width:20px;height:12px;fill:none;stroke:var(--paint);stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;animation:respire 2.2s var(--ease) infinite}
@keyframes respire{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}
.scrollcue.is-gone{opacity:0;visibility:hidden;transition:opacity 260ms linear,visibility 0s 260ms}

.act--pb,.act--sol,.act--who,.act--proc,.act--art,.act--faq{padding-block:clamp(2.8rem,5vw,5.5rem)}

.act--proc{padding-block:clamp(3.6rem,6.6vw,7rem)}

.act--pb .constat{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(14px,3.4vw,34px);row-gap:clamp(10px,1.6vw,20px);
  align-items:start;
}

.orbite{display:contents;list-style:none;margin:0;padding:0}

.constat__bloc{grid-column:1 / -1;grid-row:3;text-align:center;
  margin-block:clamp(16px,3.4vw,30px)}

.constat__phrase{
  font-family:var(--sc-font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(2.2rem,1.1rem + 4.4vw,5.2rem);
  line-height:1.04;letter-spacing:-.005em;margin:0;
  
  max-width:17ch;text-wrap:balance;
  
  color:var(--sc-ink);
}
.constat__sous{
  margin-top:clamp(12px,1.6vw,20px);max-width:38em;
  color:var(--sc-ink-soft);
  
  text-wrap:balance;
}

.frag{
  display:inline-flex;align-items:center;min-height:44px;
  padding-block:4px;
  font-size:clamp(.86rem,.8rem + .24vw,1.02rem);line-height:1.32;
  
  text-wrap:balance;
  color:var(--sc-ink-soft);text-decoration:none;
  border-bottom:1px solid color-mix(in oklab,var(--sc-ink) 16%,transparent);
  align-self:start;
  transition:color 240ms var(--ease),border-color 240ms var(--ease);
}
.frag:hover,.frag:active,.frag:focus-visible{
  color:var(--sc-ink);border-bottom-color:var(--paint);
}

.orbite > li:not(.sc-in) .frag{pointer-events:none}

.orbite > li:nth-child(1){grid-column:1;grid-row:1}
.orbite > li:nth-child(2){grid-column:2;grid-row:1;justify-self:end;text-align:right}
.orbite > li:nth-child(3){grid-column:1;grid-row:2}
.orbite > li:nth-child(4){grid-column:2;grid-row:2;justify-self:end;text-align:right}
.orbite > li:nth-child(5){grid-column:1;grid-row:4}
.orbite > li:nth-child(6){grid-column:2;grid-row:4;justify-self:end;text-align:right}
.orbite > li:nth-child(7){grid-column:1 / -1;grid-row:5;justify-self:center;text-align:center}

@media (min-width:861px){
  .act--pb .constat{
    
    grid-template-columns:1.2fr .55fr 1.5fr .55fr 1.2fr;
    grid-template-rows:auto auto auto;
    
    column-gap:clamp(16px,1.8vw,32px);row-gap:clamp(16px,2vw,30px);
    align-items:center;
  }
  
  .constat__bloc{grid-column:2 / 5;grid-row:2;margin-block:0;
    text-align:center;justify-self:center}
  .constat__phrase{margin-inline:auto}
  .constat__sous{margin-inline:auto}
  
  .orbite > li{justify-self:center;text-align:center}
  .orbite > li:nth-child(n){grid-row:auto}
  .orbite > li:nth-child(1){grid-column:1;grid-row:1;justify-self:start;text-align:left}
  .orbite > li:nth-child(2){grid-column:3;grid-row:1}
  .orbite > li:nth-child(3){grid-column:5;grid-row:1;justify-self:end;text-align:right}
  .orbite > li:nth-child(4){grid-column:1;grid-row:2;justify-self:start;text-align:left}
  .orbite > li:nth-child(5){grid-column:5;grid-row:2;justify-self:end;text-align:right}
  .orbite > li:nth-child(6){grid-column:1;grid-row:3;justify-self:start;text-align:left}
  .orbite > li:nth-child(7){grid-column:5;grid-row:3;justify-self:end;text-align:right}
}

[data-ground="sombre"]{--sc-canvas:var(--dark);--sc-ink:var(--dark-ink);
  --sc-ink-soft:var(--dark-ink-2);color:var(--dark-ink)}
[data-ground="sombre"] .sc-display,
[data-ground="sombre"] h2,
[data-ground="sombre"] h3{color:var(--dark-ink)}
[data-ground="sombre"] .sc-body{color:var(--dark-ink-2)}
[data-ground="sombre"] .mono{color:var(--dark-paint)}
[data-ground="sombre"] .sc-display--md{font-size:clamp(1.8rem,1.3rem + 2vw,2.9rem)}

.act--sol{position:relative;isolation:isolate}
.act--sol > .sc-wrap{position:relative;z-index:1}

.act--sol::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 63px,
      color-mix(in oklab,var(--dark-ink) 4%,transparent) 63px 64px),
    repeating-linear-gradient(90deg,transparent 0 63px,
      color-mix(in oklab,var(--dark-ink) 4%,transparent) 63px 64px);
  
  -webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 42%,transparent 100%);
  mask-image:radial-gradient(120% 90% at 50% 45%,#000 42%,transparent 100%);
}

.act--sol::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:var(--grain);background-size:140px 140px;
  opacity:.055;mix-blend-mode:overlay}

.rail{
  --inset:max(var(--sc-gutter),calc(50% - var(--sc-maxw) / 2 + var(--sc-gutter)));
  --carte-r:20px;
  position:relative;margin-top:clamp(22px,3vw,40px);
}
.rail__piste{
  display:flex;gap:clamp(12px,1.1vw,16px);margin:0;list-style:none;
  
  padding:10px var(--inset);
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--inset);
  scrollbar-width:none;-ms-overflow-style:none;
}
.rail__piste::-webkit-scrollbar{display:none}
.rail__piste:focus-visible{outline-offset:-4px}

@media (hover:hover) and (pointer:fine){
  .rail__piste{cursor:grab}
  .rail__piste--tire{cursor:grabbing;scroll-snap-type:none;user-select:none}
}

.carte{
  flex:0 0 auto;scroll-snap-align:start;position:relative;
  border-radius:var(--carte-r);overflow:hidden;
  transition:transform 520ms var(--ease),box-shadow 520ms var(--ease),
             border-color 520ms var(--ease);
}

.rail__nav{display:flex;justify-content:flex-end;gap:10px;
  padding:clamp(12px,1.4vw,18px) var(--inset) 0}
.rail__btn{
  width:46px;height:46px;border-radius:999px;display:grid;place-items:center;
  cursor:pointer;background:transparent;
  border:1px solid color-mix(in oklab,var(--ink) 22%,transparent);
  color:var(--ink-2);
  transition:background var(--sc-d-base) var(--ease),color var(--sc-d-base) var(--ease),
             border-color var(--sc-d-base) var(--ease),transform var(--sc-d-base) var(--ease);
}
.rail__btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round}
.rail__btn:hover,.rail__btn:active,.rail__btn:focus-visible{
  background:var(--paint);border-color:var(--paint);color:#fff}
.rail__btn:disabled{opacity:.3;cursor:default}
.rail__btn:disabled:hover,.rail__btn:disabled:active,.rail__btn:disabled:focus-visible{
  background:transparent;border-color:color-mix(in oklab,var(--ink) 22%,transparent);
  color:var(--ink-2)}
[data-ground="sombre"] .rail__btn{
  border-color:color-mix(in oklab,var(--dark-ink) 24%,transparent);color:var(--dark-ink-2)}
[data-ground="sombre"] .rail__btn:hover,[data-ground="sombre"] .rail__btn:active,
[data-ground="sombre"] .rail__btn:focus-visible{
  background:var(--dark-paint);border-color:var(--dark-paint);color:var(--dark)}
[data-ground="sombre"] .rail__btn:disabled:hover,
[data-ground="sombre"] .rail__btn:disabled:active,
[data-ground="sombre"] .rail__btn:disabled:focus-visible{background:transparent;
  border-color:color-mix(in oklab,var(--dark-ink) 24%,transparent);color:var(--dark-ink-2)}

.carte[data-sc-in]{transform:translate3d(22px,0,0)}
.carte[data-sc-in].sc-in{transform:none}
.rail__piste > :nth-child(2){transition-delay:60ms}
.rail__piste > :nth-child(3){transition-delay:120ms}
.rail__piste > :nth-child(4){transition-delay:180ms}
.rail__piste > :nth-child(n+5){transition-delay:240ms}

.sol__lede{margin-top:12px}
.rail--sol .carte{
  width:320px;height:500px;
  display:grid;grid-template-rows:1fr auto;
  background:linear-gradient(168deg,#16241d 0%,#101b15 64%);
  border:1px solid color-mix(in oklab,var(--dark-paint) 15%,transparent);
  box-shadow:0 1px 0 color-mix(in oklab,#fff 7%,transparent) inset,
             0 20px 40px -28px #000;
}
.rail--sol .carte:hover,.rail--sol .carte:focus-within{
  border-color:color-mix(in oklab,var(--dark-paint) 42%,transparent);
  transform:translateY(-4px);
  box-shadow:0 1px 0 color-mix(in oklab,#fff 9%,transparent) inset,
             0 28px 48px -28px #000}

.ecran{
  position:relative;margin:13px 13px 0;border-radius:11px;overflow:hidden;
  padding:11px 13px 13px;min-height:180px;
  background:
    linear-gradient(180deg,color-mix(in oklab,var(--dark-paint) 5%,transparent) 0%,transparent 34%),
    radial-gradient(130% 100% at 10% -10%,#0e1a14 0%,#070d0a 100%);
  border:1px solid color-mix(in oklab,var(--dark-paint) 12%,transparent);
  display:flex;flex-direction:column;
}

.ecran::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,transparent 0 2px,
    color-mix(in oklab,var(--dark-ink) 3%,transparent) 2px 3px);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 30%,transparent 100%);
  mask-image:radial-gradient(120% 100% at 50% 0%,#000 30%,transparent 100%)}

.ecran__hd{position:relative;z-index:1;display:flex;align-items:center;gap:8px;
  padding-bottom:9px;
  border-bottom:1px solid color-mix(in oklab,var(--dark-ink) 8%,transparent)}
.ecran__ic{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;
  border-radius:8px;
  background:color-mix(in oklab,var(--ac) 14%,transparent);
  border:1px solid color-mix(in oklab,var(--ac) 26%,transparent)}
.ecran__ic svg{width:16px;height:16px;fill:none;stroke:var(--ac);stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round}
.ecran__tete{flex:1 1 auto;min-width:0;display:block;
  font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  color:color-mix(in oklab,var(--ac) 72%,var(--dark-ink-2));
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ecran__etat{flex:0 0 auto;font-family:var(--sc-font-mono);font-size:.54rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ac);white-space:nowrap}
.ecran__etat::before{content:"";display:inline-block;width:5px;height:5px;
  border-radius:50%;background:var(--ac);margin-right:5px;vertical-align:middle;
  animation:oeil 2.8s var(--ease) infinite}

.ecran__oeil{position:absolute;top:14px;right:13px;width:6px;height:6px;border-radius:50%;
  background:var(--ac);box-shadow:0 0 0 0 color-mix(in oklab,var(--ac) 50%,transparent);
  animation:oeil 2.8s var(--ease) infinite}
@keyframes oeil{0%,100%{opacity:.5;box-shadow:0 0 0 0 color-mix(in oklab,var(--ac) 45%,transparent)}
  50%{opacity:1;box-shadow:0 0 0 5px color-mix(in oklab,var(--ac) 0%,transparent)}}
.ecran__corps{position:relative;z-index:1;flex:1 1 auto;
  display:flex;flex-direction:column;justify-content:center;gap:9px;padding-block:11px}

.ecran--appel{--ac:#5fd3a4}
.ecran--chat{--ac:#6fb6f2}
.ecran--facture{--ac:#f2c879}
.ecran--parc{--ac:#d2703f}
.ecran--mails{--ac:#b49af0}
.ecran--vitrine{--ac:#ef7f7f}
.ecran--prospect{--ac:#9fd06a}

.ecran__img{display:block;max-width:100%}
.ecran__img--fond{position:absolute;inset:0;z-index:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 46%}
.ecran__voile{position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(180deg,
      color-mix(in oklab,#060b09 72%,transparent) 0%,
      color-mix(in oklab,#060b09 46%,transparent) 42%,
      color-mix(in oklab,#060b09 84%,transparent) 100%)}

.ecran--appel .ecran__corps{justify-content:flex-start;gap:7px}
.ecran--appel .player__track{
  height:13px;border-radius:7px;overflow:hidden;
  background:color-mix(in oklab,#060b09 55%,transparent);
  border:1px solid color-mix(in oklab,var(--ac) 22%,transparent)}
.ecran--appel .player__fill{
  background:linear-gradient(90deg,color-mix(in oklab,var(--ac) 55%,transparent),var(--ac))}
.ecran__fnom{display:block;margin-top:6px;padding-top:9px;
  border-top:1px solid color-mix(in oklab,var(--dark-ink) 12%,transparent);
  font-size:.52rem;letter-spacing:.09em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 88%,transparent)}
.ecran__champ{display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;padding:5px 2px;
  border-bottom:1px dashed color-mix(in oklab,var(--dark-ink) 10%,transparent)}
.ecran__champ:last-child{border-bottom:0}
.ecran__lib{font-style:normal;font-family:var(--sc-font-mono);
  font-size:.52rem;letter-spacing:.07em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 85%,transparent)}
.ecran__val{font-size:.8rem;line-height:1.3;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecran__val--astreinte{color:var(--ac)}

.ecran--appel.is-armee .ecran__val{opacity:0;transform:translateX(5px)}
.ecran--appel.is-armee .ecran__champ::after{content:"";position:absolute;right:2px;
  width:34px;height:2px;border-radius:1px;
  background:color-mix(in oklab,var(--dark-ink) 16%,transparent)}
.ecran--appel.is-armee .ecran__champ{position:relative}
.ecran--appel.is-armee .ecran__champ.is-dit::after{opacity:0}
.ecran--appel.is-armee .ecran__champ.is-dit .ecran__val{opacity:1;transform:none;
  transition:opacity .4s var(--ease),transform .4s var(--ease)}

.ecran--chat .ecran__corps{justify-content:flex-end;gap:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26px,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 26px,#000 100%)}
.chat__av{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;
  border-radius:9px;font-style:normal;font-family:var(--sc-font-mono);
  font-size:.64rem;font-weight:600;color:var(--ac);
  background:color-mix(in oklab,var(--ac) 14%,transparent);
  border:1px solid color-mix(in oklab,var(--ac) 24%,transparent)}
.chat__ident{flex:1 1 auto;min-width:0;display:grid;gap:1px}
.chat__nom{font-size:.74rem;font-weight:500;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat__sous{font-style:normal;font-family:var(--sc-font-mono);font-size:.48rem;
  letter-spacing:.09em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 80%,transparent)}
.chat__fil{display:flex;flex-direction:column;gap:4px;margin-top:auto}
.chat__b{display:block;max-width:87%;padding:6px 10px;font-size:.72rem;
  line-height:1.3;border-radius:12px 12px 12px 4px;color:var(--dark-ink);
  background:color-mix(in oklab,var(--dark-paint) 9%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 13%,transparent)}
.chat__b--eux{align-self:flex-start}
.chat__b--nous{align-self:flex-end;border-radius:12px 12px 4px 12px;
  background:color-mix(in oklab,var(--ac) 14%,transparent);
  border-color:color-mix(in oklab,var(--ac) 28%,transparent)}
.chat__ticket{display:grid;gap:1px;margin-top:2px;padding:6px 10px;border-radius:9px;
  border:1px dashed color-mix(in oklab,var(--ac) 42%,transparent);
  background:color-mix(in oklab,var(--ac) 8%,transparent)}
.chat__tt{font-family:var(--sc-font-mono);font-size:.5rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ac)}
.chat__td{font-style:normal;font-size:.7rem;line-height:1.3;color:var(--dark-ink-2)}
.chat__frappe{display:none;align-self:flex-start;align-items:center;gap:3px;
  margin-top:6px;padding:9px 11px;border-radius:12px 12px 12px 4px;
  background:color-mix(in oklab,var(--dark-paint) 9%,transparent)}
.chat__frappe i{display:block;width:4px;height:4px;border-radius:50%;
  background:color-mix(in oklab,var(--dark-ink-2) 90%,transparent);
  animation:frappe 1.1s var(--ease) infinite}
.chat__frappe i:nth-child(2){animation-delay:.15s}
.chat__frappe i:nth-child(3){animation-delay:.3s}
@keyframes frappe{0%,62%,100%{opacity:.26;transform:translateY(0)}
  32%{opacity:.95;transform:translateY(-2px)}}
.ecran--chat.is-joue .chat__b,.ecran--chat.is-joue .chat__ticket{display:none}
.ecran--chat.is-joue .chat__b.is-dit{display:block;animation:bulle .34s var(--ease) both}
.ecran--chat.is-joue .chat__ticket.is-dit{display:grid;animation:bulle .34s var(--ease) both}
.ecran--chat.is-joue .chat__frappe.is-dit{display:flex}
@keyframes bulle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.chat__saisie{display:flex;align-items:center;gap:8px;margin-top:6px;
  padding:5px 6px 5px 10px;border-radius:999px;
  background:color-mix(in oklab,var(--dark-ink) 5%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-ink) 11%,transparent)}
.chat__vide{flex:1 1 auto;min-width:0;font-style:normal;font-size:.7rem;
  color:color-mix(in oklab,var(--dark-ink-2) 78%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat__envoi{position:relative;flex:0 0 auto;width:20px;height:20px;border-radius:50%;
  background:color-mix(in oklab,var(--ac) 82%,transparent)}
.chat__envoi::after{content:"";position:absolute;left:6px;top:6px;
  width:0;height:0;border-left:7px solid var(--dark);
  border-top:4px solid transparent;border-bottom:4px solid transparent}

.ecran--facture .ecran__corps{justify-content:center}
.fact__scene{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;
  align-items:start}
.fact__doc{position:relative;overflow:hidden;display:grid;gap:5px;align-content:start;
  padding:9px 8px 10px;border-radius:5px;
  background:color-mix(in oklab,var(--dark-ink) 8%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-ink) 12%,transparent);
  box-shadow:0 7px 16px -12px #000}
.fact__de{font-style:normal;font-family:var(--sc-font-mono);font-size:.42rem;
  letter-spacing:.09em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 78%,transparent)}
.fact__dt{font-size:.6rem;font-weight:600;line-height:1.18;color:var(--dark-ink)}
.fact__dl{display:block;height:3px;border-radius:2px;
  background:color-mix(in oklab,var(--dark-ink) 16%,transparent)}
.fact__dl--court{width:56%}
.fact__tampon{justify-self:start;margin-top:4px;padding:2px 7px;border-radius:3px;
  font-family:var(--sc-font-mono);font-size:.44rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ac);
  border:1px solid color-mix(in oklab,var(--ac) 48%,transparent);
  transform:rotate(-7deg)}
.fact__balai{position:absolute;left:0;right:0;top:0;height:22px;pointer-events:none;
  background:linear-gradient(180deg,transparent,
    color-mix(in oklab,var(--ac) 26%,transparent),transparent);
  animation:balai 4.4s var(--ease) infinite}
@keyframes balai{0%{transform:translateY(-24px);opacity:0}
  10%{opacity:1}72%{opacity:1}
  86%,100%{transform:translateY(160px);opacity:0}}
.fact__form{display:grid;gap:5px}
.fact__ch{display:flex;align-items:baseline;justify-content:space-between;gap:9px;
  padding:7px 9px;border-radius:7px;
  background:color-mix(in oklab,var(--dark-paint) 6%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 11%,transparent)}
.fact__ch--fort{border-color:color-mix(in oklab,var(--ac) 40%,transparent);
  background:color-mix(in oklab,var(--ac) 9%,transparent)}
.fact__cl{font-style:normal;font-family:var(--sc-font-mono);font-size:.5rem;
  letter-spacing:.07em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 85%,transparent)}
.fact__cv{min-width:0;font-size:.72rem;text-align:right;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  animation:inscrit 4.4s var(--ease) infinite}
.fact__ch--fort .fact__cv{color:var(--ac)}
.fact__ch:nth-child(1) .fact__cv{animation-delay:.55s}
.fact__ch:nth-child(2) .fact__cv{animation-delay:.95s}
.fact__ch:nth-child(3) .fact__cv{animation-delay:1.35s}
.fact__ch:nth-child(4) .fact__cv{animation-delay:1.75s}
@keyframes inscrit{0%,6%{opacity:0;transform:translateX(5px)}
  18%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateX(5px)}}

.ecran--parc .ecran__corps{justify-content:center;gap:9px}
.parc__liste{display:grid;gap:6px}
.parc__l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 9px;
  align-items:center;padding:7px 9px;border-radius:8px;
  background:color-mix(in oklab,var(--dark-paint) 6%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 11%,transparent);
  transition:border-color 420ms var(--ease),background 420ms var(--ease)}
.parc__cl{grid-column:1;font-size:.74rem;font-weight:500;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.parc__ma{grid-column:1;grid-row:2;font-style:normal;font-size:.58rem;
  color:color-mix(in oklab,var(--dark-ink-2) 86%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.parc__ec{grid-column:2;grid-row:1 / span 2;justify-self:end;font-style:normal;
  font-family:var(--sc-font-mono);font-size:.46rem;letter-spacing:.07em;
  text-transform:uppercase;white-space:nowrap;
  color:color-mix(in oklab,var(--dark-ink-2) 70%,transparent);
  transition:color 420ms var(--ease)}

.parc__l--une{animation:parc-chaud 7s var(--ease) infinite}
.parc__l--une .parc__ec{animation:parc-echeance 7s var(--ease) infinite}
@keyframes parc-chaud{
  0%,14%{border-color:color-mix(in oklab,var(--dark-paint) 11%,transparent);
         background:color-mix(in oklab,var(--dark-paint) 6%,transparent)}
  26%,74%{border-color:color-mix(in oklab,var(--ac) 34%,transparent);
          background:color-mix(in oklab,var(--ac) 9%,transparent)}
  88%,100%{border-color:color-mix(in oklab,var(--dark-paint) 11%,transparent);
           background:color-mix(in oklab,var(--dark-paint) 6%,transparent)}}
@keyframes parc-echeance{
  0%,14%{color:color-mix(in oklab,var(--dark-ink-2) 70%,transparent)}
  26%,74%{color:var(--ac)}
  88%,100%{color:color-mix(in oklab,var(--dark-ink-2) 70%,transparent)}}

.parc__rappel{align-self:flex-start;padding:4px 10px;border-radius:999px;
  font-family:var(--sc-font-mono);font-size:.5rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ac);
  background:color-mix(in oklab,var(--ac) 11%,transparent);
  border:1px solid color-mix(in oklab,var(--ac) 30%,transparent);
  animation:parc-rappel 7s var(--ease) infinite}
.parc__rappel::before{content:"";display:inline-block;width:5px;height:5px;
  border-radius:50%;margin-right:6px;vertical-align:1px;background:var(--ac)}
@keyframes parc-rappel{
  0%,40%{opacity:0;transform:translateY(5px)}
  50%,74%{opacity:1;transform:none}
  86%,100%{opacity:0;transform:translateY(5px)}}

.ecran--mails .ecran__corps{justify-content:center}
.mail__scene{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:9px;align-items:stretch}
.mail__liste{display:grid;gap:4px;align-content:start}
.mail__l{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;
  align-items:center;padding:6px 7px;border-radius:7px;
  background:color-mix(in oklab,var(--dark-paint) 5%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 10%,transparent)}
.mail__av{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;
  font-style:normal;font-family:var(--sc-font-mono);font-size:.5rem;font-weight:600;
  color:color-mix(in oklab,var(--dark-ink-2) 96%,transparent);
  background:color-mix(in oklab,var(--dark-ink) 8%,transparent)}
.mail__av--neuf{color:var(--ac);background:color-mix(in oklab,var(--ac) 16%,transparent)}
.mail__lt{display:grid;gap:1px;min-width:0}
.mail__de{font-family:var(--sc-font-mono);font-size:.44rem;letter-spacing:.08em;
  text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 72%,transparent)}
.mail__obj{font-style:normal;font-size:.68rem;line-height:1.2;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail__p{grid-column:1 / -1;justify-self:start;font-style:normal;
  font-family:var(--sc-font-mono);font-size:.42rem;letter-spacing:.07em;
  color:color-mix(in oklab,var(--dark-ink-2) 62%,transparent)}
.mail__l--neuf{border-color:color-mix(in oklab,var(--ac) 38%,transparent);
  background:color-mix(in oklab,var(--ac) 9%,transparent)}
.mail__p--neuf{color:var(--ac)}
.mail__apercu{display:grid;gap:6px;align-content:start;padding:9px 10px;
  border-radius:7px;
  background:color-mix(in oklab,var(--dark-ink) 5%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-ink) 10%,transparent)}
.mail__objet{font-size:.68rem;font-weight:600;line-height:1.2;color:var(--dark-ink)}
.mail__ligne{font-style:normal;font-size:.62rem;line-height:1.36;
  color:color-mix(in oklab,var(--dark-ink-2) 94%,transparent)}
.mail__sign{display:block;width:44%;height:3px;border-radius:2px;margin-top:2px;
  background:color-mix(in oklab,var(--ac) 34%,transparent)}

.ecran--vitrine .ecran__corps{justify-content:center;gap:0;overflow:hidden}
.nav__barre{display:flex;align-items:center;gap:9px;padding:5px 8px;
  border-radius:6px 6px 0 0;
  background:color-mix(in oklab,var(--dark-ink) 7%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-ink) 11%,transparent);
  border-bottom:0}
.nav__pastilles{flex:0 0 auto;display:block;width:26px;height:6px;
  background:
    radial-gradient(circle 3px at 3px 3px,color-mix(in oklab,var(--dark-ink) 22%,transparent) 96%,transparent 100%),
    radial-gradient(circle 3px at 13px 3px,color-mix(in oklab,var(--dark-ink) 22%,transparent) 96%,transparent 100%),
    radial-gradient(circle 3px at 23px 3px,color-mix(in oklab,var(--dark-ink) 22%,transparent) 96%,transparent 100%)}
.nav__url{flex:1 1 auto;min-width:0;font-family:var(--sc-font-mono);font-size:.5rem;
  letter-spacing:.04em;padding:2px 7px;border-radius:999px;
  color:color-mix(in oklab,var(--dark-ink-2) 92%,transparent);
  background:color-mix(in oklab,var(--dark) 55%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.site__cadre{position:relative;overflow:hidden;flex:0 0 auto;height:160px;
  border-radius:0 0 6px 6px;
  background:color-mix(in oklab,var(--dark-ink) 4%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-ink) 11%,transparent)}
.site__page{position:absolute;left:0;right:0;top:0;display:grid;gap:6px;padding:7px;
  animation:visite 13s ease-in-out infinite}

@keyframes visite{0%,16%{transform:translateY(0)}
  52%,64%{transform:translateY(calc(-1 * var(--course,34px)))}
  96%,100%{transform:translateY(0)}}
.site__hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.site__logo{font-family:var(--sc-font-display);font-weight:700;font-size:.56rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--dark-ink)}
.site__menu{flex:0 0 auto;display:block;width:24px;height:5px;
  background:
    linear-gradient(color-mix(in oklab,var(--dark-ink) 20%,transparent) 0 0) 0 0/6px 2px no-repeat,
    linear-gradient(color-mix(in oklab,var(--dark-ink) 20%,transparent) 0 0) 9px 0/6px 2px no-repeat,
    linear-gradient(color-mix(in oklab,var(--dark-ink) 20%,transparent) 0 0) 18px 0/6px 2px no-repeat}
.site__hero{position:relative;overflow:hidden;border-radius:5px;display:block}
.ecran__img--hero{width:100%;height:76px;object-fit:cover}

.site__hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(4,9,7,.88) 0%,rgba(4,9,7,.55) 38%,transparent 70%)}
.site__ht{position:absolute;z-index:1;left:8px;right:8px;bottom:7px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.site__mots{min-width:0}
.site__h1{display:block;font-size:.6rem;font-weight:600;line-height:1.16;color:#f4f8f6}
.site__h2{display:block;font-style:normal;font-size:.48rem;line-height:1.24;
  margin-top:1px;color:#c6d2cc}

.site__cta{flex:0 0 auto;padding:3px 9px;border-radius:999px;
  font-style:normal;font-family:var(--sc-font-mono);font-size:.44rem;
  letter-spacing:.08em;text-transform:uppercase;color:var(--dark);
  background:color-mix(in oklab,var(--ac) 88%,#fff)}
.site__serv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.site__serv i{font-style:normal;font-size:.5rem;line-height:1.2;text-align:center;
  padding:7px 3px;border-radius:5px;
  color:color-mix(in oklab,var(--dark-ink-2) 96%,transparent);
  background:color-mix(in oklab,var(--dark-paint) 6%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 10%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.site__zone{display:flex;align-items:baseline;gap:7px;padding:6px 7px;border-radius:5px;
  background:color-mix(in oklab,var(--ac) 7%,transparent);
  border:1px solid color-mix(in oklab,var(--ac) 14%,transparent)}
.site__zl{flex:0 0 auto;font-style:normal;font-family:var(--sc-font-mono);font-size:.42rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ac)}
.site__zv{min-width:0;font-size:.5rem;line-height:1.2;
  color:color-mix(in oklab,var(--dark-ink-2) 96%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site__pied{padding-top:6px;font-family:var(--sc-font-mono);font-size:.42rem;
  letter-spacing:.07em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 58%,transparent);
  border-top:1px solid color-mix(in oklab,var(--dark-ink) 8%,transparent)}

.gfiche{position:relative;z-index:2;margin:-18px -4px 0 auto;width:74%;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 8px;
  align-items:center;padding:6px 9px;border-radius:8px;
  background:color-mix(in oklab,var(--dark) 92%,#fff);
  border:1px solid color-mix(in oklab,var(--dark-ink) 14%,transparent);
  box-shadow:0 14px 26px -18px #000}
.gfiche__pin{grid-row:1 / span 2;width:13px;height:13px;
  border-radius:50% 50% 50% 0;transform:rotate(-45deg);
  background:color-mix(in oklab,var(--ac) 80%,transparent)}
.gfiche__txt{grid-column:2;display:grid;gap:1px;min-width:0}
.gfiche__nom{font-size:.66rem;font-weight:500;line-height:1.18;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfiche__cat{font-style:normal;font-size:.48rem;line-height:1.16;
  color:color-mix(in oklab,var(--dark-ink-2) 82%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.gfiche__etoiles{grid-column:3;grid-row:1;justify-self:end;display:block;width:45px;height:9px;
  background:color-mix(in oklab,#f2c879 90%,transparent);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath d='M3.5 0l1.05 2.2 2.45.3-1.8 1.6.48 2.4L3.5 5.3 1.32 6.5l.48-2.4L0 2.5l2.45-.3z' fill='%23000'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'%3E%3Cpath d='M3.5 0l1.05 2.2 2.45.3-1.8 1.6.48 2.4L3.5 5.3 1.32 6.5l.48-2.4L0 2.5l2.45-.3z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size:9px 9px;mask-size:9px 9px;
  -webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}

.gfiche__ouvert{grid-column:3;grid-row:2;justify-self:end;font-style:normal;
  font-family:var(--sc-font-mono);font-size:.44rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ac)}

.ecran--prospect .ecran__corps{justify-content:center;gap:8px}
.pro__filtre{display:flex;align-items:center;gap:8px;padding:6px 10px;
  border-radius:999px;
  background:color-mix(in oklab,var(--dark-ink) 5%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-ink) 11%,transparent)}
.pro__fi{position:relative;flex:0 0 auto;display:block;width:11px;height:11px;
  border-radius:50%;
  border:1.5px solid color-mix(in oklab,var(--dark-ink-2) 80%,transparent)}
.pro__fi::after{content:"";position:absolute;right:-4px;bottom:-3px;width:5px;height:1.5px;
  border-radius:1px;transform:rotate(45deg);
  background:color-mix(in oklab,var(--dark-ink-2) 80%,transparent)}

.pro__fq{flex:1 1 auto;min-width:0;font-family:var(--sc-font-mono);font-size:.5rem;
  letter-spacing:.07em;text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 92%,transparent);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro__fq > span{display:inline-block;clip-path:inset(0 100% 0 0);
  animation:pro-tape 9s steps(24,end) infinite}
@keyframes pro-tape{
  0%{clip-path:inset(0 100% 0 0)}
  22%,92%{clip-path:inset(0 0 0 0)}
  100%{clip-path:inset(0 100% 0 0)}}
.pro__liste{display:grid;gap:6px}

.pro__c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 9px;
  align-items:center;padding:7px 9px;border-radius:8px;
  background:color-mix(in oklab,var(--dark-paint) 6%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 11%,transparent);
  opacity:0}

.pro__c--1{animation:pro-fiche-1 9s var(--ease) infinite}
.pro__c--2{animation:pro-fiche-2 9s var(--ease) infinite}
.pro__c--3{animation:pro-fiche-3 9s var(--ease) infinite}
@keyframes pro-fiche-1{
  0%,25%{opacity:0;transform:translateY(6px)}
  31%,88%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:translateY(6px)}}
@keyframes pro-fiche-2{
  0%,31%{opacity:0;transform:translateY(6px)}
  37%,88%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:translateY(6px)}}
@keyframes pro-fiche-3{
  0%,37%{opacity:0;transform:translateY(6px)}
  43%,88%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:translateY(6px)}}
.pro__lettre{grid-row:1 / span 2;display:grid;place-items:center;width:26px;height:26px;
  border-radius:8px;font-style:normal;font-family:var(--sc-font-display);
  font-weight:700;font-size:.6rem;color:var(--ac);
  background:color-mix(in oklab,var(--ac) 13%,transparent);
  border:1px solid color-mix(in oklab,var(--ac) 22%,transparent)}
.pro__txt{grid-column:2;display:grid;gap:1px;min-width:0}
.pro__nom{font-size:.74rem;font-weight:500;color:var(--dark-ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro__ou{font-style:normal;font-size:.58rem;
  color:color-mix(in oklab,var(--dark-ink-2) 86%,transparent)}
.pro__role{grid-column:3;grid-row:1;justify-self:end;font-style:normal;
  font-family:var(--sc-font-mono);font-size:.44rem;letter-spacing:.07em;
  text-transform:uppercase;
  color:color-mix(in oklab,var(--dark-ink-2) 70%,transparent)}

.pro__ok{grid-column:3;grid-row:2;justify-self:end;padding:1px 6px;border-radius:3px;
  font-family:var(--sc-font-mono);font-size:.42rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ac);
  background:color-mix(in oklab,var(--ac) 12%,transparent);
  opacity:0}
.pro__c--1 .pro__ok{animation:pro-ok-1 9s var(--ease) infinite}
.pro__c--2 .pro__ok{animation:pro-ok-2 9s var(--ease) infinite}
.pro__c--3 .pro__ok{animation:pro-ok-3 9s var(--ease) infinite}
@keyframes pro-ok-1{
  0%,46%{opacity:0;transform:scale(.88)}
  51%,88%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:scale(.88)}}
@keyframes pro-ok-2{
  0%,52%{opacity:0;transform:scale(.88)}
  57%,88%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:scale(.88)}}
@keyframes pro-ok-3{
  0%,58%{opacity:0;transform:scale(.88)}
  63%,88%{opacity:1;transform:none}
  95%,100%{opacity:0;transform:scale(.88)}}

.carte__texte{padding:16px 17px 18px;display:flex;flex-direction:column;
  min-height:178px}
.carte__t{display:block;font-family:var(--sc-font-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.012em;line-height:1.14;
  font-size:.92rem;color:var(--dark-ink);margin:0}
.carte__pts{display:grid;gap:9px;margin:13px 0 0;padding:0;list-style:none}
.carte__pts li{position:relative;padding-left:15px;font-size:.88rem;line-height:1.4;
  color:var(--dark-ink-2)}
.carte__pts li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:2px;
  border-radius:1px;background:var(--dark-paint)}

.rail .carte--fin{background:var(--paint);border-color:var(--paint-deep)}
.rail--sol .carte--fin{box-shadow:0 20px 40px -28px #000}

.carte__lien{display:grid;grid-template-rows:1fr auto;gap:0;
  height:100%;padding:13px 13px 0;text-decoration:none;color:#fff}
.carte--fin .carte__ic{display:grid;place-items:center;
  border-radius:11px;
  border:1px dashed color-mix(in oklab,#fff 34%,transparent);
  background:color-mix(in oklab,#fff 7%,transparent)}
.carte--fin .carte__cadre{display:contents}
.carte--fin .carte__bas{padding:16px 4px 18px;display:flex;flex-direction:column;gap:9px}
.carte--fin .tool{width:46px;height:46px;fill:none;stroke:#fff;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.carte--fin .carte__t{color:#fff}
.carte__one{display:block;font-size:.9rem;line-height:1.42;
  color:color-mix(in oklab,#fff 86%,var(--paint))}
.rail--who .carte--fin .carte__one{font-family:var(--sc-font-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.012em;font-size:.78rem;line-height:1.3;color:#fff}

.carte__go{display:inline-flex;align-items:center;gap:8px;margin-top:4px;
  font-family:var(--sc-font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;font-size:.68rem;color:#fff}
.carte__go svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform var(--sc-d-base) var(--ease)}
.carte--fin:hover .carte__go svg,.carte--fin:active .carte__go svg,
.carte--fin:focus-within .carte__go svg{transform:translateX(5px)}
.carte--fin:hover,.carte--fin:focus-within{background:var(--paint-deep);transform:translateY(-4px)}
.carte--fin:hover .carte__ic,.carte--fin:focus-within .carte__ic{
  background:color-mix(in oklab,#fff 22%,transparent)}

.sol__note{margin-top:clamp(14px,2vw,22px);font-size:.84rem;color:var(--dark-ink-2);
  opacity:.85;max-width:46em}

.sol__calcul{margin-top:clamp(8px,1vw,12px);font-size:.9rem;
  color:var(--dark-ink);max-width:44em}

.sol__calcul::before{content:"";display:inline-block;width:5px;height:5px;
  border-radius:50%;background:var(--dark-paint);margin-right:10px;
  vertical-align:middle}

.sol__fallback{color:var(--dark-paint);display:inline-block;margin-top:10px;font-size:.78rem}

.ecran .player{margin-top:4px}

.player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:5px 11px;align-items:center;cursor:pointer;
  background:color-mix(in oklab,var(--dark-ink) 7%,transparent);
  border:1px solid color-mix(in oklab,var(--dark-paint) 22%,transparent);
  border-radius:30px;padding:6px 14px 9px 6px}
.player__btn{
  grid-row:1 / span 2;width:52px;height:52px;border-radius:999px;border:0;cursor:pointer;
  background:var(--dark-paint);color:var(--dark);display:grid;place-items:center;
  position:relative;
  transition:background var(--sc-d-fast) var(--ease),transform var(--sc-d-fast) var(--ease);
}

.player__btn::after{content:"";position:absolute;inset:0;border-radius:999px;
  pointer-events:none;animation:demo-anneau 2.4s var(--ease) infinite}
@keyframes demo-anneau{
  0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--dark-paint) 52%,transparent)}
  62%,100%{box-shadow:0 0 0 12px color-mix(in oklab,var(--dark-paint) 0%,transparent)}}
.player.is-playing .player__btn::after{animation:none}
.player__btn:hover,.player__btn:active{background:#7ee0b8;transform:scale(1.06)}
.player__btn svg{width:15px;height:17px;fill:currentColor}
.player__btn .ic-pause{display:none}
.player.is-playing .ic-play{display:none}
.player.is-playing .ic-pause{display:block}

.player__lab{grid-column:2;grid-row:1;min-width:0;font-size:.76rem;font-weight:500;
  color:var(--dark-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player__time{grid-column:3;grid-row:1;font-size:.62rem;color:var(--dark-ink-2);
  letter-spacing:.08em;white-space:nowrap}
.player__track{grid-column:2 / -1;grid-row:2;height:4px;border-radius:2px;cursor:pointer;
  background:color-mix(in oklab,var(--dark-ink) 20%,transparent)}
.player__fill{height:100%;width:0;border-radius:2px;background:var(--dark-paint)}

.act--who .sc-display--md{font-size:clamp(1.8rem,1.3rem + 2vw,2.9rem)}
.who__lede{margin-top:12px;max-width:38em}
.rail--who .carte{width:280px;height:440px;
  border:1px solid var(--line);box-shadow:var(--sc-e1);background:var(--paint-deep)}
.rail--who .carte:hover,.rail--who .carte:focus-within{
  transform:translateY(-4px);box-shadow:var(--sc-e2)}
.carte__ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 620ms var(--ease)}
.rail--who .carte:hover .carte__ph,.rail--who .carte:focus-within .carte__ph{
  transform:scale(1.035)}
.carte__voile{position:absolute;inset:0;pointer-events:none;
  
  background:linear-gradient(to top,
    color-mix(in srgb,#060c09 94%,transparent) 0%,
    color-mix(in srgb,#060c09 86%,transparent) 18%,
    color-mix(in srgb,#060c09 54%,transparent) 40%,
    color-mix(in srgb,#060c09 16%,transparent) 62%,transparent 82%)}
.carte__nom{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 19px;
  font-family:var(--sc-font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.012em;font-size:.8rem;line-height:1.3;color:#fff}

.carte__nom::before{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;
  background:var(--dark-paint);transform:scaleX(0);transform-origin:left center;
  transition:transform 520ms var(--ease)}
.rail--who .carte:hover .carte__nom::before,
.rail--who .carte:focus-within .carte__nom::before{transform:scaleX(1)}

.proc__lede{margin-top:12px}
.steps__zone{position:relative;margin-top:clamp(30px,4.2vw,58px);--steps-gap:clamp(18px,2.4vw,38px)}
.steps__rail{position:absolute;left:0;top:0;height:2px;overflow:hidden;
  right:calc((100% - 3 * var(--steps-gap)) / 4);
  background:color-mix(in oklab,var(--dark-paint) 15%,transparent)}
.steps__fill{display:block;width:100%;height:100%;background:var(--dark-paint);
  box-shadow:0 0 12px color-mix(in oklab,var(--dark-paint) 45%,transparent);
  transform-origin:left center;transform:scaleX(var(--lit,1))}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--steps-gap);padding-top:28px}
.step{position:relative}
.step__dot{position:absolute;top:-33px;left:0;width:10px;height:10px;border-radius:50%;
  background:var(--dark);border:2px solid color-mix(in oklab,var(--dark-paint) 32%,transparent);
  transition:background 320ms var(--ease),border-color 320ms var(--ease),box-shadow 320ms var(--ease)}
.step.sc-in .step__dot{background:var(--dark-paint);border-color:var(--dark-paint);
  box-shadow:0 0 0 5px color-mix(in oklab,var(--dark-paint) 16%,transparent)}
.step__n{display:block;font-size:.78rem}
.step h3{font-family:var(--sc-font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.012em;font-size:1.06rem;margin-top:12px;color:var(--dark-ink)}
.step .sc-body{margin-top:10px;font-size:.96rem}
.step:nth-child(2){transition-delay:70ms}
.step:nth-child(3){transition-delay:140ms}
.step:nth-child(4){transition-delay:210ms}

.art-ligne{margin-top:clamp(26px,3.4vw,44px);padding-top:clamp(18px,2.2vw,28px);
  border-top:1px solid color-mix(in oklab,var(--dark-ink) 12%,transparent);
  color:var(--dark-ink-2);font-size:.96rem}
.art-ligne__lien{display:inline-flex;align-items:center;gap:8px;margin-left:8px;
  color:var(--dark-paint);font-weight:600;text-decoration:none;min-height:44px}
.art-ligne__lien svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform var(--sc-d-base) var(--ease)}
.art-ligne__lien:hover,.art-ligne__lien:active,.art-ligne__lien:focus-visible{text-decoration:underline}
.art-ligne__lien:hover svg,.art-ligne__lien:active svg,.art-ligne__lien:focus-visible svg{
  transform:translateX(5px)}

.faq{margin-top:clamp(22px,3vw,38px);max-width:52em;
  border-top:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}
.faq__q{border-bottom:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}
.faq__s{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:clamp(15px,1.8vw,21px) 2px;cursor:pointer;list-style:none;
  font-size:clamp(1rem,.94rem + .3vw,1.18rem);line-height:1.34;font-weight:500;
  color:var(--sc-ink);
  transition:color 220ms var(--ease)}
.faq__s::-webkit-details-marker{display:none}
.faq__s:hover,.faq__s:active,.faq__q[open] .faq__s{color:var(--paint-deep)}
.faq__s:focus-visible{outline:2px solid var(--paint);outline-offset:3px;border-radius:4px}

.faq__chev{flex:0 0 auto;width:9px;height:9px;margin-top:.42em;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);transform-origin:60% 60%;
  transition:transform 260ms var(--ease)}
.faq__q[open] .faq__chev{transform:rotate(-135deg)}
.faq__r{padding:0 2px clamp(16px,2vw,22px);max-width:46em}
.faq__r p{font-size:clamp(.94rem,.9rem + .2vw,1.04rem);line-height:1.58;
  color:var(--sc-ink-soft);margin:0}

.act--close .sc-copy{max-width:min(34rem,52vw)}
.act--close .sc-body{margin-top:14px}
.act--close .btn{margin-top:26px}
.act--close .micro{margin-top:14px}
.foot{position:absolute;left:var(--pad);right:var(--pad);
  bottom:clamp(16px,3vh,28px);z-index:21;
  display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.foot .mono{color:var(--ink-3);letter-spacing:.1em}

.nav{
  position:fixed;left:0;right:0;top:0;z-index:60;height:var(--nav-h);
  display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);
  padding:0 clamp(12px,2vw,26px);
  color:var(--ink);
  background:color-mix(in oklab,var(--bg) 88%,transparent);
  -webkit-backdrop-filter:saturate(1.25) blur(12px);backdrop-filter:saturate(1.25) blur(12px);
  box-shadow:0 1px 0 var(--line),
             0 16px 34px -30px color-mix(in oklab,var(--ink) 40%,transparent);
  transition:background 220ms var(--ease),box-shadow 220ms var(--ease);
}

.nav--clair{background:transparent;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}
.nav--clair::before{content:"";position:absolute;left:0;right:0;top:0;
  height:calc(var(--nav-h) * 1.55);pointer-events:none;z-index:-1;
  background:linear-gradient(to bottom,
    color-mix(in oklab,var(--bg) 96%,transparent) 0%,
    color-mix(in oklab,var(--bg) 88%,transparent) 52%,
    color-mix(in oklab,var(--bg) 44%,transparent) 78%,
    transparent 100%)}
.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;
  color:var(--ink);flex:0 0 auto}
.nav__mark{width:32px;height:32px;color:var(--paint);
  transition:transform var(--sc-d-base) var(--ease)}
.nav__brand:hover .nav__mark,.nav__brand:active .nav__mark,
.nav__brand:focus-visible .nav__mark{transform:rotate(-8deg)}
.nav__word{font-family:var(--sc-font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;font-size:.94rem;line-height:1;color:var(--ink)}
.nav__links{display:flex;align-items:center;gap:clamp(12px,1.8vw,26px);
  flex:1 1 auto;justify-content:center;font-size:.88rem;margin:0}
.nav__links a{
  position:relative;color:var(--ink-2);text-decoration:none;
  padding:6px 2px;display:inline-block;transition:color var(--sc-d-fast) var(--ease)}

.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;
  background:var(--paint);transform:scaleX(0);transform-origin:left center;
  transition:transform 220ms var(--ease)}
.nav__links a:hover,.nav__links a:active,.nav__links a:focus-visible{color:var(--ink)}
.nav__links a:hover::after,.nav__links a:active::after,.nav__links a:focus-visible::after{
  transform:scaleX(1)}
.nav__lang{flex:0 0 auto;font-size:.86rem;text-decoration:none;color:var(--ink-2);
  transition:color var(--sc-d-fast) var(--ease)}
.nav__lang:hover,.nav__lang:active,.nav__lang:focus-visible{color:var(--paint);text-decoration:underline}
.nav__cta{flex:0 0 auto;background:var(--paint);color:#fff;font-weight:700;min-height:40px}

.nav__cta:hover,.nav__cta:active,.nav__cta:focus-visible{background:var(--paint-deep)}

@media (max-width:860px){
  :root{--nav-h:56px}
  
  .nav{gap:10px;padding:0 clamp(10px,3vw,16px)}
  .nav__links{display:none}
  .nav__lang{margin-left:auto}
  .nav__cta{padding:.55em .9em;font-size:.82rem;min-height:44px}

  .sc-copy{max-width:none;inset-inline:var(--pad)}
  .act--hero .sc-copy,.act--close .sc-copy{
    bottom:auto;top:calc(var(--nav-h) + clamp(12px,3vh,44px));max-width:none}
  
  .act--hero .sc-scrim--lead{
    background:linear-gradient(to bottom,
      color-mix(in oklab,var(--bg) 99%,transparent) 0%,
      color-mix(in oklab,var(--bg) 97%,transparent) 42%,
      color-mix(in oklab,var(--bg) 82%,transparent) 60%,
      color-mix(in oklab,var(--bg) 32%,transparent) 76%,
      transparent 92%)}
  
  .act--close .sc-scrim--lead{
    background:linear-gradient(to bottom,
      color-mix(in oklab,var(--bg) 99%,transparent) 0%,
      color-mix(in oklab,var(--bg) 96%,transparent) 30%,
      color-mix(in oklab,var(--bg) 80%,transparent) 44%,
      color-mix(in oklab,var(--bg) 24%,transparent) 58%,
      transparent 70%)}

  
  .act--close .sc-stage__poster,
  .act--close video[data-sc-scrub]{
    top:21%;bottom:auto;height:100%;object-position:50% 0}
  
  .act--close .sc-scrim--lead{
    background:linear-gradient(to bottom,
      color-mix(in oklab,var(--bg) 99%,transparent) 0%,
      color-mix(in oklab,var(--bg) 97%,transparent) 24%,
      color-mix(in oklab,var(--bg) 92%,transparent) 38%,
      color-mix(in oklab,var(--bg) 60%,transparent) 52%,
      color-mix(in oklab,var(--bg) 18%,transparent) 66%,
      transparent 78%)}
  
  .act--hero .sc-display--xl{font-size:clamp(1.9rem,1.2rem + 5vw,3rem)}
  .sc-display--lg{font-size:clamp(1.9rem,1.3rem + 4.6vw,2.9rem)}

  
  .act--pb,.act--sol,.act--who,.act--faq{padding-block:1.75rem}
  .act--proc{padding-block:2.1rem}
  .sc-display--md{font-size:clamp(1.48rem,1.1rem + 1.7vw,2.9rem)}
  .pb__lede,.sol__lede,.who__lede,.proc__lede{margin-top:8px;font-size:.93rem;line-height:1.48}
  
  .steps__zone{padding-left:26px;margin-top:22px}
  .steps__rail{left:4px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
  .steps__fill{transform-origin:center top;transform:scaleY(var(--lit,1))}
  .steps{grid-template-columns:1fr;gap:18px;padding-top:0}
  .step__dot{top:6px;left:-27px}
  .step:nth-child(n){transition-delay:0ms}
  .step .sc-body{font-size:.9rem;margin-top:7px}
  .step h3{font-size:.95rem;margin-top:9px}
  .art-ligne{margin-top:20px;padding-top:16px;font-size:.9rem}

  
  
  
  .constat__phrase{max-width:9ch;font-size:min(2.6rem,10vw);margin-inline:auto}
  .constat__sous{font-size:.9rem;margin-inline:auto;max-width:34ch}
  .frag{font-size:.78rem}

  
  .rail{margin-top:15px}
  .rail__piste{gap:10px;padding-block:8px}
  .rail--sol .carte{width:230px;height:360px}
  .ecran{margin:9px 9px 0;padding:9px 10px 10px;min-height:120px}
  
  .ecran{zoom:.74}
  .ecran__corps{gap:7px;padding-block:8px}
  
  .ecran__hd{padding-bottom:7px;gap:7px}
  .ecran__ic{width:24px;height:24px;border-radius:7px}
  .ecran__ic svg{width:14px;height:14px}
  
  
  .ecran--chat .ecran__corps{gap:5px}
  .chat__b{font-size:.7rem;padding:6px 9px;line-height:1.3}
  .chat__saisie{padding:5px 6px 5px 10px;margin-top:6px}
  .chat__vide{font-size:.67rem}
  .chat__envoi{width:18px;height:18px}
  .chat__ticket{padding:7px 10px}
  .chat__av{width:24px;height:24px}
  .fact__scene{grid-template-columns:78px minmax(0,1fr);gap:9px}
  .fact__doc{padding:8px 7px 9px}
  .fact__ch{padding:6px 8px}
  .fact__cv{font-size:.69rem}
  
  .parc__l{padding:5px 8px}
  .ecran--parc .ecran__corps{gap:7px}
  
  .mail__l{padding:5px 6px}
  .mail__obj{font-size:.66rem}
  .mail__apercu{padding:8px 9px}
  .mail__ligne{font-size:.6rem}
  
  .nav__barre{padding:3px 8px}
  .site__cadre{height:115px}
  .site__page{padding:6px;gap:5px}
  .site__logo{font-size:.5rem}
  .ecran__img--hero{height:46px}
  .site__h1{font-size:.54rem}
  .site__h2{font-size:.44rem}
  .site__cta{padding:2px 7px;font-size:.4rem}
  .site__serv i{padding:5px 2px;font-size:.45rem}
  .site__zone{padding:4px 6px}
  .gfiche{padding:4px 8px;margin-top:-14px;gap:1px 7px}
  .gfiche__pin{width:11px;height:11px}
  .gfiche__nom{font-size:.6rem}
  .gfiche__cat{font-size:.45rem}
  .gfiche__etoiles{width:35px;height:7px;-webkit-mask-size:7px 7px;mask-size:7px 7px}
  
  .ecran--prospect .ecran__corps{gap:5px}
  .pro__filtre{padding:3px 9px}
  .pro__fq{font-size:.45rem}
  .pro__liste{gap:3px}
  .pro__c{padding:4px 7px;gap:0 8px}
  .pro__lettre{width:20px;height:20px;border-radius:6px;font-size:.52rem}
  .pro__txt{gap:0}
  .pro__nom{font-size:.67rem;line-height:1.12}
  .pro__ou{font-size:.53rem;line-height:1.15}
  .pro__role{font-size:.42rem}
  .pro__ok{padding:0 5px}
  .ecran--appel .ecran__corps{gap:5px}
  .ecran__champ{padding:3px 2px}
  .ecran__fnom{margin-top:3px;padding-top:6px}
  .ecran__val{font-size:.74rem}
  
  
  .carte__texte{padding:11px 12px 12px;min-height:169px}
  .carte__t{font-size:.76rem;line-height:1.16}
  .carte__pts{gap:6px;margin-top:9px}
  .carte__pts li{font-size:.75rem;line-height:1.34;padding-left:12px}
  
  .rail--who .carte{width:200px;height:300px}
  .carte__nom{padding:13px 13px 14px;font-size:.7rem}
  .carte__nom::before{left:13px;right:13px}
  .carte__lien{padding:11px 11px 0}
  .carte--fin .carte__bas{padding:13px 4px 15px;gap:7px}
  .carte--fin .tool{width:38px;height:38px}
  .carte__one{font-size:.84rem}
  .rail--who .carte--fin .carte__one{font-size:.7rem}
  .carte__go{font-size:.63rem}
  .rail__nav{gap:8px;padding-top:10px}
  .rail__btn{width:42px;height:42px}
  .rail__btn svg{width:17px;height:17px}
  .sol__note{font-size:.78rem;margin-top:14px}
  
  .rail__piste > :nth-child(n+3){transition-delay:0ms}

  .foot{flex-direction:column;gap:4px;bottom:clamp(12px,2.4vh,22px)}
}

@media (max-width:400px){
  .chat__b{font-size:.68rem;padding:6px 8px}
  .chat__td{font-size:.66rem}
  .fact__scene{grid-template-columns:76px minmax(0,1fr)}
  .fact__cv{font-size:.68rem}
  .parc__ma{font-size:.56rem}
  .mail__ligne{font-size:.59rem}
  .site__serv i{font-size:.47rem}
  .gfiche__nom{font-size:.66rem}
  .pro__ou{font-size:.55rem}
}

@media (max-width:860px) and (max-height:540px){
  .act--pb,.act--sol,.act--who,.act--faq{padding-block:1.3rem}
  .act--proc{padding-block:1.5rem}
  .rail{margin-top:12px}
  
  
  .rail--sol .carte{height:330px}
  .rail--who .carte{height:252px}
  .ecran{margin:8px 8px 0;padding:8px 9px 9px;min-height:72px}
  .ecran__tete{font-size:.56rem}
  .ecran__corps{gap:5px;padding-block:6px}
  
  .ecran__hd{padding-bottom:6px;gap:6px}
  .ecran__ic{width:21px;height:21px;border-radius:6px}
  .ecran__ic svg{width:12px;height:12px}
  
  .chat__b{font-size:.68rem;padding:6px 9px}
  .chat__saisie{padding:5px 6px 5px 10px;margin-top:5px}
  .chat__vide{font-size:.66rem}
  .chat__envoi{width:17px;height:17px}
  .chat__ticket{padding:6px 9px}
  .chat__av{width:21px;height:21px;border-radius:7px}
  .fact__scene{grid-template-columns:70px minmax(0,1fr);gap:8px}
  .fact__doc{padding:7px 6px 8px;gap:4px}
  .fact__form{gap:4px}
  .fact__ch{padding:5px 7px}
  .fact__cv{font-size:.66rem}
  
  .parc__l{padding:4px 7px}
  .ecran--parc .ecran__corps{gap:5px}
  .parc__rappel{padding:3px 8px}
  .mail__scene{gap:7px}
  .mail__l{padding:5px 6px}
  .mail__obj{font-size:.64rem}
  .mail__apercu{padding:7px 8px;gap:4px}
  .mail__ligne{font-size:.58rem}
  
  
  .ecran--vitrine .ecran__corps{position:relative}
  .gfiche{position:absolute;right:0;bottom:0;width:80%;margin:0;z-index:3}
  .nav__barre{padding:3px 7px}
  .site__cadre{height:56px}
  .site__page{padding:5px;gap:4px}
  .site__logo{font-size:.46rem}
  .ecran__img--hero{height:32px}
  .site__h1{font-size:.48rem}
  .site__h2{display:none}
  .site__cta{padding:1px 6px;font-size:.38rem}
  .site__serv i{padding:4px 2px;font-size:.42rem}
  .site__zone{padding:3px 5px}
  .gfiche{padding:4px 7px;margin-top:-12px}
  .gfiche__pin{width:10px;height:10px}
  .gfiche__nom{font-size:.56rem}
  .gfiche__cat{font-size:.42rem}
  .gfiche__etoiles{width:30px;height:6px;-webkit-mask-size:6px 6px;mask-size:6px 6px}
  .pro__filtre{padding:5px 9px}
  .pro__c{padding:5px 8px;gap:2px 7px}
  .pro__lettre{width:22px;height:22px}
  .pro__nom{font-size:.69rem}
  
  .carte__texte{padding:10px 11px 11px;min-height:150px}
  .carte__t{font-size:.72rem}
  .carte__pts{gap:4px;margin-top:7px}
  .carte__pts li{font-size:.7rem;line-height:1.3}
  .carte__nom{padding:11px 12px 12px;font-size:.66rem}
  .carte__nom::before{left:12px;right:12px}
  .carte__lien{padding:9px 9px 0}
  .carte--fin .carte__bas{padding:10px 4px 12px;gap:5px}
  .carte--fin .tool{width:32px;height:32px}
  .rail__nav{padding-top:9px}
  .rail__btn{width:40px;height:40px}
  .constat__phrase{max-width:14ch}
  .sol__note{margin-top:11px}
  .sol__calcul{margin-top:8px}
}

@media (prefers-reduced-motion:reduce){
  
  .carte[data-sc-in]{transform:none;transition-duration:220ms}
  
  .orbite > li,.orbite > li[data-sc-in]{transform:none;transition-duration:220ms}
  .orbite > li{transition-delay:0ms !important}
  
  .rail--sol .carte:hover,.rail--sol .carte:focus-within,
  .rail--who .carte:hover,.rail--who .carte:focus-within,
  .carte--fin:hover,.carte--fin:focus-within{transform:none}
  .rail--who .carte:hover .carte__ph,.rail--who .carte:focus-within .carte__ph{transform:none}
  .rail--who .carte:hover .carte__nom::before,
  .rail--who .carte:focus-within .carte__nom::before{transform:scaleX(1)}
  .ecran__oeil{animation:none;opacity:1}
  
  .fact__balai,.chat__frappe i,.site__page{animation:none}
  
  .parc__l--une,.parc__l--une .parc__ec,.parc__rappel{animation:none}
  .parc__l--une{border-color:color-mix(in oklab,var(--ac) 34%,transparent);
    background:color-mix(in oklab,var(--ac) 9%,transparent)}
  .parc__l--une .parc__ec{color:var(--ac)}
  .parc__rappel{opacity:1;transform:none}
  .pro__fq > span,.pro__c,.pro__ok{animation:none}
  .pro__fq > span{clip-path:none}
  .pro__c,.pro__ok{opacity:1;transform:none}
  .fact__cv{animation:none;opacity:1;transform:none}
  .site__page{transform:none}
  .ecran--chat .chat__b,.ecran--chat .chat__ticket{animation:none}
  .ecran--appel.is-armee .ecran__val{opacity:1;transform:none}
  .ecran--appel.is-armee .ecran__champ::after{display:none}
  .player__btn:hover,.player__btn:active{transform:none}
  .player__btn::after{animation:none}
  .steps__fill{box-shadow:none}
  
  .scrollcue__chev{animation:none;opacity:1}
  .carte,.step{transition-delay:0ms !important}
  .rail__piste > :nth-child(n){transition-delay:0ms}
}