/* Nella — vitrine publique (/{locale}/…).
   S'appuie sur les jetons de nella.css (:root) sans les modifier. Préfixe « s- ».
   Titres : Source Serif 4 (--font-display) ; texte et interface : Geist (--font-body).
   Propriétés logiques partout : la mise en page se retourne seule en arabe (dir="rtl"). */

.s-site{
  --s-max:1200px;
  --s-gutter:clamp(16px,4vw,40px);
  --s-ease:cubic-bezier(.2,.7,.2,1);
  --s-dir:1;
  --s-night:#07080F;
  --s-night-2:#10132A;
  --s-night-ink:#EEF0FA;
  --s-night-muted:#A3A9C2;
  --s-night-line:rgba(238,240,250,.11);
  --s-night-accent:#A8AEFF;
  --s-night-border:transparent;
  --s-soft-shadow:0 1px 2px rgba(11,13,26,.04),0 24px 60px -36px rgba(11,13,26,.22);
  --s-badge-bg:#0B0D1A;
  --s-badge-line:rgba(255,255,255,.16);
  background:var(--bg);
  color:var(--ink);
  font:16px/1.6 var(--font-body);
  font-feature-settings:"ss01" on;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .s-site{
    --s-night:#0B0D19;
    --s-night-border:var(--line);
    --s-soft-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 30px 70px -40px rgba(0,0,0,.8);
    --s-badge-bg:#000;
    --s-badge-line:rgba(255,255,255,.22);
  }
}
:root[data-theme="dark"] .s-site{
  --s-night:#0B0D19;
  --s-night-border:var(--line);
  --s-soft-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 30px 70px -40px rgba(0,0,0,.8);
  --s-badge-bg:#000;
  --s-badge-line:rgba(255,255,255,.22);
}
[dir="rtl"] .s-site{--s-dir:-1}

.s-site ::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}
.s-site :where(a){color:inherit}
.s-site :where(img,svg){max-width:100%}
.s-site :where(ul[role="list"],ol[role="list"]){list-style:none;margin:0;padding:0}
.s-site :where(h1,h2,h3,h4){margin:0;overflow-wrap:break-word}
.s-site :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
main:focus{outline:none}
html:has(.s-site){scroll-padding-top:84px}
@media (prefers-reduced-motion: no-preference){html:has(.s-site){scroll-behavior:smooth}}
.s-night :focus-visible,.s-win :focus-visible{outline-color:#A8AEFF}

.s-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.s-skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--ink);color:var(--surface)!important;padding:10px 16px;border-radius:10px;font-weight:600;text-decoration:none}
.s-skip:focus{top:12px}

.s-wrap{width:100%;max-width:calc(var(--s-max) + 2 * var(--s-gutter));margin-inline:auto;padding-inline:var(--s-gutter)}

.s-ico{flex:none;display:inline-block;vertical-align:middle}
.s-ico-flip{transform:scaleX(var(--s-dir))}

/* ---------------------------------------------------------------- typographie */
.s-display,.s-h2,.s-cta h2{font-family:var(--font-display);font-optical-sizing:auto;text-wrap:balance}
.s-display{font-size:clamp(46px,7.4vw,104px);line-height:1;font-weight:450;letter-spacing:-.032em}
.s-display-page{font-size:clamp(40px,5.8vw,78px);line-height:1.03}
.s-display em,.s-h2 em,.s-cta h2 em{font-style:italic;font-weight:400;color:var(--accent-ink);letter-spacing:-.01em;padding-inline-end:.04em}
.s-h2{font-size:clamp(30px,3.7vw,50px);line-height:1.08;font-weight:450;letter-spacing:-.022em}
.s-h3{font:600 19px/1.3 var(--font-body);letter-spacing:-.012em}
.s-lead{font-size:clamp(17px,1.55vw,20.5px);line-height:1.55;color:var(--muted);max-width:56ch;text-wrap:pretty}
.s-text{color:var(--muted);font-size:16.5px;line-height:1.65;max-width:52ch;text-wrap:pretty}
.s-text a,.s-note a{color:var(--accent-ink);font-weight:500;text-underline-offset:3px}
.s-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:500 12px/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.s-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--spark);flex:none}
.s-note{font-size:14px;color:var(--muted);line-height:1.5}
.s-note-pro{display:flex;gap:8px;align-items:flex-start;margin-top:22px;max-width:44ch}
.s-note-pro .s-ico{color:var(--spark);margin-top:2px}
.s-fine{margin-top:18px;font-size:13.5px;color:var(--muted)}
.s-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--line);font:500 11.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.02em;white-space:nowrap}
.s-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--accent-ink)!important;text-decoration:none;white-space:nowrap}
.s-link:hover{text-decoration:underline;text-underline-offset:4px}
.s-link:hover .s-ico-flip{transform:translateX(calc(3px * var(--s-dir))) scaleX(var(--s-dir))}
.s-link .s-ico{transition:transform .2s var(--s-ease)}

/* ---------------------------------------------------------------- boutons */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;font:600 15px/1 var(--font-body);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s,color .18s}
.s-btn .s-ico{transition:transform .2s var(--s-ease)}
.s-btn:hover .s-ico-flip{transform:translateX(calc(3px * var(--s-dir))) scaleX(var(--s-dir))}
.s-btn:active{transform:translateY(1px)}
.s-btn-lg{height:54px;padding:0 24px;font-size:16px;border-radius:13px}
.s-btn-sm{height:38px;padding:0 15px;font-size:14px;border-radius:10px}
.s-btn-primary{background:var(--accent);color:var(--on-accent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px -12px color-mix(in srgb,var(--accent) 80%,transparent)}
.s-btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#000)}
.s-btn-ghost{background:var(--surface);color:var(--ink)!important;border-color:var(--line)}
.s-btn-ghost:hover{border-color:color-mix(in srgb,var(--ink) 30%,var(--line))}
.s-btn-light{background:#fff;color:#0B0D1A!important}
.s-btn-light:hover{background:#E9EBFF}
.s-btn-line{background:transparent;color:var(--s-night-ink)!important;border-color:rgba(238,240,250,.28)}
.s-btn-line:hover{border-color:rgba(238,240,250,.6);background:rgba(238,240,250,.06)}
.s-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------------------------------------------------------------- en-tête
   Barre collante translucide (flou + filet), qui se resserre au défilement sur grand écran.
   Menus déroulants : boutons aria-expanded pilotés par site.js (.is-open) ;
   sans JS, ils s'ouvrent au survol et au focus. */
.s-site{--s-head-h:64px}
@media (min-width:960px){.s-site{--s-head-h:72px}}
.s-head{position:sticky;top:0;z-index:50;isolation:isolate}
.s-head::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg) 76%,transparent);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);transition:background-color .3s,border-color .3s,box-shadow .3s}
.s-head.is-scrolled::before{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom-color:var(--line);box-shadow:0 12px 32px -26px rgba(11,13,26,.4)}
html.s-menu-is-open .s-head::before{background:var(--bg);border-bottom-color:var(--line);box-shadow:none}
.s-head-in{display:flex;align-items:center;gap:10px;height:var(--s-head-h);transition:height .32s var(--s-ease)}
@media (min-width:960px){.s-head.is-scrolled .s-head-in{height:60px}}
.s-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)!important;border-radius:9px;flex:none}
.s-brand .mark{width:28px;height:28px;transition:transform .35s var(--s-ease)}
.s-brand:hover .mark{transform:rotate(-6deg) scale(1.04)}
.s-brand .wordmark{font-size:23px}

.s-nav{margin-inline-start:18px}
.s-nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.s-nav-item{position:relative}
.s-nav-trigger,.s-nav-link{position:relative;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--muted);font:500 14.5px/1 var(--font-body);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s,background-color .15s}
.s-nav-trigger:hover,.s-nav-link:hover,.s-nav-item.is-open>.s-nav-trigger{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.s-nav-chev{opacity:.65;transition:transform .25s var(--s-ease),opacity .15s}
.s-nav-item.is-open .s-nav-chev,.s-lang.is-open .s-nav-chev{transform:rotate(180deg);opacity:1}
.s-nav-link[aria-current="page"],.s-nav-trigger.is-current{color:var(--ink)}
.s-nav-link[aria-current="page"]::after,.s-nav-trigger.is-current::after{content:"";position:absolute;inset-inline-start:50%;bottom:3px;width:16px;height:2px;margin-inline-start:-8px;border-radius:2px;background:var(--accent)}
.s-nav-trigger.is-current::after{margin-inline-start:-14px}

.s-drop{position:absolute;top:calc(100% + 10px);inset-inline-start:-6px;z-index:70;min-width:320px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(11,13,26,.05),0 32px 64px -24px rgba(11,13,26,.3);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top left;transition:opacity .16s ease,transform .22s var(--s-ease),visibility 0s linear .22s}
[dir="rtl"] .s-drop{transform-origin:top right}
.s-drop::before{content:"";position:absolute;inset-inline:0;top:-12px;height:12px}
.is-open>.s-drop{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .22s var(--s-ease),visibility 0s}
html:not(.s-js) [data-dropdown]:hover>.s-drop,html:not(.s-js) [data-dropdown]:focus-within>.s-drop{opacity:1;visibility:visible;transform:none;transition:none}
.s-drop-wide{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:8px;width:600px}
.s-drop-list{display:grid;gap:2px;align-content:start;list-style:none;margin:0;padding:0}
.s-drop-link{display:flex;align-items:flex-start;gap:13px;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--ink)!important;transition:background-color .15s}
.s-drop-link:hover,.s-drop-link:focus-visible{background:var(--surface-2)}
.s-drop-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent-ink);transition:transform .25s var(--s-ease)}
.s-drop-link:hover .s-drop-ico{transform:translateY(-1px) scale(1.05)}
.s-drop-txt{display:grid;gap:3px;line-height:1.3;padding-top:1px}
.s-drop-txt b{font-weight:600;font-size:14.5px;letter-spacing:-.005em}
.s-drop-txt small{font-size:13px;color:var(--muted)}
.s-drop-link[aria-current="page"] b{color:var(--accent-ink)}
.s-drop-link[aria-current="page"] .s-drop-ico{background:var(--accent);color:var(--on-accent)}
.s-drop-promo{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:7px;padding:18px;border-radius:13px;background:#07080F;color:#EEF0FA!important;text-decoration:none;border:1px solid var(--s-night-border)}
.s-drop-promo-halo{position:absolute;z-index:-1;width:300px;aspect-ratio:1;inset-inline-end:-150px;top:-160px;border-radius:50%;background:radial-gradient(closest-side,rgba(61,75,255,.6),rgba(61,75,255,.12) 60%,transparent)}
.s-drop-promo-tag{width:fit-content;padding:4px 9px;border-radius:999px;background:rgba(255,106,61,.16);color:#FFB49C;font:600 11px/1.2 var(--font-body)}
.s-drop-promo b{font:450 21px/1.2 var(--font-display);letter-spacing:-.01em;margin-top:4px}
.s-drop-promo small{font-size:13px;color:#A3A9C2;line-height:1.45}
.s-drop-promo-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-weight:600;font-size:13.5px;color:#C9CDFF}
.s-drop-promo:hover .s-drop-promo-go .s-ico-flip{transform:translateX(calc(3px * var(--s-dir))) scaleX(var(--s-dir))}
.s-drop-promo .s-ico{transition:transform .2s var(--s-ease)}
.s-drop-promo:focus-visible{outline-color:#A8AEFF}
.s-drop-foot{display:flex;align-items:center;gap:8px;margin:6px 6px 2px;padding:10px 6px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.s-drop-foot a{color:var(--muted);text-decoration:none;font-weight:500}
.s-drop-foot a:hover,.s-drop-foot a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.s-drop-h{padding:8px 12px 6px;font:500 11px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.s-head-act{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.s-head-login{display:inline-flex;align-items:center;height:38px;padding:0 13px;white-space:nowrap;border-radius:10px;font-size:14.5px;font-weight:500;text-decoration:none;color:var(--ink)!important;transition:background-color .15s}
.s-head-login:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}
.s-head-try{margin-inline-start:4px}

/* sélecteur de langue */
.s-lang{position:relative}
.s-lang-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--muted);font:500 13px/1 var(--font-mono);cursor:pointer;white-space:nowrap;transition:color .15s,background-color .15s}
.s-lang-btn:hover,.s-lang.is-open .s-lang-btn{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.s-lang .s-drop{inset-inline-start:auto;inset-inline-end:0;min-width:230px;transform-origin:top right}
[dir="rtl"] .s-lang .s-drop{transform-origin:top left}
.s-lang-up .s-drop{top:auto;bottom:calc(100% + 10px);transform:translateY(6px) scale(.985);transform-origin:bottom right}
.s-lang-up .s-drop::before{top:auto;bottom:-12px}
.s-lang-up.is-open>.s-drop{transform:none}
.s-lang-list ul{display:grid;gap:1px;list-style:none;margin:0;padding:0}
.s-lang-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;font-size:14.5px;text-decoration:none;color:var(--ink)!important;transition:background-color .15s}
.s-lang-list a:hover,.s-lang-list a:focus-visible{background:var(--surface-2)}
.s-lang-list a[aria-current="true"]{font-weight:600}
.s-lang-list .s-ico{color:var(--accent-ink)}
.s-lang-inline{display:flex;flex-wrap:wrap;gap:4px 14px}
.s-lang-inline a{font-size:14px;color:var(--muted);text-decoration:none}
.s-lang-inline a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.s-lang-inline a[aria-current="true"]{color:var(--ink);font-weight:600}
.s-lang-pills{display:flex;flex-wrap:wrap;gap:8px}
.s-lang-pills a{display:inline-flex;align-items:center;height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:15px;font-weight:500;color:var(--ink);text-decoration:none}
.s-lang-pills a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}

/* drapeaux des sélecteurs (SVG 3:2 de site/flags.php, décoratifs) */
.s-flag{flex:none;width:21px;height:14px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent);vertical-align:middle}
.s-lang-btn .s-flag{width:18px;height:12px}
.s-lang-list a{justify-content:flex-start}
.s-lang-name{flex:1;min-width:0}
.s-lang-inline a{display:inline-flex;align-items:center;gap:7px}
.s-lang-inline .s-flag{width:18px;height:12px}
.s-lang-pills a{gap:9px}
.s-lang-pills a[aria-current="true"] .s-flag{box-shadow:0 0 0 1px color-mix(in srgb,var(--bg) 40%,transparent)}

/* sélecteur de devise (même apparence que la langue) : 24 devises, liste qui défile */
.s-cur .s-drop{min-width:290px}
.s-cur-list ul{max-height:min(56vh,430px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.s-cur-list a{padding-block:9px;font-size:14px;line-height:1.3}
.s-cur-code{font:500 13px/1 var(--font-mono);letter-spacing:.02em}
.s-cur-list a[aria-current="true"] .s-cur-code{font-weight:700}
.s-cur-warn{margin:2px 12px 8px;padding:9px 11px;border-radius:10px;background:var(--surface-2);font-size:13px;line-height:1.45;color:var(--muted)}
.s-cur-btn-name{font-weight:400;color:var(--muted)}
.s-cur-pills a{padding:0 13px;font:500 14px/1 var(--font-mono)}
.s-mobile-lang .s-cur-warn{margin:12px 0 0}
@media (min-width:720px){
  .s-cur .s-drop{width:min(520px,calc(100vw - 2 * var(--s-gutter)))}
  .s-cur-list ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px}
}
/* en-tête entre 960 et 1199 px : boutons resserrés (drapeau seul pour la langue, code seul pour la devise) */
@media (min-width:960px) and (max-width:1199px){
  .s-head-act>.s-lang .s-lang-btn{padding:0 8px}
  .s-head-act>.s-lang:not(.s-cur) .s-lang-code,.s-head-act>.s-cur .s-lang-btn .s-flag{display:none}
}
/* note des prix convertis, sous le sélecteur Mensuel / Annuel */
.s-cur-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;max-width:68ch;margin:-12px auto 28px;font-size:13.5px;line-height:1.5;color:var(--muted);text-align:center}
.s-cur-note .s-ico{flex:none;margin-top:2px;color:var(--accent-ink)}

/* bouton du menu mobile : deux traits qui deviennent une croix */
.s-menu-btn{display:none;width:44px;height:44px;place-items:center;margin-inline-end:-6px;border:0;border-radius:12px;background:none;color:var(--ink);cursor:pointer}
.s-menu-btn:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.s-menu-bars{position:relative;display:block;width:20px;height:12px}
.s-menu-bars i{position:absolute;inset-inline:0;height:1.8px;border-radius:2px;background:currentColor;transition:transform .32s var(--s-ease),top .32s var(--s-ease)}
.s-menu-bars i:first-child{top:2px}
.s-menu-bars i:last-child{top:8.5px}
.s-menu-btn[aria-expanded="true"] .s-menu-bars i:first-child{top:5.2px;transform:rotate(45deg)}
.s-menu-btn[aria-expanded="true"] .s-menu-bars i:last-child{top:5.2px;transform:rotate(-45deg)}

/* menu mobile plein écran */
.s-mobile{display:none}
html.s-menu-is-open{overflow:hidden}
@media (max-width:959px){
  .s-nav,.s-head-login,.s-head-act>.s-lang{display:none}
  .s-menu-btn{display:grid}
  html:not(.s-js) .s-menu-btn{display:none}
  .s-mobile{display:block;position:fixed;inset:var(--s-head-h) 0 0;z-index:60;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}
  .s-mobile.is-open{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
  .s-mobile-in{min-height:100%;display:flex;flex-direction:column;gap:30px;padding:22px var(--s-gutter) 0}
  .s-mobile-nav{display:grid;gap:28px}
  .s-mobile-h{margin-bottom:6px;font:500 11.5px/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
  .s-mobile-group ul{list-style:none;margin:0;padding:0}
  .s-mobile-group li{opacity:0;transform:translateY(12px);transition:opacity .4s var(--s-ease),transform .5s var(--s-ease)}
  .s-mobile.is-open .s-mobile-group li{opacity:1;transform:none;transition-delay:calc(var(--i) * 32ms + 60ms)}
  .s-mobile-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font:450 clamp(27px,7.4vw,36px)/1.15 var(--font-display);letter-spacing:-.022em;color:var(--ink);text-decoration:none}
  .s-mobile-group a .s-ico{color:var(--muted);transition:transform .2s var(--s-ease),color .2s}
  .s-mobile-group a:hover .s-ico{color:var(--accent-ink)}
  .s-mobile-group a[aria-current="page"]{color:var(--accent-ink)}
  .s-mobile-group a[aria-current="page"] .s-ico{color:var(--accent-ink)}
  .s-mobile-foot{position:sticky;bottom:0;margin-top:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:18px 0 calc(18px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 0%,transparent),var(--bg) 26%)}
  .s-mobile-foot .s-btn{width:100%}
}
@media (max-width:399px){
  .s-head-try{display:none}
}

/* ---------------------------------------------------------------- sections */
.s-section{padding-block:clamp(72px,10vw,136px)}
.s-section-top0{padding-top:0}
.s-section-flush{padding-block:clamp(24px,4vw,48px)}
.s-section-tint{background:var(--surface);border-block:1px solid var(--line)}
.s-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 48px;margin-bottom:clamp(36px,5vw,60px)}
.s-head-row>div{max-width:680px}
.s-head-row .s-text{margin-top:14px}
.s-head-aside{margin-top:0!important;max-width:40ch}
.s-split{display:grid;gap:40px}
@media (min-width:960px){
  .s-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px}
  .s-split-head{position:sticky;top:110px;align-self:start}
}
.s-split-head .s-text{margin-top:16px}

/* halos et sections « nuit » */
.s-night{position:relative;isolation:isolate;overflow:hidden;background:var(--s-night);color:var(--s-night-ink);border:1px solid var(--s-night-border);border-radius:30px;--ink:#EEF0FA;--muted:var(--s-night-muted);--line:var(--s-night-line);--accent-ink:var(--s-night-accent)}
.s-night .s-eyebrow{color:var(--s-night-muted)}
.s-halo{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(61,75,255,.5),rgba(61,75,255,.14) 55%,transparent)}
.s-halo-demo{width:min(980px,120vw);aspect-ratio:1;inset-inline-end:-18%;top:-34%}
.s-halo-cta{width:760px;aspect-ratio:1;inset-inline-end:-220px;bottom:-420px}
.s-halo-create{width:840px;aspect-ratio:1;inset-inline-start:-300px;top:-380px}
.s-halo-plan{width:520px;aspect-ratio:1;inset-inline-end:-260px;top:-300px}
.s-halo-detect{width:620px;aspect-ratio:1;inset-inline-end:-220px;top:-330px}

/* ---------------------------------------------------------------- ouverture */
.s-hero{padding-top:clamp(52px,9vw,124px);padding-bottom:clamp(48px,7vw,88px)}
.s-hero-page{padding-bottom:clamp(40px,6vw,72px)}
.s-hero-page .s-lead{margin-top:26px}
.s-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:500;text-decoration:none;color:var(--ink)!important;box-shadow:var(--s-soft-shadow);transition:border-color .2s}
.s-pill:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.s-pill-tag{padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font:600 12px/1.2 var(--font-body)}
.s-pill .s-ico{color:var(--muted)}
.s-hero-row{display:grid;gap:30px;margin-top:clamp(28px,4vw,48px)}
@media (min-width:900px){
  .s-hero-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:64px}
  .s-hero-cta{justify-self:end}
}
.s-hero-cta .s-note{margin-top:14px}

/* entrée de l'ouverture (CSS seul, le contenu finit toujours visible) */
@keyframes s-in{from{opacity:0;transform:translateY(16px)}}
.s-in{animation:s-in .9s var(--s-ease) both;animation-delay:calc(var(--i,0) * 90ms + 40ms)}

/* ---------------------------------------------------------------- démonstration */
.s-demo-sec{padding-bottom:clamp(24px,4vw,40px)}
.s-demo-slab{padding:clamp(22px,4.4vw,60px)}
.s-demo-head{display:grid;gap:18px 48px;margin-bottom:clamp(28px,4vw,44px)}
.s-demo-head .s-h2{max-width:16ch}
.s-demo-aside p{color:var(--s-night-muted);max-width:46ch}
@media (min-width:900px){
  .s-demo-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end}
}
.s-replay{display:inline-flex;align-items:center;gap:8px;margin-top:16px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.04);color:var(--s-night-ink);font:500 13px/1 var(--font-body);cursor:pointer}
.s-replay:hover{border-color:rgba(238,240,250,.35)}
.s-demo{margin:0}

.s-win{--ink:#0B0D1A;--muted:#5A6078;--line:#E1E4EE;--accent-ink:#2B37D9;background:#fff;color:#0B0D1A;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 100px -40px rgba(0,0,0,.75),0 0 90px -30px rgba(61,75,255,.5);font-size:13.5px;line-height:1.5}
.s-win-bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;background:#F5F6FA;border-bottom:1px solid #E1E4EE}
.s-win-dots{display:flex;gap:6px}
.s-win-dots i{width:10px;height:10px;border-radius:50%;background:#D9DCE6}
.s-win-title{display:flex;align-items:center;gap:7px;margin-inline:auto;font-weight:600;font-size:13px}
.s-win-title .mark{width:16px;height:16px}
.s-win-plan{font:500 11px/1 var(--font-mono);padding:4px 8px;border-radius:999px;background:#E9EBFF;color:#2B37D9}
.s-win-body{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.12fr);height:clamp(440px,46vw,560px)}
.s-win-side{display:flex;flex-direction:column;gap:3px;padding:14px 10px;background:#EEF0F6;border-inline-end:1px solid #E1E4EE;min-width:0}
.s-win-new{display:flex;align-items:center;gap:7px;padding:8px 10px;margin-bottom:10px;border:1px solid #E1E4EE;background:#fff;border-radius:10px;font-weight:600;font-size:12.5px}
.s-win-h{font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#5A6078;margin:4px 8px 6px}
.s-win-thread{padding:7px 10px;border-radius:8px;font-size:12.5px;color:#3a3f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-win-thread.is-current{background:#E9EBFF;color:#0B0D1A;font-weight:500}
.s-win-gauges{margin-top:auto;display:grid;gap:9px;padding:10px 6px 2px;border-top:1px solid #E1E4EE}
.s-win-gauge{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font:500 10.5px/1 var(--font-mono);color:#5A6078}
.s-win-gauge i{display:block;height:5px;border-radius:9px;background:linear-gradient(90deg,#3D4BFF var(--w),#DCDFEA var(--w))}
[dir="rtl"] .s-win-gauge i{background:linear-gradient(-90deg,#3D4BFF var(--w),#DCDFEA var(--w))}

.s-win-chat{display:flex;flex-direction:column;min-width:0;border-inline-end:1px solid #E1E4EE}
.s-win-msgs{flex:1;display:flex;flex-direction:column;gap:18px;padding:22px 20px 12px;overflow:hidden}
.s-w-user{align-self:flex-end;max-width:88%}
.s-w-bubble{display:block;background:#E9EBFF;color:#0B0D1A;padding:10px 14px;border-radius:16px 16px 5px 16px}
[dir="rtl"] .s-w-bubble{border-radius:16px 16px 16px 5px}
.s-w-nella{display:grid;gap:10px;justify-items:start}
.s-w-who{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px}
.s-w-who .mark{width:18px;height:18px}
.s-w-stack{display:grid}
.s-w-stack>*{grid-area:1/1}
.s-w-answer{font-family:var(--font-display);font-size:15px;line-height:1.55;color:#1d2133}
.s-w-think{display:flex;align-items:center;gap:5px;color:#5A6078;font-size:13px;opacity:0}
.s-w-think i{width:5px;height:5px;border-radius:50%;background:#3D4BFF;animation:s-blink 1.1s infinite ease-in-out}
.s-w-think i:nth-child(2){animation-delay:.15s}
.s-w-think i:nth-child(3){animation-delay:.3s}
@keyframes s-blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.s-w-card{position:relative;display:flex;align-items:center;gap:11px;width:100%;max-width:330px;padding:9px 12px 9px 9px;border:1px solid #E1E4EE;border-radius:13px;background:#fff;overflow:hidden}
.s-w-card-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#E9EBFF;color:#2B37D9;flex:none}
.s-w-card-txt{flex:1;min-width:0;display:grid;line-height:1.3}
.s-w-card-txt b{font-size:13.5px}
.s-w-card-txt span{font-size:11.5px;color:#5A6078}
.s-w-card-st{display:grid;font:600 11.5px/1 var(--font-body);flex:none}
.s-w-card-st>*{grid-area:1/1;display:inline-flex;align-items:center;gap:4px;justify-self:end}
.s-st-busy{color:#5A6078;opacity:0}
.s-st-ready{color:#16865A}
.s-w-prog{position:absolute;inset-inline:0;bottom:0;height:2px;opacity:0}
.s-w-prog i{display:block;height:100%;background:#3D4BFF;transform-origin:left center}
[dir="rtl"] .s-w-prog i{transform-origin:right center}
.s-w-composer{display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:8px 8px 8px 14px;border:1px solid #E1E4EE;border-radius:14px;background:#fff;box-shadow:0 8px 20px -16px rgba(11,13,26,.4)}
[dir="rtl"] .s-w-composer{padding:8px 14px 8px 8px}
.s-w-input{flex:1;min-width:0;color:#8A8FA6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-w-model{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#3a3f55;padding:5px 8px;border-radius:8px;background:#EEF0F6}
.s-w-send{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#3D4BFF;color:#fff}

.s-win-pv{display:flex;flex-direction:column;min-width:0;background:#F5F6FA}
.s-pv-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;padding:0 12px;border-bottom:1px solid #E1E4EE;background:#fff}
.s-pv-tabs{display:inline-flex;padding:3px;border-radius:9px;background:#EEF0F6;font-size:12px;font-weight:600}
.s-pv-tabs span{padding:5px 11px;border-radius:7px;color:#5A6078}
.s-pv-tabs .is-on{background:#fff;color:#0B0D1A;box-shadow:0 1px 2px rgba(11,13,26,.1)}
.s-pv-lock{display:inline-flex;align-items:center;gap:5px;font:500 10.5px/1 var(--font-mono);color:#5A6078;letter-spacing:.02em}
.s-pv-canvas{position:relative;flex:1;margin:12px;border-radius:12px;background:#fff;border:1px solid #E1E4EE;overflow:hidden}
.s-pv-shimmer{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(61,75,255,.08) 50%,transparent 70%) 0 0/250% 100%,#FBFBFD}

/* mini-site de la boulangerie */
.s-mini{--g:#22443A;font-size:12px;line-height:1.4;color:#1F1B16;height:100%;display:flex;flex-direction:column}
.s-mini-nav{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #EFEBE4}
.s-mini-nav b{font:500 15px/1 Georgia,"Times New Roman",serif;margin-inline-end:auto;white-space:nowrap}
.s-mini-nav span{color:#6D665C;font-size:11.5px}
.s-mini-btn{background:var(--g);color:#fff!important;padding:5px 10px;border-radius:99px;font-weight:600}
.s-mini-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center;padding:18px 16px 10px}
.s-mini-hero small{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;color:#C98F2B;font-weight:700;margin-bottom:5px}
.s-mini-title{display:block;font:400 clamp(17px,1.7vw,22px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.s-mini-bread{width:100%;height:auto}
.s-mini-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 16px}
.s-mini-item{display:grid;gap:2px;padding:8px;border:1px solid #EFEBE4;border-radius:10px}
.s-mini-thumb{display:block;height:34px;border-radius:7px;background:#F4EFE6;margin-bottom:4px;position:relative;overflow:hidden}
.s-mini-thumb::after{content:"";position:absolute;inset:9px 14px;border-radius:50% 50% 40% 40%;background:#D79A3C}
.s-mini-thumb-1::after{inset:13px 6px;border-radius:99px}
.s-mini-thumb-2::after{inset:10px 18px;border-radius:50% 50% 20% 20%;background:#E2AE55}
.s-mini-item b{font-size:11.5px}
.s-mini-item span{font-size:11px;color:#6D665C;font-variant-numeric:tabular-nums}
.s-mini-hours{display:flex;align-items:center;gap:6px;margin:auto 16px 14px;padding:8px 10px;border-radius:9px;background:#F4F2EE;color:var(--g);font-weight:600;font-size:11px}

/* séquence (site.js : is-ready, is-armed, is-playing) */
.s-js .s-demo:not(.is-ready) .s-seq{opacity:0;animation:s-failsafe .5s 2.5s forwards}
@keyframes s-failsafe{to{opacity:1}}
.s-demo.is-armed:not(.is-playing) .s-seq{opacity:0}
.s-demo.is-playing .s-seq{animation:s-rise .7s var(--s-ease) var(--d,0s) both}
.s-demo.is-playing .s-w-think{animation:s-think 1.1s ease .95s both}
.s-demo.is-playing .s-st-busy{animation:s-busy 2.1s linear 2.5s both}
.s-demo.is-playing .s-st-ready{animation:s-rise .45s var(--s-ease) 4.6s both}
.s-demo.is-playing .s-w-prog{animation:s-fade-out 2.2s linear 2.55s both}
.s-demo.is-playing .s-w-prog i{animation:s-grow 1.9s cubic-bezier(.4,.1,.3,1) 2.6s both}
.s-demo.is-playing .s-pv-shimmer{animation:s-shimmer 1.5s ease 2.7s both}
.s-demo.is-playing .s-w-card{animation:s-rise .7s var(--s-ease) var(--d,0s) both,s-ring 1.4s ease 4.6s}
@keyframes s-rise{from{opacity:0;transform:translateY(10px)}}
@keyframes s-think{0%{opacity:0}15%,85%{opacity:1}100%{opacity:0}}
@keyframes s-busy{0%,94%{opacity:1}100%{opacity:0}}
@keyframes s-fade-out{0%,92%{opacity:1}100%{opacity:0}}
@keyframes s-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes s-shimmer{0%{opacity:0;background-position:100% 0,0 0}15%,80%{opacity:1}100%{opacity:0;background-position:-60% 0,0 0}}
@keyframes s-ring{0%{box-shadow:0 0 0 0 rgba(61,75,255,.35)}100%{box-shadow:0 0 0 10px rgba(61,75,255,0)}}

@media (max-width:1100px){
  .s-win-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  .s-win-side{display:none}
}
@media (max-width:760px){
  .s-win-body{grid-template-columns:minmax(0,1fr);height:auto}
  .s-win-chat{border-inline-end:0;border-bottom:1px solid #E1E4EE}
  .s-win-msgs{padding:18px 14px 10px}
  .s-win-pv{height:360px}
  .s-w-composer{margin:0 12px 12px}
  .s-mini-nav span:not(.s-mini-btn){display:none}
  .s-win-plan{display:none}
}

.s-facts{display:grid;gap:0;margin-top:clamp(28px,4vw,44px);border-top:1px solid var(--s-night-line)}
.s-facts li{padding:22px 0 0}
.s-facts h3{font:600 15.5px/1.35 var(--font-body);color:var(--s-night-ink)}
.s-facts p{margin-top:6px;color:var(--s-night-muted);font-size:14.5px;max-width:36ch}
@media (min-width:760px){
  .s-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
}

/* ---------------------------------------------------------------- cas d'usage */
.s-uses{border-top:1px solid var(--line)}
.s-use{display:grid;gap:8px;padding:26px 0 28px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.s-use:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.s-use-cat{display:flex;align-items:center;gap:12px;font:500 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.s-use-cat span{color:var(--accent-ink)}
.s-use-prompt{font:400 clamp(20px,2vw,25px)/1.35 var(--font-display);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;transition:color .2s}
.s-use:hover .s-use-prompt{color:var(--accent-ink)}
.s-use-result{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;color:var(--muted);font-size:15px}
.s-use-result .s-ico{color:var(--spark)}

/* ---------------------------------------------------------------- galerie de l'accueil */
.s-gallery{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){
  .s-gallery{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
}
.s-gallery-main .s-ex-stage{height:clamp(480px,46vw,580px)}
.s-gallery-side{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.s-thumb{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;text-decoration:none;color:var(--ink)!important;box-shadow:var(--s-soft-shadow);transition:border-color .2s,transform .3s var(--s-ease)}
.s-thumb:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}
.s-thumb-frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#fff;border-bottom:1px solid var(--line)}
.s-thumb-frame iframe{position:absolute;top:0;inset-inline-start:0;width:250%;height:250%;border:0;transform:scale(.4);transform-origin:top left;pointer-events:none}
[dir="rtl"] .s-thumb-frame iframe{transform-origin:top right}
.s-thumb-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.s-thumb-meta>span:first-child{display:grid;line-height:1.35}
.s-thumb-meta b{font-size:15.5px}
.s-thumb-meta small{font-size:13px;color:var(--muted)}
.s-thumb-go{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--accent-ink);flex:none}

/* ---------------------------------------------------------------- exemples (iframe + code) */
.s-ex-stage{position:relative;display:flex;flex-direction:column;height:540px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--canvas);box-shadow:var(--s-soft-shadow)}
.s-ex-bar{display:flex;align-items:center;gap:10px;height:46px;padding:0 10px 0 14px;flex:none;background:var(--surface-2);border-bottom:1px solid var(--line)}
[dir="rtl"] .s-ex-bar{padding:0 14px 0 10px}
.s-ex-dots{display:flex;gap:6px}
.s-ex-dots i{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--ink) 16%,transparent)}
.s-ex-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.s-ex-lang{font:500 10.5px/1 var(--font-mono);color:var(--muted);padding:4px 7px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.s-ex-tools{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.s-ex-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 12.5px/1 var(--font-body);cursor:pointer;list-style:none;white-space:nowrap}
.s-ex-btn::-webkit-details-marker{display:none}
.s-ex-btn:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
button.s-ex-btn{width:32px;padding:0;justify-content:center}
.s-ex-toggle>span{display:inline-flex;align-items:center;gap:6px}
.s-when-open,.s-ex-code[open] .s-when-closed{display:none!important}
.s-ex-code[open] .s-when-open{display:inline-flex!important}
.s-ex-code[open] .s-ex-toggle{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.s-ex-src{position:absolute;inset:46px 0 0;z-index:3;display:flex;flex-direction:column;background:#0B0D1A;color:#D8DBEA}
.s-ex-src pre{flex:1;margin:0;overflow:auto;padding:18px 20px 24px;font:12.5px/1.6 var(--font-mono);tab-size:2;white-space:pre;text-align:left}
.s-ex-copy{position:absolute;top:10px;inset-inline-end:14px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#161927;color:#EEF0FA;font:600 12px/1 var(--font-body);cursor:pointer}
.s-ex-copy:hover{border-color:rgba(255,255,255,.4)}
.s-ex-copy.is-done{color:#4CC38A}
.s-ex-frame{flex:1;width:100%;border:0;background:#fff;display:block}

/* ---------------------------------------------------------------- modèles */
.s-models{display:grid;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;box-shadow:var(--s-soft-shadow)}
.s-model{display:flex;flex-direction:column;gap:10px;padding:clamp(24px,3vw,36px)}
.s-model+.s-model{border-top:1px solid var(--line)}
@media (min-width:860px){
  .s-models{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-model+.s-model{border-top:0;border-inline-start:1px solid var(--line)}
}
.s-arch{width:56px;height:56px;margin-bottom:10px}
.s-arch-n{fill:none;stroke:var(--accent);stroke-width:4.2;stroke-linecap:round}
.s-arch-spark{fill:var(--spark)}
.s-model-short{font:400 21px/1.3 var(--font-display);letter-spacing:-.01em}
.s-model-best{color:var(--muted);font-size:15px;min-height:3.2em}
.s-meters{display:grid;gap:8px;margin:8px 0 4px}
.s-meter{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px}
.s-meter dt{font:500 11.5px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.s-meter dd{margin:0}
.s-meter-bar{display:flex;gap:4px}
.s-meter-bar i{width:100%;max-width:30px;height:6px;border-radius:9px;background:color-mix(in srgb,var(--ink) 10%,transparent)}
.s-meter-bar i.on{background:var(--accent)}
.s-model-plans{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font-size:13.5px}
.s-model-plans span{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-inline-end:6px}

/* ---------------------------------------------------------------- aperçu des tarifs */
.s-strip{display:grid;border:1px solid var(--line);border-radius:24px;background:var(--bg);overflow:hidden}
.s-strip-item{display:flex;flex-direction:column;gap:8px;padding:26px 24px}
.s-strip-item+.s-strip-item{border-top:1px solid var(--line)}
.s-strip-item.is-pro{background:var(--accent-soft);box-shadow:inset 0 3px 0 var(--accent)}
.s-strip-name{font:600 15px/1.2 var(--font-body)}
.s-strip-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.s-strip-price b{font:500 36px/1.1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s-strip-price span{font-size:13.5px;color:var(--muted)}
.s-strip-sum{font-size:14.5px;color:var(--muted);flex:1}
.s-strip-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.s-strip-badge{padding:3px 8px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:600 11px/1.2 var(--font-body)}
.s-strip-tag{margin-top:-4px;font-size:13.5px;color:var(--muted)}
.s-strip-from{flex-basis:100%;margin-bottom:-4px;font-size:13px;color:var(--muted)}
.s-strip-annual{margin-top:-4px;font-size:13px;color:var(--accent-ink);font-weight:500}
.s-strip-cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:600;font-size:14.5px;color:var(--accent-ink);text-decoration:none}
.s-strip-cta:hover{text-decoration:underline;text-underline-offset:4px}
.s-strip-features{display:grid;align-content:start;gap:10px;padding-top:16px;margin-top:6px;border-top:1px solid var(--line);flex:1}
.s-strip-inc{font-size:13px;font-weight:600;color:var(--ink)}
.s-strip-features .s-checks{margin-top:0!important}
.s-strip-item.is-pro .s-strip-features{border-top-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.s-strip-cta.is-primary{justify-content:center;padding:11px 16px;border-radius:12px;background:var(--accent);color:var(--on-accent);text-decoration:none!important}
.s-strip-cta.is-primary:hover{filter:brightness(1.06)}
.s-strip-guest{font-size:13px;color:var(--muted)}
.s-strip-guest a{color:var(--accent-ink);font-weight:600}
@media (min-width:640px) and (max-width:1023px){
  .s-strip:not(.s-strip-3){grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-strip:not(.s-strip-3) .s-strip-item:nth-child(2){border-top:0;border-inline-start:1px solid var(--line)}
  .s-strip:not(.s-strip-3) .s-strip-item:nth-child(4){border-inline-start:1px solid var(--line)}
}
@media (min-width:1024px){
  .s-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  .s-strip.s-strip-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-strip-item+.s-strip-item{border-top:0;border-inline-start:1px solid var(--line)}
}

/* ---------------------------------------------------------------- badges des stores */
.s-badges{display:flex;flex-wrap:wrap;gap:16px 12px;padding-top:6px}
.s-badge{position:relative;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 18px 0 13px;border-radius:12px;background:var(--s-badge-bg);border:1px solid var(--s-badge-line);color:#fff!important;text-decoration:none;flex:none;transition:transform .2s var(--s-ease),border-color .2s}
[dir="rtl"] .s-badge{padding:0 13px 0 18px}
a.s-badge:hover{border-color:rgba(255,255,255,.5);transform:translateY(-1px)}
.s-badge-logo{width:27px;height:27px;flex:none}
.s-badge-txt{display:grid;line-height:1.1;text-align:start}
.s-badge-txt small{font-size:10.5px;font-weight:500;opacity:.85;white-space:nowrap}
.s-badge-txt b{font-size:17px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.s-badge.is-soon{background:color-mix(in srgb,var(--s-badge-bg) 82%,var(--bg));cursor:default}
.s-badge.is-soon .s-badge-logo,.s-badge.is-soon .s-badge-txt{opacity:.5;filter:grayscale(.5)}
.s-badge-soon{position:absolute;top:-13px;inset-inline-end:-7px;padding:3px 8px;border-radius:999px;background:#fff;color:#0B0D1A;border:1px solid #E1E4EE;font:600 10px/1.2 var(--font-body);letter-spacing:.02em;box-shadow:0 2px 8px -2px rgba(11,13,26,.25);white-space:nowrap}
.s-badge-soon::before{content:"";display:inline-block;width:5px;height:5px;margin-inline-end:5px;border-radius:50%;background:var(--spark);vertical-align:1px}
.s-badges-sm{gap:10px}
.s-badges-sm .s-badge{height:42px;padding:0 13px 0 10px;gap:8px;border-radius:10px}
[dir="rtl"] .s-badges-sm .s-badge{padding:0 10px 0 13px}
.s-badges-sm .s-badge-logo{width:21px;height:21px}
.s-badges-sm .s-badge-txt small{font-size:9px}
.s-badges-sm .s-badge-txt b{font-size:13.5px}
.s-badges-sm .s-badge-soon{top:-12px;font-size:9px;padding:2px 6px}
.s-everywhere{display:grid;gap:36px;align-items:center}
.s-everywhere .s-text{margin:14px 0 20px}
@media (min-width:960px){
  .s-everywhere{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
}

/* ---------------------------------------------------------------- appel final (en tête du pied de page) */
.s-cta-sec{padding-block:clamp(40px,6vw,72px) 0}
.s-cta{padding:clamp(40px,7vw,96px) clamp(24px,6vw,80px)}
.s-cta-body{position:relative;max-width:720px}
.s-cta h2{font-size:clamp(34px,5vw,64px);line-height:1.05;font-weight:450;letter-spacing:-.025em}
.s-cta-text{margin:22px 0 30px;font-size:18px;color:var(--s-night-muted);max-width:48ch}
.s-cta-note{margin-top:20px;font:500 12px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--s-night-muted)}
.s-cta-arch{position:absolute;z-index:-1;width:min(520px,70vw);inset-inline-end:-40px;bottom:-90px;pointer-events:none}
.s-cta-arch path{fill:none;stroke:rgba(168,174,255,.2);stroke-width:.6;stroke-linecap:round}
.s-cta-arch circle{fill:var(--spark)}

/* ---------------------------------------------------------------- pied de page */
.s-foot{position:relative;overflow:hidden;background:var(--surface);border-top:1px solid var(--line)}
.s-foot-main{padding-top:clamp(52px,7vw,88px)}
.s-foot-top{display:grid;gap:44px}
@media (min-width:1040px){
  .s-foot-top{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
}
.s-foot-tagline{margin-top:20px;font:400 clamp(21px,2vw,25px)/1.3 var(--font-display);letter-spacing:-.012em;color:var(--ink);max-width:22ch;text-wrap:balance}
.s-foot-tagline em{font-style:italic;color:var(--accent-ink)}
.s-foot-made{margin-top:12px;font-size:14px;color:var(--muted);max-width:34ch}
.s-foot-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
@media (min-width:720px){
  .s-foot-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.s-foot-h{margin-bottom:16px!important;font:500 11.5px/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.s-foot-nav ul{display:grid;gap:11px}
.s-foot-nav a{font-size:14.5px;line-height:1.35;text-decoration:none;color:color-mix(in srgb,var(--ink) 86%,var(--muted));transition:color .15s}
.s-foot-nav a:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.s-foot-nav a[aria-current="page"]{color:var(--accent-ink);font-weight:600}
.s-foot-get{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}
.s-foot-get .s-foot-h{margin:0!important}
.s-foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:28px;padding-block:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.s-foot-legal{display:flex;flex-wrap:wrap;gap:4px 16px}
/* Langue et devise, toujours au bout de la ligne (même renvoyées à la ligne) : leurs menus s'ouvrent
   depuis ce bout, calés sur ce bloc et non sur chaque bouton, sans déborder de l'écran. */
.s-foot-lang{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto}
.s-foot-lang .s-lang{position:static}
@media (min-width:720px){
  /* La langue (premier bouton) s'ouvre depuis le début du bloc, au-dessus d'elle. */
  .s-foot-lang .s-lang:not(.s-cur) .s-drop{inset-inline-start:0;inset-inline-end:auto;transform-origin:bottom left}
  [dir="rtl"] .s-foot-lang .s-lang:not(.s-cur) .s-drop{transform-origin:bottom right}
}
@media (max-width:719px){
  .s-foot-lang{flex-basis:100%}
  .s-foot-lang .s-drop{inset-inline:0;min-width:0;width:auto}
  .s-foot-lang .s-cur-btn-name{display:none}
}
.s-foot-lang .s-lang-btn{height:40px;padding:0 13px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:500 14px/1 var(--font-body)}
.s-foot-lang .s-lang-btn:hover,.s-foot-lang .s-lang.is-open .s-lang-btn{border-color:color-mix(in srgb,var(--ink) 28%,var(--line));background:var(--bg)}
.s-foot-giant{display:flex;justify-content:center;margin-top:clamp(8px,2vw,24px);direction:ltr;user-select:none;pointer-events:none}
.s-foot-giant span{position:relative;display:inline-block;font:600 clamp(118px,27vw,400px)/.74 var(--font-body);letter-spacing:-.065em;padding-inline-end:.06em;margin-bottom:-.1em;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 12%,transparent) 8%,color-mix(in srgb,var(--ink) 1%,transparent) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-foot-giant i{position:absolute;top:-.02em;inset-inline-end:-.08em;width:.1em;height:.1em;border-radius:50%;background:var(--spark);opacity:.8}

/* ---------------------------------------------------------------- pages intérieures */
.s-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.s-toc a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:500;text-decoration:none;color:var(--ink);transition:border-color .2s}
.s-toc a:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.s-toc .s-ico{color:var(--muted)}
.s-notice{display:flex;align-items:flex-start;gap:10px;margin-top:24px;max-width:66ch;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.s-notice .s-ico{color:var(--spark);margin-top:3px}

.s-checks{display:grid;gap:12px;margin-top:26px!important}
.s-checks li{display:flex;align-items:flex-start;gap:11px;font-size:15.5px}
.s-checks .s-ico{color:var(--accent);margin-top:3px}
.s-checks-sm{gap:9px;margin-top:14px!important}
.s-checks-sm li{font-size:14.5px}

.s-feature{display:grid;gap:44px;align-items:center}
@media (min-width:960px){
  .s-feature{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px}
}
.s-feature-text .s-text{margin-top:16px}

.s-mock{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:clamp(20px,3vw,32px);box-shadow:var(--s-soft-shadow);display:grid;gap:18px}
.s-mock .s-w-user{max-width:85%}
.s-mock .s-w-bubble{background:var(--accent-soft);color:var(--ink);font-size:14.5px}
.s-mock .s-w-who{color:var(--ink)}
.s-mock-answer{font:400 16px/1.6 var(--font-display);color:var(--ink)}
.s-mock-h{font:600 14px/1.3 var(--font-body);margin:4px 0 6px!important}
.s-mock-answer ol{margin:0 0 14px;padding-inline-start:1.3em}
.s-mock-answer li{margin:3px 0}
.s-mock-answer blockquote{margin:0;padding:12px 16px;border-inline-start:3px solid var(--accent);background:var(--surface-2);border-radius:0 12px 12px 0}
[dir="rtl"] .s-mock-answer blockquote{border-radius:12px 0 0 12px}

/* créer (nuit) */
.s-create{padding:clamp(28px,5vw,72px)}
.s-create-head{max-width:720px}
.s-create-head .s-text{margin-top:16px;color:var(--s-night-muted)}
.s-chip-night{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:7px 13px;border-radius:999px;border:1px solid var(--s-night-line);font-size:13.5px;color:var(--s-night-ink)}
.s-chip-night .s-ico{color:var(--spark)}
.s-steps{display:grid;gap:22px;margin:clamp(36px,5vw,56px) 0!important;padding-top:28px!important;border-top:1px solid var(--s-night-line)}
.s-steps h3{font:600 16px/1.3 var(--font-body);margin-top:10px}
.s-steps p{margin-top:6px;color:var(--s-night-muted);font-size:14.5px;max-width:34ch}
.s-step-n{font:500 13px/1 var(--font-mono);color:var(--s-night-accent)}
@media (min-width:760px){
  .s-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
}
.s-create-grid{display:grid;gap:40px;align-items:center}
@media (min-width:1000px){
  .s-create-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
}
.s-stack{display:grid;padding:0 0 32px;padding-inline-end:28px}
.s-stack>*{grid-area:1/1}
.s-stack-code{border-radius:16px;background:#0E1124;border:1px solid var(--s-night-line);overflow:hidden;transform:translate(calc(28px * var(--s-dir)),32px);opacity:.92}
.s-stack-code .s-pv-bar{background:#14172E;border-bottom-color:var(--s-night-line)}
.s-stack-code .s-pv-tabs{background:#1C2040}
.s-stack-code .s-pv-tabs span{color:#9AA0BA}
.s-stack-code .s-pv-tabs .is-on{background:#2A2F5A;color:#EEF0FA;box-shadow:none}
.s-stack-code pre{margin:0;padding:18px 20px 60px;font:12.5px/1.75 var(--font-mono);color:#C9CDE0;overflow:hidden;white-space:pre;text-align:left}
.t-tag{color:#8FA0FF}.t-att{color:#FF9F7A}.t-str{color:#7FD3A8}.t-key{color:#C3A6FF}.t-num{color:#FFCF70}.t-fn{color:#6FC3FF}
.s-stack-view{align-self:start;width:78%;justify-self:start;border-radius:16px;overflow:hidden;background:#fff;color:#2A1215;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.1)}
.s-stack-view .s-pv-bar{color:#0B0D1A}
.s-focus{position:relative;display:grid;place-items:center;padding:26px 0 10px;background:#FFF1F1}
.s-focus svg{width:min(190px,60%);height:auto;transform:rotate(-90deg)}
.s-focus circle{fill:none;stroke-width:9}
.s-focus-track{stroke:#fff}
.s-focus-prog{stroke:#E5484D;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:79}
.s-focus-time{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding-top:16px}
.s-focus-time b{font:700 clamp(28px,3.4vw,40px)/1 var(--font-body);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.s-focus-time small{color:#8A6B6E;font-size:12px;margin-top:4px}
.s-focus-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 18px;background:#FFF1F1;flex-wrap:wrap}
.s-focus-btn{background:#2A1215;color:#fff;border-radius:10px;padding:9px 16px;font-weight:700;font-size:13px}
.s-focus-count{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#8A6B6E}
.s-focus-count i{width:8px;height:8px;border-radius:50%;border:2px solid #E5484D}
.s-focus-count i.on{background:#E5484D}
.s-create-side{display:grid;gap:32px}
.s-points{display:grid;gap:22px}
.s-points li{display:flex;gap:14px;align-items:flex-start}
.s-point-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(91,103,255,.16);color:var(--s-night-accent)}
.s-points h3{font:600 16px/1.3 var(--font-body)}
.s-points p{margin-top:4px;color:var(--s-night-muted);font-size:14.5px}
.s-versions{padding:20px;border-radius:18px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.03)}
.s-versions-h{font:500 12px/1.2 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--s-night-muted);margin-bottom:14px!important}
.s-versions ol{display:grid;gap:14px;position:relative}
.s-versions li{display:grid;gap:3px;padding-inline-start:22px;position:relative}
.s-versions li::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:9px;height:9px;border-radius:50%;background:var(--s-night);border:2px solid var(--s-night-accent)}
.s-versions li:last-child::before{background:var(--spark);border-color:var(--spark)}
.s-versions li+li::after{content:"";position:absolute;inset-inline-start:5px;top:-14px;height:20px;border-inline-start:1px dashed rgba(168,174,255,.4)}
.s-version-label{font:500 11.5px/1.3 var(--font-mono);color:var(--s-night-accent)}
.s-version-prompt{font-size:14.5px;color:var(--s-night-ink)}

/* tableaux */
.s-table-wrap{position:relative;margin-top:28px;overflow-x:auto;max-width:100%;contain:inline-size;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.s-table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.s-table th,.s-table td{padding:15px 18px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.s-table tbody tr:last-child>*{border-bottom:0}
.s-table thead th{font:500 11.5px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--surface-2)}
.s-table tbody th{font-weight:600}
.s-table td{color:var(--muted)}

/* limites */
.s-limits{display:grid;gap:18px}
.s-gauges{margin:0;padding:24px;display:grid;gap:20px;border:1px solid var(--line);border-radius:22px;background:var(--bg);box-shadow:var(--s-soft-shadow)}
.s-gauge-item{display:grid;gap:8px}
.s-gauge-item p{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:14.5px}
.s-gauge-item b{font:500 13px/1.4 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}
.s-gauge{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden}
.s-gauge i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--accent)}
.s-gauge-item small{font-size:12.5px;color:var(--muted)}
.s-gauges figcaption{font-size:12px;color:var(--muted);padding-top:12px;border-top:1px dashed var(--line)}
.s-levels{padding:22px 24px;border:1px solid var(--line);border-radius:22px;background:var(--bg)}
.s-levels-h{font:500 11.5px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px!important}
.s-levels dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.s-levels dt{font-weight:600;font-size:14.5px}
.s-levels dd{margin:2px 0 0;color:var(--muted);font-size:14px}
.s-levels .is-pro dt{color:var(--accent-ink)}

/* bientôt */
.s-soon{display:grid;border-top:1px solid var(--line)}
.s-soon li{display:flex;gap:16px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--line)}
@media (min-width:700px){
  .s-soon{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
}
.s-soon-ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--surface);border:1px solid var(--line);color:var(--accent-ink)}
.s-soon h3{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:600 17px/1.3 var(--font-body)}
.s-soon p{margin-top:5px;color:var(--muted);font-size:15px}
.s-soon-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--spark) 12%,var(--surface));color:color-mix(in srgb,var(--spark) 70%,var(--ink));font:600 11.5px/1 var(--font-body);white-space:nowrap}
.s-soon-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--spark)}
/* fonctions disponibles, sous « Converser » (Fonctionnalités) */
.s-tools{margin-top:clamp(44px,6vw,72px)}
@media (min-width:1000px){
  .s-tools{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:32px}
  .s-tools li{flex-direction:column;gap:14px}
}
/* badge de téléchargement direct : formats publiés en pastille (« APK », « AppImage · .deb ») */
.s-badge-fmt{align-self:center;margin-inline-start:2px;padding:2px 6px;border:1px solid rgba(255,255,255,.28);border-radius:6px;font:500 10px/1.3 var(--font-mono);letter-spacing:.02em;color:rgba(255,255,255,.82);white-space:nowrap}
.s-badges-sm .s-badge-fmt{padding:1px 5px;font-size:9px}
.s-pf-badges-soon{margin-top:2px}

/* ---------------------------------------------------------------- créations */
.s-examples{display:grid;gap:clamp(40px,5vw,64px) 28px}
.s-ex{display:grid;gap:22px;align-content:start;scroll-margin-top:96px}
.s-ex-meta{display:grid;gap:4px;align-content:start}
.s-ex-meta .s-eyebrow{margin-bottom:8px}
.s-ex-title{font:450 clamp(26px,2.6vw,34px)/1.12 var(--font-display);letter-spacing:-.02em}
.s-ex-prompt{margin:14px 0 10px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.s-ex-prompt p:last-child{font:400 16.5px/1.5 var(--font-display);color:var(--ink)}
.s-ex-label{font:500 11px/1.4 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px!important}
@media (min-width:960px){
  .s-examples{grid-template-columns:repeat(12,minmax(0,1fr))}
  .s-ex{grid-column:span 6}
  .s-ex:nth-child(2),.s-ex:nth-child(6){grid-column:span 7}
  .s-ex:nth-child(3),.s-ex:nth-child(5){grid-column:span 5}
  .s-ex-wide{grid-column:1/-1!important;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:44px;align-items:center}
  .s-ex-wide .s-ex-stage{height:600px}
  .s-ex-flip{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  .s-ex-flip .s-ex-meta{order:-1}
}
@media (max-width:640px){
  .s-ex-stage{height:500px}
  .s-ex-lang{display:none}
}

/* ---------------------------------------------------------------- tarifs */
.s-plans{display:grid;gap:18px;align-items:stretch}
@media (min-width:960px){
  .s-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.s-plan{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,34px);border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--s-soft-shadow)}
.s-plan-pro{background:var(--s-night);border-color:var(--s-night-border)}
.s-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.s-plan-name{font:600 18px/1.2 var(--font-body)}
.s-plan-badge{padding:5px 10px;border-radius:999px;background:rgba(91,103,255,.22);color:#C9CDFF;font:600 11.5px/1 var(--font-body)}
.s-plan-tag{color:var(--muted);font-size:15px}
.s-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:10px 0 8px}
.s-plan-price b{font:450 clamp(44px,4.4vw,56px)/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.s-plan-price span{color:var(--muted);font-size:14px}
.s-plan .s-btn{width:100%}
.s-plan-pro .s-checks .s-ico{color:var(--s-night-accent)}
.s-plan-price-box{display:grid;gap:4px;align-content:start;min-height:104px}
.s-plan-price-box .s-plan-price{margin:4px 0 0}
.s-plan-sub{font-size:13.5px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.s-plan-commit,.s-plan-guest{margin-top:-2px;font-size:13px;line-height:1.45;color:var(--muted);text-align:center}
.s-plan-guest a{color:var(--accent-ink);font-weight:600;text-underline-offset:3px}
.s-plan-features{margin-top:6px;padding-top:20px;border-top:1px solid var(--line)}
.s-plan-includes{margin-bottom:12px!important;font-size:14px;font-weight:600}
.s-plan-features .s-checks{margin-top:0!important}
.s-checks li>span{min-width:0}
.s-checks li.is-soon{color:var(--muted)}
.s-checks li.is-soon .s-ico{color:var(--muted)!important}
.s-checks li .s-soon-pill{margin-inline-start:6px;vertical-align:1px}
.s-ast{margin-inline-start:1px;font-size:.78em;font-weight:600;color:var(--accent-ink)}
.s-night .s-plan-sub,.s-night .s-plan-commit{color:var(--s-night-muted)}
.s-night .s-soon-pill{background:rgba(255,132,96,.16);color:#FFB49C}

/* sélecteur Mensuel / Annuel : radios natives ; :has() sans JS, classes posées par site.js sinon */
.s-billing{display:flex;width:fit-content;max-width:100%;margin:0 auto 30px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--s-soft-shadow)}
.s-billing-opt{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}
.s-billing-opt input,.s-tier-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.s-billing-opt:hover{color:var(--ink)}
.s-billing-opt:has(input:checked){background:var(--ink);color:var(--bg)}
.s-billing-opt:has(input:focus-visible),.s-tier-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.s-billing-save{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--spark) 15%,transparent);color:color-mix(in srgb,var(--spark) 75%,var(--ink));font-size:11.5px;font-weight:600;white-space:nowrap}
.s-billing-opt:has(input:checked) .s-billing-save{background:var(--spark);color:#fff}
.s-pricing:not(.is-monthly):not(:has([data-billing-input][value="monthly"]:checked)) .s-when-monthly{display:none}
.s-pricing.is-monthly .s-when-annual{display:none}
.s-pricing:has([data-billing-input][value="monthly"]:checked) .s-when-annual{display:none}

/* paliers de Max : 5× / 20× */
.s-tiers{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
.s-tiers legend{margin-bottom:8px;padding:0;font:500 11.5px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.s-tiers-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}
.s-tier-opt{position:relative;display:grid;place-items:center;padding:9px 8px;border-radius:10px;text-align:center;cursor:pointer;transition:background-color .2s,box-shadow .2s}
.s-tier-opt>span{display:grid;gap:2px;line-height:1.2}
.s-tier-opt b{font:600 19px/1.1 var(--font-body);letter-spacing:-.01em}
.s-tier-opt small{font-size:11.5px;color:var(--muted)}
.s-tier-opt:has(input:checked){background:var(--surface);box-shadow:0 1px 3px rgba(11,13,26,.14)}
.s-tier-opt:has(input:checked) b{color:var(--accent-ink)}
.s-tier-line{font-size:13.5px;line-height:1.45;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.s-plan-max:not(.is-20x):not(:has([data-tier-input][value="20x"]:checked)) .s-tier-20x{display:none}
.s-plan-max.is-20x .s-tier-5x{display:none}
.s-plan-max:has([data-tier-input][value="20x"]:checked) .s-tier-5x{display:none}
.s-pay-note{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--surface-2);color:var(--muted);font-size:14.5px}
.s-pay-note .s-ico{color:var(--accent-ink);margin-top:2px}
.s-pay-note span{display:block;margin-top:4px;font-size:13.5px}
.s-compare-wrap{margin-top:32px}
.s-compare{min-width:760px}
.s-compare thead th{vertical-align:bottom}
.s-compare thead th:not(:first-child){text-align:center}
.s-compare-plan{display:block;font:600 15px/1.2 var(--font-body);text-transform:none;letter-spacing:0;color:var(--ink)}
.s-compare-price{display:block;margin-top:4px;font:500 12.5px/1.2 var(--font-mono);text-transform:none;letter-spacing:0;white-space:nowrap}
.s-compare-plan small{margin-inline-start:6px;font:500 11px/1 var(--font-mono);color:var(--muted)}
.s-compare-unit{color:var(--muted)}
.s-compare td{text-align:center;vertical-align:middle;font-size:14px}
.s-compare .is-pro{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}
.s-compare-group th{padding-top:24px!important;font:500 11.5px/1.3 var(--font-mono)!important;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);background:transparent}
.s-compare-span{color:var(--ink)!important}
.s-yes{color:var(--accent);display:inline-flex}
.s-no{color:color-mix(in srgb,var(--muted) 60%,transparent);display:inline-flex}

/* FAQ */
.s-faq{border-top:1px solid var(--line)}
.s-qa{border-bottom:1px solid var(--line)}
.s-qa summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 2px;cursor:pointer;list-style:none}
.s-qa summary::-webkit-details-marker{display:none}
.s-qa summary h3{font:600 16.5px/1.4 var(--font-body)}
.s-qa summary .s-ico{color:var(--muted);transition:transform .25s var(--s-ease)}
.s-qa[open] summary .s-ico{transform:rotate(45deg);color:var(--accent-ink)}
.s-qa summary:hover h3{color:var(--accent-ink)}
.s-qa p{padding:0 2px 22px;color:var(--muted);font-size:15.5px;max-width:64ch}

/* ---------------------------------------------------------------- téléchargement */
.s-detect{margin-top:36px}
.s-detect-card{display:grid;gap:24px;padding:clamp(24px,4vw,44px);align-items:center}
.s-detect-card[hidden]{display:none}
.s-detect-ico{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(91,103,255,.18);color:var(--s-night-accent);border:1px solid var(--s-night-line)}
.s-detect-body p{color:var(--s-night-muted);max-width:52ch;margin-top:10px}
.s-detect-body .s-eyebrow{margin-bottom:12px}
.s-detect-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px}
.s-detect-top .s-eyebrow{margin-bottom:0}
.s-night .s-status.is-ok{background:rgba(76,195,138,.16);color:#86E0B3}
.s-night .s-status.is-ok::before{background:#4CC38A}
.s-detect-body .s-h2{font-size:clamp(28px,3.4vw,44px)}
.s-detect-req{font:500 12.5px/1.4 var(--font-mono)!important;letter-spacing:.02em}
.s-detect-actions{display:grid;gap:14px;justify-items:start}
@media (min-width:1000px){
  .s-detect-card{grid-template-columns:auto minmax(0,1fr) auto;gap:36px}
  .s-detect-actions{justify-items:end}
  .s-detect-actions .s-badges{justify-content:flex-end}
}
.s-platforms{display:grid;gap:18px}
@media (min-width:700px){
  .s-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1080px){
  .s-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-platform-web,.s-platform-linux{grid-column:span 2}
}
.s-platform{display:flex;flex-direction:column;gap:16px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);scroll-margin-top:96px;transition:border-color .25s,box-shadow .25s}
.s-platform.is-detected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.s-platform-head{display:flex;align-items:center;gap:12px}
.s-platform-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);flex:none}
.s-platform-head .s-h3{flex:1;min-width:0}
.s-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font:600 12px/1 var(--font-body);background:color-mix(in srgb,var(--spark) 12%,var(--surface));color:color-mix(in srgb,var(--spark) 70%,var(--ink));white-space:nowrap}
.s-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--spark)}
.s-status.is-ok{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}
.s-status.is-ok::before{background:var(--ok)}
.s-platform-text{color:var(--muted);font-size:15px}
.s-platform-block{display:grid;gap:10px}
.s-platform-block .s-badges{padding-top:6px}
.s-files{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.s-files li{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg)}
.s-files li+li{border-top:1px solid var(--line)}
.s-file-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--muted);flex:none}
.s-file-txt{flex:1;min-width:0;display:grid;line-height:1.3}
.s-file-txt b{font-size:14px;font-weight:600}
.s-file-txt small{font:500 12px/1.4 var(--font-mono);color:var(--muted)}
.s-files li.is-soon .s-file-txt{opacity:.7}
.s-file-get{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;background:var(--accent);color:var(--on-accent)!important;font-weight:600;font-size:13px;text-decoration:none}
.s-file-note{font-size:13.5px;line-height:1.5;color:var(--muted)}
.s-detect-body .s-detect-note{font-size:13.5px;line-height:1.5}
.s-platform-req{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font-size:14px}
.s-platform-req span{display:block;margin-bottom:2px;font:500 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

/* ---------------------------------------------------------------- aide */
.s-help{display:grid;gap:36px}
@media (min-width:960px){
  .s-help{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:64px}
  .s-help-toc{position:sticky;top:104px;align-self:start}
}
.s-help-toc ul{display:grid;gap:2px}
.s-help-toc a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;text-decoration:none;color:var(--ink);font-size:15px}
.s-help-toc a:hover{background:var(--surface)}
.s-help-toc .s-ico{color:var(--muted)}
.s-help-groups{display:grid;gap:56px}
.s-help-group{scroll-margin-top:96px}
.s-help-h{display:flex;align-items:center;gap:12px;margin-bottom:16px!important;font:450 clamp(24px,2.4vw,30px)/1.2 var(--font-display)!important;letter-spacing:-.015em!important}
.s-help-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);flex:none}
.s-help-more{padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.s-help-more p{margin:8px 0 20px;color:var(--muted);max-width:56ch}

/* 404 */
.s-404{min-height:56vh}
.s-404 .s-actions{margin-top:34px}
.s-404-arch{width:96px;height:96px;margin-bottom:22px}
.s-404-arch path{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:3 3.2}
.s-404-arch circle{fill:var(--spark)}

/* ---------------------------------------------------------------- forfaits pour les organisations */
.s-orgs{margin-top:22px;padding:clamp(18px,3vw,28px);border-radius:28px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 50%,transparent)}
.s-orgs-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:18px;padding-inline:4px}
.s-orgs-title{font:450 clamp(24px,2.4vw,30px)/1.2 var(--font-display);letter-spacing:-.015em}
.s-orgs-head p{color:var(--muted);font-size:15px;max-width:56ch}
.s-orgs-grid{display:grid;gap:18px}
@media (min-width:860px){
  .s-orgs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.s-org{box-shadow:none}
.s-org .s-plan-name{display:flex;align-items:center;gap:9px}
.s-org .s-plan-name .s-ico{color:var(--accent-ink)}
.s-plan-from{font-size:13.5px;color:var(--muted)}
.s-plan-quote{font:450 clamp(34px,3.4vw,44px)/1.05 var(--font-display)!important;letter-spacing:-.02em}


/* ---------------------------------------------------------------- documents légaux */
.s-legal-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin:28px 0 0}
.s-legal-meta div{display:flex;align-items:baseline;gap:9px}
.s-legal-meta dt{font:500 11.5px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.s-legal-meta dd{margin:0;font-weight:600;font-size:14.5px;font-variant-numeric:tabular-nums}
.s-legal{display:grid;gap:32px}
@media (min-width:1000px){
  .s-legal{grid-template-columns:minmax(0,3.3fr) minmax(0,8.7fr);gap:72px}
  .s-legal-toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}
}
@media (max-width:999px){
  .s-legal-toc{padding:18px 18px 12px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
}
.s-legal-toc ol{display:grid;gap:1px;list-style:none;margin:0;padding:0}
.s-legal-toc a{display:flex;gap:10px;padding:7px 10px;border-radius:9px;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;transition:background-color .15s,color .15s}
.s-legal-toc a:hover{background:var(--surface);color:var(--ink)}
.s-legal-toc a.is-active{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:inset 2px 0 0 var(--accent)}
[dir="rtl"] .s-legal-toc a.is-active{box-shadow:inset -2px 0 0 var(--accent)}
.s-legal-n{flex:none;min-width:1.7em;font:500 12px/1.75 var(--font-mono);color:var(--accent-ink);font-variant-numeric:tabular-nums}
.s-legal-print{display:inline-flex;align-items:center;gap:8px;margin:14px 10px 4px;padding:0;border:0;background:none;color:var(--muted);font:500 13.5px/1 var(--font-body);cursor:pointer}
.s-legal-print:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.s-legal-doc{min-width:0;max-width:74ch}
.s-legal-sec{padding-bottom:30px;scroll-margin-top:96px}
.s-legal-sec+.s-legal-sec{padding-top:30px;border-top:1px solid var(--line)}
.s-legal-h{display:flex;align-items:baseline;gap:12px;margin-bottom:14px!important;font:450 clamp(23px,2.2vw,29px)/1.25 var(--font-display);letter-spacing:-.015em;text-wrap:balance}
.s-legal-h .s-legal-n{font-size:13px}
.s-legal-sub{margin:22px 0 8px!important;font:600 16.5px/1.4 var(--font-body)}
.s-legal-doc p,.s-legal-list li{font-size:16px;line-height:1.72;color:color-mix(in srgb,var(--ink) 86%,var(--muted));text-wrap:pretty}
.s-legal-doc p+p,.s-legal-list+p{margin-top:12px}
.s-legal-list{display:grid;gap:8px;margin:12px 0;padding-inline-start:1.3em}
.s-legal-list li::marker{color:var(--accent)}
.s-legal-doc a{color:var(--accent-ink);font-weight:500;text-underline-offset:3px;overflow-wrap:anywhere}
.s-legal-doc strong{color:var(--ink);font-weight:600}
.s-legal-value{color:var(--ink);font-weight:500}
.s-legal-others{margin-top:24px;padding-top:28px;border-top:1px solid var(--line)}
.s-legal-others ul{display:grid;gap:12px}
@media (min-width:700px){
  .s-legal-others ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.s-legal-others a{display:flex;align-items:center;justify-content:space-between;gap:14px;height:100%;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--ink)!important;font-weight:400;transition:border-color .2s}
.s-legal-others a:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.s-legal-others a>span{display:grid;gap:3px;line-height:1.35}
.s-legal-others b{font-weight:600;font-size:15px}
.s-legal-others small{font-size:13.5px;color:var(--muted)}
.s-legal-others .s-ico{color:var(--accent-ink)}

/* ---------------------------------------------------------------- contact */
.s-contact{display:grid;gap:28px}
@media (min-width:1000px){
  .s-contact{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px;align-items:start}
}
.s-contact-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px!important}
.s-contact-topics a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14.5px;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color .2s,background-color .2s}
.s-contact-topics a:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.s-contact-topics a .s-ico{color:var(--muted)}
.s-contact-topics a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.s-contact-topics a[aria-current="true"] .s-ico{color:inherit}
.s-contact-card{display:grid;gap:20px;padding:clamp(22px,4vw,40px);border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--s-soft-shadow)}
.s-contact-card .s-eyebrow{margin-bottom:-8px}
.s-contact-h{font:450 clamp(26px,2.8vw,36px)/1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}
.s-contact-card .s-text{margin-top:-8px}
.s-contact-email{display:grid;gap:10px;padding:18px 18px 16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.s-contact-label{font:500 11.5px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.s-contact-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.s-contact-value{min-width:0;font:500 clamp(17px,2.3vw,23px)/1.35 var(--font-mono);color:var(--ink);overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}
[data-copy-button].is-done{color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.s-contact-include .s-checks{margin-top:10px!important}
.s-contact-note{font-size:13.5px;color:var(--muted)}
.s-contact-soon{font-size:15px;color:var(--ink);max-width:56ch}
.s-contact-dl a{color:var(--accent-ink);overflow-wrap:anywhere}
.s-contact-side{display:grid;gap:18px}
.s-contact-box{display:grid;gap:12px;justify-items:start;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.s-contact-box>p{color:var(--muted);font-size:15px}
.s-contact-dl{display:grid;gap:14px;width:100%;margin:0}
.s-contact-dl dt{font:500 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.s-contact-dl dd{margin:4px 0 0;font-size:15px}
.s-contact-dl address{font-style:normal}

/* ---------------------------------------------------------------- impression (documents légaux) */
@media print{
  .s-head,.s-foot,.s-skip,.s-legal-toc,.s-legal-others{display:none!important}
  .s-site{background:#fff;color:#000}
  .s-legal{display:block}
  .s-in{animation:none!important}
  .s-hero{padding:0 0 16px}
  .s-legal-doc{max-width:none}
}

/* ---------------------------------------------------------------- arabe, allemand */
:lang(ar) .s-site,.s-site:lang(ar){font-family:"Geist","Noto Sans Arabic","Segoe UI",Tahoma,"Geeza Pro",system-ui,sans-serif}
.s-site:lang(ar) .s-display,.s-site:lang(ar) .s-h2,.s-site:lang(ar) .s-cta h2,.s-site:lang(ar) .s-use-prompt,.s-site:lang(ar) .s-model-short,.s-site:lang(ar) .s-ex-title,.s-site:lang(ar) .s-help-h,.s-site:lang(ar) .s-mobile-group a,.s-site:lang(ar) .s-drop-promo b,.s-site:lang(ar) .s-foot-tagline,.s-site:lang(ar) .s-legal-h,.s-site:lang(ar) .s-contact-h,.s-site:lang(ar) .s-orgs-title,.s-site:lang(ar) .s-plan-quote{font-family:"Source Serif 4","Noto Naskh Arabic","Geeza Pro","Times New Roman",serif;line-height:1.3}
.s-site:lang(ar) *{letter-spacing:0!important}
.s-site:lang(ar) em{font-style:normal}
.s-site:lang(ar) .s-eyebrow,.s-site:lang(ar) .s-use-cat,.s-site:lang(ar) .s-foot-h,.s-site:lang(ar) .s-mobile-h,.s-site:lang(ar) .s-drop-h,.s-site:lang(ar) .s-legal-meta dt,.s-site:lang(ar) .s-contact-label,.s-site:lang(ar) .s-contact-dl dt,.s-site:lang(ar) .s-cta-note{text-transform:none}
.s-site:lang(de) h1,.s-site:lang(de) h2,.s-site:lang(de) h3,.s-site:lang(de) p{hyphens:auto}

/* ---------------------------------------------------------------- mouvement réduit */
@media (prefers-reduced-motion: reduce){
  .s-site *,.s-site *::before,.s-site *::after{transition-duration:.01ms!important;scroll-behavior:auto!important}
  .s-in{animation:none}
  .s-demo .s-seq,.s-demo .s-st-ready{opacity:1!important;animation:none!important}
  .s-demo .s-w-think,.s-demo .s-st-busy,.s-demo .s-w-prog,.s-demo .s-pv-shimmer{opacity:0!important;animation:none!important}
  .s-w-think i{animation:none}
  .s-mobile-group li{opacity:1!important;transform:none!important}
  .s-drop{transform:none!important}
}

/* ---------------------------------------------------------------- pages des plateformes (site/platform.blade.php)
   Ouverture (texte + appareil), faits, points forts (nuit), fonctions, installation, configuration,
   mises à jour, questions, autres plateformes. Les appareils (partials/device) sont mesurés en cqw. */
.s-platform-more{margin-top:-4px;font-size:14.5px}

.s-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--muted)}
.s-crumbs li{display:inline-flex;align-items:center;gap:8px}
.s-crumbs li+li::before{content:"";width:5px;height:5px;border-top:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(calc(45deg * var(--s-dir)));opacity:.55}
.s-crumbs a{color:var(--muted);text-decoration:none}
.s-crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.s-crumbs [aria-current]{color:var(--ink);font-weight:500}

.s-pf-hero{padding-top:clamp(24px,4vw,44px)}
.s-pf-hero-grid{display:grid;gap:clamp(36px,5vw,60px);margin-top:clamp(28px,4vw,48px)}
.s-pf-hero-text{max-width:820px}
.s-pf-hero-text .s-lead{margin-top:24px}
.s-pf-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-weight:600;font-size:15px}
.s-pf-kicker-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}
.s-pf-get{display:grid;gap:14px;justify-items:start;margin-top:34px}
.s-pf-get .s-actions{gap:10px}
.s-pf-badges{padding-top:10px}
.s-pf-meta{font:500 12.5px/1.4 var(--font-mono);color:var(--muted)}
.s-pf-free{font:500 12px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.s-pf-warn{display:flex;gap:9px;align-items:flex-start;max-width:56ch;font-size:14px;line-height:1.5;color:var(--muted)}
.s-pf-warn .s-ico{color:var(--spark);margin-top:2px}
.s-pf-warn a{color:var(--accent-ink);font-weight:600;text-underline-offset:3px}
.s-pf-soon{display:grid;gap:12px;justify-items:start}
.s-pf-soon-tag{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:color-mix(in srgb,var(--spark) 12%,var(--surface));color:color-mix(in srgb,var(--spark) 72%,var(--ink));font-weight:600;font-size:14.5px}
.s-pf-soon-text{max-width:52ch;color:var(--muted);font-size:15px}
@media (max-width:520px){
  .s-pf-get .s-actions{display:grid;width:100%}
  .s-pf-get .s-btn{width:100%}
}

/* scène de l'appareil */
.s-pf-stage{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:clamp(22px,5vw,72px) clamp(14px,5vw,72px) clamp(26px,4.4vw,60px);border-radius:30px;background:var(--s-night);border:1px solid var(--s-night-border)}
.s-halo-stage{width:min(980px,150%);aspect-ratio:1;left:0;right:0;margin-inline:auto;top:-24%}
.s-pf-stage-windows,.s-pf-stage-linux{padding:0;background:none;border:0;overflow:visible}
.s-pf-stage-windows .s-halo,.s-pf-stage-linux .s-halo{display:none}
.s-pf-stage-iphone,.s-pf-stage-android{padding-inline:clamp(10px,3vw,40px)}
.s-pf-phones{display:grid;justify-items:center;align-items:center;padding-block:4px}
.s-pf-phones>*{grid-area:1/1}
.s-pf-phone-front{position:relative;z-index:2;width:min(290px,60%);transform:translateX(calc(-17% * var(--s-dir)))}
.s-pf-phone-back{width:min(250px,52%);transform:translateX(calc(42% * var(--s-dir))) translateY(5%) rotate(calc(5deg * var(--s-dir)));opacity:.92}
@media (min-width:1000px){
  .s-pf-hero-phone .s-pf-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:56px}
  .s-pf-hero-phone .s-pf-hero-text .s-display-page{font-size:clamp(44px,4.6vw,68px)}
}

/* faits */
.s-pf-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(28px,4vw,44px) 0 0;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}
.s-pf-facts>div{padding:18px 20px;min-width:0}
.s-pf-facts>div:nth-child(n+3){border-top:1px solid var(--line)}
.s-pf-facts>div:nth-child(2n){border-inline-start:1px solid var(--line)}
.s-pf-facts dt{font:500 11px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.s-pf-facts dd{margin:6px 0 0;font-weight:600;font-size:15.5px;line-height:1.35}
@media (min-width:860px){
  .s-pf-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .s-pf-facts>div:nth-child(n+3){border-top:0}
  .s-pf-facts>div+div{border-inline-start:1px solid var(--line)}
}

/* points forts (nuit) */
.s-pf-night{padding:clamp(26px,5vw,72px)}
.s-pf-night-grid{display:grid;gap:44px;align-items:center}
@media (min-width:1000px){
  .s-pf-night-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
}
.s-pf-night .s-h2{max-width:18ch}
.s-pf-highlights{display:grid;gap:26px;margin-top:36px!important}
@media (min-width:700px){
  .s-pf-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 32px}
}
.s-pf-highlights li{display:flex;gap:14px;align-items:flex-start}
.s-pf-highlights h3{font:600 16px/1.3 var(--font-body)}
.s-pf-highlights p{margin-top:5px;color:var(--s-night-muted);font-size:14.5px}
.s-pf-visual{display:grid;gap:16px;justify-items:center;width:100%;min-width:0}
.s-pf-visual-phone{width:min(260px,72%)}
.s-pf-menu{width:100%;max-width:420px;padding-bottom:16px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#3A47E8,#161B4A 70%);border:1px solid var(--s-night-line)}
.s-pf-menu-bar{display:flex;align-items:center;gap:16px;height:34px;padding:0 14px;background:rgba(245,246,250,.94);color:#0B0D1A;font-size:13px;white-space:nowrap;overflow:hidden}
.s-pf-menu-bar b{font-weight:700}
.s-pf-menu-bar .is-open{margin:0 -8px;padding:4px 8px;border-radius:6px;background:#3D4BFF;color:#fff}
.s-pf-menu-drop{max-width:290px;margin-top:4px;margin-inline:62px 14px;padding:6px;border-radius:11px;background:rgba(248,249,252,.97);color:#0B0D1A;box-shadow:0 24px 40px -14px rgba(0,0,0,.6)}
.s-pf-menu-drop p{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 10px;border-radius:7px;font-size:13.5px}
.s-pf-menu-drop p:first-child{background:#3D4BFF;color:#fff}
.s-pf-menu-drop kbd{font:500 13px/1 var(--font-body);opacity:.75}
.s-pf-keys{display:grid;gap:10px;width:100%;max-width:420px}
.s-pf-keys p{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:14px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.04);font-size:14.5px;color:var(--s-night-ink)}
.s-pf-combo{display:inline-flex;gap:5px;flex:none}
.s-pf-combo kbd,.s-pf-menu-drop kbd{direction:ltr}
.s-pf-combo kbd{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border-radius:9px;background:linear-gradient(#2C3152,#1B1F38);border:1px solid rgba(238,240,250,.18);box-shadow:inset 0 -2px 0 rgba(0,0,0,.4);font:600 14px/1 var(--font-body);color:#EEF0FA}
.s-pf-term{width:100%;max-width:460px;border-radius:14px;overflow:hidden;background:#0B0E20;border:1px solid var(--s-night-line);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.s-pf-term-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 12px;background:#161A33;font:500 12px/1 var(--font-mono);color:#8A90AE}
.s-pf-term-bar i{width:10px;height:10px;border-radius:50%;background:#2E3355}
.s-pf-term-bar span{margin-inline-start:auto}
.s-pf-term pre{margin:0;padding:16px 18px 18px;overflow-x:auto;font:13px/1.75 var(--font-mono);color:#D8DBEA;white-space:pre;text-align:left}
.t-p{color:#4CC38A}.t-c{color:#6B7194}
.s-pf-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:460px}
.s-pf-places li{display:grid;justify-items:center;gap:6px;padding:20px 10px 18px;border-radius:18px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.04);text-align:center}
.s-pf-place-ico .mark{width:46px;height:46px;filter:drop-shadow(0 10px 18px rgba(61,75,255,.45))}
.s-pf-places b{margin-top:6px;font-size:14px;line-height:1.3}
.s-pf-places small{font-size:12.5px;color:var(--s-night-muted);line-height:1.35}
@media (max-width:420px){
  .s-pf-places{grid-template-columns:minmax(0,1fr)}
  .s-pf-places li{grid-template-columns:auto 1fr;justify-items:start;text-align:start;column-gap:14px}
  .s-pf-places li>.s-pf-place-ico{grid-row:span 2}
  .s-pf-places b{margin-top:0}
}

/* tout ce que fait Nella */
.s-pf-features{display:grid;gap:14px}
@media (min-width:600px){.s-pf-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.s-pf-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.s-pf-features li{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--s-soft-shadow);transition:border-color .25s,transform .3s var(--s-ease)}
.s-pf-features li:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-2px)}
.s-pf-feature-ico{width:44px;height:44px;margin-bottom:18px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}
.s-pf-features h3{font:600 16.5px/1.3 var(--font-body)}
.s-pf-features p{margin-top:7px;color:var(--muted);font-size:14.5px;line-height:1.55}
.s-pf-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px!important}
.s-pf-tags li{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:500}
.s-pf-tags .s-ico{color:var(--accent)}

/* installation */
.s-pf-steps{display:grid;gap:14px}
@media (min-width:880px){.s-pf-steps:not(.s-pf-steps-col){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.s-pf-steps li{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg);min-width:0}
.s-pf-steps li>div{min-width:0}
.s-pf-step-n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font:600 15px/1 var(--font-body);box-shadow:0 8px 18px -10px var(--accent)}
.s-pf-steps h3,.s-pf-steps h4{font:600 16.5px/1.35 var(--font-body)}
.s-pf-steps p{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.55}
.s-pf-code{display:block;margin-top:12px;padding:10px 13px;border-radius:10px;background:#0B0E20;color:#D8DBEA;font:500 13px/1.5 var(--font-mono);white-space:pre;overflow-x:auto;text-align:left}
.s-pf-tracks{display:grid;gap:18px}
@media (min-width:960px){.s-pf-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
.s-pf-track{min-width:0;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:24px;background:var(--bg)}
.s-pf-track-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px!important;font:600 18px/1.3 var(--font-body)}
.s-pf-track-h .s-ico{color:var(--accent-ink)}
.s-pf-track-h>a,.s-pf-track-h>.s-soon-pill{margin-inline-start:auto}
.s-pf-steps-col li{padding:18px 0 4px;border:0;border-top:1px dashed var(--line);border-radius:0;background:none}
.s-pf-alert{display:flex;gap:16px;align-items:flex-start;margin-top:22px;padding:clamp(18px,3vw,26px);border-radius:22px;border:1px solid color-mix(in srgb,var(--spark) 35%,var(--line));background:color-mix(in srgb,var(--spark) 6%,var(--surface))}
.s-pf-alert>div{min-width:0}
.s-pf-alert-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--spark) 15%,var(--surface));color:color-mix(in srgb,var(--spark) 78%,var(--ink))}
.s-pf-alert h3{font:600 17px/1.35 var(--font-body)}
.s-pf-alert p{margin-top:6px;color:var(--muted);font-size:15px;max-width:72ch}
.s-pf-alert ol{display:grid;gap:7px;margin:12px 0 0;padding-inline-start:1.3em;font-size:15px;max-width:72ch}
.s-pf-alert li::marker{color:var(--spark);font-weight:700}
.s-pf-alert .s-pf-alert-trust{margin-top:12px;font-size:14px;font-weight:600;color:var(--ink)}
@media (max-width:520px){
  .s-pf-alert{flex-direction:column}
  .s-pf-steps li{padding:20px 18px}
}
.s-pf-tip{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:14.5px;color:var(--muted)}
.s-pf-tip .s-ico{color:var(--accent-ink);margin-top:2px}
.s-pf-tip code{font:500 13px/1.4 var(--font-mono);padding:2px 7px;border-radius:6px;background:var(--surface-2);color:var(--ink);white-space:nowrap}

/* configuration requise, mises à jour */
.s-pf-specs{display:grid;gap:64px}
@media (min-width:1000px){.s-pf-specs{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}
.s-pf-specs .s-h2{max-width:16ch}
.s-pf-req-wrap{margin-top:32px}
.s-pf-req{min-width:0}
.s-pf-req th{width:36%;color:var(--ink)}
.s-pf-req td{color:var(--muted)}
@media (max-width:520px){
  .s-pf-req th,.s-pf-req td{display:block;width:auto;padding:4px 16px}
  .s-pf-req th{padding-top:14px;border-bottom:0}
  .s-pf-req td{padding-bottom:14px}
  .s-pf-req tbody tr:last-child>th{border-bottom:0}
}
.s-pf-cards{display:grid;gap:12px;margin-top:32px!important}
.s-pf-cards li{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.s-pf-card-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent-ink)}
.s-pf-cards h3{font:600 16px/1.35 var(--font-body)}
.s-pf-cards p{margin-top:5px;color:var(--muted);font-size:14.5px}

/* autres plateformes */
.s-pf-others{display:grid;gap:12px}
@media (min-width:640px){.s-pf-others{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.s-pf-others{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
.s-pf-other{display:flex;align-items:center;gap:14px;height:100%;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none;color:var(--ink)!important;transition:border-color .2s,transform .3s var(--s-ease)}
.s-pf-other:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-2px)}
.s-pf-other-txt{flex:1;min-width:0;display:grid;gap:2px;line-height:1.35}
.s-pf-other-txt b{font-size:16px;font-weight:600}
.s-pf-other-txt small{font-size:13.5px;color:var(--muted)}
.s-pf-other-go{color:var(--accent-ink)}
.s-pf-other.is-all{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.s-pf-other.is-all .s-platform-ico{background:var(--accent);color:var(--on-accent)}
@media (max-width:420px){.s-pf-other .s-status{display:none}}
.s-pf-cta .s-eyebrow{margin-bottom:16px}

/* ---------------------------------------------------------------- appareils (partials/device), en cqw */
.s-dev{position:relative;container-type:inline-size;width:100%;margin-inline:auto}
.s-dev-shot{display:block;width:100%;height:auto;background:#fff}
.s-dev-mark{width:1.4cqw;height:1.4cqw;flex:none}

/* iPhone */
.s-dev-iphone .s-dev-body{position:relative;padding:3.4cqw;border-radius:15.5cqw;background:#0C0E15;box-shadow:0 0 0 .8cqw #8D92A6,0 0 0 1.25cqw #3A3E52,0 40px 80px -30px rgba(0,0,0,.65)}
.s-dev-iphone .s-dev-body::before,.s-dev-iphone .s-dev-body::after{content:"";position:absolute;width:1.1cqw;border-radius:2px;background:#7C8196}
.s-dev-iphone .s-dev-body::before{inset-inline-start:-2.2cqw;top:20%;height:9%;box-shadow:0 12cqw 0 #7C8196}
.s-dev-iphone .s-dev-body::after{inset-inline-end:-2.2cqw;top:27%;height:14%}
.s-dev-screen{position:relative;overflow:hidden;background:#fff}
.s-dev-iphone .s-dev-screen{border-radius:12.4cqw}
.s-dev-status{position:relative;display:flex;align-items:center;justify-content:space-between;height:12.5cqw;padding:1.4cqw 7.5cqw 0;background:#fff;color:#0B0D1A;font:600 4.3cqw/1 var(--font-body);letter-spacing:-.01em}
.s-dev-icons{width:17cqw;height:auto;fill:currentColor;color:inherit}
.s-dev-island{position:absolute;top:3cqw;left:0;right:0;margin-inline:auto;width:30cqw;height:8.8cqw;border-radius:99px;background:#000}
.s-dev-home{position:absolute;bottom:2cqw;left:0;right:0;margin-inline:auto;width:35cqw;height:1.4cqw;border-radius:99px;background:#0B0D1A;opacity:.85}

/* Android */
.s-dev-android .s-dev-body{position:relative;padding:2.6cqw;border-radius:11cqw;background:#121419;box-shadow:0 0 0 .9cqw #2F3342,0 40px 80px -30px rgba(0,0,0,.65)}
.s-dev-android .s-dev-body::after{content:"";position:absolute;inset-inline-end:-1.9cqw;top:22%;width:1cqw;height:16%;border-radius:2px;background:#3B3F50;box-shadow:0 22cqw 0 #3B3F50}
.s-dev-android .s-dev-screen{border-radius:8.8cqw}
.s-dev-android .s-dev-status{height:9.5cqw;padding:0 6.5cqw;font:500 3.8cqw/1 var(--font-body)}
.s-dev-android .s-dev-icons{width:15cqw}
.s-dev-cam{position:absolute;top:2.4cqw;left:0;right:0;margin-inline:auto;width:4.6cqw;height:4.6cqw;border-radius:50%;background:#0B0D12;box-shadow:inset 0 0 0 .8cqw #1D2030}
.s-dev-android .s-dev-home{width:28cqw;height:1.2cqw;bottom:1.8cqw}

/* MacBook */
.s-dev-macbook{max-width:1060px}
.s-dev-lid{position:relative;width:86%;margin-inline:auto;padding:2.2cqw 1.7cqw 2.6cqw;border-radius:3cqw 3cqw .6cqw .6cqw;background:#0B0C12;box-shadow:0 0 0 .3cqw #6F7486,inset 0 0 0 .2cqw #23263A}
.s-dev-lid::before{content:"";position:absolute;top:.85cqw;left:0;right:0;margin-inline:auto;width:.75cqw;height:.75cqw;border-radius:50%;background:#1E2233;box-shadow:inset 0 0 0 .18cqw #2D3350}
.s-dev-macbook .s-dev-screen{border-radius:.5cqw;background:#F5F6FA}
.s-mac-menubar{display:flex;align-items:center;gap:1.45cqw;height:2.3cqw;padding:0 1.5cqw;background:rgba(236,238,245,.96);color:#0B0D1A;font:500 1.08cqw/1 var(--font-body);white-space:nowrap;overflow:hidden}
.s-mac-menubar b{font-weight:700}
.s-mac-apple{width:1.25cqw;height:1.25cqw;flex:none}
.s-mac-clock{margin-inline-start:auto}
.s-mac-window{background:#fff}
.s-mac-title{display:flex;align-items:center;height:2.5cqw;padding:0 1.1cqw;background:#F1F2F6;border-bottom:1px solid #E1E4EE;color:#5A6078;font:600 1.02cqw/1 var(--font-body)}
.s-mac-title>span:last-child{flex:1;text-align:center;margin-inline-end:4.4cqw}
.s-mac-lights{display:flex;gap:.65cqw;flex:none}
.s-mac-lights i{width:.95cqw;height:.95cqw;border-radius:50%;background:#FF5F57}
.s-mac-lights i:nth-child(2){background:#FEBC2E}
.s-mac-lights i:nth-child(3){background:#28C840}
.s-dev-base{position:relative;height:2.2cqw;margin-top:-.2cqw;border-radius:.3cqw .3cqw 2.4cqw 2.4cqw/.3cqw .3cqw 2.2cqw 2.2cqw;background:linear-gradient(180deg,#F2F3F8 0,#C9CDD9 30%,#9EA3B4 100%);box-shadow:0 34px 60px -26px rgba(0,0,0,.7)}
.s-dev-base i{position:absolute;top:0;left:0;right:0;margin-inline:auto;width:15cqw;height:.95cqw;border-radius:0 0 1.2cqw 1.2cqw;background:linear-gradient(#A9AEBF,#C4C8D4)}

/* Windows 11 */
.s-dev-windows,.s-dev-linux,.s-dev-browser{max-width:1180px}
.s-dev-desk{position:relative;overflow:hidden;border-radius:2.6cqw;padding:4.2cqw 6.5cqw 8cqw;background:radial-gradient(70% 90% at 78% 8%,#6B77FF 0,#3D4BFF 26%,rgba(43,55,217,.6) 46%,transparent 72%),radial-gradient(60% 70% at 10% 100%,rgba(255,106,61,.35),transparent 70%),#0D1030;box-shadow:0 50px 100px -50px rgba(11,13,26,.6)}
.s-win11{overflow:hidden;border-radius:.9cqw;background:#fff;box-shadow:0 0 0 .08cqw rgba(0,0,0,.25),0 3cqw 7cqw -2cqw rgba(0,0,0,.55)}
.s-win11-bar{display:flex;align-items:center;justify-content:space-between;height:3.1cqw;padding-inline-start:1.3cqw;background:#F3F3F5;color:#1B1B1F;font:500 1.1cqw/1 "Segoe UI",var(--font-body)}
.s-win11-title{display:flex;align-items:center;gap:.8cqw}
.s-win11-ctrl{display:flex;height:100%}
.s-win11-ctrl i{position:relative;width:4.4cqw;height:100%}
.s-win11-ctrl i::before,.s-win11-ctrl i::after{content:"";position:absolute;top:50%;left:50%}
.s-win11-ctrl .is-min::before{width:1cqw;height:.09cqw;margin:-.05cqw 0 0 -.5cqw;background:#1B1B1F}
.s-win11-ctrl .is-max::before{width:.85cqw;height:.85cqw;margin:-.43cqw 0 0 -.43cqw;border:.09cqw solid #1B1B1F;border-radius:.15cqw}
.s-win11-ctrl .is-close::before,.s-win11-ctrl .is-close::after{width:1.15cqw;height:.09cqw;margin:-.05cqw 0 0 -.58cqw;background:#1B1B1F;transform:rotate(45deg)}
.s-win11-ctrl .is-close::after{transform:rotate(-45deg)}
.s-win11-task{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1.4cqw;height:4.8cqw;background:rgba(240,242,248,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:.08cqw solid rgba(255,255,255,.6)}
.s-win11-task i{display:grid;place-items:center}
.s-win11-start{grid-template-columns:repeat(2,1fr);gap:.18cqw;width:2.1cqw;height:2.1cqw}
.s-win11-start b{display:block;width:100%;height:100%;border-radius:.1cqw;background:linear-gradient(135deg,#3BB5FF,#0067C0)}
.s-win11-search{width:11cqw;height:2.6cqw;border-radius:99px;background:#fff;border:.08cqw solid #D9DCE6}
.s-win11-app{position:relative;width:3.4cqw;height:3.4cqw;border-radius:.6cqw;background:rgba(255,255,255,.75)}
.s-win11-app .s-dev-mark{width:2.1cqw;height:2.1cqw}
.s-win11-app::after{content:"";position:absolute;bottom:.2cqw;left:0;right:0;margin-inline:auto;width:1.3cqw;height:.3cqw;border-radius:99px;background:#3D4BFF}

/* Linux (GNOME) */
.s-dev-linux .s-dev-desk{padding:6cqw 6.5cqw 5.4cqw;background:radial-gradient(70% 80% at 85% 0,rgba(91,103,255,.85),transparent 70%),radial-gradient(60% 70% at 8% 100%,rgba(255,106,61,.42),transparent 70%),#0E0F22}
.s-gnome-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:2.7cqw;padding:0 1.6cqw;background:#000;color:#fff;font:600 1.1cqw/1 "Cantarell",var(--font-body)}
.s-gnome-ws{display:flex;gap:.5cqw;align-items:center}
.s-gnome-ws i{width:.7cqw;height:.7cqw;border-radius:99px;background:rgba(255,255,255,.5)}
.s-gnome-ws i.is-on{width:2.2cqw;background:#fff}
.s-gnome-sys .s-dev-icons{width:6cqw;fill:#fff;color:#fff}
.s-gnome{overflow:hidden;border-radius:1.2cqw;background:#fff;box-shadow:0 0 0 .08cqw rgba(0,0,0,.4),0 3cqw 7cqw -2cqw rgba(0,0,0,.6)}
.s-gnome-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:3.5cqw;padding:0 1.1cqw;background:#EBEBED;border-bottom:.08cqw solid #D5D5DA;color:#2E3436;font:700 1.15cqw/1 "Cantarell",var(--font-body)}
.s-gnome-close{position:relative;justify-self:end;width:2.1cqw;height:2.1cqw;border-radius:50%;background:#D8D8DD}
.s-gnome-close::before,.s-gnome-close::after{content:"";position:absolute;top:50%;left:50%;width:.95cqw;height:.14cqw;margin:-.07cqw 0 0 -.48cqw;background:#2E3436;transform:rotate(45deg)}
.s-gnome-close::after{transform:rotate(-45deg)}

/* navigateur (+ téléphone posé devant) */
.s-dev-browser{padding-bottom:5cqw}
.s-br{width:90%;overflow:hidden;border-radius:1.3cqw;background:#fff;box-shadow:0 0 0 .08cqw rgba(255,255,255,.12),0 4cqw 8cqw -3cqw rgba(0,0,0,.7)}
.s-br-tabs{display:flex;align-items:flex-end;gap:1.6cqw;height:3.5cqw;padding:0 1.4cqw;background:#E4E7EF}
.s-br-tabs .s-mac-lights{align-self:center}
.s-br-tab{display:flex;align-items:center;gap:.7cqw;height:2.6cqw;min-width:17cqw;padding:0 1.4cqw;border-radius:.9cqw .9cqw 0 0;background:#fff;color:#0B0D1A;font:500 1.1cqw/1 var(--font-body)}
.s-br-bar{display:flex;align-items:center;gap:1.3cqw;height:3.6cqw;padding:0 1.3cqw;background:#fff;border-bottom:.08cqw solid #E1E4EE}
.s-br-nav{display:flex;gap:1.6cqw;padding-inline:.5cqw}
.s-br-nav i{width:.9cqw;height:.9cqw;border-left:.16cqw solid #8A8FA6;border-bottom:.16cqw solid #8A8FA6;transform:rotate(45deg)}
.s-br-nav i+i{transform:rotate(-135deg);opacity:.5}
.s-br-url{flex:1;display:flex;align-items:center;gap:.8cqw;height:2.4cqw;padding:0 1.3cqw;border-radius:99px;background:#EEF0F6;color:#3A3F55;font:500 1.12cqw/1 var(--font-body);white-space:nowrap;overflow:hidden}
.s-br-url>svg{width:1.15cqw;height:1.15cqw;color:#5A6078;flex:none}
.s-br-install{margin-left:auto;width:1.5cqw;height:1.5cqw;flex:none;color:#3D4BFF}
.s-br-phone{position:absolute;inset-inline-end:0;bottom:0;width:21%}
[dir="rtl"] .s-br{margin-inline-start:0}

/* arabe */
.s-site:lang(ar) .s-pf-free,.s-site:lang(ar) .s-pf-facts dt{text-transform:none;font:500 13px/1.45 var(--font-body)}
.s-pf-faq-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px}
@media (min-width:1000px){
  .s-pf-hero:not(.s-pf-hero-phone) .s-pf-hero-text{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:72px;align-items:start;max-width:none}
  .s-pf-hero:not(.s-pf-hero-phone) .s-pf-kicker,.s-pf-hero:not(.s-pf-hero-phone) .s-display{grid-column:1/-1}
  .s-pf-hero:not(.s-pf-hero-phone) .s-display{max-width:17ch}
  .s-pf-hero:not(.s-pf-hero-phone) .s-pf-get{margin-top:28px;padding-inline-start:32px;border-inline-start:1px solid var(--line)}
}
.s-pf-flow{display:grid;gap:0;width:100%;max-width:420px;padding:18px 20px;border-radius:16px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.04)}
.s-pf-flow li{position:relative;display:flex;align-items:center;gap:12px;padding:9px 0;font-size:14.5px;color:var(--s-night-ink)}
.s-pf-flow li+li::before{content:"";position:absolute;inset-inline-start:13px;top:-9px;height:18px;border-inline-start:1px dashed rgba(168,174,255,.45)}
.s-pf-flow-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(76,195,138,.16);color:#4CC38A}
.s-pf-flow li:first-child .s-pf-flow-ico{background:rgba(91,103,255,.2);color:#A8AEFF}
/* tablettes (iPad, Android), à l'horizontale */
.s-pf-visual-tablet{width:100%;max-width:520px}
.s-dev-slate .s-dev-body{position:relative;padding:2.8cqw;border-radius:4.4cqw;background:#0C0E15;box-shadow:0 0 0 .45cqw #8D92A6,0 0 0 .7cqw #3A3E52,0 40px 80px -30px rgba(0,0,0,.65)}
.s-dev-slate .s-dev-screen{border-radius:1.8cqw}
.s-dev-slate .s-dev-cam{top:.95cqw;width:.85cqw;height:.85cqw;box-shadow:inset 0 0 0 .2cqw #1D2030}
.s-dev-tablet .s-dev-body{padding:3.2cqw;border-radius:3.4cqw;background:#121419;box-shadow:0 0 0 .5cqw #2F3342,0 40px 80px -30px rgba(0,0,0,.65)}
.s-dev-tablet .s-dev-cam{top:1.15cqw}
@media (max-width:599px){
  .s-pf-features li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:18px}
  .s-pf-feature-ico{grid-row:span 2;margin-bottom:0;width:40px;height:40px}
  .s-pf-features p{margin-top:4px}
}
@media (max-width:440px){
  .s-pf-menu-bar span:nth-of-type(n+4){display:none}
  .s-pf-menu-drop{margin-inline-start:44px}
}
/* Menu « Plateformes » de l’en-tête : neuf pages en deux colonnes, lien vers tous les téléchargements. */
.s-drop-platforms{width:520px}
.s-drop-platforms .s-drop-list{grid-template-columns:repeat(2,minmax(0,1fr))}


/* ---------------------------------------------------------------- VS Code (page /download/vscode) */
/* Fenêtre de VS Code dessinée en HTML (partials/device « vscode »), thème sombre de l'éditeur, en cqw. */
.s-dev-vscode{max-width:1120px}
.s-vsc{overflow:hidden;border-radius:1.2cqw;background:#1F1F1F;color:#CCCCCC;font:400 1.12cqw/1.45 var(--font-body);text-align:left;box-shadow:0 0 0 .08cqw rgba(255,255,255,.1),0 4cqw 9cqw -3cqw rgba(0,0,0,.75)}
.s-vsc svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.s-vsc-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:3.3cqw;padding:0 1.2cqw;background:#181818;border-bottom:.08cqw solid #2B2B2B}
.s-vsc-cc{display:flex;align-items:center;justify-content:center;gap:.6cqw;width:32cqw;height:2.1cqw;border-radius:.6cqw;background:#262626;border:.08cqw solid #383838;color:#9D9D9D;font-size:1.02cqw}
.s-vsc-cc svg{width:1.15cqw;height:1.15cqw}
.s-vsc-layout{display:flex;justify-content:flex-end;gap:.7cqw}
.s-vsc-layout i{width:1.25cqw;height:1.05cqw;border-radius:.2cqw;border:.12cqw solid #8B8B8B}
.s-vsc-layout i:nth-child(2){box-shadow:inset .45cqw 0 0 #8B8B8B}
.s-vsc-body{display:grid;grid-template-columns:4.2cqw 31cqw minmax(0,1fr);height:44cqw}
.s-vsc-act{display:flex;flex-direction:column;align-items:center;padding:.5cqw 0 .8cqw;background:#181818;border-right:.08cqw solid #2B2B2B}
.s-vsc-act i{position:relative;display:grid;place-items:center;width:100%;height:4cqw;color:#868686}
.s-vsc-act svg{width:2.05cqw;height:2.05cqw}
.s-vsc-act i.is-on::before{content:"";position:absolute;top:.5cqw;bottom:.5cqw;left:0;width:.2cqw;border-radius:0 .2cqw .2cqw 0;background:#0078D4}
.s-vsc-act .s-dev-mark{width:2.25cqw;height:2.25cqw}
.s-vsc-act .is-end{margin-top:auto}
.s-vsc-side{display:flex;flex-direction:column;min-width:0;background:#181818;border-right:.08cqw solid #2B2B2B}
.s-vsc-side-h{display:flex;align-items:center;justify-content:space-between;height:3.1cqw;padding:0 1.3cqw;font:600 .92cqw/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#CCCCCC}
.s-vsc-dots{display:flex;gap:.3cqw}
.s-vsc-dots i{width:.32cqw;height:.32cqw;border-radius:50%;background:#9D9D9D}
.s-vsc-chat{flex:1;display:flex;flex-direction:column;gap:1.5cqw;min-height:0;padding:.8cqw 1.3cqw;overflow:hidden}
.s-vsc-q{align-self:flex-end;max-width:88%;padding:.8cqw 1.1cqw;border-radius:1cqw 1cqw .3cqw 1cqw;background:#2C3150;color:#ECEDF6}
.s-vsc-who{display:flex;align-items:center;gap:.6cqw;font-weight:600;color:#E7E7E7}
.s-vsc-who .s-dev-mark{width:1.7cqw;height:1.7cqw}
.s-vsc-txt{margin-top:.6cqw}
.s-vsc-snip{margin-top:1cqw;border-radius:.7cqw;border:.08cqw solid #2F2F2F;background:#1F1F1F;overflow:hidden}
.s-vsc-snip-h{display:flex;justify-content:space-between;padding:.55cqw .9cqw;background:#252526;color:#9D9D9D;font:500 .92cqw/1.2 var(--font-mono)}
.s-vsc-snip pre{margin:0;padding:.8cqw .9cqw;font:400 .98cqw/1.65 var(--font-mono);white-space:pre;color:#D4D4D4;overflow:hidden}
.s-vsc-chips{display:flex;gap:.6cqw;margin-top:.9cqw}
.s-vsc-chips span{padding:.35cqw .85cqw;border-radius:.5cqw;background:#2B2B2B;color:#CCCCCC;font-size:.92cqw}
.s-vsc-input{display:flex;align-items:center;justify-content:space-between;gap:.8cqw;height:3.4cqw;margin:0 1.3cqw 1.3cqw;padding:0 1cqw;border-radius:.8cqw;border:.1cqw solid #0078D4;background:#1F1F1F;color:#8B8B8B}
.s-vsc-input svg{width:1.3cqw;height:1.3cqw;flex:none;color:#CCCCCC}
.s-vsc-ed{display:flex;flex-direction:column;min-width:0;background:#1F1F1F}
.s-vsc-tabs{display:flex;height:3.1cqw;background:#181818;border-bottom:.08cqw solid #2B2B2B}
.s-vsc-tab{display:flex;align-items:center;gap:.6cqw;padding:0 1.4cqw;border-right:.08cqw solid #2B2B2B;color:#9D9D9D;font-size:1.02cqw;white-space:nowrap}
.s-vsc-tab.is-on{background:#1F1F1F;color:#FFFFFF;box-shadow:inset 0 .15cqw 0 #0078D4}
.s-vsc-tab b{font:700 .78cqw/1 var(--font-mono);color:#4D9DE0}
.s-vsc-crumbs{padding:.5cqw 1.6cqw;color:#9D9D9D;font-size:.95cqw;white-space:nowrap}
.s-vsc-code{margin:0;padding:.3cqw 0;font:400 1.14cqw/1.78 var(--font-mono);color:#D4D4D4;white-space:pre;overflow:hidden}
.s-vsc-code>span{position:relative;display:block;padding-inline-start:5.2cqw}
.s-vsc-code>span[data-n]::before{content:attr(data-n);position:absolute;left:0;width:3.4cqw;text-align:right;color:#6E7681}
.s-vsc-code>.is-sel{background:rgba(38,79,120,.5)}
.s-vsc-code>.is-sel[data-n="5"]::before{color:#CCCCCC}
.s-vsc-code>.s-vsc-lens{color:#8B8B8B;font:400 .92cqw/1.9 var(--font-body)}
.s-vsc .k{color:#569CD6}.s-vsc .c{color:#C586C0}.s-vsc .f{color:#DCDCAA}.s-vsc .v{color:#9CDCFE}.s-vsc .t{color:#4EC9B0}.s-vsc .n{color:#B5CEA8}.s-vsc .n2{color:#4FC1FF}.s-vsc .s{color:#CE9178}
.s-vsc-status{display:flex;align-items:center;gap:1.5cqw;height:2.3cqw;padding:0 1cqw;background:#007ACC;color:#FFFFFF;font-size:.92cqw;white-space:nowrap;overflow:hidden}
.s-vsc-status>span{display:flex;align-items:center;gap:.45cqw}
.s-vsc-status svg{width:1.1cqw;height:1.1cqw}
.s-vsc-status .s-dev-mark{width:1.25cqw;height:1.25cqw}
.s-vsc-status .is-end{margin-left:auto}

/* Guide d'installation : la commande passe à la ligne dans les colonnes étroites. */
.s-pf-code-wrap{white-space:pre-wrap;overflow-wrap:anywhere}
.s-pf-tip>span{min-width:0}
.s-pf-tip code.s-pf-code-wrap{white-space:normal}

/* Points forts : palette de commandes filtrée sur l'extension. */
.s-pf-palette{width:100%;max-width:440px;padding:8px;border-radius:14px;background:#202020;border:1px solid #3C3C3C;color:#CCCCCC;box-shadow:0 30px 60px -28px rgba(0,0,0,.85)}
.s-pf-palette-input{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:8px;background:#2A2A2A;border:1px solid #0078D4;font:500 14px/1 var(--font-body);color:#E7E7E7}
.s-pf-palette-input i{width:1.5px;height:17px;background:#E7E7E7;animation:s-caret 1.1s steps(2) infinite}
@keyframes s-caret{50%{opacity:0}}
.s-pf-palette ul{display:grid;gap:2px;margin-top:6px!important}
.s-pf-palette li{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 10px;border-radius:7px;font-size:14px;line-height:1.35}
.s-pf-palette li b{font-weight:600;color:#FFFFFF}
.s-pf-palette li.is-on{background:#04395E;box-shadow:inset 0 0 0 1px #2489DB}
.s-pf-palette-ico{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:rgba(91,103,255,.22);color:#A8AEFF}
@media (prefers-reduced-motion:reduce){.s-pf-palette-input i{animation:none}}

/* Autres plateformes : six pages, puis « Toutes les plateformes » sur toute la largeur. */
@media (min-width:640px){.s-pf-others>li:last-child{grid-column:1/-1}}

/* ---------------------------------------------------------------- Navigateurs et IDE JetBrains (pages /download/browser, /download/jetbrains) */
/* Capture qui a déjà sa fenêtre (partials/device « window ») : un simple cadre arrondi. */
.s-dev-window{max-width:1120px;overflow:hidden;border-radius:1.2cqw;background:#fff;box-shadow:0 0 0 .08cqw rgba(255,255,255,.14),0 4cqw 9cqw -3cqw rgba(0,0,0,.75)}
.s-dev-window .s-dev-shot{background:#1E1F22}
/* Points forts : les navigateurs pris en charge et leur boutique. */
.s-pf-browsers{display:grid;gap:8px;width:100%;max-width:440px}
.s-pf-browsers li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.04)}
.s-pf-browser-logo{width:30px;height:30px;flex:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.s-pf-browser-txt{display:grid;gap:2px;flex:1;min-width:0}
.s-pf-browser-txt b{font-size:15px;line-height:1.3}
.s-pf-browser-txt small{font-size:12.5px;line-height:1.35;color:var(--s-night-muted)}
.s-pf-browsers .s-status:not(.is-ok){background:rgba(255,132,96,.16);color:#FFB49C}
/* Points forts : une réponse dans l'IDE, puis les IDE pris en charge. */
.s-pf-visual-shot{width:100%;max-width:560px}
.s-pf-ides{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px}
.s-pf-ides li{display:inline-flex;align-items:center;min-height:32px;padding:5px 13px;border-radius:999px;border:1px solid var(--s-night-line);background:rgba(238,240,250,.05);font-size:13.5px;font-weight:500;color:var(--s-night-ink)}
/* Dépôt de plugins JetBrains : adresse à copier. */
.s-pf-repo{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.s-pf-repo .s-pf-alert-ico{background:var(--accent-soft);color:var(--accent-ink)}
.s-pf-repo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.s-pf-repo-row .s-pf-code{flex:1 1 320px;margin-top:0;min-width:0}
.s-pf-repo-row .s-btn.is-done{color:var(--ok)}
/* Dix plateformes : la carte des navigateurs prend deux colonnes, celle d'Office toute la ligne ;
   les neuf autres plateformes d'une page remplissent trois lignes, « Toutes les plateformes » la dernière. */
@media (min-width:1080px){.s-platform-browser{grid-column:span 2}.s-platform-office{grid-column:1/-1}}

/* ---------------------------------------------------------------- Microsoft Office (page /download/office) */
/* Piste « Avec le manifeste » : deux fichiers, chacun son lien. */
.s-pf-track-h-files{flex-wrap:wrap}
.s-pf-track-h-files .s-file-get{margin-inline-start:0}
.s-pf-track-h-files .s-file-get:first-of-type{margin-inline-start:auto}
/* Installation en un clic depuis Microsoft Marketplace (Word, Excel, PowerPoint sur le Web). */
.s-pf-web-install{flex-wrap:wrap;align-items:center}
.s-pf-web-install-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.s-pf-ides .s-ico{flex:none;margin-inline-end:6px;opacity:.8}

/* ---------------------------------------------------------------- Intégrations (/integrations) */
/* Ce que fait chaque intégration : une courte liste cochée. */
.s-int-list{display:grid;gap:7px;margin-top:12px!important}
.s-int-list li{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:var(--muted)}
.s-int-list .s-ico{flex:none;margin-top:3px;color:var(--accent)}
.s-pf-features .s-int-list li{padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
/* Office : où il fonctionne, comment l'installer, puis les liens. */
.s-int-get{display:grid;gap:20px;margin-top:28px;padding:clamp(18px,3vw,26px);border:1px solid var(--line);border-radius:22px;background:var(--bg)}
@media (min-width:960px){.s-int-get{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}}
.s-int-facts{display:grid;gap:14px;margin:0}
.s-int-facts dt{font:500 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.s-int-facts dd{margin:3px 0 0;font-size:15px}
.s-int-get .s-actions{flex-wrap:wrap;align-items:center}
/* Code et navigateurs : trois cartes ; un seul compte : trois avantages. */
@media (min-width:1080px){.s-int-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.s-int-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.s-head-row .s-eyebrow .s-status{margin-inline-start:8px;vertical-align:middle}