/* ============================================================
   RiskSonnar — accueil public (site-home.css)
   Jetons : miroir des jetons de l'application (packages/tokens/dist/cockpit.css).
   Thème clair uniquement. Préfixe « sh- » : aucune classe de l'ancien accueil.
   ============================================================ */
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url(fonts/brand/ibm-plex-mono-400-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  color-scheme:light;
  --sh-canvas:#FAFAF9;
  --sh-raised:#FFFFFF;
  --sh-subtle:#F4F4F2;
  --sh-selected:#EDEDEB;
  --sh-ink:#111214;
  --sh-ink-2:#4E4F52;
  --sh-ink-3:#6B6C6E;
  --sh-link:#3A5C7E;
  --sh-line:rgba(17,18,20,.08);
  --sh-line-2:rgba(17,18,20,.12);
  --sh-line-3:rgba(17,18,20,.16);
  --sh-line-4:rgba(17,18,20,.48);
  --sh-action:#1D3B5A;
  --sh-action-hover:#152D46;
  --sh-action-pressed:#0C1A29;
  --sh-on-action:#FFFFFF;
  --sh-night:#0F1B28;
  --sh-night-ink:#F4F5F3;
  --sh-night-ink-2:rgba(244,245,243,.74);
  --sh-night-link:#9DB8D3;
  --sh-caution:#8A4B05;
  --sh-caution-bg:#FCF6EC;
  --sh-risk-medium:#D97706;
  --sh-focus:0 0 0 2px #FFFFFF,0 0 0 4px #1D3B5A;
  --sh-shadow-rest:0 0 0 1px rgba(17,18,20,.08);
  --sh-shadow-float:0 0 0 1px rgba(17,18,20,.08),0 1px 1px 0 rgba(17,18,20,.02),0 4px 8px -4px rgba(17,18,20,.08),0 16px 24px -8px rgba(17,18,20,.1);
  --sh-shadow-product:0 0 0 1px rgba(17,18,20,.08),0 20px 36px -10px rgba(29,59,90,.25),0 10px 18px -10px rgba(17,18,20,.18);
  --sh-r-control:6px;
  --sh-r-card:12px;
  --sh-r-pill:9999px;
  --sh-fast:150ms;
  --sh-font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sh-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --sh-header:64px;
  --sh-max:1200px;
  --sh-gutter:24px;
  --sh-header-bg:rgba(250,250,249,.94);
  /* Flèche des liens : masque SVG décoratif (le caractère flèche n'existe pas dans les sous-ensembles Archivo servis). */
  --sh-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E");
}

/* ============================================================
   Base
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--sh-canvas);
  color:var(--sh-ink);
  font:400 16px/26px var(--sh-font);
  font-variant-numeric:tabular-nums;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}
h1,h2,h3,strong,th{font-weight:560}
a{color:var(--sh-link);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit;color:inherit}
:where(a,button,summary,input,textarea,select):focus-visible{
  outline:2px solid transparent;
  box-shadow:var(--sh-focus);
  border-radius:var(--sh-r-control);
}
.sh-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}
.sh-skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--sh-raised);color:var(--sh-ink);padding:12px 16px;border-radius:var(--sh-r-control);box-shadow:var(--sh-shadow-float)}
.sh-skip:focus{top:8px}
.sh-wrap{width:100%;max-width:calc(var(--sh-max) + 2 * var(--sh-gutter));margin:0 auto;padding:0 var(--sh-gutter)}
.sh-i{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sh-mono{font-family:var(--sh-mono);font-size:.92em;letter-spacing:0}

/* Variantes France / Maroc : pilotées par data-facade="ma", que seule la route /ma pose.
   Jamais par data-country, qui suit un cookie et ferait servir la variante Maroc sur l'URL française. */
html:not([data-facade="ma"]) .lp-ma-only{display:none}
html[data-facade="ma"] .lp-fr-only{display:none}

/* ============================================================
   Boutons, pastilles, étiquettes
   ============================================================ */
.sh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--sh-r-control);
  font:560 15px/1 var(--sh-font);letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color var(--sh-fast),border-color var(--sh-fast),color var(--sh-fast);
}
.sh-btn:hover{text-decoration:none}
.sh-btn:focus-visible{box-shadow:var(--sh-focus)}
.sh-btn--sm{height:36px;padding:0 14px;font-size:14px}
.sh-btn--primary{background:var(--sh-action);color:var(--sh-on-action);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(17,18,20,.18)}
.sh-btn--primary:hover{background:var(--sh-action-hover)}
.sh-btn--primary:active{background:var(--sh-action-pressed)}
.sh-btn--secondary{background:var(--sh-raised);color:var(--sh-ink);border-color:var(--sh-line-3)}
.sh-btn--secondary:hover{background:var(--sh-subtle);border-color:var(--sh-line-4)}
.sh-btn--inverse{background:#FFFFFF;color:var(--sh-night)}
.sh-btn--inverse:hover{background:#E6EBF0}
.sh-btn--outline-inverse{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.32)}
.sh-btn--outline-inverse:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.56)}

.sh-pill{
  display:inline-flex;align-items:center;gap:6px;flex:none;
  padding:2px 8px 2px 6px;border:1px solid var(--sh-line-3);border-radius:var(--sh-r-pill);
  background:var(--sh-raised);color:var(--sh-ink);
  font-size:12px;line-height:16px;font-weight:560;white-space:nowrap;
}
.sh-pill::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;border:1px solid currentColor}
.sh-pill[data-state="disponible"]::before{background:currentColor}
.sh-pill[data-state="beta"]::before{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.sh-pill[data-state="apercu"]{color:var(--sh-ink-2)}
.sh-pill[data-state="apercu"]::before{background:transparent}

.sh-tag{
  display:inline-flex;align-items:center;gap:6px;flex:none;
  padding:2px 8px;border:1px solid var(--sh-line-3);border-radius:var(--sh-r-pill);
  background:var(--sh-raised);color:var(--sh-ink);
  font-size:11.5px;line-height:16px;font-weight:560;white-space:nowrap;
}
.sh-tag--caution{background:var(--sh-caution-bg);color:var(--sh-caution);border-color:transparent}
.sh-tag--info{background:#EDF1F5;color:var(--sh-action);border-color:rgba(29,59,90,.22)}
.sh-tag--muted{color:var(--sh-ink-3);border-style:dashed}
.sh-kbd{flex:none;padding:0 5px;border:1px solid var(--sh-line-3);border-radius:4px;background:var(--sh-raised);color:var(--sh-ink-3);font:400 10.5px/16px var(--sh-mono);white-space:nowrap}

.sh-textlink{display:inline-flex;align-items:center;font-size:15px;line-height:24px;font-weight:560;color:var(--sh-link);text-decoration:none}
.sh-textlink::after{content:"";flex:none;width:14px;height:14px;margin-left:6px;background:currentColor;-webkit-mask:var(--sh-arrow) no-repeat center/contain;mask:var(--sh-arrow) no-repeat center/contain;transition:transform var(--sh-fast)}
.sh-textlink:hover{text-decoration:underline;text-decoration-thickness:1px}
.sh-textlink:hover::after{transform:translateX(2px)}

/* ============================================================
   En-tête
   ============================================================ */
.sh-header{position:sticky;top:0;z-index:60;height:var(--sh-header)}
/* Le flou est porté par ::before : un backdrop-filter sur l'en-tête lui-même en ferait le bloc
   conteneur de ses descendants en position fixe. */
.sh-header::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sh-header-bg);border-bottom:1px solid var(--sh-line);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
.sh-header__inner{display:flex;align-items:center;gap:28px;height:var(--sh-header)}
.sh-brand{display:inline-flex;align-items:center;gap:10px;flex:none;color:var(--sh-ink);text-decoration:none}
.sh-brand:hover{text-decoration:none}
.sh-brand svg{flex:none}
.sh-brand__word{font-size:17px;line-height:1;font-weight:600;letter-spacing:-.022em}

.sh-nav{min-width:0}
.sh-nav__list{display:flex;align-items:center;gap:2px;list-style:none;padding:0}
.sh-nav__item{position:relative;display:flex;align-items:center;height:var(--sh-header)}
.sh-nav__trigger,.sh-nav__link{
  display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px;border:0;border-radius:var(--sh-r-control);
  background:transparent;color:var(--sh-ink-2);font-size:14.5px;line-height:20px;text-decoration:none;cursor:pointer;
  transition:background-color var(--sh-fast),color var(--sh-fast);
}
.sh-nav__trigger:hover,.sh-nav__link:hover,.sh-nav__item.is-open>.sh-nav__trigger{background:rgba(17,18,20,.05);color:var(--sh-ink);text-decoration:none}
.sh-nav__trigger .sh-i{width:14px;height:14px;color:var(--sh-ink-3);transition:transform var(--sh-fast)}
.sh-nav__item.is-open>.sh-nav__trigger .sh-i{transform:rotate(180deg)}

/* Panneaux : la marge haute fait partie du panneau, pour que le survol ne se rompe pas entre le libellé et la carte. */
.sh-panel{position:absolute;top:calc(100% - 10px);left:-12px;z-index:2;padding-top:16px;visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity var(--sh-fast),transform var(--sh-fast),visibility 0s linear var(--sh-fast)}
.sh-nav__item.is-open>.sh-panel,
html:not(.sh-js) .sh-nav__item:hover>.sh-panel,
html:not(.sh-js) .sh-nav__item:focus-within>.sh-panel{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.sh-panel__card{border-radius:14px;background:var(--sh-raised);box-shadow:var(--sh-shadow-float),0 24px 48px -16px rgba(17,18,20,.18)}
.sh-drop{width:340px;padding:8px;list-style:none}
.sh-mega{display:grid;grid-template-columns:minmax(0,1fr) 236px;width:820px;padding:8px}
.sh-mega__main{padding:8px 8px 8px 4px}
.sh-mega__label{padding:4px 12px 8px;font-size:12px;line-height:16px;font-weight:560;color:var(--sh-ink-3)}
.sh-mega__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;list-style:none;padding:0}
.sh-mega__foot{margin:8px 12px 0;padding-top:12px;border-top:1px solid var(--sh-line)}
.sh-menu-link{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sh-ink);text-decoration:none;transition:background-color var(--sh-fast)}
.sh-menu-link:hover{background:var(--sh-subtle);text-decoration:none}
.sh-menu-link__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:8px;background:var(--sh-subtle);color:var(--sh-action);box-shadow:var(--sh-shadow-rest)}
.sh-menu-link:hover .sh-menu-link__icon{background:var(--sh-raised)}
.sh-menu-link__text{display:block;min-width:0}
.sh-menu-link__text strong{display:block;font-size:14.5px;line-height:20px}
.sh-menu-link__text span{display:block;margin-top:2px;font-size:13px;line-height:18px;color:var(--sh-ink-3)}
.sh-mega__demo{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:10px;background:var(--sh-night);color:var(--sh-night-ink);text-decoration:none;transition:background-color var(--sh-fast)}
.sh-mega__demo:hover{background:#14263A;text-decoration:none}
.sh-mega__demo:focus-visible{box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--sh-action)}
.sh-mega__demo-art{display:grid;gap:6px;margin-bottom:auto;padding:12px;border-radius:8px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sh-mega__demo-art i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.18)}
.sh-mega__demo-art i:nth-child(1){width:46%;background:rgba(255,255,255,.42)}
.sh-mega__demo-art i:nth-child(2){width:82%}
.sh-mega__demo-art i:nth-child(3){width:64%}
.sh-mega__demo-art i:nth-child(4){width:74%}
.sh-mega__demo strong{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;line-height:22px;color:#FFFFFF}
.sh-mega__demo strong::after{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--sh-arrow) no-repeat center/contain;mask:var(--sh-arrow) no-repeat center/contain;transition:transform var(--sh-fast)}
.sh-mega__demo:hover strong::after{transform:translateX(2px)}
.sh-mega__demo span{font-size:13px;line-height:18px;color:var(--sh-night-ink-2)}

.sh-header__actions{display:flex;align-items:center;gap:8px;min-width:0;margin-left:auto}
.sh-header__login{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--sh-r-control);color:var(--sh-ink-2);font-size:14.5px;text-decoration:none;white-space:nowrap}
.sh-header__login:hover{background:rgba(17,18,20,.05);color:var(--sh-ink);text-decoration:none}
.sh-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:0;border-radius:var(--sh-r-control);background:transparent;color:var(--sh-ink);cursor:pointer}
.sh-burger:hover{background:rgba(17,18,20,.05)}
.sh-burger .sh-i{width:20px;height:20px}
.sh-app-only{display:none!important}

/* Menu mobile : fenêtre modale native (piège de focus, Échap, arrière-plan inerte). */
.sh-menu{position:fixed;inset:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:var(--sh-canvas);color:var(--sh-ink);overscroll-behavior:contain}
.sh-menu[open]{display:flex;flex-direction:column}
.sh-menu::backdrop{background:rgba(17,18,20,.32)}
.sh-menu__bar{display:flex;align-items:center;justify-content:space-between;flex:none;height:var(--sh-header);padding:0 16px;border-bottom:1px solid var(--sh-line)}
.sh-menu__close{display:inline-flex;align-items:center;gap:6px;height:44px;margin-right:-8px;padding:0 10px;border:0;border-radius:var(--sh-r-control);background:transparent;color:var(--sh-ink);font-size:15px;font-weight:560;cursor:pointer}
.sh-menu__close:hover{background:rgba(17,18,20,.05)}
.sh-menu__body{flex:1;min-height:0;overflow:auto;padding:4px 16px 24px}
.sh-menu__group{padding:16px 0 8px;border-bottom:1px solid var(--sh-line)}
.sh-menu__group:last-child{border-bottom:0}
.sh-menu__title{margin-bottom:4px;font-size:12px;line-height:16px;font-weight:560;color:var(--sh-ink-3)}
.sh-menu__list{list-style:none;padding:0}
.sh-menu__link{display:flex;align-items:center;min-height:44px;color:var(--sh-ink);font-size:17px;line-height:24px;text-decoration:none}
.sh-menu__link--solo{font-weight:560}
.sh-menu__actions{display:grid;gap:10px;flex:none;padding:16px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--sh-line);background:var(--sh-canvas)}
.sh-menu__actions .sh-btn{width:100%;height:48px}
html.sh-menu-open{overflow:hidden}

/* ============================================================
   Sections communes
   ============================================================ */
.sh-section{padding:clamp(72px,9vw,120px) 0}
.sh-section--alt{background:var(--sh-raised);border-top:1px solid var(--sh-line);border-bottom:1px solid var(--sh-line)}
.sh-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;line-height:16px;font-weight:560;color:var(--sh-ink-2)}
.sh-eyebrow::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--sh-action)}
.sh-h2{max-width:20em;font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.sh-h3{font-size:19px;line-height:26px;letter-spacing:-.012em}
.sh-head{max-width:720px;margin-bottom:clamp(36px,5vw,56px)}
.sh-head__intro{margin-top:16px;font-size:17px;line-height:28px;color:var(--sh-ink-2)}
.sh-note{font-size:13px;line-height:20px;color:var(--sh-ink-3)}
.sh-num{display:block;font:400 12px/16px var(--sh-mono);color:var(--sh-ink-3)}

/* ============================================================
   Hero
   ============================================================ */
.sh-hero{position:relative;isolation:isolate;padding:clamp(56px,8vw,104px) 0 clamp(64px,8vw,104px);overflow:hidden}
.sh-hero::before{content:"";position:absolute;inset:0 0 auto;height:720px;z-index:-1;background:radial-gradient(60% 56% at 50% 0%,rgba(29,59,90,.085),rgba(29,59,90,0) 72%)}
.sh-hero__copy{display:flex;flex-direction:column;align-items:center;max-width:860px;margin:0 auto;text-align:center}
.sh-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;padding:5px 12px 5px 10px;border-radius:var(--sh-r-pill);background:var(--sh-raised);box-shadow:var(--sh-shadow-rest);font-size:13px;line-height:18px;font-weight:560;color:var(--sh-ink-2)}
.sh-hero__eyebrow::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--sh-action)}
.sh-h1{font-size:clamp(34px,7.2vw,72px);line-height:1.03;letter-spacing:-.036em;text-wrap:balance}
.sh-h1 span{display:block}
.sh-lead{max-width:660px;margin-top:24px;font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--sh-ink-2);text-wrap:pretty}
.sh-hero__facade{max-width:660px;margin-top:12px;font-size:14px;line-height:22px;color:var(--sh-ink-3)}
.sh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}
.sh-micro{margin-top:16px;font-size:13px;line-height:18px;color:var(--sh-ink-3)}

/* Aperçu du produit : réplique statique de la fenêtre de l'application (décorative, masquée aux lecteurs d'écran). */
.sh-shot{max-width:1120px;margin:clamp(40px,6vw,72px) auto 0}
.sh-shot__caption{margin-top:16px;font-size:13px;line-height:18px;color:var(--sh-ink-3);text-align:center}
.sh-win{display:grid;grid-template-columns:232px minmax(0,1fr);border-radius:var(--sh-r-card);background:var(--sh-canvas);box-shadow:var(--sh-shadow-product);overflow:hidden;font-size:13px;line-height:20px;color:var(--sh-ink);text-align:left;-webkit-user-select:none;user-select:none}
.sh-win__side{display:flex;flex-direction:column;gap:1px;min-width:0;padding:10px 10px 12px;background:var(--sh-subtle);border-right:1px solid var(--sh-line)}
.sh-win__ws{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px}
.sh-win__ws>svg:first-child{flex:none}
.sh-win__ws-text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}
.sh-win__ws-text b{font-size:13.5px;font-weight:600;letter-spacing:-.015em}
.sh-win__ws-text span{overflow:hidden;font-size:11px;color:var(--sh-ink-3);text-overflow:ellipsis;white-space:nowrap}
.sh-win__ws>.sh-i{width:14px;height:14px;color:var(--sh-ink-3)}
.sh-win__search,.sh-win__new{display:flex;align-items:center;gap:9px;height:32px;padding:0 9px;border-radius:7px;font-size:13px}
.sh-win__search{margin-top:4px;border:1px solid var(--sh-line-3);background:var(--sh-raised);color:var(--sh-ink-3)}
.sh-win__new{margin:5px 0 4px;background:var(--sh-action);color:#FFFFFF;font-weight:560}
.sh-win__search>span,.sh-win__new>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-win__new .sh-kbd{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.86)}
.sh-win__heading{padding:12px 9px 4px;font-size:11px;line-height:16px;font-weight:560;color:var(--sh-ink-3)}
.sh-win__link{display:flex;align-items:center;gap:10px;height:30px;padding:0 9px;border-radius:7px;color:var(--sh-ink-2);font-size:13px}
.sh-win__link .sh-i{color:var(--sh-ink-3)}
.sh-win__link.is-current{background:var(--sh-raised);box-shadow:var(--sh-shadow-rest);color:var(--sh-ink);font-weight:560}
.sh-win__link.is-current .sh-i{color:var(--sh-action)}
.sh-win__badge{min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:9px;background:var(--sh-action);color:#FFFFFF;font-size:11px;line-height:18px;font-style:normal;font-weight:560;text-align:center}
.sh-win__foot{display:flex;flex-direction:column;gap:1px;margin-top:auto;padding-top:16px}
.sh-win__main{display:flex;flex-direction:column;min-width:0}
.sh-win__top{display:flex;align-items:center;gap:12px;height:48px;padding:0 24px;border-bottom:1px solid var(--sh-line)}
.sh-win__crumb{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13px;color:var(--sh-ink-3);white-space:nowrap}
.sh-win__crumb>svg{display:none;flex:none}
.sh-win__crumb i{font-style:normal;color:var(--sh-line-4)}
.sh-win__crumb b{overflow:hidden;font-weight:560;color:var(--sh-ink);text-overflow:ellipsis}
.sh-win__avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:1px solid var(--sh-line-3);border-radius:50%;background:var(--sh-selected);font-size:11px;font-weight:600;letter-spacing:.02em}
.sh-win__page{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px 28px 28px}
.sh-fiche__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.sh-fiche__head>div{min-width:0}
.sh-fiche__eyebrow{font-size:12px;line-height:16px;color:var(--sh-ink-3)}
.sh-fiche__name{margin:4px 0 8px;font-size:24px;line-height:30px;font-weight:560;letter-spacing:-.022em}
.sh-fiche__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12.5px;line-height:18px;color:var(--sh-ink-2)}
.sh-risk{display:inline-flex;align-items:center;gap:7px;font-weight:560;color:var(--sh-ink)}
.sh-risk i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sh-risk-medium)}
.sh-fiche__banner{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px dashed var(--sh-line-3);border-radius:8px;background:var(--sh-raised);font-size:12.5px;line-height:18px;color:var(--sh-ink-2)}
.sh-fiche__banner .sh-i{color:var(--sh-ink-3)}
.sh-fiche__cols{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:16px;align-items:start}
.sh-fiche__card{min-width:0;border:1px solid var(--sh-line);border-radius:var(--sh-r-card);background:var(--sh-raised);overflow:hidden}
.sh-fiche__cardtitle{padding:11px 16px;border-bottom:1px solid var(--sh-line);font-size:13px;line-height:20px;font-weight:560}
.sh-ctl__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 104px;align-items:center;gap:12px;min-height:44px;padding:7px 16px;border-bottom:1px solid var(--sh-line)}
.sh-ctl__row:last-child{border-bottom:0}
.sh-ctl__row--head{min-height:32px;background:var(--sh-subtle);font-size:11.5px;line-height:16px;font-weight:560;color:var(--sh-ink-2)}
.sh-ctl__name{min-width:0;font-weight:560}
.sh-ctl__name small{display:block;font-size:11.5px;line-height:16px;font-weight:400;color:var(--sh-ink-3)}
.sh-ctl__src{min-width:0;overflow:hidden;font-size:12.5px;color:var(--sh-ink-2);text-overflow:ellipsis;white-space:nowrap}
.sh-fbtns{display:flex;flex-direction:column;gap:8px;padding:14px 16px 12px}
.sh-fbtn{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--sh-line-3);border-radius:var(--sh-r-control);background:var(--sh-raised);font-size:13px;font-weight:560;white-space:nowrap}
.sh-fbtn .sh-i{width:15px;height:15px;color:var(--sh-ink-3)}
.sh-fbtn--primary{border-color:var(--sh-action);background:var(--sh-action);color:#FFFFFF}
.sh-fbtn--primary .sh-i{color:rgba(255,255,255,.86)}
.sh-fiche__note{padding:0 16px 14px;font-size:11.5px;line-height:17px;color:var(--sh-ink-3)}

/* ============================================================
   Produit : quatre temps du cycle
   ============================================================ */
.sh-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sh-feat{display:flex;flex-direction:column;min-width:0;border-radius:var(--sh-r-card);background:var(--sh-raised);box-shadow:var(--sh-shadow-rest);overflow:hidden}
.sh-feat__ui{display:flex;align-items:center;justify-content:center;min-height:264px;padding:32px 24px;border-bottom:1px solid var(--sh-line);background:linear-gradient(180deg,var(--sh-subtle),var(--sh-canvas))}
.sh-feat__body{display:flex;flex-direction:column;flex:1;gap:10px;padding:24px 28px 28px}
.sh-feat__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sh-feat__body p{font-size:15px;line-height:24px;color:var(--sh-ink-2)}
.sh-feat__body .sh-textlink{margin-top:auto;padding-top:6px;align-self:flex-start}
.sh-feats__note{margin-top:16px}
.sh-ui{width:100%;max-width:400px;border-radius:10px;background:var(--sh-raised);box-shadow:var(--sh-shadow-float);font-size:13px;line-height:20px;color:var(--sh-ink);text-align:left;-webkit-user-select:none;user-select:none}
.sh-ui__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--sh-line);font-weight:560}
.sh-ui__head small{font-size:11.5px;font-weight:400;color:var(--sh-ink-3)}
.sh-ui__field{display:flex;align-items:center;gap:8px;margin:12px 14px 4px;height:34px;padding:0 10px;border:1px solid var(--sh-line-4);border-radius:var(--sh-r-control);color:var(--sh-ink)}
.sh-ui__field .sh-i{color:var(--sh-ink-3)}
.sh-ui__field span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-ui__rows{padding:4px 14px 10px}
.sh-ui__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:6px 0;border-bottom:1px solid var(--sh-line)}
.sh-ui__row:last-child{border-bottom:0}
.sh-ui__row>span:first-child{min-width:0;color:var(--sh-ink-2)}
.sh-ui__row>b{font-weight:560;text-align:right}
.sh-ui__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--sh-line)}
.sh-ui__head+.sh-ui__item{border-top:0}
.sh-ui__item>div{min-width:0}
.sh-ui__item b{display:block;font-weight:560}
.sh-ui__item small{display:block;font-size:11.5px;line-height:16px;color:var(--sh-ink-3)}
.sh-ui__item time{flex:none;font:400 11.5px/16px var(--sh-mono);color:var(--sh-ink-3)}
.sh-ui__foot{display:flex;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--sh-line);background:var(--sh-subtle);border-radius:0 0 10px 10px;font-size:11.5px;line-height:16px;color:var(--sh-ink-2)}
.sh-ui__foot .sh-i{width:14px;height:14px;color:var(--sh-ink-3)}
.sh-ui__check{display:flex;align-items:center;gap:10px;padding:7px 14px;color:var(--sh-ink-2)}
.sh-ui__head+.sh-ui__check{padding-top:13px}
.sh-ui__check+.sh-ui__foot{margin-top:6px}
.sh-ui__check::before{content:"";flex:none;width:14px;height:14px;border:1px solid var(--sh-line-4);border-radius:4px}
.sh-ui__check.is-done{color:var(--sh-ink)}
.sh-ui__check.is-done::before{border-color:var(--sh-action);background:var(--sh-action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.2l2.2 2.2 4.8-4.9'/%3E%3C/svg%3E") center/12px no-repeat}

/* ============================================================
   Comment ça marche
   ============================================================ */
.sh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;border-top:1px solid var(--sh-line-3)}
.sh-step{position:relative;padding:28px 28px 0 0}
.sh-step::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--sh-action)}
.sh-step .sh-num{margin-bottom:12px}
.sh-step h3{margin-bottom:8px;font-size:17px;line-height:24px;letter-spacing:-.01em}
.sh-step p{font-size:14.5px;line-height:23px;color:var(--sh-ink-2)}
.sh-after{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:clamp(32px,4vw,48px)}

/* ============================================================
   Tous les produits
   ============================================================ */
.sh-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;list-style:none;padding:0;border-radius:var(--sh-r-card);background:var(--sh-line-2);box-shadow:0 0 0 1px var(--sh-line-2);overflow:hidden}
.sh-prod{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:20px;background:var(--sh-raised)}
.sh-prod h3{font-size:15px;line-height:22px;letter-spacing:-.005em}
.sh-prod p{font-size:13.5px;line-height:20px;color:var(--sh-ink-2)}
.sh-prod .sh-pill{order:-1}

/* ============================================================
   Sources
   ============================================================ */
.sh-sources{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.sh-sources__head{grid-column:1/span 5;position:sticky;top:96px}
.sh-sources__intro{margin:16px 0 20px;max-width:44ch;color:var(--sh-ink-2)}
.sh-sources__links{display:flex;flex-wrap:wrap;gap:8px 24px}
.sh-sources__body{grid-column:6/span 7;min-width:0}
.sh-srctable{width:100%;border-collapse:collapse;font-size:15px;line-height:24px}
.sh-srctable th,.sh-srctable td{padding:14px 16px 14px 0;border-bottom:1px solid var(--sh-line);text-align:left;vertical-align:top}
.sh-srctable thead th{padding-top:8px;padding-bottom:8px;border-bottom-color:var(--sh-line-2);font-size:13px;line-height:20px;color:var(--sh-ink-2)}
.sh-srctable tbody th{width:190px;font-size:14px;line-height:24px}
.sh-srctable td{padding-right:0;color:var(--sh-ink-2)}
.sh-states-title{margin:40px 0 16px;font-size:16px;line-height:24px}
.sh-states{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.sh-states div{display:grid;gap:8px;align-content:start}
.sh-states dt{line-height:0}
.sh-states dd{font-size:14px;line-height:22px;color:var(--sh-ink-2)}
.sh-sources__foot{margin-top:24px}

/* Bloc Maroc injecté par le serveur à la place du marqueur FACADE_CONTEXT, sur /ma seulement (classes du backend). */
.facade-evidence{padding:0 0 clamp(72px,9vw,120px);background:var(--sh-raised);border-bottom:1px solid var(--sh-line);margin-top:-1px}
.facade-evidence-inner{width:100%;max-width:calc(var(--sh-max) + 2 * var(--sh-gutter));margin:0 auto;padding:0 var(--sh-gutter)}
.facade-evidence .editorial-kicker{margin-bottom:16px;font-size:13px;line-height:16px;font-weight:560;color:var(--sh-ink-2)}
.facade-evidence-head{max-width:720px;margin-bottom:32px}
.facade-evidence-head h2{font-size:clamp(26px,3.2vw,36px);line-height:1.14;letter-spacing:-.025em;text-wrap:balance}
.facade-evidence-head p{margin-top:16px;color:var(--sh-ink-2)}
.facade-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.facade-evidence-grid article{padding:24px;border-radius:var(--sh-r-card);background:var(--sh-canvas);box-shadow:var(--sh-shadow-rest)}
.facade-evidence-grid span{display:block;margin-bottom:12px;font:400 12px/16px var(--sh-mono);color:var(--sh-ink-3)}
.facade-evidence-grid h3{margin-bottom:8px;font-size:19px;line-height:26px;letter-spacing:-.012em}
.facade-evidence-grid p{font-size:15px;line-height:24px;color:var(--sh-ink-2)}
.facade-evidence-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;font-size:15px}

/* ============================================================
   Confiance
   ============================================================ */
.sh-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sh-trust__item{padding-top:24px;border-top:1px solid var(--sh-line-3)}
.sh-trust__item .sh-num{margin-bottom:16px}
.sh-trust__item h3{margin-bottom:10px}
.sh-trust__item p{font-size:15px;line-height:24px;color:var(--sh-ink-2)}
.sh-flags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(32px,4vw,48px)}
.sh-data{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:clamp(32px,4vw,48px);padding:28px;border-radius:var(--sh-r-card);background:var(--sh-raised);box-shadow:var(--sh-shadow-rest)}
.sh-data h3{grid-column:1/span 3;font-size:16px;line-height:24px}
.sh-data__text{grid-column:4/span 9;display:grid;gap:12px}
.sh-data__text p{font-size:15px;line-height:24px;color:var(--sh-ink-2)}
.sh-data__links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:4px}

/* ============================================================
   Questions fréquentes
   ============================================================ */
.sh-faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.sh-faq__head{grid-column:1/span 4}
.sh-faq__head p{margin-top:16px;max-width:32ch;font-size:15px;line-height:24px;color:var(--sh-ink-2)}
.sh-faq__list{grid-column:6/span 7;min-width:0;border-top:1px solid var(--sh-line-2)}
.sh-faq details{border-bottom:1px solid var(--sh-line-2)}
.sh-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 0;font-size:17px;line-height:26px;font-weight:560;list-style:none;cursor:pointer}
.sh-faq summary::-webkit-details-marker{display:none}
.sh-faq summary .sh-i{color:var(--sh-ink-3);transition:transform var(--sh-fast)}
.sh-faq details[open] summary .sh-i{transform:rotate(180deg)}
.sh-faq details p{max-width:62ch;padding:0 32px 22px 0;color:var(--sh-ink-2)}

/* ============================================================
   Appel final (seule bande sombre)
   ============================================================ */
.sh-cta{position:relative;padding:clamp(72px,9vw,112px) 0;background:var(--sh-night);color:var(--sh-night-ink);overflow:hidden}
/* Anneaux de sonar : rappel discret du symbole, purement décoratif. */
.sh-cta::before{content:"";position:absolute;left:50%;bottom:-760px;width:1400px;height:1400px;border-radius:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle,rgba(255,255,255,0) 0 119px,rgba(255,255,255,.06) 119px 120px);-webkit-mask-image:radial-gradient(circle,#000 28%,transparent 68%);mask-image:radial-gradient(circle,#000 28%,transparent 68%);pointer-events:none}
.sh-cta__anchor{position:absolute;top:0;left:0}
.sh-cta__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.sh-cta h2{max-width:16em;font-size:clamp(30px,4.4vw,52px);line-height:1.06;letter-spacing:-.032em;color:#FFFFFF;text-wrap:balance}
.sh-cta__text{margin-top:16px;font-size:17px;line-height:26px;color:var(--sh-night-ink-2)}
.sh-cta .sh-actions{margin-top:32px}
.sh-cta__more{margin-top:20px;font-size:14px;line-height:22px;color:var(--sh-night-ink-2)}
.sh-cta__more a{color:var(--sh-night-link)}
.sh-cta :where(a,button):focus-visible{box-shadow:0 0 0 2px var(--sh-night),0 0 0 4px var(--sh-night-link)}

/* ============================================================
   Pied de page
   ============================================================ */
.sh-footer{padding:64px 0 32px;border-top:1px solid var(--sh-line)}
.sh-footer__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.sh-footer__brand{grid-column:1/span 4}
.sh-footer__brand p{max-width:36ch;margin-top:16px;font-size:14px;line-height:22px;color:var(--sh-ink-2)}
.sh-footer__cols{grid-column:5/span 8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sh-footer__title{margin-bottom:12px;font-size:13px;line-height:18px;font-weight:560;color:var(--sh-ink)}
.sh-footer ul{display:grid;gap:8px;list-style:none;padding:0}
.sh-footer li a{font-size:14px;line-height:22px;color:var(--sh-ink-2);text-decoration:none}
.sh-footer li a:hover{color:var(--sh-ink);text-decoration:underline}
.sh-footer__bottom{display:grid;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--sh-line);font-size:13px;line-height:20px;color:var(--sh-ink-3)}
.sh-footer__bottom a{color:var(--sh-ink-2)}
.sh-countries{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}

/* ============================================================
   Mode application historique : la page devient la visionneuse Verify.
   Les styles propres à #verify-app sont chargés à l'entrée dans ce mode (landing-registre.css).
   ============================================================ */
html.rs-app .sh-marketing,
html.rs-app .facade-evidence,
html.rs-app .sh-nav,
html.rs-app .sh-burger,
html.rs-app .sh-header__login,
html.rs-app .sh-header__signup{display:none!important}
html.rs-app .sh-app-only{display:inline-flex!important}
html.rs-app #userBtn{align-items:center!important;gap:8px!important}
html.rs-app #userBtn a{background:var(--sh-subtle)!important;border-color:var(--sh-line-3)!important;color:var(--sh-ink)!important}
html.rs-app #userBtn a span:last-child{color:var(--sh-ink)!important}
html.rs-app #userBtn button{background:transparent!important;border-color:var(--sh-line-3)!important;color:var(--sh-ink-2)!important}

/* Bandeau de consentement à la mesure (landing-measurement.js) et fenêtre de contact (app-runtime.js). */
.rs-measurement-consent{position:fixed;right:16px;bottom:16px;z-index:1200;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:min(620px,calc(100vw - 32px));padding:16px;border:1px solid var(--rs-border-outline);border-radius:var(--rs-radius-card);background:var(--rs-surface-raised);color:var(--rs-text-primary);box-shadow:var(--rs-elevation-floating)}
.rs-measurement-consent strong{display:block;margin-bottom:4px;font-size:14px}
.rs-measurement-consent p{margin:0;color:var(--rs-text-secondary);font-size:13px;line-height:19px}
.rs-measurement-consent a{display:inline-flex;min-height:32px;align-items:center;color:var(--rs-text-link);font-size:13px}
.rs-measurement-actions{display:flex;align-items:center;gap:8px}
.rs-measurement-actions button{min-height:40px;padding:0 12px;border:1px solid var(--rs-border-outline);border-radius:var(--rs-radius-control);background:var(--rs-surface-raised);color:var(--rs-text-primary);font:inherit;font-size:13px;cursor:pointer}
.rs-measurement-actions .rs-measurement-accept{border-color:var(--rs-action-background);background:var(--rs-action-background);color:var(--rs-action-text)}
.rs-lead-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(11,12,14,.62)}
.rs-lead-dialog{width:min(480px,100%);max-height:min(720px,calc(100vh - 32px));overflow:auto;background:var(--rs-surface-raised);color:var(--rs-text-primary);border:1px solid var(--rs-border-outline);border-radius:var(--rs-radius-card);box-shadow:var(--rs-elevation-floating);padding:24px}
.rs-lead-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.rs-lead-head h2{font-size:22px;line-height:28px;letter-spacing:-.02em;margin:0}
.rs-lead-close{flex:0 0 44px;width:44px;height:44px;margin:-10px -10px 0 0;border:0;border-radius:var(--rs-radius-control);background:transparent;color:var(--rs-text-secondary);font:inherit;font-size:22px;cursor:pointer}
.rs-lead-close:hover{background:var(--rs-surface-selected)}
.rs-lead-intro,.rs-lead-notice{color:var(--rs-text-secondary);font-size:14px;line-height:21px}
.rs-lead-form{display:grid;gap:12px;margin-top:20px}
.rs-lead-field{display:grid;gap:6px}
.rs-lead-field label{font-size:13px;font-weight:560}
.rs-lead-field input,.rs-lead-field textarea,.rs-lead-field select{width:100%;box-sizing:border-box;border:1px solid var(--rs-border-control);border-radius:var(--rs-radius-control);background:var(--rs-surface-raised);color:var(--rs-text-primary);font:inherit;font-size:16px;padding:11px 12px}
.rs-lead-field textarea{resize:vertical}
.rs-lead-submit{min-height:44px;border:0;border-radius:var(--rs-radius-control);background:var(--rs-action-background);color:var(--rs-action-text);font:inherit;font-weight:560;cursor:pointer}
.rs-lead-submit:hover{background:var(--rs-action-hover)}
.rs-lead-submit:disabled{opacity:.56;cursor:wait}
.rs-lead-foot{margin:16px 0 0;text-align:center;color:var(--rs-text-muted);font-size:13px}
.rs-lead-foot a{color:var(--rs-text-link)}
.rs-lead-error{margin:0;color:var(--rs-semantic-negative-text);font-size:13px;line-height:18px}
.rs-lead-success{padding:20px 0;text-align:center;color:var(--rs-semantic-positive-text);font-weight:560}

/* ============================================================
   Points de rupture
   ============================================================ */
@media (max-width:1099px){
  .sh-prods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sh-footer__brand,.sh-footer__cols{grid-column:1/-1}
}
@media (max-width:1023px){
  .sh-nav,.sh-header__login{display:none}
  .sh-burger{display:inline-flex}
  .sh-header__inner{gap:16px}
  .sh-win{grid-template-columns:204px minmax(0,1fr)}
  .sh-fiche__cols{grid-template-columns:minmax(0,1fr)}
  .sh-fbtns{flex-direction:row;flex-wrap:wrap}
  .sh-sources,.sh-faq{grid-template-columns:minmax(0,1fr)}
  .sh-sources__head,.sh-sources__body,.sh-faq__head,.sh-faq__list{grid-column:1/-1;position:static}
  .sh-data{grid-template-columns:minmax(0,1fr)}
  .sh-data h3,.sh-data__text{grid-column:1/-1}
  .sh-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;border-top:0}
  .sh-step{border-top:1px solid var(--sh-line-3)}
}
@media (min-width:1024px){
  .sh-menu{display:none!important}
}
@media (max-width:859px){
  .sh-win{grid-template-columns:minmax(0,1fr)}
  .sh-win__side{display:none}
  .sh-win__crumb>svg{display:block}
  .sh-win__crumb>span,.sh-win__crumb>i{display:none}
  .sh-feats{grid-template-columns:minmax(0,1fr)}
  .sh-trust,.facade-evidence-grid{grid-template-columns:minmax(0,1fr)}
  .sh-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
}
@media (max-width:719px){
  :root{--sh-gutter:16px}
  .sh-actions{flex-direction:column;align-self:stretch}
  .sh-actions .sh-btn{width:100%;height:48px}
  .sh-win__top{padding:0 16px}
  .sh-win__page{padding:16px 16px 20px}
  .sh-fiche__name{font-size:20px;line-height:26px}
  .sh-feat__ui{min-height:0;padding:24px 16px}
  .sh-feat__body{padding:20px 20px 24px}
  .sh-data{padding:20px}
  /* Tableau des sources en blocs */
  .sh-srctable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .sh-srctable,.sh-srctable tbody,.sh-srctable tr,.sh-srctable th,.sh-srctable td{display:block;width:auto}
  .sh-srctable tr{padding:14px 0;border-bottom:1px solid var(--sh-line)}
  .sh-srctable th,.sh-srctable td{padding:0;border:0}
  .sh-srctable tbody th{width:auto}
  .sh-srctable td{margin-top:4px}
  .sh-states{grid-template-columns:minmax(0,1fr)}
  .sh-steps{grid-template-columns:minmax(0,1fr);row-gap:0}
  .sh-step{padding:0 0 28px 24px;border-top:0;border-left:1px solid var(--sh-line-3)}
  .sh-step::before{top:5px;left:-4px}
  .sh-step:last-child{padding-bottom:0;border-left-color:transparent}
  .sh-faq summary{min-height:52px;font-size:16px;line-height:24px}
  .sh-faq details p{padding-right:0}
  .sh-footer li a{display:inline-flex;align-items:center;min-height:44px}
  .sh-footer ul{gap:0}
  .sh-textlink,.sh-countries a,.facade-evidence-links a,.sh-cta__more a{min-height:44px}
  .sh-countries a,.facade-evidence-links a,.sh-cta__more a{display:inline-flex;align-items:center}
  html.rs-app .sh-brand__word,html.rs-app .sh-app-open{display:none!important}
  .rs-measurement-consent{grid-template-columns:1fr}
  .rs-measurement-actions{justify-content:flex-end;flex-wrap:wrap}
  .rs-lead-dialog{padding:20px 16px}
}
@media (max-width:559px){
  .sh-ctl__row{grid-template-columns:minmax(0,1fr) auto}
  .sh-ctl__src,.sh-ctl__row--wide,.sh-fiche__note{display:none}
  .sh-fbtns{padding-bottom:16px}
  .sh-fbtns{flex-direction:column}
  .sh-prods{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:419px){
  .sh-header__signup{display:none}
  .sh-footer__cols{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}
}
