/*
 * SuivreSaSanté — passe de finition 2026-07-30
 * Objectifs : conserver l’univers cosmique validé, recentrer les visuels,
 * supprimer les grilles de traits et rendre les sections claires plus éditoriales.
 */

:root{
  --refine-surface:#f4f5f7;
  --refine-card:#ffffff;
  --refine-ink:#17152f;
  --refine-copy:#626b7e;
  --refine-purple:#7141df;
  --refine-coral:#ff7d91;
  --refine-mint:#66cdb4;
  --refine-gold:#f7c655;
  --refine-shadow:0 24px 70px rgba(29,23,61,.08);
  --refine-shadow-soft:0 14px 42px rgba(29,23,61,.055);
}

body.cosmic-site{
  background:var(--refine-surface);
}

body.cosmic-site main{
  overflow:hidden;
  background:var(--refine-surface);
}

/* --------------------------------------------------------------------------
   Signature de marque : symbole détouré + mot-symbole typographique
   -------------------------------------------------------------------------- */

body.cosmic-site .brand{
  gap:10px;
  font-size:21px;
  font-weight:400;
  letter-spacing:0;
}

body.cosmic-site .brand-mark,
body.cosmic-site .site-footer .brand-mark{
  width:42px;
  height:42px;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}

body.cosmic-site .brand-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 14px rgba(255,125,145,.12));
}

.brand-wordmark{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  line-height:1;
  letter-spacing:-.055em;
}

.brand-wordmark-light{
  font-weight:710;
}

.brand-wordmark-strong{
  font-weight:900;
}

body.cosmic-site .footer-logo strong{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Arial,sans-serif;
  font-weight:820;
  letter-spacing:-.045em;
}

/* --------------------------------------------------------------------------
   Héros : illustration entière, centre-droit, jamais collée au bord
   -------------------------------------------------------------------------- */

body.cosmic-site .concept-hero,
body.cosmic-site .product-hero,
body.cosmic-site .article-hero,
body.cosmic-site .page-hero,
body.cosmic-site .app-privacy-hero{
  min-height:720px;
  padding-right:max(32px,calc((100vw - 1500px)/2));
  padding-left:max(32px,calc((100vw - 1500px)/2));
  background-position:72% 50%!important;
  background-size:auto 88%!important;
}

body.cosmic-site .concept-hero::before,
body.cosmic-site .product-hero::before,
body.cosmic-site .page-hero::before,
body.cosmic-site .app-privacy-hero::before{
  background:linear-gradient(
    90deg,
    rgba(2,5,31,.98) 0%,
    rgba(2,5,31,.96) 30%,
    rgba(2,5,31,.70) 43%,
    rgba(2,5,31,.18) 59%,
    rgba(2,5,31,0) 75%
  )!important;
}

body.cosmic-site .concept-hero::after,
body.cosmic-site .product-hero::after,
body.cosmic-site .article-hero::after,
body.cosmic-site .page-hero::after,
body.cosmic-site .app-privacy-hero::after{
  height:62px;
  background:var(--refine-surface);
}

body.cosmic-site .concept-hero-copy,
body.cosmic-site .product-copy{
  width:min(44%,620px);
}

body.page-home .home-hero-vitrine{
  min-height:790px;
  background-image:url("/assets/img/cosmic/super-intestin-hero-scene.png")!important;
  background-position:73% 50%!important;
  background-size:auto 90%!important;
}

body.page-applications .applications-cosmic-hero{
  min-height:740px;
  background-position:72% 50%!important;
  background-size:auto 88%!important;
}

body.page-super-intestin .super-intestin-concept-hero{
  min-height:735px;
  padding-top:calc(var(--header-height) + 62px);
  padding-bottom:98px;
  background-color:#000122!important;
  background-image:url("/assets/img/cosmic/super-intestin-hero-clean-v2.png")!important;
  background-position:70% 48%!important;
  background-size:auto 84%!important;
}

body.page-super-intestin .super-intestin-concept-hero::before{
  background:linear-gradient(
    90deg,
    #000122 0%,
    #000122 28%,
    rgba(0,1,34,.88) 39%,
    rgba(0,1,34,.18) 54%,
    rgba(0,1,34,0) 68%
  )!important;
}

body.page-super-intestin .super-intestin-concept-hero .concept-hero-copy{
  width:min(43%,520px);
  max-width:520px;
}

body.page-article .article-hero h1{
  max-width:min(47%,730px);
}

body.page-article .article-hero p{
  max-width:min(44%,640px);
}

/* Guides — ouverture éditoriale, sans badges ni empilement de blocs génériques */

body.page-guides .guides-editorial-hero .concept-hero-copy{
  width:min(47%,690px);
  max-width:690px;
}

body.page-guides .guides-editorial-hero h1{
  max-width:680px;
  margin-bottom:24px;
  font-size:clamp(56px,4.5vw,76px);
  line-height:.98;
  letter-spacing:-.062em;
}

body.page-guides .guides-editorial-hero h1 span{
  display:block;
  margin-top:.16em;
  color:var(--refine-coral);
}

body.page-guides .guides-hero-deck{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:16px;
  line-height:1.65;
}

body.page-guides .guides-hero-index{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  max-width:680px;
  margin:30px 0 28px;
}

body.page-guides .guides-hero-index a{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
  padding:0;
  color:#fff;
  text-decoration:none;
}

body.page-guides .guides-index-number{
  padding-top:3px;
  color:var(--refine-gold);
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
}

body.page-guides .guides-hero-index strong,
body.page-guides .guides-hero-index small{
  display:block;
}

body.page-guides .guides-hero-index strong{
  margin-bottom:5px;
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.015em;
}

body.page-guides .guides-hero-index small{
  color:rgba(255,255,255,.52);
  font-size:11px;
  line-height:1.45;
}

body.page-guides .guides-hero-index a:hover strong,
body.page-guides .guides-hero-index a:focus-visible strong{
  color:var(--refine-gold);
}

body.page-guides .guides-hero-index a:focus-visible,
body.page-guides .guides-hero-cta:focus-visible{
  outline:2px solid var(--refine-gold);
  outline-offset:7px;
  border-radius:4px;
}

body.page-guides .guides-hero-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font-size:14px;
  font-weight:820;
  text-decoration:none;
}

body.page-guides .guides-hero-cta > span:last-child{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid rgba(247,198,85,.72);
  border-radius:50%;
  color:var(--refine-gold);
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}

body.page-guides .guides-hero-cta:hover > span:last-child{
  transform:translate(3px,3px);
  background:var(--refine-gold);
  color:#18142e;
}

/* --------------------------------------------------------------------------
   Zones claires : gris blanc, rythme éditorial, aucun quadrillage
   -------------------------------------------------------------------------- */

body.cosmic-site .page-section,
body.cosmic-site .home-section,
body.cosmic-site .si-section,
body.cosmic-site .si-editorial,
body.cosmic-site .ecosystem-compare,
body.cosmic-site .article-layout,
body.cosmic-site .legal-layout,
body.cosmic-site .contact-section{
  position:relative;
}

body.page-home .home-concept-benefits,
body.page-super-intestin .si-concept-benefits{
  width:min(1500px,calc(100% - 64px));
  max-width:1500px;
  min-height:0;
  margin:52px auto 24px;
  padding:68px 0 58px;
  gap:34px;
  background:transparent;
}

body.page-home .home-concept-intro,
body.page-super-intestin .si-concept-intro{
  padding-right:20px;
}

body.page-home .home-concept-benefits article,
body.page-super-intestin .si-concept-benefits article{
  padding:8px 0 0;
  border:0;
  background:transparent;
}

body.page-home .home-benefit-icon,
body.page-super-intestin .si-benefit-icon{
  margin-bottom:22px;
  border:0;
  background:#ece5ff;
  color:var(--refine-purple);
}

body.page-home .home-benefit-icon.mint,
body.page-super-intestin .si-benefit-icon.mint{
  background:#e5f7f2;
  color:#168b75;
}

body.page-home .home-why,
body.page-super-intestin .si-editorial{
  border:0;
}

body.page-home .why-grid,
body.page-home .difference-list,
body.page-home .clarity-list,
body.page-home .method-steps{
  border:0;
}

body.page-home .why-grid article,
body.page-home .difference-list article,
body.page-home .clarity-list article,
body.page-home .method-steps article{
  border:0;
}

/* --------------------------------------------------------------------------
   Applications : deux produits publics, deux vrais blocs
   -------------------------------------------------------------------------- */

body.page-applications #applications{
  padding-top:74px;
  padding-bottom:46px;
}

body.page-applications .showcase-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:30px;
  border:0;
}

body.page-applications .showcase-card,
body.page-applications .showcase-card:last-child,
body.page-applications .showcase-card.catalogue-super{
  min-height:430px;
  padding:40px;
  border:0;
  border-radius:28px;
  background:var(--refine-card);
  box-shadow:var(--refine-shadow-soft);
}

body.page-applications .showcase-card.catalogue-super{
  background:linear-gradient(145deg,#f2edff 0%,#ffffff 66%);
}

body.page-applications .showcase-card.catalogue-apres{
  background:linear-gradient(145deg,#fff0f2 0%,#ffffff 66%);
}

body.page-applications .showcase-card ul{
  border:0;
}

body.page-applications .showcase-icon{
  width:82px;
  height:82px;
}

body.page-applications .showcase-card h2{
  margin-top:24px;
  font-size:clamp(32px,3vw,42px);
}

body.page-applications .split-premium{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:60px;
}

body.page-applications .proof-panel{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  border:0;
  background:transparent;
}

body.page-applications .proof-panel article,
body.page-applications .proof-panel article:last-child{
  min-height:154px;
  padding:26px;
  border:0;
  border-radius:22px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-applications .ecosystem-compare{
  padding-top:48px;
}

/* Super Intestin est le produit vedette sans remplacer la marque du site */
body.page-home .hero-product-lockup{
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  margin-bottom:18px;
  padding:8px 14px 8px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(12,18,56,.74);
  box-shadow:0 14px 42px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);
}

body.page-home .hero-product-lockup img{
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}

body.page-home .hero-product-lockup span{
  display:grid;
  gap:2px;
}

body.page-home .hero-product-lockup strong{
  color:#fff;
  font-size:15px;
  line-height:1.1;
}

body.page-home .hero-product-lockup small{
  color:#bdc4df;
  font-size:11px;
  line-height:1.25;
}

/* --------------------------------------------------------------------------
   Guides : cartes thématiques, sans quadrillage ni séparateurs
   -------------------------------------------------------------------------- */

body.page-guides .category-row{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  border:0;
  background:transparent;
}

body.page-guides .category-row article,
body.page-guides .category-row article:last-child{
  min-height:190px;
  padding:30px 28px;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-guides .category-row article:nth-child(1){
  background:linear-gradient(145deg,#eee8ff 0%,#fbfaff 100%);
}

body.page-guides .category-row article:nth-child(2){
  background:linear-gradient(145deg,#e8f8f2 0%,#f9fffd 100%);
}

body.page-guides .category-row article:nth-child(3){
  background:linear-gradient(145deg,#fff0f2 0%,#fffafa 100%);
}

body.page-guides .category-row article:nth-child(4){
  background:linear-gradient(145deg,#fff4d7 0%,#fffdf6 100%);
}

body.page-guides .category-row h3{
  color:var(--refine-ink);
}

body.page-guides .category-row p{
  color:var(--refine-copy);
}

body.page-guides .category-row svg{
  color:var(--refine-purple);
  stroke:currentColor;
}

/* --------------------------------------------------------------------------
   À propos : récit humain, pas de mosaïque de cartes génériques
   -------------------------------------------------------------------------- */

body.page-about .about-editorial{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:56px;
  align-items:start;
  padding-top:84px;
  padding-bottom:34px;
}

body.page-about .about-heading{
  grid-row:auto;
  min-height:0;
  padding:18px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.page-about .about-heading h2{
  max-width:13ch;
  font-size:clamp(46px,4.6vw,68px);
  line-height:1;
}

body.page-about .about-proof{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:26px 32px;
  border:0;
  border-radius:30px;
  background:#080d2d;
  box-shadow:0 28px 70px rgba(11,15,44,.16);
}

body.page-about .about-proof article,
body.page-about .about-proof article:first-child,
body.page-about .about-proof article:last-child{
  display:grid;
  grid-template-columns:48px 118px minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-height:0;
  padding:17px 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.page-about .about-proof article:first-child{
  grid-column:auto;
  background:transparent;
}

body.page-about .about-proof svg{
  width:46px;
  height:46px;
  padding:12px;
  border-radius:15px;
  color:#f7c654;
  background:rgba(255,255,255,.08);
}

body.page-about .about-proof article strong,
body.page-about .about-proof article:first-child strong,
body.page-about .about-proof article:last-child strong{
  color:#fff!important;
}

body.page-about .about-proof article p,
body.page-about .about-proof article:first-child p,
body.page-about .about-proof article:last-child p{
  margin:0;
  color:#cdd3e4!important;
  line-height:1.55;
}

body.page-about .about-copy-flow{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-column:1/-1;
  gap:40px;
  margin:10px 0 0;
  padding:38px 42px;
  border:0;
  border-radius:28px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-about .about-copy-flow p{
  margin:0;
  font-size:15px;
  line-height:1.8;
}

body.page-about .origin-story{
  grid-template-columns:260px minmax(0,1fr);
  gap:64px;
  margin-top:24px;
  margin-bottom:24px;
  padding:64px;
  border:0;
  border-radius:32px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-about .super-origin-story{
  background:linear-gradient(145deg,#f2edff 0%,#fff 66%);
}

body.page-about .apres-origin-story{
  background:linear-gradient(145deg,#fff0f2 0%,#fff 66%);
}

body.page-about .about-pillars > .benefit-grid{
  gap:16px;
  border:0;
}

body.page-about .about-pillars > .benefit-grid article,
body.page-about .about-pillars > .benefit-grid article:last-child{
  padding:30px;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

/* --------------------------------------------------------------------------
   FAQ : accordéon lisible, aucune rangée de traits
   -------------------------------------------------------------------------- */

body.page-faq .concept-hero + .page-section{
  padding-top:76px;
  padding-bottom:34px;
}

body.page-faq .category-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  border:0;
}

body.page-faq .category-row article,
body.page-faq .category-row article + article,
body.page-faq .category-row article:last-child{
  min-height:170px;
  padding:30px;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-faq .category-row article:first-child{background:#f2edff}
body.page-faq .category-row article:nth-child(2){background:#eaf8f3}
body.page-faq .category-row article:nth-child(3){background:#fff0f2}

body.page-faq .faq-block{
  max-width:1060px;
  margin:28px auto 76px;
  padding:42px;
  border:0;
  border-radius:30px;
  background:#fff;
  box-shadow:var(--refine-shadow);
}

body.page-faq .faq-block details,
body.page-faq .faq-block details:last-child{
  margin:12px 0;
  padding:0;
  border:0;
  border-radius:18px;
  background:#f5f6f9;
  overflow:hidden;
}

body.page-faq .faq-block details[open]{
  background:#efeaff;
}

body.page-faq .faq-block summary{
  padding:23px 26px;
}

body.page-faq .faq-answer{
  padding:0 26px 26px;
}

body.page-faq .guide-cta > div{
  border:0;
  box-shadow:var(--refine-shadow);
}

/* --------------------------------------------------------------------------
   Articles : page éditoriale ouverte, sommaire utile, pas de grande boîte
   -------------------------------------------------------------------------- */

body.page-article .featured-guide{
  margin-top:60px;
  padding:34px;
  border:0;
  border-radius:28px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-article .article-layout{
  grid-template-columns:minmax(0,820px) 300px;
  gap:64px;
  align-items:start;
  padding-top:62px;
  padding-bottom:94px;
}

body.page-article .article-body,
body.page-article .article-body-rich{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

body.page-article .article-body-rich > .notice-card,
body.page-article .article-body-rich > .cta-card{
  border:0;
  border-radius:22px;
}

body.page-article .content-section{
  margin:0 0 48px;
  padding:0 0 0 26px;
  border:0;
  border-left:4px solid transparent;
}

body.page-article .content-section:nth-of-type(3n+1){border-left-color:#d8c9ff}
body.page-article .content-section:nth-of-type(3n+2){border-left-color:#bfe9dd}
body.page-article .content-section:nth-of-type(3n){border-left-color:#ffc5ce}

body.page-article .article-aside-rich{
  top:112px;
  padding:26px;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-article .article-aside-rich a{
  border:0;
}

/* --------------------------------------------------------------------------
   Galerie Super Intestin : centrée, cinq écrans équilibrés
   -------------------------------------------------------------------------- */

body.page-super-intestin .current-app-gallery{
  width:min(1500px,calc(100% - 64px));
  max-width:1500px;
  margin:0 auto;
  padding:82px 0 74px;
}

body.page-super-intestin .current-app-gallery-head{
  width:min(1120px,100%);
  margin:0 auto 36px;
}

body.page-super-intestin .current-app-gallery-rail{
  width:100%;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  justify-content:center;
  overflow:visible;
  padding:0;
}

body.page-super-intestin .current-app-gallery-rail figure{
  width:auto;
  min-width:0;
  margin:0;
}

body.page-super-intestin .current-app-gallery-rail img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  border-radius:22px;
}

body.page-super-intestin .current-app-gallery-hint{
  display:none;
}

body.page-super-intestin .si-route{
  gap:16px;
  border:0;
}

body.page-super-intestin .si-route article,
body.page-super-intestin .si-route article:last-child{
  border:0;
  border-radius:22px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

/* --------------------------------------------------------------------------
   Support, contact, tarifs, juridique
   -------------------------------------------------------------------------- */

body.page-support .legal-body,
body.page-pricing .legal-body,
body.page-legal .legal-body,
body.page-legal .app-privacy-page .legal-article,
body.page-support .legal-note-box,
body.page-pricing .legal-note-box,
body.page-legal .legal-note-box,
body.page-legal .legal-summary-card,
body.page-contact .rich-contact aside,
body.page-contact .contact-form{
  border:0;
  box-shadow:var(--refine-shadow-soft);
}

body.page-contact .benefit-grid{
  gap:16px;
}

body.page-contact .benefit-grid article{
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--refine-shadow-soft);
}

body.page-pricing .pricing-card{
  border:0;
  box-shadow:var(--refine-shadow-soft);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width:1100px){
  body.cosmic-site .concept-hero,
  body.cosmic-site .product-hero,
  body.cosmic-site .article-hero,
  body.cosmic-site .page-hero,
  body.cosmic-site .app-privacy-hero,
  body.page-home .home-hero-vitrine,
  body.page-applications .applications-cosmic-hero,
  body.page-super-intestin .super-intestin-concept-hero{
    min-height:980px;
    padding:610px 34px 82px!important;
    background-position:center 64px!important;
    background-size:auto 540px!important;
  }

  body.page-super-intestin .super-intestin-concept-hero{
    background-position:right 34px top 64px!important;
  }

  body.cosmic-site .concept-hero::before,
  body.cosmic-site .product-hero::before,
  body.cosmic-site .page-hero::before,
  body.cosmic-site .app-privacy-hero::before,
  body.page-super-intestin .super-intestin-concept-hero::before{
    background:linear-gradient(
      180deg,
      rgba(2,5,31,0) 0%,
      rgba(2,5,31,0) 49%,
      rgba(2,5,31,.84) 58%,
      #02051f 71%
    )!important;
  }

  body.page-super-intestin .super-intestin-concept-hero::before{
    background:linear-gradient(
      180deg,
      rgba(0,1,34,0) 0%,
      rgba(0,1,34,0) 49%,
      rgba(0,1,34,.84) 58%,
      #000122 71%
    )!important;
  }

  body.cosmic-site .concept-hero-copy,
  body.cosmic-site .product-copy,
  body.page-guides .guides-editorial-hero .concept-hero-copy,
  body.page-super-intestin .super-intestin-concept-hero .concept-hero-copy,
  body.page-article .article-hero h1,
  body.page-article .article-hero p{
    width:min(100%,700px);
    max-width:700px;
  }

  body.page-home .home-concept-benefits,
  body.page-super-intestin .si-concept-benefits{
    grid-template-columns:1fr 1fr;
  }

  body.page-home .home-concept-intro,
  body.page-super-intestin .si-concept-intro{
    grid-column:1/-1;
  }

  body.page-guides .category-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-applications .split-premium,
  body.page-about .about-editorial,
  body.page-article .article-layout{
    grid-template-columns:1fr;
  }

  body.page-about .about-heading{
    grid-row:auto;
    min-height:0;
  }

  body.page-about .about-copy-flow{
    grid-column:auto;
  }

  body.page-article .article-aside-rich{
    position:relative;
    top:auto;
  }

  body.page-super-intestin .current-app-gallery{
    width:min(100% - 40px,1500px);
  }

  body.page-super-intestin .current-app-gallery-rail{
    grid-template-columns:repeat(5,260px);
    justify-content:start;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:0 max(0px,calc((100vw - 260px)/2 - 20px)) 18px;
  }

  body.page-super-intestin .current-app-gallery-rail figure{
    scroll-snap-align:center;
  }

  body.page-super-intestin .current-app-gallery-hint{
    display:block;
  }
}

@media (max-width:760px){
  body.cosmic-site .brand{
    gap:8px;
    font-size:17px;
  }

  body.cosmic-site .brand-mark{
    width:36px;
    height:36px;
  }

  body.cosmic-site .concept-hero,
  body.cosmic-site .product-hero,
  body.cosmic-site .article-hero,
  body.cosmic-site .page-hero,
  body.cosmic-site .app-privacy-hero,
  body.page-home .home-hero-vitrine,
  body.page-applications .applications-cosmic-hero,
  body.page-super-intestin .super-intestin-concept-hero{
    min-height:auto;
    padding:385px 18px 68px!important;
    background-position:center 54px!important;
    background-size:auto 330px!important;
  }

  body.page-super-intestin .super-intestin-concept-hero{
    background-position:right 10px top 54px!important;
  }

  body.cosmic-site .concept-hero h1,
  body.cosmic-site .product-hero h1,
  body.cosmic-site .article-hero h1,
  body.cosmic-site .page-hero h1{
    font-size:clamp(42px,12.7vw,58px)!important;
  }

  body.page-guides .guides-hero-index{
    grid-template-columns:1fr;
    gap:16px;
    margin:26px 0;
  }

  body.page-guides .guides-hero-index a{
    grid-template-columns:28px minmax(0,1fr);
  }

  body.page-guides .guides-hero-index small{
    font-size:12px;
  }

  body.page-home .home-concept-benefits,
  body.page-super-intestin .si-concept-benefits{
    width:calc(100% - 36px);
    grid-template-columns:1fr;
    gap:28px;
    margin-top:24px;
    padding:52px 0;
  }

  body.page-home .home-concept-benefits article,
  body.page-super-intestin .si-concept-benefits article{
    padding:24px 0;
  }

  body.page-applications .showcase-grid,
  body.page-faq .category-row,
  body.page-about .about-proof{
    grid-template-columns:1fr;
  }

  body.page-applications .showcase-card,
  body.page-applications .showcase-card:last-child,
  body.page-applications .showcase-card.catalogue-super{
    min-height:0;
    padding:30px 26px;
    border-radius:24px;
  }

  body.page-applications .proof-panel{
    grid-template-columns:1fr;
  }

  body.page-about .about-heading{
    padding:0;
    border-radius:0;
  }

  body.page-about .about-proof{
    padding:22px 24px;
  }

  body.page-about .about-proof article,
  body.page-about .about-proof article:first-child,
  body.page-about .about-proof article:last-child{
    grid-template-columns:46px 1fr;
  }

  body.page-about .about-proof article p{
    grid-column:2;
  }

  body.page-about .about-copy-flow{
    grid-template-columns:1fr;
    padding:20px 8px;
  }

  body.page-about .origin-story{
    grid-template-columns:1fr;
    gap:28px;
    margin:14px 18px;
    padding:34px 28px;
    border-radius:24px;
  }

  body.page-faq .faq-block{
    margin:18px 18px 62px;
    padding:26px 18px;
    border-radius:24px;
  }

  body.page-article .article-layout{
    gap:32px;
    padding:42px 18px 70px;
  }

  body.page-article .content-section{
    padding-left:20px;
  }

  body.page-super-intestin .current-app-gallery{
    width:100%;
    padding:62px 0;
  }

  body.page-super-intestin .current-app-gallery-head{
    padding:0 18px;
  }

  body.page-super-intestin .current-app-gallery-rail{
    grid-template-columns:repeat(5,76vw);
    gap:14px;
    padding:0 12vw 18px;
  }

  body.page-guides .category-row{
    grid-template-columns:1fr;
  }
}

/* ==========================================================================
   STRUCTURE ÉDITORIALE 2026 — dossier santé, sans cartes génériques
   ========================================================================== */

:root{
  --editorial-canvas:#f4f5f7;
  --editorial-paper:#ffffff;
  --editorial-ink:#17142f;
  --editorial-copy:#687184;
  --editorial-line:#dfe2ea;
  --editorial-violet:#7041df;
  --editorial-violet-soft:#eee9ff;
  --editorial-coral:#ff7d91;
  --editorial-coral-soft:#fff0f2;
  --editorial-mint:#65cdb3;
  --editorial-mint-soft:#eaf8f4;
  --editorial-gold:#f7c655;
  --editorial-gold-soft:#fff6dc;
  --editorial-night:#030622;
}

body.cosmic-site{
  background:var(--editorial-canvas);
}

body.cosmic-site .site-header .brand{
  width:218px;
  height:42px;
  flex:0 0 218px;
  display:block;
  background:url("/assets/img/brand/logo-suivresasante-horizontal-light.png") left center/contain no-repeat;
}

body.cosmic-site .site-header .brand > *{display:none!important}

body.cosmic-site .site-footer .footer-logo{
  width:205px;
  height:42px;
  display:block;
  background:url("/assets/img/brand/logo-suivresasante-horizontal-light.png") left center/contain no-repeat;
}

body.cosmic-site .site-footer .footer-logo > *{display:none!important}

body.page-home{--hero-bg:#000220}
body.page-applications,
body.page-about,
body.page-contact{--hero-bg:#00031f}
body.page-super-intestin{--hero-bg:#000122}
body.page-apres-coup{--hero-bg:#000223}
body.page-guides{--hero-bg:#00011c}
body.page-faq{--hero-bg:#00011e}
body.page-article{--hero-bg:#010227}
body.page-support{--hero-bg:#00021f}
body.page-pricing{--hero-bg:#000223}
body.page-legal{--hero-bg:#000326}

body.cosmic-site .concept-hero,
body.cosmic-site .product-hero,
body.cosmic-site .article-hero,
body.cosmic-site .page-hero,
body.cosmic-site .app-privacy-hero{
  background-color:var(--hero-bg,var(--editorial-night))!important;
  background-image:var(--cosmic-scene)!important;
  background-repeat:no-repeat!important;
  background-position:center right!important;
  background-size:auto 100%!important;
}

body.cosmic-site .concept-hero::after,
body.cosmic-site .product-hero::after,
body.cosmic-site .article-hero::after,
body.cosmic-site .page-hero::after{
  background:var(--hero-bg,var(--editorial-night))!important;
  clip-path:ellipse(74% 22% at 50% 100%);
  height:74px!important;
  bottom:-38px!important;
}

body.cosmic-site .concept-hero::before,
body.cosmic-site .product-hero::before,
body.cosmic-site .article-hero::before,
body.cosmic-site .page-hero::before{
  background:var(--hero-bg,var(--editorial-night))!important;
  width:max(44%,680px)!important;
  right:auto!important;
}

body.page-super-intestin .super-intestin-concept-hero,
body.page-home .home-hero-vitrine,
body.page-applications .applications-cosmic-hero{
  background-position:center right!important;
  background-size:auto 100%!important;
}

body.page-applications .application-orbit-labels{display:none!important}

/* Applications — deux compagnons réunis, plus chaleureux et plus centrés */
@media (min-width:1101px){
  body.page-applications .applications-cosmic-hero{
    min-height:760px;
    background-position:calc(50% + 72px) 52%!important;
    background-size:auto 82%!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  body.page-applications .applications-cosmic-hero{
    background-position:center 72px!important;
    background-size:auto 520px!important;
  }
}

@media (max-width:760px){
  body.page-applications .applications-cosmic-hero{
    background-position:center 58px!important;
    background-size:auto 310px!important;
  }
}

body.cosmic-site .eyebrow::before,
body.cosmic-site .eyebrow::after,
body.cosmic-site .section-row::before,
body.cosmic-site .home-section::before,
body.cosmic-site .page-section::before{
  content:none!important;
  display:none!important;
}

body.cosmic-site .cosmic-reveal{
  opacity:1!important;
  transform:none!important;
}

body.cosmic-site main > section:not(.concept-hero):not(.product-hero):not(.article-hero):not(.page-hero){
  scroll-margin-top:92px;
}

/* Accueil : un parcours de lecture, pas une succession de tuiles */

body.page-home .home-purpose-editorial{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  gap:clamp(42px,7vw,96px);
  align-items:start;
  padding-top:88px;
  padding-bottom:80px;
}

body.page-home .home-purpose-heading{
  position:sticky;
  top:126px;
}

body.page-home .home-purpose-heading h2{
  max-width:620px;
}

body.page-home .home-purpose-list{
  list-style:none;
  padding:24px;
  margin:0;
  display:grid;
  gap:12px;
  background:var(--editorial-paper);
  border:1px solid var(--editorial-line);
  border-radius:18px;
}

body.page-home .home-purpose-list > li{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px;
  border:0;
  border-radius:12px;
  background:#f8f8fb;
}

body.page-home .home-purpose-list > li:nth-child(2){background:var(--editorial-violet-soft)}
body.page-home .home-purpose-list > li:nth-child(3){background:var(--editorial-mint-soft)}

body.page-home .home-purpose-list > li > span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--editorial-night);
  color:#fff;
  font-weight:900;
  font-size:12px;
}

body.page-home .home-purpose-list strong{
  display:block;
  color:var(--editorial-ink);
  font-size:18px;
  margin-bottom:5px;
}

body.page-home .home-purpose-list p{
  margin:0;
  color:var(--editorial-copy);
  line-height:1.55;
}

body.page-home .home-purpose-list a{
  color:var(--editorial-violet);
  font-weight:850;
  white-space:nowrap;
}

body.page-home .difference-panel{
  background:var(--editorial-night)!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
  overflow:hidden;
}

body.page-home .difference-list{
  display:grid;
  gap:12px;
}

body.page-home .difference-list article{
  padding:18px 20px;
  border:0!important;
  border-radius:10px;
  background:#111536;
}

body.page-home .evidence-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:18px;
  overflow:hidden;
  background:var(--editorial-paper);
}

body.page-home .evidence-grid article{
  min-height:0!important;
  padding:30px!important;
  border:0!important;
  border-right:1px solid var(--editorial-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .evidence-grid article:last-child{border-right:0!important}

body.page-home .clarity-panel{
  background:var(--editorial-night)!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:none!important;
}

body.page-home .clarity-list article{
  border:0!important;
  border-radius:10px;
  background:#111536;
  padding:16px 18px;
}

body.page-home .pathway-grid{
  gap:14px!important;
  border:0!important;
  background:transparent!important;
}

body.page-home .pathway-grid a{
  padding:0!important;
  min-height:320px!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:14px!important;
  overflow:hidden;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
}

body.page-home .pathway-grid img{
  display:block;
  width:100%;
  height:176px;
  object-fit:cover;
}

body.page-home .pathway-copy{
  display:grid;
  gap:10px;
  padding:20px;
}

body.page-home .pathway-grid strong{color:var(--editorial-ink)!important}

body.page-home .method-steps{
  border:0!important;
  gap:12px!important;
}

body.page-home .method-steps article,
body.page-home .method-steps article + article{
  padding:24px!important;
  border:0!important;
  border-radius:12px!important;
  background:var(--editorial-paper)!important;
}

body.page-home .home-applications-promo{
  padding-top:76px;
  padding-bottom:92px;
}

body.page-home .home-applications-folders{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-top:28px;
}

body.page-home .home-app-folder{
  position:relative;
  min-height:280px;
  display:grid;
  grid-template-columns:1fr 150px;
  gap:28px;
  align-items:end;
  padding:54px 34px 30px;
  border:2px solid var(--editorial-violet);
  border-radius:18px;
  background:var(--editorial-paper);
  color:var(--editorial-ink);
  overflow:visible;
}

body.page-home .home-app-folder::before{
  content:attr(data-label);
  position:absolute;
  top:-18px;
  left:28px;
  min-width:150px;
  padding:9px 18px;
  border-radius:12px 12px 0 0;
  background:var(--editorial-violet);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.page-home .home-app-folder-apres{border-color:var(--editorial-coral)}
body.page-home .home-app-folder-apres::before{background:var(--editorial-coral);color:var(--editorial-ink)}
body.page-home .home-app-folder img{width:130px;max-height:210px;object-fit:contain;justify-self:end}
body.page-home .home-app-folder > .home-app-tab{display:none}
body.page-home .home-app-folder > span:not(.home-app-tab){display:grid;gap:8px}
body.page-home .home-app-folder > span:not(.home-app-tab) > strong{
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
}
body.page-home .home-app-folder small{
  max-width:520px;
  color:var(--editorial-copy);
  font-size:14px;
  line-height:1.55;
}
body.page-home .home-app-folder > b{
  align-self:end;
  color:var(--editorial-violet);
}
body.page-home .home-app-folder-apres > b{color:#d64f68}

/* Applications : deux dossiers réellement différenciés */

body.page-applications .applications-dossier-grid{
  display:grid;
  gap:34px;
  margin-top:34px;
}

body.page-applications .app-dossier{
  position:relative;
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);
  gap:46px;
  align-items:center;
  padding:64px 52px 42px;
  border:2px solid var(--editorial-violet);
  border-radius:18px;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
  overflow:visible;
}

body.page-applications .app-dossier-apres{
  min-height:410px;
  border-color:var(--editorial-coral);
}

body.page-applications .app-dossier-tab{
  position:absolute;
  top:-20px;
  left:34px;
  padding:10px 20px;
  border-radius:12px 12px 0 0;
  background:var(--editorial-violet);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.page-applications .app-dossier-apres .app-dossier-tab{
  background:var(--editorial-coral);
  color:var(--editorial-ink);
}

body.page-applications .app-dossier-icon{
  width:68px;
  height:68px;
  object-fit:contain;
  margin:0 0 22px;
}

body.page-applications .app-dossier-kicker{
  margin:0 0 8px;
  color:var(--editorial-violet);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.page-applications .app-dossier-apres .app-dossier-kicker{color:#d64f68}
body.page-applications .app-dossier h2{font-size:clamp(42px,5vw,66px);margin:0 0 14px;color:var(--editorial-ink)}
body.page-applications .app-dossier p,
body.page-applications .app-dossier li{color:var(--editorial-copy);line-height:1.6}
body.page-applications .app-dossier ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:8px}
body.page-applications .app-dossier li::before{content:"—";color:var(--editorial-mint);font-weight:900;margin-right:10px}
body.page-applications .app-dossier a{color:var(--editorial-violet);font-weight:900}

body.page-applications .app-dossier-visual{
  align-self:stretch;
  display:grid;
  place-items:center;
  margin:0;
  border-radius:12px;
  background:var(--editorial-night)!important;
  overflow:hidden;
}

body.page-applications .app-dossier-visual > img{
  display:block;
  width:auto;
  height:min(460px,56vw);
  max-width:100%;
  object-fit:contain;
}

body.page-applications .app-dossier-visual-symbol{
  align-content:center;
  gap:18px;
  padding:38px;
  background:var(--editorial-coral-soft)!important;
  color:var(--editorial-copy);
  text-align:center;
}

body.page-applications .app-dossier-visual-symbol > img{
  width:150px;
  height:150px;
}

body.page-applications .application-principles{
  list-style:none;
  margin:0;
  padding:22px;
  display:grid;
  gap:12px;
  border:1px solid var(--editorial-line);
  border-radius:16px;
  background:var(--editorial-paper);
}

body.page-applications .application-principles li{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:18px;
  border-radius:10px;
  background:#f8f8fb;
}

body.page-applications .application-principles li:nth-child(2){background:var(--editorial-violet-soft)}
body.page-applications .application-principles li:nth-child(3){background:var(--editorial-mint-soft)}
body.page-applications .application-principles > li > span{color:var(--editorial-violet);font-size:18px;font-weight:900}
body.page-applications .application-principles strong{display:block;color:var(--editorial-ink);font-size:18px;margin-bottom:5px}
body.page-applications .application-principles p{margin:0;color:var(--editorial-copy)}

body.page-applications .difference-notebook{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:var(--editorial-night)!important;
}

body.page-applications .difference-notebook article{
  display:flex;
  flex-direction:column;
  min-height:280px;
  padding:26px;
  border:0!important;
  border-radius:12px;
  background:#111536!important;
  color:#fff;
}

body.page-applications .difference-notebook article > span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--editorial-violet);
  color:#fff;
  font-weight:900;
}

body.page-applications .difference-notebook h3{color:#fff;font-size:26px;margin:24px 0 8px}
body.page-applications .difference-notebook p{color:#bfc5d5;line-height:1.6}
body.page-applications .difference-notebook strong{margin-top:auto;color:var(--editorial-gold)}

/* Guides : index éditorial et cartes de lecture sobres */

body.page-guides .category-row{
  gap:14px!important;
}

body.page-guides .category-row article,
body.page-guides .category-row article:last-child{
  position:relative;
  min-height:150px!important;
  padding:28px 22px 22px!important;
  border:2px solid var(--editorial-line)!important;
  border-radius:14px!important;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
}

body.page-guides .category-row article:nth-child(1){border-color:#bda8ff!important}
body.page-guides .category-row article:nth-child(2){border-color:#9be1d1!important}
body.page-guides .category-row article:nth-child(3){border-color:#ffb6c1!important}
body.page-guides .category-row article:nth-child(4){border-color:#f2d27c!important}

body.page-guides .category-row article::before{
  content:"";
  position:absolute;
  top:-2px;
  left:20px;
  width:72px;
  height:10px;
  border-radius:0 0 8px 8px;
  background:currentColor;
  opacity:.72;
}

body.page-guides .category-row h3{color:var(--editorial-ink)!important}
body.page-guides .category-row p{color:var(--editorial-copy)!important}

body.page-guides .featured-guide{
  padding:0!important;
  gap:0!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:14px!important;
  overflow:hidden;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
}

body.page-guides .featured-guide > img{
  height:100%!important;
  min-height:300px;
  border-radius:0!important;
  filter:none!important;
}

body.page-guides .featured-guide > div{padding:42px}
body.page-guides .featured-guide h2{color:var(--editorial-ink)!important}
body.page-guides .featured-guide p{color:var(--editorial-copy)!important}

body.page-guides .guide-tools{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-guides .guide-tools input{
  color:var(--editorial-ink)!important;
  background:var(--editorial-paper)!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:10px!important;
}

body.page-guides .filter-button{
  background:transparent!important;
  color:var(--editorial-copy)!important;
  border:1px solid var(--editorial-line)!important;
}

body.page-guides .filter-button.active{
  background:var(--editorial-violet)!important;
  color:#fff!important;
  border-color:var(--editorial-violet)!important;
}

body.page-guides #guide-grid{
  min-height:0!important;
  height:auto!important;
  align-content:start!important;
}

body.page-guides .guide-card a{
  border:1px solid var(--editorial-line)!important;
  border-radius:12px!important;
  background-color:var(--editorial-paper)!important;
  box-shadow:none!important;
}

/* FAQ : accordéon lisible sans boîte dans une boîte */

body.page-faq .category-row{
  gap:14px!important;
  padding:18px!important;
  border:1px solid var(--editorial-line);
  border-radius:16px;
  background:var(--editorial-paper);
}

body.page-faq .category-row article,
body.page-faq .category-row article + article,
body.page-faq .category-row article:last-child{
  min-height:0!important;
  padding:22px!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

body.page-faq .faq-block{
  max-width:1080px!important;
  margin:40px auto 72px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-faq .faq-block .section-row{margin-bottom:24px}

body.page-faq .faq-block details,
body.page-faq .faq-block details:last-child{
  margin:10px 0!important;
  padding:0!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:12px!important;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
  overflow:hidden;
}

body.page-faq .faq-block details[open]{
  border-color:#b9a5ff!important;
  background:var(--editorial-paper)!important;
}

body.page-faq .faq-block summary{
  padding:20px 22px!important;
  color:var(--editorial-ink)!important;
  font-size:16px!important;
}

body.page-faq .faq-block details > p,
body.page-faq .faq-block details > div{
  padding:0 22px 22px!important;
  color:var(--editorial-copy)!important;
}

body.page-faq .guide-cta{
  max-width:1080px!important;
  padding:30px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--editorial-night)!important;
  box-shadow:none!important;
}

/* Articles : un vrai corps de lecture et un sommaire-dossier */

body.page-article .article-body-rich{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}

body.page-article .notice-card{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:14px;
  padding:18px 20px!important;
  border:0!important;
  border-left:5px solid var(--editorial-gold)!important;
  border-radius:8px!important;
  background:var(--editorial-gold-soft)!important;
  box-shadow:none!important;
}

body.page-article .quick-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:10px!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:14px;
  background:var(--editorial-paper);
}

body.page-article .quick-grid > div{
  padding:18px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
}

body.page-article .quick-grid > div:nth-child(2){background:var(--editorial-violet-soft)!important}
body.page-article .quick-grid > div:nth-child(3){background:var(--editorial-mint-soft)!important}

body.page-article .content-section,
body.page-article .content-section:nth-of-type(3n+1),
body.page-article .content-section:nth-of-type(3n+2),
body.page-article .content-section:nth-of-type(3n){
  margin:0!important;
  padding:34px 0!important;
  border:0!important;
  background:transparent!important;
}

body.page-article .content-section + .content-section{padding-top:18px!important}
body.page-article .content-section h2{color:var(--editorial-ink)!important}
body.page-article .content-section p,
body.page-article .content-section li{color:var(--editorial-copy)!important}

body.page-article .article-aside-rich{
  position:sticky;
  top:118px;
  padding:32px 22px 22px!important;
  border:2px solid var(--editorial-violet)!important;
  border-radius:14px!important;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
}

body.page-article .article-aside-rich::before{
  content:"Dans ce guide";
  position:absolute;
  top:-18px;
  left:18px;
  padding:9px 16px;
  border-radius:10px 10px 0 0;
  background:var(--editorial-violet);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.page-article .article-aside-rich .toc > b{display:none!important}
body.page-article .article-aside-rich .toc > a{border:0!important;padding:8px 0!important;color:var(--editorial-copy)!important}
body.page-article .article-aside-rich .source-card{
  margin-top:20px!important;
  padding:18px 0 0!important;
  border:0!important;
  border-top:1px solid var(--editorial-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-article .article-aside-rich .source-card h2{color:var(--editorial-ink)!important}
body.page-article .article-aside-rich .source-card a{border:0!important;color:var(--editorial-violet)!important}
body.page-article .cta-card{border:0!important;border-radius:14px!important;background:var(--editorial-night)!important;box-shadow:none!important}

/* Super Intestin : carrousel navigable et composants moins mécaniques */

body.page-super-intestin .current-app-gallery{
  width:min(100% - 48px,1280px)!important;
  padding:76px 0 84px!important;
}

body.page-super-intestin .current-app-gallery-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);
  gap:48px;
  align-items:end;
  padding:0 28px 30px!important;
}

body.page-super-intestin .current-app-gallery-controls{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

body.page-super-intestin .gallery-arrow{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--editorial-line);
  border-radius:50%;
  background:var(--editorial-paper);
  color:var(--editorial-ink);
  cursor:pointer;
  font:inherit;
  font-weight:900;
}

body.page-super-intestin .gallery-arrow:disabled{opacity:.35;cursor:not-allowed}
body.page-super-intestin .gallery-counter{min-width:48px;text-align:center;color:var(--editorial-copy);font-weight:850}

body.page-super-intestin .current-app-gallery-rail{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px!important;
  width:100%;
  overflow-x:auto!important;
  padding:10px max(24px,calc((100% - 360px)/2)) 24px!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  scroll-behavior:smooth;
}

body.page-super-intestin .current-app-gallery-rail::-webkit-scrollbar{display:none}

body.page-super-intestin .current-app-gallery-rail figure{
  flex:0 0 clamp(280px,32vw,360px);
  scroll-snap-align:center;
  margin:0!important;
  opacity:.48;
  transform:scale(.94);
  transition:opacity .22s ease,transform .22s ease;
}

body.page-super-intestin .current-app-gallery-rail figure.is-active{
  opacity:1;
  transform:scale(1);
}

body.page-super-intestin .current-app-gallery-rail img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

body.page-super-intestin .gallery-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:2px;
}

body.page-super-intestin .gallery-pagination button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:99px;
  background:#c9cbd4;
  cursor:pointer;
  transition:width .18s ease,background-color .18s ease;
}

body.page-super-intestin .gallery-pagination button.is-active{
  width:34px;
  background:var(--editorial-violet);
}

body.page-super-intestin .si-route{
  gap:0!important;
  padding:12px!important;
  border:1px solid var(--editorial-line)!important;
  border-radius:16px;
  background:var(--editorial-paper)!important;
}

body.page-super-intestin .si-route article{
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-super-intestin .si-route article:nth-child(2){background:var(--editorial-violet-soft)!important}
body.page-super-intestin .si-route article:nth-child(3){background:var(--editorial-mint-soft)!important}

body.page-super-intestin .benefit-grid,
body.page-super-intestin .si-mosaic,
body.page-super-intestin .sii-profile-grid,
body.page-super-intestin .export-grid{
  gap:12px!important;
}

body.page-super-intestin .benefit-grid article,
body.page-super-intestin .si-mosaic article,
body.page-super-intestin .sii-profile-grid article,
body.page-super-intestin .export-grid article{
  border:1px solid var(--editorial-line)!important;
  border-radius:12px!important;
  background:var(--editorial-paper)!important;
  box-shadow:none!important;
}

/* À propos : garder le récit humain, retirer l’effet tableau de cartes */

body.page-about .about-heading,
body.page-about .about-proof,
body.page-about .about-copy-flow,
body.page-about .origin-story{
  background:var(--editorial-paper)!important;
  border:1px solid var(--editorial-line)!important;
  box-shadow:none!important;
}

body.page-about .about-proof{
  gap:10px!important;
  padding:12px!important;
}

body.page-about .about-proof article{
  border:0!important;
  border-radius:10px!important;
  background:#f8f8fb!important;
}

body.page-about .about-proof article:nth-child(2){background:var(--editorial-violet-soft)!important}
body.page-about .about-proof article:nth-child(3){background:var(--editorial-mint-soft)!important}

/* Cohérence générale des blocs clairs */

body.cosmic-site .download-band{
  border:0!important;
  border-radius:14px!important;
  background:var(--editorial-night)!important;
  box-shadow:none!important;
}

body.cosmic-site .benefit-grid article,
body.cosmic-site .proof-panel article,
body.cosmic-site .compare-card-grid article{
  box-shadow:none!important;
}

@media (max-width:1100px){
  body.cosmic-site .concept-hero,
  body.cosmic-site .product-hero,
  body.cosmic-site .article-hero,
  body.cosmic-site .page-hero{
    background-position:64% center!important;
    background-size:auto 100%!important;
  }

  body.cosmic-site .concept-hero::before,
  body.cosmic-site .product-hero::before,
  body.cosmic-site .article-hero::before,
  body.cosmic-site .page-hero::before{
    width:58%!important;
  }

  body.page-home .home-purpose-editorial{grid-template-columns:1fr}
  body.page-home .home-purpose-heading{position:static}
  body.page-home .home-applications-folders{grid-template-columns:1fr}
  body.page-applications .app-dossier{grid-template-columns:1fr minmax(220px,.64fr)}
  body.page-applications .difference-notebook{grid-template-columns:1fr}
  body.page-applications .difference-notebook article{min-height:0}
}

@media (max-width:760px){
  body.cosmic-site .site-header .brand{
    width:176px;
    height:36px;
    flex-basis:176px;
  }

  body.cosmic-site .concept-hero,
  body.cosmic-site .product-hero,
  body.cosmic-site .article-hero,
  body.cosmic-site .page-hero,
  body.cosmic-site .app-privacy-hero,
  body.page-home .home-hero-vitrine,
  body.page-applications .applications-cosmic-hero,
  body.page-super-intestin .super-intestin-concept-hero{
    padding:350px 18px 62px!important;
    background-position:center top 54px!important;
    background-size:auto 300px!important;
  }

  body.cosmic-site .concept-hero::before,
  body.cosmic-site .product-hero::before,
  body.cosmic-site .article-hero::before,
  body.cosmic-site .page-hero::before{
    top:330px!important;
    width:100%!important;
    height:calc(100% - 330px)!important;
  }

  body.page-home .home-purpose-editorial,
  body.page-home .home-applications-promo{
    padding-left:18px;
    padding-right:18px;
  }

  body.page-home .home-purpose-list{padding:10px}
  body.page-home .home-purpose-list > li{grid-template-columns:46px minmax(0,1fr)}
  body.page-home .home-purpose-list > li > a{grid-column:2;white-space:normal}
  body.page-home .evidence-grid{grid-template-columns:1fr}
  body.page-home .evidence-grid article,
  body.page-home .evidence-grid article:last-child{border-right:0!important}
  body.page-home .evidence-grid article + article{border-top:1px solid var(--editorial-line)!important}
  body.page-home .home-app-folder{grid-template-columns:1fr;padding:52px 24px 26px}
  body.page-home .home-app-folder img{justify-self:start}

  body.page-applications .app-dossier{
    grid-template-columns:1fr;
    min-height:0;
    padding:54px 24px 24px;
  }

  body.page-applications .app-dossier-visual > img{height:auto;max-height:520px}
  body.page-applications .application-principles{padding:10px}

  body.page-guides .featured-guide{grid-template-columns:1fr}
  body.page-guides .featured-guide > img{min-height:230px}
  body.page-guides .featured-guide > div{padding:28px 22px}

  body.page-faq .faq-block{margin:28px 18px 56px!important}

  body.page-article .quick-grid{grid-template-columns:1fr!important}
  body.page-article .article-aside-rich{position:relative;top:auto}

  body.page-super-intestin .current-app-gallery{
    width:100%!important;
    padding:58px 0 64px!important;
  }

  body.page-super-intestin .current-app-gallery-head{
    grid-template-columns:1fr;
    gap:18px;
    padding:0 18px 24px!important;
  }

  body.page-super-intestin .current-app-gallery-rail{
    padding:8px 12vw 20px!important;
  }

  body.page-super-intestin .current-app-gallery-rail figure{
    flex-basis:76vw;
  }
}

/* --------------------------------------------------------------------------
   Retouches de lisibilité finales
   -------------------------------------------------------------------------- */

/* Le rail est un flex : sans flex-start, l'ancien centrage de la grille
   repoussait le premier écran hors du cadre. */
body.page-super-intestin .current-app-gallery-rail{
  justify-content:flex-start!important;
}

/* FAQ : le héros donne déjà le cadre. On va directement aux vraies réponses,
   sans rangée de trois cartes pastel redondantes. */
body.page-faq .concept-hero + .page-section{
  display:none!important;
}

body.page-faq .faq-block{
  margin-top:0!important;
  padding-top:84px!important;
}

/* À propos : composition éditoriale, sans cartes génériques ni dégradés. */
body.page-about .about-heading,
body.page-about .about-proof,
body.page-about .about-copy-flow,
body.page-about .origin-story{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-editorial{
  gap:72px!important;
}

body.page-about .about-heading{
  padding-top:0!important;
}

body.page-about .about-proof{
  display:grid!important;
  gap:20px!important;
  padding:4px 0 0!important;
}

body.page-about .about-proof article,
body.page-about .about-proof article:first-child,
body.page-about .about-proof article:last-child,
body.page-about .about-proof article:nth-child(2),
body.page-about .about-proof article:nth-child(3){
  display:grid!important;
  grid-template-columns:52px 116px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-proof svg{
  width:48px!important;
  height:48px!important;
  padding:12px!important;
  border-radius:50%!important;
  background:#eee8ff!important;
  color:#7141db!important;
}

body.page-about .about-proof article:nth-child(2) svg{
  background:#e7f7f2!important;
  color:#1b9c82!important;
}

body.page-about .about-proof article:nth-child(3) svg{
  background:#fff0f2!important;
  color:#ea6574!important;
}

body.page-about .about-proof article strong,
body.page-about .about-proof article:first-child strong,
body.page-about .about-proof article:last-child strong{
  color:var(--editorial-ink)!important;
  font-size:18px!important;
}

body.page-about .about-proof article p,
body.page-about .about-proof article:first-child p,
body.page-about .about-proof article:last-child p{
  color:var(--editorial-copy)!important;
  font-size:15px!important;
}

body.page-about .about-copy-flow{
  gap:64px!important;
  margin-top:46px!important;
  padding:0!important;
}

body.page-about .about-copy-flow p:first-child{
  font-size:18px!important;
  line-height:1.75!important;
  color:var(--editorial-ink)!important;
}

body.page-about .origin-story{
  gap:72px!important;
  margin-top:40px!important;
  margin-bottom:40px!important;
  padding:72px 0!important;
}

body.page-about .origin-story + .origin-story{
  padding-top:24px!important;
}

body.page-about .origin-kicker img{
  width:72px!important;
  height:72px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(14,17,50,.08)!important;
}

body.page-about .origin-story h2{
  max-width:16ch!important;
}

body.page-about .about-pillars > .benefit-grid{
  gap:32px!important;
}

body.page-about .about-pillars > .benefit-grid article,
body.page-about .about-pillars > .benefit-grid article:last-child{
  padding:10px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-pillars > .benefit-grid svg{
  width:52px!important;
  height:52px!important;
  padding:14px!important;
  border-radius:50%!important;
  background:#eee8ff!important;
}

@media (max-width:900px){
  body.page-about .about-editorial{
    gap:44px!important;
  }

  body.page-about .about-proof article,
  body.page-about .about-proof article:first-child,
  body.page-about .about-proof article:last-child,
  body.page-about .about-proof article:nth-child(2),
  body.page-about .about-proof article:nth-child(3){
    grid-template-columns:48px 100px minmax(0,1fr)!important;
  }

  body.page-about .origin-story{
    gap:36px!important;
    padding:48px 0!important;
  }
}

@media (max-width:640px){
  body.page-faq .faq-block{
    padding-top:52px!important;
  }

  body.page-about .about-proof article,
  body.page-about .about-proof article:first-child,
  body.page-about .about-proof article:last-child,
  body.page-about .about-proof article:nth-child(2),
  body.page-about .about-proof article:nth-child(3){
    grid-template-columns:46px minmax(0,1fr)!important;
  }

  body.page-about .about-proof article p{
    grid-column:2!important;
  }

  body.page-about .about-copy-flow{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
}

/* Super Intestin : les contenus deviennent une lecture éditoriale.
   Les images de l'application restent les éléments principaux. */
body.page-super-intestin .si-route{
  gap:42px!important;
  padding:42px 0 54px!important;
  border:0!important;
  background:transparent!important;
}

body.page-super-intestin .si-route article,
body.page-super-intestin .si-route article:first-child,
body.page-super-intestin .si-route article:last-child{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-super-intestin .si-route article span{
  display:inline-flex!important;
  width:42px!important;
  height:42px!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:22px!important;
  border-radius:50%!important;
  background:#eee8ff!important;
  color:#7141db!important;
  font-weight:900!important;
}

body.page-super-intestin .si-route article:nth-child(2) span{
  background:#e7f7f2!important;
  color:#1b9c82!important;
}

body.page-super-intestin .si-route article:nth-child(3) span{
  background:#fff0f2!important;
  color:#e85f70!important;
}

body.page-super-intestin .si-benefits{
  gap:38px!important;
  border:0!important;
  background:transparent!important;
}

body.page-super-intestin .si-benefits article,
body.page-super-intestin .si-benefits article:last-child{
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-super-intestin .si-benefits svg{
  width:52px!important;
  height:52px!important;
  padding:14px!important;
  border-radius:50%!important;
  background:#eee8ff!important;
}

body.page-super-intestin .si-mosaic{
  grid-template-columns:1.2fr 1fr 1fr!important;
  gap:46px!important;
  margin-top:40px!important;
}

body.page-super-intestin .si-mosaic article,
body.page-super-intestin .si-mosaic article.wide{
  min-height:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-content:start!important;
  padding:8px 0 24px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-super-intestin .si-mosaic article h3{
  font-size:clamp(26px,2.2vw,38px)!important;
  line-height:1.08!important;
}

body.page-super-intestin .sii-profile-grid{
  gap:32px!important;
}

body.page-super-intestin .sii-profile-grid article{
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-super-intestin .sii-profile-grid img{
  width:70px!important;
  height:70px!important;
}

body.page-super-intestin .bristol-band{
  gap:56px!important;
  margin-top:46px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-super-intestin .bristol-band > div{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.page-super-intestin .si-proof,
body.page-super-intestin .export-grid{
  gap:30px!important;
  border:0!important;
  background:transparent!important;
}

body.page-super-intestin .si-proof article,
body.page-super-intestin .export-grid article{
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Guides détaillés : conserver les repères utiles sans empiler des cartes. */
body.page-article .featured-guide{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-article .featured-guide > img{
  border-radius:18px!important;
}

body.page-article .quick-grid{
  gap:34px!important;
  padding:28px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-article .quick-grid > div,
body.page-article .quick-grid > div:nth-child(2),
body.page-article .quick-grid > div:nth-child(3){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-article .quick-grid > div span{
  display:inline-block!important;
  margin-bottom:12px!important;
  color:#e85f70!important;
}

@media (max-width:900px){
  body.page-super-intestin .si-mosaic{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.page-super-intestin .si-route,
  body.page-super-intestin .si-benefits{
    gap:24px!important;
  }
}

/* Accueil : supprimer les dernières compositions « cartes générées ». */
body.page-home .home-purpose-list{
  padding:0!important;
  gap:22px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

body.page-home .home-purpose-list > li,
body.page-home .home-purpose-list > li:nth-child(2),
body.page-home .home-purpose-list > li:nth-child(3){
  padding:12px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}

body.page-home .difference-list{
  gap:8px!important;
  border:0!important;
}

body.page-home .difference-list article,
body.page-home .difference-list article + article{
  padding:12px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.page-home .evidence-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,4vw,54px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.page-home .evidence-grid article,
body.page-home .evidence-grid article:last-child{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.page-home .evidence-grid span{
  position:static!important;
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  color:#e85f70!important;
  font-size:clamp(42px,5vw,72px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
  transform:none!important;
}

body.page-home .evidence-grid h3,
body.page-home .evidence-grid p,
body.page-home .evidence-grid a{
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  transform:none!important;
}

body.page-home .method-steps article,
body.page-home .clarity-list article{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .clarity-panel .clarity-copy h2,
body.page-home .clarity-panel .clarity-copy h3,
body.page-home .clarity-panel .clarity-list strong{
  color:#fff!important;
}

body.page-home .clarity-panel .clarity-copy > p:not(.eyebrow),
body.page-home .clarity-panel .clarity-list span{
  color:#c9c7d9!important;
}

@media (max-width:900px){
  body.page-home .evidence-grid{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }

  body.page-home .home-purpose-list > li{
    grid-template-columns:48px minmax(0,1fr)!important;
  }

  body.page-home .home-purpose-list > li > a{
    grid-column:2!important;
    white-space:normal!important;
  }
}

/* Accueil : rapprocher l'illustration du centre sans modifier les autres héros. */
@media (min-width:1101px){
  body.page-home .home-hero-vitrine{
    background-position:calc(100% - clamp(110px,8vw,175px)) 50%!important;
  }
}

/* ==========================================================================
   ANATOMIE UNIFIÉE — 2026-07-31
   Une seule grammaire pour toutes les zones éditoriales :
   introduction forte, contenu direct, une surface seulement quand elle a
   une fonction réelle. Aucun cadre décoratif dans un autre cadre.
   ========================================================================== */

:root{
  --anatomy-max:1180px;
  --anatomy-gutter:clamp(20px,4.5vw,64px);
  --anatomy-section:clamp(64px,7vw,92px);
  --anatomy-gap:clamp(38px,6vw,78px);
  --anatomy-radius:26px;
  --anatomy-radius-small:16px;
  --anatomy-ink:#17142f;
  --anatomy-copy:#646d80;
  --anatomy-canvas:#f4f5f7;
  --anatomy-paper:#ffffff;
  --anatomy-violet:#7041df;
  --anatomy-coral:#ec6f82;
  --anatomy-mint:#36a78e;
  --anatomy-night:#05082c;
}

body.cosmic-site main{
  background:var(--anatomy-canvas)!important;
}

body.cosmic-site :is(
  .page-section,
  .home-section,
  .si-section,
  .si-editorial,
  .ecosystem-compare,
  .featured-guide,
  .guide-tools,
  .guide-grid,
  .faq-block,
  .guide-cta,
  .download-band,
  .article-layout,
  .legal-layout,
  .contact-section
){
  width:min(calc(100% - (var(--anatomy-gutter) * 2)),var(--anatomy-max))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.cosmic-site :is(.page-section,.home-section,.si-section,.si-editorial,.ecosystem-compare){
  padding:var(--anatomy-section) 0!important;
}

body.cosmic-site :is(.page-section,.home-section,.si-section,.si-editorial,.ecosystem-compare) + :is(
  .page-section,
  .home-section,
  .si-section,
  .si-editorial,
  .ecosystem-compare
){
  padding-top:clamp(34px,4vw,54px)!important;
}

body.cosmic-site :is(.page-section,.home-section,.si-section,.si-editorial,.ecosystem-compare) h2,
body.cosmic-site .section-row h2{
  max-width:15ch;
  margin:0;
  color:var(--anatomy-ink)!important;
  font-size:clamp(38px,4.25vw,60px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

body.cosmic-site :is(.page-section,.home-section,.si-section,.si-editorial,.ecosystem-compare) > p:not(.eyebrow),
body.cosmic-site .section-row p{
  color:var(--anatomy-copy)!important;
  font-size:16px;
  line-height:1.68;
}

body.cosmic-site .section-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,.58fr)!important;
  gap:var(--anatomy-gap)!important;
  align-items:end!important;
  margin:0 0 clamp(30px,4vw,48px)!important;
}

body.cosmic-site .section-row > .all-link{
  justify-self:end;
}

body.cosmic-site .eyebrow{
  margin:0 0 18px!important;
  color:var(--anatomy-coral)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.2em!important;
}

/* La composition éditoriale de référence, réutilisée partout. */
body.cosmic-site .split-premium,
body.page-home .home-purpose-editorial,
body.page-about .about-editorial{
  display:grid!important;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;
  gap:var(--anatomy-gap)!important;
  align-items:start!important;
}

body.cosmic-site .split-premium > div:first-child,
body.page-home .home-purpose-heading{
  position:sticky;
  top:124px;
}

/* Listes indexées : la hiérarchie vient de la typographie, pas de sous-cartes. */
body.page-applications .application-principles,
body.page-home .home-purpose-list{
  list-style:none!important;
  display:grid!important;
  gap:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-applications .application-principles > li,
body.page-applications .application-principles > li:nth-child(2),
body.page-applications .application-principles > li:nth-child(3),
body.page-home .home-purpose-list > li,
body.page-home .home-purpose-list > li:nth-child(2),
body.page-home .home-purpose-list > li:nth-child(3){
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  min-height:0!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .home-purpose-list > li{
  grid-template-columns:72px minmax(0,1fr) auto!important;
}

body.page-applications .application-principles > li > span,
body.page-home .home-purpose-list > li > span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--anatomy-violet)!important;
  font-size:clamp(30px,3.2vw,44px)!important;
  font-weight:850!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
}

body.page-applications .application-principles > li:nth-child(2) > span,
body.page-home .home-purpose-list > li:nth-child(2) > span{color:var(--anatomy-coral)!important}

body.page-applications .application-principles > li:nth-child(3) > span,
body.page-home .home-purpose-list > li:nth-child(3) > span{color:var(--anatomy-mint)!important}

body.page-applications .application-principles strong,
body.page-home .home-purpose-list strong{
  display:block;
  margin:0 0 7px!important;
  color:var(--anatomy-ink)!important;
  font-size:19px!important;
  line-height:1.25!important;
}

body.page-applications .application-principles p,
body.page-home .home-purpose-list p{
  margin:0!important;
  color:var(--anatomy-copy)!important;
  line-height:1.62!important;
}

body.page-home .home-purpose-list a{
  align-self:start;
  color:var(--anatomy-violet)!important;
  font-weight:850;
}

/* Applications : deux récits produit, pas deux formulaires géants. */
body.page-applications #applications{
  padding-top:var(--anatomy-section)!important;
  padding-bottom:clamp(42px,5vw,64px)!important;
}

body.page-applications .applications-dossier-grid{
  display:grid!important;
  gap:clamp(36px,5vw,64px)!important;
  margin-top:clamp(36px,5vw,58px)!important;
}

body.page-applications .app-dossier,
body.page-applications .app-dossier-apres{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  grid-template-areas:"copy visual";
  gap:var(--anatomy-gap)!important;
  align-items:center!important;
  min-height:0!important;
  padding:clamp(34px,4vw,56px) 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.page-applications .app-dossier-apres{
  grid-template-columns:minmax(300px,.72fr) minmax(0,1fr)!important;
  grid-template-areas:"visual copy";
}

body.page-applications .app-dossier-copy{
  grid-area:copy;
  padding-top:58px;
}

body.page-applications .app-dossier-visual{grid-area:visual}

body.page-applications .app-dossier-tab{
  position:relative!important;
  z-index:2;
  grid-area:copy;
  align-self:start;
  justify-self:start;
  display:inline-flex!important;
  width:max-content;
  margin:0!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#ece7ff!important;
  color:var(--anatomy-violet)!important;
}

body.page-applications .app-dossier-apres .app-dossier-tab{
  background:#ffe7eb!important;
  color:#c94860!important;
}

body.page-applications .app-dossier-icon{
  width:62px!important;
  height:62px!important;
  margin-bottom:18px!important;
}

body.page-applications .app-dossier h2{
  max-width:none!important;
  margin-bottom:18px!important;
  font-size:clamp(44px,5vw,66px)!important;
}

body.page-applications .app-dossier p{
  max-width:600px;
  font-size:16px!important;
}

body.page-applications .app-dossier ul{
  margin:24px 0!important;
  gap:10px!important;
}

body.page-applications .app-dossier-visual{
  min-height:480px;
  padding:22px!important;
  border:0!important;
  border-radius:var(--anatomy-radius)!important;
  background:var(--anatomy-night)!important;
  box-shadow:0 22px 58px rgba(24,20,57,.12)!important;
  overflow:hidden!important;
}

body.page-applications .app-dossier-visual > img{
  width:auto!important;
  height:min(500px,54vw)!important;
  max-width:100%!important;
  object-fit:contain!important;
}

body.page-applications .app-dossier-visual-symbol{
  min-height:390px;
  background:#ffecef!important;
  box-shadow:none!important;
}

body.page-applications .app-dossier-visual-symbol > img{
  width:156px!important;
  height:156px!important;
}

/* Comparatif éditorial : une lecture avant / après, sans rangée de cartes. */
body.page-applications .comparison-head{
  display:grid;
  grid-template-columns:72px minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(26px,4vw,64px);
  margin-top:clamp(38px,5vw,64px);
  padding:0 0 8px;
  color:#8c849d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.page-applications .comparison-head span:last-child{
  color:#188b77;
}

body.page-applications .difference-notebook{
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(24px,3.4vw,44px)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-applications .difference-notebook article{
  display:grid!important;
  grid-template-columns:72px minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:clamp(26px,4vw,64px)!important;
  align-items:start!important;
  min-height:0!important;
  padding:clamp(18px,2vw,28px) 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-applications .difference-notebook article > span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7242dc!important;
  font-family:var(--editorial-display,inherit);
  font-size:clamp(34px,3.4vw,52px)!important;
  font-weight:800!important;
  line-height:.86!important;
  letter-spacing:-.06em;
}

body.page-applications .difference-notebook small{
  display:block;
  margin-bottom:10px;
  color:#df6b7c;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

body.page-applications .difference-notebook .comparison-result small{
  color:#188b77;
}

body.page-applications .difference-notebook h3{
  max-width:24ch;
  margin:0 0 10px!important;
  color:var(--editorial-ink)!important;
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
}

body.page-applications .difference-notebook p{
  max-width:42ch;
  margin:0!important;
  color:var(--editorial-copy)!important;
  font-size:15px!important;
  line-height:1.62!important;
}

body.page-applications .difference-notebook .comparison-result h3{
  color:#163e39!important;
}

/* Accueil : le même index éditorial et les mêmes preuves. */
body.page-home .difference-panel{
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:var(--anatomy-gap)!important;
  padding:clamp(38px,5vw,58px)!important;
  border-radius:var(--anatomy-radius)!important;
  background:var(--anatomy-night)!important;
}

body.page-home .difference-list{
  display:grid!important;
  gap:22px!important;
}

body.page-home .difference-list article,
body.page-home .difference-list article + article{
  display:grid!important;
  grid-template-columns:minmax(120px,.42fr) minmax(0,1fr)!important;
  gap:22px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-home .difference-list strong{color:#fff!important}
body.page-home .difference-list span{color:#c6c9d8!important}

body.page-home .method-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,4vw,52px)!important;
}

body.page-home .method-steps article,
body.page-home .method-steps article + article{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-home .method-steps article > span{
  display:block;
  margin-bottom:14px;
  color:var(--anatomy-violet)!important;
  font-size:22px;
  font-weight:900;
}

/* Guides : un seul sommaire de catégories, puis des contenus. */
body.page-guides .category-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:14px!important;
  border:0!important;
  border-radius:var(--anatomy-radius)!important;
  background:var(--anatomy-paper)!important;
  box-shadow:0 18px 46px rgba(24,20,57,.06)!important;
}

body.page-guides .category-row article,
body.page-guides .category-row article:last-child,
body.page-guides .category-row article:nth-child(1),
body.page-guides .category-row article:nth-child(2),
body.page-guides .category-row article:nth-child(3),
body.page-guides .category-row article:nth-child(4){
  min-height:154px!important;
  padding:24px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-guides .category-row article::before{content:none!important}

body.page-guides .category-row svg{
  width:46px!important;
  height:46px!important;
  margin-bottom:18px!important;
  padding:12px!important;
  border-radius:50%!important;
  background:#eee9ff!important;
  color:var(--anatomy-violet)!important;
}

body.page-guides .category-row article:nth-child(2) svg{background:#e7f7f2!important;color:var(--anatomy-mint)!important}
body.page-guides .category-row article:nth-child(3) svg{background:#ffe9ed!important;color:var(--anatomy-coral)!important}
body.page-guides .category-row article:nth-child(4) svg{background:#fff3d5!important;color:#a87800!important}

/* FAQ : un accordéon est un composant unique, pas une pile de cartes. */
body.page-faq .faq-block{
  margin-top:0!important;
  padding:var(--anatomy-section) clamp(22px,4vw,52px)!important;
  border:0!important;
  border-radius:var(--anatomy-radius)!important;
  background:var(--anatomy-paper)!important;
  box-shadow:0 18px 46px rgba(24,20,57,.055)!important;
}

body.page-faq .faq-block details,
body.page-faq .faq-block details:last-child{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.page-faq .faq-block details + details{margin-top:8px!important}

body.page-faq .faq-block details[open]{
  border:0!important;
  background:#f0ecff!important;
  border-radius:var(--anatomy-radius-small)!important;
}

body.page-faq .faq-block summary{
  padding:20px 22px!important;
  border-radius:var(--anatomy-radius-small)!important;
  background:#f7f7fa!important;
}

body.page-faq .faq-block details[open] summary{
  background:transparent!important;
  color:var(--anatomy-violet)!important;
}

body.page-faq .faq-block details > p,
body.page-faq .faq-block details > div{
  padding:0 22px 22px!important;
}

/* Articles, À propos et Super Intestin héritent de la même anatomie directe. */
body.page-article .quick-grid,
body.page-super-intestin .si-route{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(24px,4vw,48px)!important;
  padding:30px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-article .quick-grid > div,
body.page-article .quick-grid > div:nth-child(2),
body.page-article .quick-grid > div:nth-child(3),
body.page-super-intestin .si-route article,
body.page-super-intestin .si-route article:nth-child(2),
body.page-super-intestin .si-route article:nth-child(3){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-proof,
body.page-about .about-pillars > .benefit-grid,
body.page-super-intestin :is(.benefit-grid,.si-mosaic,.sii-profile-grid,.export-grid){
  gap:clamp(26px,4vw,50px)!important;
}

body.page-about .about-pillars > .benefit-grid article,
body.page-super-intestin :is(.benefit-grid,.si-mosaic,.sii-profile-grid,.export-grid) article{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Les seules surfaces sombres restantes servent une action réelle. */
body.cosmic-site .download-band,
body.page-home .clarity-panel{
  border:0!important;
  border-radius:var(--anatomy-radius)!important;
  background:var(--anatomy-night)!important;
  box-shadow:none!important;
}

@media (max-width:1050px){
  body.cosmic-site .split-premium,
  body.page-home .home-purpose-editorial,
  body.page-about .about-editorial{
    grid-template-columns:1fr!important;
  }

  body.cosmic-site .split-premium > div:first-child,
  body.page-home .home-purpose-heading{
    position:static!important;
  }

  body.page-home .home-purpose-list > li{
    grid-template-columns:72px minmax(0,1fr)!important;
  }

  body.page-home .home-purpose-list > li > a{grid-column:2}

  body.page-applications .app-dossier,
  body.page-applications .app-dossier-apres{
    grid-template-columns:minmax(0,1fr) minmax(260px,.72fr)!important;
    grid-template-areas:"copy visual";
    gap:46px!important;
  }

  body.page-guides .category-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:760px){
  :root{
    --anatomy-gutter:18px;
    --anatomy-section:54px;
  }

  body.cosmic-site .section-row{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  body.cosmic-site .section-row > .all-link{justify-self:start}

  body.cosmic-site :is(.page-section,.home-section,.si-section,.si-editorial,.ecosystem-compare) h2,
  body.cosmic-site .section-row h2{
    font-size:clamp(34px,10vw,46px)!important;
  }

  body.page-applications .application-principles > li,
  body.page-home .home-purpose-list > li{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:14px!important;
  }

  body.page-home .home-purpose-list > li > a{grid-column:2}

  body.page-applications .app-dossier,
  body.page-applications .app-dossier-apres{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "visual";
    gap:30px!important;
    padding:34px 0!important;
  }

  body.page-applications .app-dossier-apres .app-dossier-copy,
  body.page-applications .app-dossier-apres .app-dossier-visual{
    grid-column:auto!important;
  }

  body.page-applications .app-dossier-visual{
    min-height:360px;
  }

  body.page-applications .app-dossier-visual > img{
    height:auto!important;
    max-height:460px!important;
  }

  body.page-applications .difference-notebook,
  body.page-home .difference-panel,
  body.page-home .method-steps,
  body.page-article .quick-grid,
  body.page-super-intestin .si-route{
    grid-template-columns:1fr!important;
  }

  body.page-applications .difference-notebook article{min-height:0!important}
  body.page-applications .difference-notebook strong{margin-top:18px!important}

  body.page-applications .comparison-head{
    display:none;
  }

  body.page-applications .difference-notebook{
    margin-top:34px;
    gap:32px!important;
  }

  body.page-applications .difference-notebook article{
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:14px 16px!important;
    padding:0!important;
  }

  body.page-applications .difference-notebook article > span{
    grid-row:1 / span 2;
    font-size:34px!important;
  }

  body.page-applications .difference-notebook .comparison-situation,
  body.page-applications .difference-notebook .comparison-result{
    grid-column:2;
  }

  body.page-applications .difference-notebook .comparison-result{
    margin-top:8px;
  }

  body.page-home .difference-list article,
  body.page-home .difference-list article + article{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  body.page-guides .category-row{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }

  body.page-guides .category-row article,
  body.page-guides .category-row article:last-child{
    min-height:0!important;
  }

  body.page-faq .faq-block{
    width:calc(100% - 36px)!important;
    padding:38px 10px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.cosmic-site *,
  body.cosmic-site *::before,
  body.cosmic-site *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* Accueil — correction finale de la lecture éditoriale
   Les règles ci-dessous neutralisent les anciennes grilles imbriquées qui
   écrasaient les titres et transformaient les paragraphes en colonnes étroites. */
body.page-home .home-purpose-heading h2{
  max-width:12ch!important;
  font-size:clamp(46px,3.6vw,58px)!important;
  line-height:.98!important;
}

body.page-home .difference-panel{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:clamp(54px,6vw,86px)!important;
  padding:clamp(44px,4.6vw,64px)!important;
}

body.page-home .difference-panel h2{
  max-width:11ch!important;
  color:#fff!important;
  font-size:clamp(44px,3.8vw,58px)!important;
  line-height:.98!important;
}

body.page-home .difference-panel > div:first-child > p:not(.eyebrow){
  max-width:46ch!important;
  color:#c9cbd9!important;
}

body.page-home .difference-list{
  align-content:center!important;
  gap:24px!important;
}

body.page-home .difference-list article,
body.page-home .difference-list article + article{
  grid-template-columns:minmax(142px,.42fr) minmax(0,1fr)!important;
  gap:24px!important;
  padding:0!important;
}

body.page-home .evidence-section{
  display:grid!important;
  grid-template-columns:minmax(340px,.82fr) minmax(0,1.38fr)!important;
  gap:clamp(58px,6vw,88px)!important;
  align-items:start!important;
}

body.page-home .evidence-section > .section-row{
  display:block!important;
  width:auto!important;
  margin:0!important;
}

body.page-home .evidence-section > .section-row > div{
  width:100%!important;
}

body.page-home .evidence-section h2{
  width:auto!important;
  max-width:11ch!important;
  color:var(--anatomy-ink)!important;
  font-size:clamp(43px,3.35vw,54px)!important;
  line-height:.98!important;
}

body.page-home .evidence-section > .section-row .all-link{
  display:inline-flex!important;
  margin-top:30px!important;
}

body.page-home .evidence-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,3vw,44px)!important;
  align-items:start!important;
}

body.page-home .evidence-grid article,
body.page-home .evidence-grid article:last-child{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  align-self:start!important;
}

body.page-home .evidence-grid span{
  white-space:nowrap!important;
  font-size:clamp(41px,2.45vw,44px)!important;
  line-height:.9!important;
}

body.page-home .evidence-grid h3{
  min-height:3.9em;
  margin:0 0 12px!important;
  font-size:16px!important;
  line-height:1.3!important;
}

body.page-home .evidence-grid p{
  margin:0 0 16px!important;
  font-size:14px!important;
  line-height:1.58!important;
}

body.page-home .evidence-grid a{
  margin-top:auto!important;
}

body.page-home .home-pathways{
  padding-bottom:76px!important;
}

body.page-home .pathway-grid{
  gap:0 clamp(28px,3vw,42px)!important;
}

body.page-home .pathway-grid a,
body.page-home .pathway-grid a:hover,
body.page-home .pathway-grid a:focus-visible{
  min-height:0!important;
  height:auto!important;
  padding:20px 0!important;
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:20px!important;
}

body.page-home .pathway-grid img{
  width:124px!important;
  height:88px!important;
  border-radius:12px!important;
}

body.page-home .pathway-copy{
  padding:0!important;
}

body.page-home .home-method{
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.48fr)!important;
  gap:clamp(54px,6vw,88px)!important;
  align-items:start!important;
  padding-top:70px!important;
  padding-bottom:82px!important;
}

body.page-home .home-method > div:first-child h2{
  max-width:9ch!important;
  font-size:clamp(44px,3.4vw,54px)!important;
  line-height:.98!important;
}

body.page-home .method-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,3.4vw,48px)!important;
  align-items:start!important;
}

body.page-home .method-steps article,
body.page-home .method-steps article + article{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
}

body.page-home .method-steps article > span{
  margin:0 0 14px!important;
  font-size:20px!important;
  line-height:1.1!important;
}

body.page-home .method-steps article > p{
  width:auto!important;
  max-width:30ch!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.62!important;
}

body.page-home .guides-preview{
  padding-top:72px!important;
}

@media (max-width:1050px){
  body.page-home .evidence-section,
  body.page-home .home-method{
    grid-template-columns:1fr!important;
    gap:40px!important;
  }

  body.page-home .evidence-section h2,
  body.page-home .home-method > div:first-child h2{
    max-width:14ch!important;
  }

  body.page-home .difference-panel{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:760px){
  body.page-home .home-purpose-heading h2,
  body.page-home .difference-panel h2,
  body.page-home .evidence-section h2,
  body.page-home .home-method > div:first-child h2{
    max-width:none!important;
    font-size:clamp(36px,10vw,46px)!important;
  }

  body.page-home .difference-panel{
    gap:38px!important;
    padding:36px 24px!important;
  }

  body.page-home .difference-list article,
  body.page-home .difference-list article + article{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  body.page-home .evidence-grid,
  body.page-home .method-steps,
  body.page-home .pathway-grid{
    grid-template-columns:1fr!important;
  }

  body.page-home .evidence-grid{
    gap:38px!important;
  }

  body.page-home .evidence-grid h3{
    min-height:0;
  }

  body.page-home .method-steps{
    gap:30px!important;
  }

  body.page-home .pathway-grid a,
  body.page-home .pathway-grid a:hover,
  body.page-home .pathway-grid a:focus-visible{
    grid-template-columns:104px minmax(0,1fr)!important;
  }

  body.page-home .pathway-grid img{
    width:104px!important;
    height:78px!important;
  }
}

/* Super Intestin — les cinq écrans restent visibles et complets.
   Le carrousel centré avait pour effet de couper les extrémités et d'estomper
   quatre captures sur cinq. Sur grand écran, la galerie redevient une planche
   comparative stable ; sur petit écran, elle reste simplement défilable. */
body.page-super-intestin .current-app-gallery{
  width:min(1500px,calc(100% - 64px))!important;
}

body.page-super-intestin .current-app-gallery-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  justify-content:center!important;
  width:100%!important;
  overflow:visible!important;
  padding:10px 0 24px!important;
  scroll-snap-type:none!important;
}

body.page-super-intestin .current-app-gallery-rail figure,
body.page-super-intestin .current-app-gallery-rail figure.is-active{
  width:auto!important;
  min-width:0!important;
  flex:none!important;
  opacity:1!important;
  transform:none!important;
}

body.page-super-intestin .current-app-gallery-rail img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

body.page-super-intestin .current-app-gallery-controls,
body.page-super-intestin .gallery-pagination{
  display:none!important;
}

@media (max-width:1050px){
  body.page-super-intestin .current-app-gallery{
    width:100%!important;
  }

  body.page-super-intestin .current-app-gallery-rail{
    display:flex!important;
    justify-content:flex-start!important;
    gap:16px!important;
    overflow-x:auto!important;
    padding:8px 8vw 22px!important;
    scroll-snap-type:x mandatory!important;
  }

  body.page-super-intestin .current-app-gallery-rail figure,
  body.page-super-intestin .current-app-gallery-rail figure.is-active{
    flex:0 0 min(72vw,320px)!important;
    scroll-snap-align:center!important;
  }
}

/* Applications — comparaison éditoriale ouverte.
   Les deux temporalités restent lisibles grâce à la couleur et à deux nappes
   continues, sans cartes, contours, pastilles ni effets de tableau. */
body.page-applications .ecosystem-compare-table{
  --compare-before-bg:#faf7f9;
  --compare-before-line:#ee7487;
  --compare-before-ink:#312a3b;
  --compare-after-bg:#eef8f5;
  --compare-after-line:#159a83;
  --compare-after-ink:#153f39;
}

body.page-applications .comparison-head{
  grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:end!important;
  margin-top:clamp(34px,4.5vw,56px)!important;
  padding:0!important;
}

body.page-applications .comparison-head > span:nth-child(2),
body.page-applications .comparison-head > span:nth-child(3){
  display:block!important;
  min-height:0;
  padding:0 28px 17px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.page-applications .comparison-head > span:nth-child(2){
  color:var(--compare-before-ink);
}

body.page-applications .comparison-head > span:nth-child(3){
  color:var(--compare-after-ink);
}

body.page-applications .comparison-head small{
  display:block;
  margin-bottom:7px;
  color:var(--compare-before-line);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1;
  text-transform:uppercase;
}

body.page-applications .comparison-head > span:nth-child(3) small{
  color:var(--compare-after-line);
}

body.page-applications .comparison-head strong{
  color:inherit!important;
  font-size:17px;
  font-weight:800;
  line-height:1.2;
}

body.page-applications .difference-notebook{
  position:relative;
  isolation:isolate;
  gap:0!important;
  margin-top:0!important;
  padding:12px 0 18px!important;
  overflow:hidden;
}

body.page-applications .difference-notebook::before,
body.page-applications .difference-notebook::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  width:calc((100% - 100px) / 2);
  pointer-events:none;
}

body.page-applications .difference-notebook::before{
  left:82px;
  background:var(--compare-before-bg);
}

body.page-applications .difference-notebook::after{
  right:0;
  background:var(--compare-after-bg);
}

body.page-applications .difference-notebook article{
  grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  padding:0!important;
}

body.page-applications .difference-notebook article + article{
  margin-top:6px;
}

body.page-applications .difference-notebook article > span{
  display:block!important;
  align-self:start!important;
  width:auto!important;
  height:auto!important;
  padding-top:29px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7040dc!important;
  font-family:var(--editorial-display,inherit)!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
}

body.page-applications .difference-notebook .comparison-situation,
body.page-applications .difference-notebook .comparison-result{
  min-height:0;
  padding:27px 28px 31px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-applications .difference-notebook .comparison-situation{
  color:var(--compare-before-ink);
}

body.page-applications .difference-notebook .comparison-result{
  color:var(--compare-after-ink);
}

body.page-applications .difference-notebook small{
  margin-bottom:11px!important;
  color:var(--compare-before-line)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}

body.page-applications .difference-notebook .comparison-result small{
  color:var(--compare-after-line)!important;
}

body.page-applications .difference-notebook h3{
  max-width:28ch!important;
  color:var(--compare-before-ink)!important;
  font-size:clamp(20px,1.55vw,24px)!important;
  line-height:1.12!important;
}

body.page-applications .difference-notebook .comparison-result h3{
  color:var(--compare-after-ink)!important;
  font-size:clamp(21px,1.68vw,26px)!important;
}

body.page-applications .difference-notebook p{
  max-width:48ch!important;
}

@media (max-width:900px){
  body.page-applications .comparison-head{
    display:none!important;
  }

  body.page-applications .difference-notebook{
    margin-top:34px!important;
    gap:0!important;
    padding:0!important;
    overflow:visible;
  }

  body.page-applications .difference-notebook::before,
  body.page-applications .difference-notebook::after{
    display:none;
  }

  body.page-applications .difference-notebook article{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:8px 16px!important;
    padding:18px 0 12px!important;
  }

  body.page-applications .difference-notebook article > span{
    grid-row:1 / span 2!important;
    width:auto!important;
    height:auto!important;
    padding-top:7px;
    border-radius:0!important;
    font-size:20px!important;
  }

  body.page-applications .difference-notebook .comparison-situation,
  body.page-applications .difference-notebook .comparison-result{
    grid-column:2!important;
    min-height:0;
    padding:0 0 22px;
  }

  body.page-applications .difference-notebook .comparison-result{
    padding-top:3px;
  }
}

@media (max-width:560px){
  body.page-applications .difference-notebook article{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body.page-applications .difference-notebook article > span,
  body.page-applications .difference-notebook .comparison-situation,
  body.page-applications .difference-notebook .comparison-result{
    grid-column:1!important;
    grid-row:auto!important;
  }

  body.page-applications .difference-notebook article > span{
    margin-bottom:9px!important;
    padding-top:0;
  }
}

/* Applications — raccord continu entre la texture du visuel et le fond.
   Le masque occupe tout le héros afin de ne jamais finir sur une arête droite. */
body.page-applications{
  --hero-bg:#00011f;
  --scene-base:#00011f;
}

body.page-applications .applications-cosmic-hero{
  background-color:#00011f!important;
}

body.page-applications .applications-cosmic-hero::before{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  right:0!important;
  background:linear-gradient(
    90deg,
    #00011f 0%,
    #00011f 31%,
    rgba(0,1,31,.96) 37%,
    rgba(0,1,31,.72) 44%,
    rgba(0,1,31,.28) 53%,
    rgba(0,1,31,0) 63%
  )!important;
}

@media (max-width:760px){
  body.page-applications .applications-cosmic-hero::before{
    top:0!important;
    background:
      linear-gradient(
        180deg,
        rgba(0,1,31,0) 0%,
        rgba(0,1,31,0) 29%,
        rgba(0,1,31,.78) 43%,
        #00011f 54%
      ),
      linear-gradient(
        90deg,
        #00011f 0%,
        rgba(0,1,31,0) 13%,
        rgba(0,1,31,0) 79%,
        #00011f 96%
      )!important;
  }
}

/* Héros — repère vertical commun.
   Sur desktop, toutes les scènes commencent immédiatement sous la navigation.
   Les dimensions, le cadrage horizontal et la composition restent inchangés. */
@media (min-width:1101px){
  body.cosmic-site .concept-hero,
  body.cosmic-site .product-hero,
  body.cosmic-site .article-hero,
  body.cosmic-site .page-hero,
  body.cosmic-site .app-privacy-hero{
    background-position-y:0!important;
  }

  /* Cette scène est volontairement rendue à 82 % : 12 px replacent son
     premier élément visible sous « Ressources », comme sur les autres pages. */
  body.page-applications .applications-cosmic-hero{
    background-position-y:12px!important;
  }
}

/* ==========================================================================
   Système responsive commun — navigation + héros
   2026-07-31

   Le point d’ancrage des scènes est volontairement commun à toutes les pages :
   l’illustration principale se place sur l’axe centre-droit, sous « Ressources »,
   sans dépendre du bord droit de la fenêtre.
   ========================================================================== */

body.cosmic-site .site-nav{
  width:100%;
  max-width:1500px;
  padding-inline:clamp(24px,4vw,64px);
  position:relative;
}

@media (min-width:1181px){
  body.cosmic-site .site-nav .nav-links{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    transform:none!important;
    justify-content:center;
    gap:clamp(28px,2.6vw,44px);
    padding-inline:230px;
    pointer-events:none;
  }

  body.cosmic-site .site-nav .nav-links > a{
    pointer-events:auto;
  }

  body.cosmic-site .site-nav .nav-links .nav-cta{
    position:absolute!important;
    top:50%!important;
    right:clamp(24px,4vw,64px)!important;
    left:auto!important;
    width:max-content!important;
    min-width:210px;
    margin:0!important;
    padding-inline:26px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    transform:translateY(-50%)!important;
  }

  body.cosmic-site .site-nav .nav-links .nav-cta:hover{
    transform:translateY(calc(-50% - 1px))!important;
  }
}

body.cosmic-site :is(
  .concept-hero,
  .product-hero,
  .article-hero,
  .page-hero,
  .app-privacy-hero
){
  --hero-scene-height:clamp(600px,44vw,700px);
  --hero-scene-top:8px;
  --hero-scene-inset:max(24px,calc((100vw - 1320px)/2));
  overflow:hidden;
  isolation:isolate;
  background-color:var(--hero-bg,var(--editorial-night))!important;
  background-image:var(--cosmic-scene)!important;
  background-repeat:no-repeat!important;
  background-origin:border-box!important;
}

body.cosmic-site :is(
  .concept-hero,
  .product-hero,
  .article-hero,
  .page-hero,
  .app-privacy-hero
)::before{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  right:0!important;
  background:linear-gradient(
    90deg,
    var(--hero-bg,var(--editorial-night)) 0%,
    var(--hero-bg,var(--editorial-night)) 29%,
    color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 94%,transparent) 37%,
    color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 68%,transparent) 45%,
    color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 24%,transparent) 55%,
    transparent 66%
  )!important;
}

@media (min-width:1181px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    padding-inline:max(32px,calc((100vw - 1120px)/2))!important;
    background-position:right var(--hero-scene-inset) top var(--hero-scene-top)!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  body.page-home .home-hero-vitrine,
  body.page-applications .applications-cosmic-hero,
  body.page-super-intestin .super-intestin-concept-hero{
    background-position:right var(--hero-scene-inset) top var(--hero-scene-top)!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  /* Toutes les scènes occupent désormais la même boîte visuelle.
     Le cadrage panoramique d’Applications ne doit plus paraître plus petit. */
  body.page-applications .applications-cosmic-hero{
    --hero-scene-height:clamp(600px,44vw,700px);
  }

  body.cosmic-site :is(.concept-hero-copy,.product-copy){
    position:relative;
    z-index:2;
    width:min(40%,560px)!important;
    max-width:560px!important;
  }

  body.page-guides .guides-editorial-hero .concept-hero-copy,
  body.page-super-intestin .super-intestin-concept-hero .concept-hero-copy{
    width:min(40%,560px)!important;
    max-width:560px!important;
  }

  /* Guides — format éditorial compact.
     La colonne de lecture est volontairement plus large afin d’éviter un
     titre sur six lignes, qui étirait artificiellement tout le héros. */
  body.page-guides .guides-editorial-hero{
    --hero-scene-height:clamp(500px,33vw,560px);
    --hero-scene-top:34px;
    min-height:680px!important;
    padding-top:92px!important;
    padding-bottom:78px!important;
    padding-inline:max(32px,calc((100vw - 1240px)/2))!important;
  }

  body.page-guides .guides-editorial-hero .concept-hero-copy{
    width:min(49%,600px)!important;
    max-width:600px!important;
  }

  body.page-guides .guides-editorial-hero h1{
    max-width:600px!important;
    font-size:clamp(54px,3.6vw,66px)!important;
    line-height:.98!important;
  }

  body.page-guides .guides-editorial-hero .guides-hero-deck{
    max-width:590px!important;
  }
}

/* Tablette et petits portables : le menu ne compresse plus les liens.
   Le héros reste en deux colonnes mais son illustration n’est plus collée
   au bord droit et la jonction de texture reste invisible. */
@media (max-width:1180px){
  body.cosmic-site .site-header,
  body.cosmic-site .site-nav{
    height:72px;
  }

  body.cosmic-site .site-nav{
    padding-inline:clamp(18px,3.5vw,34px);
  }

  body.cosmic-site .site-nav .brand{
    width:clamp(170px,24vw,205px);
    height:40px;
    flex:0 0 clamp(170px,24vw,205px);
  }

  body.cosmic-site .site-nav .nav-toggle{
    display:flex;
    margin-left:auto;
  }

  body.cosmic-site .site-nav .nav-links{
    display:none;
    position:absolute!important;
    z-index:100;
    top:calc(100% + 10px)!important;
    bottom:auto!important;
    left:clamp(14px,3vw,30px)!important;
    right:clamp(14px,3vw,30px)!important;
    width:auto!important;
    height:auto!important;
    transform:none!important;
    padding:18px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(2,4,28,.97);
    box-shadow:0 26px 80px rgba(0,0,0,.46);
    backdrop-filter:blur(22px);
  }

  body.cosmic-site .site-nav .nav-links.open{
    display:flex;
  }

  body.cosmic-site .site-nav .nav-links > a:not(.nav-cta){
    padding:13px 14px;
    border-radius:11px;
  }

  body.cosmic-site .site-nav .nav-links .nav-cta{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0;
    margin:8px 0 0!important;
    text-align:center;
    transform:none!important;
  }

  body.cosmic-site .product-subnav-v2{
    top:72px;
  }
}

@media (min-width:821px) and (max-width:1180px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-scene-height:clamp(520px,54vw,620px);
    min-height:auto!important;
    padding:calc(var(--hero-scene-height) + 58px) clamp(26px,4vw,46px) 76px!important;
    background-position:center 14px!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  body.page-home .home-hero-vitrine,
  body.page-applications .applications-cosmic-hero,
  body.page-super-intestin .super-intestin-concept-hero{
    min-height:auto!important;
    background-position:center 14px!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  body.cosmic-site :is(.concept-hero-copy,.product-copy),
  body.page-guides .guides-editorial-hero .concept-hero-copy,
  body.page-super-intestin .super-intestin-concept-hero .concept-hero-copy{
    width:min(100%,620px)!important;
    max-width:620px!important;
    margin-inline:auto;
  }

  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  )::before{
    background:linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 8%,transparent) 39%,
      color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 88%,transparent) 54%,
      var(--hero-bg,var(--editorial-night)) 64%,
      var(--hero-bg,var(--editorial-night)) 100%
    )!important;
  }

  /* Guides reste en deux colonnes sur tablette horizontale et petit portable.
     L’empilement commun ajoutait plus de 600 px au-dessus du texte. */
  body.page-guides .guides-editorial-hero{
    --hero-scene-height:clamp(430px,42vw,500px);
    min-height:650px!important;
    padding:72px clamp(26px,4vw,46px) 64px!important;
    background-position:right 18px top 30px!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  body.page-guides .guides-editorial-hero::before{
    background:linear-gradient(
      90deg,
      var(--hero-bg,var(--editorial-night)) 0%,
      var(--hero-bg,var(--editorial-night)) 34%,
      color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 88%,transparent) 45%,
      color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 30%,transparent) 58%,
      transparent 72%
    )!important;
  }

  body.page-guides .guides-editorial-hero .concept-hero-copy{
    width:min(50%,560px)!important;
    max-width:560px!important;
    margin-inline:0!important;
  }

  body.page-guides .guides-editorial-hero h1{
    max-width:560px!important;
    font-size:clamp(48px,5.4vw,60px)!important;
    line-height:1!important;
  }
}

/* Mobile : l’illustration passe au-dessus du texte et utilise la largeur de
   la fenêtre comme référence. Elle reste donc entière, centrée et stable. */
@media (max-width:820px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-scene-height:clamp(300px,72vw,510px);
    min-height:auto!important;
    padding:calc(var(--hero-scene-height) + 54px) 20px 68px!important;
    background-position:center 12px!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  body.page-home .home-hero-vitrine,
  body.page-applications .applications-cosmic-hero,
  body.page-super-intestin .super-intestin-concept-hero{
    min-height:auto!important;
    background-position:center 12px!important;
    background-size:auto var(--hero-scene-height)!important;
  }

  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  )::before{
    background:linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 8%,transparent) 31%,
      color-mix(in srgb,var(--hero-bg,var(--editorial-night)) 86%,transparent) 47%,
      var(--hero-bg,var(--editorial-night)) 58%,
      var(--hero-bg,var(--editorial-night)) 100%
    )!important;
  }

  body.cosmic-site :is(.concept-hero-copy,.product-copy),
  body.page-guides .guides-editorial-hero .concept-hero-copy,
  body.page-super-intestin .super-intestin-concept-hero .concept-hero-copy{
    width:100%!important;
    max-width:620px!important;
    margin-inline:auto;
  }

  body.page-guides .guides-editorial-hero{
    --hero-scene-height:clamp(270px,60vw,400px);
    padding:calc(var(--hero-scene-height) + 54px) 20px 60px!important;
    background-position:center 24px!important;
  }

  body.page-guides .guides-editorial-hero h1{
    font-size:clamp(44px,7vw,54px)!important;
    line-height:1!important;
  }
}

/* --------------------------------------------------------------------------
   Mot-symbole SuivreSaSanté
   Le précédent lock-up était une image avec un trait coloré intégré. Le logo
   redevient un assemblage net et responsive : symbole + typographie dédiée.
   -------------------------------------------------------------------------- */

body.cosmic-site .site-header .brand{
  width:auto!important;
  height:42px!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  background:none!important;
  text-decoration:none!important;
}

body.cosmic-site .site-header .brand > *{
  display:inline-flex!important;
}

body.cosmic-site .site-header .brand-mark{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
}

body.cosmic-site .site-header .brand-wordmark{
  align-items:baseline!important;
  color:#fff!important;
  font-family:"Avenir Next","Arial Black","Helvetica Neue",Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
  white-space:nowrap!important;
  transform:scaleX(.96);
  transform-origin:left center;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

body.cosmic-site .site-header .brand-wordmark-light,
body.cosmic-site .site-header .brand-wordmark-strong{
  font-weight:800!important;
}

body.cosmic-site .site-header .brand::before,
body.cosmic-site .site-header .brand::after,
body.cosmic-site .site-header .brand-wordmark::before,
body.cosmic-site .site-header .brand-wordmark::after{
  content:none!important;
  display:none!important;
  border:0!important;
}

body.cosmic-site .site-footer .footer-logo{
  width:auto!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  background:none!important;
  text-decoration:none!important;
}

body.cosmic-site .site-footer .footer-logo > *{
  display:inline-flex!important;
}

body.cosmic-site .site-footer .footer-logo .brand-mark{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}

body.cosmic-site .site-footer .footer-logo > strong{
  color:#fff!important;
  font-family:"Avenir Next","Arial Black","Helvetica Neue",Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.075em!important;
  transform:scaleX(.96);
  transform-origin:left center;
  -webkit-font-smoothing:antialiased;
}

@media (max-width:560px){
  body.cosmic-site .site-header .brand{
    width:auto!important;
    height:36px!important;
    flex-basis:auto!important;
    gap:8px!important;
  }

  body.cosmic-site .site-header .brand-mark{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }

  body.cosmic-site .site-header .brand-wordmark{
    font-size:18px!important;
  }
}

@media (max-width:560px){
  body.cosmic-site .site-nav{
    padding-inline:16px;
  }

  body.cosmic-site .site-nav .brand{
    width:min(168px,calc(100vw - 96px));
    height:36px;
    flex-basis:min(168px,calc(100vw - 96px));
  }

  body.cosmic-site .site-nav .nav-links{
    left:10px!important;
    right:10px!important;
  }

  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    padding-inline:18px!important;
  }

  body.cosmic-site :is(.concept-hero,.product-hero) h1{
    font-size:clamp(36px,11.2vw,48px)!important;
    line-height:1.02!important;
  }
}

/* Applications — deux illustrations produit conçues comme une même collection.
   Même format, même empreinte visuelle et aucun encadrement de type « carte IA ». */
body.page-applications .app-dossier-visual.app-dossier-visual-illustration{
  inline-size:min(100%,540px)!important;
  aspect-ratio:1;
  min-height:0!important;
  justify-self:center;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.page-applications .app-dossier-visual.app-dossier-visual-illustration > img{
  display:block;
  inline-size:100%!important;
  block-size:100%!important;
  max-inline-size:none!important;
  object-fit:contain!important;
  object-position:center!important;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 72%,rgba(0,0,0,.96) 82%,transparent 100%);
  mask-image:radial-gradient(circle at 50% 50%,#000 0 72%,rgba(0,0,0,.96) 82%,transparent 100%);
}

@media (max-width:760px){
  body.page-applications .app-dossier,
  body.page-applications .app-dossier-apres{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:none!important;
  }

  body.page-applications .app-dossier-copy{
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:1!important;
  }

  body.page-applications .app-dossier-tab{
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:1!important;
  }

  body.page-applications .app-dossier-visual{
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:2!important;
  }

  body.page-applications .app-dossier-apres .app-dossier-copy{
    grid-column:1!important;
    grid-row:1!important;
  }

  body.page-applications .app-dossier-apres .app-dossier-visual{
    grid-column:1!important;
    grid-row:2!important;
  }

  body.page-applications .app-dossier-visual.app-dossier-visual-illustration{
    inline-size:min(100%,480px)!important;
    margin-inline:auto!important;
  }
}

/* Typographie 2026 — masse franche, compacte et très lisible.
   Le corps de texte reste neutre : seuls les titres reprennent l'allure
   « Avalance » validée dans la référence. */
:root{
  --refine-display:"Arial Black","Helvetica Neue",Helvetica,Arial,sans-serif;
}

body.cosmic-site :is(h1,h2,h3),
body.cosmic-site :is(
  .concept-title,
  .product-title,
  .editorial-heading,
  .section-title,
  .app-dossier-title
){
  font-family:var(--refine-display)!important;
  font-weight:900!important;
  font-synthesis:none;
  letter-spacing:-.052em;
  text-wrap:balance;
  -webkit-font-smoothing:antialiased;
}

body.cosmic-site :is(
  .concept-hero,
  .product-hero,
  .article-hero,
  .page-hero,
  .app-privacy-hero
) h1{
  line-height:.94!important;
}

body.cosmic-site main :is(h2,h3){
  line-height:1.01;
}

body.page-article .article-body-rich :is(h2,h3){
  letter-spacing:-.038em;
  line-height:1.04;
}

/* Guides — contraste du renvoi vers Super Intestin.
   L'ancien titre héritait de l'encre sombre sur le panneau nuit. */
body.page-article .article-body-rich > .cta-card{
  background:#05082a!important;
  color:#f7f8ff!important;
}

body.page-article .article-body-rich > .cta-card h2{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}

body.page-article .article-body-rich > .cta-card p{
  color:#d8dcec!important;
  opacity:1!important;
}

body.page-article .article-body-rich > .cta-card .btn.gold{
  background:#ffc857!important;
  border-color:#ffc857!important;
  color:#090b24!important;
  box-shadow:none!important;
}

body.page-article .article-body-rich > .cta-card .btn.gold:hover,
body.page-article .article-body-rich > .cta-card .btn.gold:focus-visible{
  background:#ffd676!important;
  border-color:#ffd676!important;
  color:#090b24!important;
}

/* Contrat global des héros.
   Une seule anatomie pour toutes les pages principales : même hauteur,
   même boîte d'illustration, même axe et aucune image qui mord sur le texte. */
@media (min-width:1181px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-height:640px;
    --hero-contract-art-width:clamp(624px,34.8vw,672px);
    box-sizing:border-box!important;
    min-height:var(--hero-contract-height)!important;
    height:var(--hero-contract-height)!important;
    max-height:var(--hero-contract-height)!important;
    padding-top:96px!important;
    padding-bottom:28px!important;
    padding-inline:max(40px,calc((100vw - 1200px)/2))!important;
    display:flex!important;
    align-items:center!important;
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:right max(52px,calc((100vw - 1320px)/2)) center!important;
  }

  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ) :is(
    .concept-hero-copy,
    .product-hero-copy,
    .article-hero-copy,
    .page-hero-copy,
    .app-privacy-hero-copy
  ){
    width:min(560px,46%)!important;
    max-width:560px!important;
  }

  body.cosmic-site :is(.concept-hero,.product-hero,.page-hero,.app-privacy-hero) h1{
    font-size:clamp(54px,3.25vw,64px)!important;
  }

  body.page-applications .applications-cosmic-hero h1,
  body.page-guides .guides-editorial-hero h1,
  body.page-about .about-cosmic-hero h1{
    font-size:clamp(50px,3vw,58px)!important;
    line-height:.93!important;
  }

  body.page-applications .applications-cosmic-hero :is(.hero-buttons,.concept-actions),
  body.page-guides .guides-editorial-hero :is(.hero-buttons,.concept-actions){
    margin-top:16px!important;
  }
}

/* Tablettes et fenêtres resserrées : le héros reste en deux colonnes.
   L'image rétrécit avec son cadre au lieu d'être recadrée ou poussée au-dessus. */
@media (min-width:821px) and (max-width:1180px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-height:620px;
    --hero-contract-art-width:clamp(432px,49.2vw,552px);
    box-sizing:border-box!important;
    min-height:var(--hero-contract-height)!important;
    height:var(--hero-contract-height)!important;
    max-height:var(--hero-contract-height)!important;
    padding:94px clamp(26px,4vw,48px) 30px!important;
    display:flex!important;
    align-items:center!important;
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:right 10px center!important;
  }

  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ) :is(
    .concept-hero-copy,
    .product-hero-copy,
    .article-hero-copy,
    .page-hero-copy,
    .app-privacy-hero-copy
  ){
    width:51%!important;
    max-width:520px!important;
  }

  body.cosmic-site :is(.concept-hero,.product-hero) h1{
    font-size:clamp(40px,4.7vw,50px)!important;
  }
}

/* Mobile : même largeur visuelle pour chaque asset, puis le texte en dessous.
   La hauteur redevient fluide afin de ne jamais couper le contenu. */
@media (max-width:820px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-art-width:min(94vw,468px);
    box-sizing:border-box!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding:clamp(322px,78vw,410px) 20px 54px!important;
    display:block!important;
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:center 18px!important;
  }

  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ) :is(
    .concept-hero-copy,
    .product-hero-copy,
    .article-hero-copy,
    .page-hero-copy,
    .app-privacy-hero-copy
  ){
    width:100%!important;
    max-width:620px!important;
    margin-inline:auto!important;
  }
}

/* Échelle finale commune des illustrations de héros.
   Les scènes gagnent 35 à 50 % sur grand écran, puis s'adaptent sans recadrage. */
@media (min-width:1480px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-art-width:clamp(860px,48vw,1000px);
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:right max(12px,calc((100vw - 1440px)/2)) center!important;
  }
}

@media (min-width:1181px) and (max-width:1479px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-art-width:clamp(720px,53vw,820px);
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:right -64px center!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-art-width:clamp(520px,61vw,680px);
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:right -80px center!important;
  }
}

@media (max-width:820px){
  body.cosmic-site :is(
    .concept-hero,
    .product-hero,
    .article-hero,
    .page-hero,
    .app-privacy-hero
  ){
    --hero-contract-art-width:min(100vw,520px);
    padding-top:clamp(350px,82vw,440px)!important;
    background-size:var(--hero-contract-art-width) auto!important;
    background-position:center 18px!important;
  }
}

/* Guides : le signet rouge fait partie de la composition et doit rester
   entièrement visible. On abaisse uniquement cette scène, sans changer son
   échelle ni le cadrage des autres héros. */
@media (min-width:1480px){
  body.page-guides .guides-editorial-hero{
    background-position:right max(12px,calc((100vw - 1440px)/2)) calc(50% + 42px)!important;
  }
}

@media (min-width:1181px) and (max-width:1479px){
  body.page-guides .guides-editorial-hero{
    background-position:right -64px calc(50% + 38px)!important;
  }
}

@media (min-width:821px) and (max-width:1180px){
  body.page-guides .guides-editorial-hero{
    background-position:right -80px calc(50% + 34px)!important;
  }
}

@media (max-width:820px){
  body.page-guides .guides-editorial-hero{
    background-position:center 44px!important;
  }
}

/* Accueil — synthèse Super Intestin en composition éditoriale ouverte. */
body.page-home .clarity-section{
  padding-top:clamp(62px,7vw,94px)!important;
  padding-bottom:clamp(66px,7.5vw,102px)!important;
}

body.page-home .clarity-editorial{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:clamp(58px,8vw,116px);
  align-items:center;
}

body.page-home .clarity-editorial-copy{min-width:0;padding-block:10px}

body.page-home .clarity-editorial-copy h2{
  max-width:11ch!important;
  margin:0;
  color:var(--anatomy-ink,#17152f)!important;
  font-size:clamp(40px,4.25vw,62px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

body.page-home .clarity-lead{
  max-width:58ch;
  margin:24px 0 0;
  color:var(--anatomy-copy,#625f70);
  font-size:16px;
  line-height:1.72;
}

body.page-home .clarity-steps{
  margin:34px 0 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--editorial-rule,#dfe2e8);
}

body.page-home .clarity-steps li{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--editorial-rule,#dfe2e8);
}

body.page-home .clarity-steps > li > span{
  padding-top:2px;
  color:#7651d6;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

body.page-home .clarity-steps li:nth-child(2) > span{color:#e85f70}
body.page-home .clarity-steps li:nth-child(3) > span{color:#168f7c}

body.page-home .clarity-steps strong{
  display:block;
  margin-bottom:5px;
  color:var(--anatomy-ink,#17152f);
  font-size:16px;
}

body.page-home .clarity-steps p{
  max-width:52ch;
  margin:0;
  color:var(--anatomy-copy,#625f70);
  font-size:14px;
  line-height:1.58;
}

body.page-home .clarity-visual{
  position:relative;
  min-width:0;
  margin:0;
  padding:34px 36px 22px;
  overflow:hidden;
  border-radius:22px;
  background:#030726;
  box-shadow:0 28px 64px rgba(20,18,53,.16);
}

body.page-home .clarity-visual::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:inherit;
  pointer-events:none;
}

body.page-home .clarity-visual-label{
  position:absolute;
  z-index:1;
  top:28px;
  left:28px;
  max-width:12ch;
  color:#f5c451;
  font-size:10px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.15em;
  text-transform:uppercase;
}

body.page-home .clarity-visual img{
  display:block;
  width:min(270px,72%);
  height:auto;
  margin:0 4% 0 auto;
  border-radius:18px 18px 10px 10px;
  background:#030726;
  object-fit:contain;
  filter:drop-shadow(0 24px 32px rgba(0,0,0,.38));
}

body.page-home .clarity-visual figcaption{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:baseline;
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.14);
}

body.page-home .clarity-visual figcaption strong{color:#fff;font-size:14px}
body.page-home .clarity-visual figcaption span{color:rgba(255,255,255,.68);font-size:12px;line-height:1.5}

@media (max-width:960px){
  body.page-home .clarity-editorial{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:44px}
  body.page-home .clarity-editorial-copy h2{font-size:clamp(38px,5vw,50px)!important}
  body.page-home .clarity-visual{padding:30px 28px 20px}
  body.page-home .clarity-visual img{width:min(245px,74%)}
}

@media (max-width:760px){
  body.page-home .clarity-editorial{grid-template-columns:1fr;gap:38px}
  body.page-home .clarity-editorial-copy h2{max-width:12ch!important;font-size:clamp(36px,10vw,46px)!important}
  body.page-home .clarity-lead{margin-top:20px;font-size:15px}
  body.page-home .clarity-steps{margin-top:28px}
  body.page-home .clarity-visual{width:min(100%,440px);justify-self:center;padding:30px 24px 20px;border-radius:18px}
  body.page-home .clarity-visual-label{top:24px;left:22px}
  body.page-home .clarity-visual img{width:min(240px,72%);margin-right:2%;border-radius:15px 15px 9px 9px}
}

@media (max-width:420px){
  body.page-home .clarity-steps li{grid-template-columns:36px minmax(0,1fr);gap:12px}
  body.page-home .clarity-visual{padding:24px 18px 18px}
  body.page-home .clarity-visual-label{position:static;display:block;max-width:none;margin-bottom:18px}
  body.page-home .clarity-visual img{width:min(232px,82%);margin-inline:auto}
  body.page-home .clarity-visual figcaption{grid-template-columns:1fr;gap:5px}
}

/* Accueil — l’écran Analyse devient un objet autonome, sans grande carte sombre. */
body.page-home .clarity-editorial{
  grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);
  gap:clamp(54px,7.5vw,108px);
}

body.page-home .clarity-editorial-copy h2{
  max-width:12ch!important;
  font-size:clamp(40px,3.7vw,54px)!important;
  line-height:1.01!important;
}

body.page-home .clarity-visual.clarity-device-stage{
  display:flex;
  flex-direction:column;
  width:min(100%,360px);
  min-width:0;
  margin:0;
  padding:0;
  overflow:visible;
  justify-self:end;
  align-items:center;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:translateX(4%);
}

body.page-home .clarity-visual.clarity-device-stage::after{display:none}

body.page-home .clarity-device-stage .clarity-visual-label{
  position:static;
  display:flex;
  max-width:none;
  margin:0 0 17px;
  align-items:center;
  gap:10px;
  align-self:flex-start;
  color:#e85f70;
  font-size:10px;
  letter-spacing:.16em;
}

body.page-home .clarity-device-stage .clarity-visual-label::before{
  content:"";
  width:28px;
  height:2px;
  flex:0 0 auto;
  background:#e85f70;
}

body.page-home .clarity-device{
  width:min(292px,86%);
  aspect-ratio:292 / 617;
  padding:7px;
  border:1px solid rgba(10,16,50,.16);
  border-radius:39px;
  background:#030726;
  box-shadow:0 26px 54px rgba(24,24,52,.17),0 5px 14px rgba(24,24,52,.10);
}

body.page-home .clarity-device-stage .clarity-device img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border-radius:32px;
  background:#030726;
  object-fit:contain;
  filter:none;
}

body.page-home .clarity-device-stage figcaption{
  display:grid;
  width:min(100%,320px);
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  margin-top:18px;
  padding:17px 0 0;
  border-top:1px solid #d7dbe3;
}

body.page-home .clarity-device-stage figcaption strong{
  color:var(--anatomy-ink,#17152f);
  font-size:14px;
}

body.page-home .clarity-device-stage figcaption span{
  color:var(--anatomy-copy,#625f70);
  font-size:12px;
  line-height:1.5;
}

/* À propos — récit éditorial continu, sans empilement de cartes génériques. */
body.page-about .about-story-hero{
  height:680px!important;
  min-height:680px!important;
  padding-top:112px!important;
  padding-bottom:72px!important;
}

body.page-about .about-story-hero .concept-hero-copy{
  width:min(43%,590px)!important;
  max-width:590px!important;
}

body.page-about .about-story-hero h1{
  max-width:11ch!important;
  margin:0!important;
  font-size:clamp(48px,4.45vw,64px)!important;
  line-height:.99!important;
  letter-spacing:-.052em!important;
}

body.page-about .about-story-hero .concept-hero-copy > p:not(.eyebrow):not(.about-hero-note){
  max-width:53ch!important;
  margin-top:25px!important;
  font-size:16px!important;
  line-height:1.68!important;
}

body.page-about .about-story-hero .about-hero-note{
  display:flex;
  max-width:none!important;
  margin-top:27px!important;
  align-items:center;
  gap:12px;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.4!important;
  letter-spacing:.055em;
  text-transform:uppercase;
}

body.page-about .about-story-hero .about-hero-note::before{
  content:"";
  width:34px;
  height:2px;
  background:#f5c451;
}

body.page-about .about-intro,
body.page-about .about-purpose-strip,
body.page-about .about-origins > *,
body.page-about .about-principles{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
}

body.page-about .about-intro{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(58px,8vw,118px);
  padding:clamp(82px,8.5vw,116px) 0 54px;
}

body.page-about .about-intro h2,
body.page-about .about-origins-heading h2,
body.page-about .about-principles h2{
  margin:0;
  color:#17152f!important;
  font-size:clamp(38px,4vw,54px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}

body.page-about .about-intro h2{max-width:12ch}

body.page-about .about-intro-copy{
  max-width:700px;
  padding-top:22px;
}

body.page-about .about-intro-copy p{
  margin:0;
  color:#5f687b;
  font-size:16px;
  line-height:1.78;
}

body.page-about .about-intro-copy p + p{
  margin-top:26px;
  padding-left:24px;
  border-left:3px solid #e85f70;
  color:#29263e;
  font-weight:700;
}

body.page-about .about-purpose-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:clamp(82px,8vw,112px);
  border-top:1px solid #d8dde5;
  border-bottom:1px solid #d8dde5;
}

body.page-about .about-purpose-strip article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:14px;
  padding:25px 28px 27px 0;
}

body.page-about .about-purpose-strip article + article{
  padding-left:28px;
  border-left:1px solid #d8dde5;
}

body.page-about .about-purpose-strip span,
body.page-about .about-principles-list span{
  color:#7651d6;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}

body.page-about .about-purpose-strip article:nth-child(2) span,
body.page-about .about-principles-list article:nth-child(2) span{color:#e85f70}
body.page-about .about-purpose-strip article:nth-child(3) span,
body.page-about .about-principles-list article:nth-child(3) span{color:#168f7c}
body.page-about .about-principles-list article:nth-child(4) span{color:#b47b00}

body.page-about .about-purpose-strip h3,
body.page-about .about-principles-list h3{
  margin:0 0 7px;
  color:#17152f;
  font-size:17px;
  line-height:1.25;
  letter-spacing:-.025em;
}

body.page-about .about-purpose-strip p,
body.page-about .about-principles-list p{
  margin:0;
  color:#697387;
  font-size:14px;
  line-height:1.55;
}

body.page-about .about-origins{
  padding:clamp(78px,8vw,108px) 0;
  background:#e9edf2;
}

body.page-about .about-origins-heading{
  display:grid;
  grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);
  gap:48px;
  align-items:end;
  padding-bottom:50px;
}

body.page-about .about-origins-heading h2{max-width:17ch}

body.page-about .about-origin-chapter{
  display:grid;
  grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);
  gap:48px;
  padding:56px 0 60px;
  border-top:1px solid #cbd2dc;
}

body.page-about .about-origin-chapter:last-child{padding-bottom:0}

body.page-about .about-origin-rail{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:16px 18px;
  align-content:start;
  align-items:center;
}

body.page-about .about-origin-number{
  grid-column:1 / -1;
  color:rgba(23,21,47,.23);
  font-size:46px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.06em;
}

body.page-about .about-origin-rail img{
  width:70px;
  height:70px;
  border-radius:18px;
  object-fit:cover;
  box-shadow:0 12px 28px rgba(25,31,53,.13);
}

body.page-about .about-origin-rail p{
  margin:0;
  color:#25223c;
  font-size:14px;
  font-weight:850;
  line-height:1.35;
}

body.page-about .about-origin-copy{
  max-width:780px;
}

body.page-about .about-origin-copy h3{
  max-width:22ch;
  margin:0 0 27px;
  color:#17152f;
  font-size:clamp(33px,3.3vw,47px);
  line-height:1.05;
  letter-spacing:-.045em;
}

body.page-about .about-origin-copy p:not(.eyebrow){
  margin:0;
  color:#596477;
  font-size:16px;
  line-height:1.75;
}

body.page-about .about-origin-copy p:not(.eyebrow) + p{margin-top:18px}

body.page-about .about-origin-copy p:not(.eyebrow):last-child{
  color:#29263e;
  font-weight:700;
}

body.page-about .about-principles{
  display:grid;
  grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);
  gap:clamp(54px,7vw,100px);
  padding:clamp(78px,8vw,108px) 0;
}

body.page-about .about-principles-heading h2{max-width:9ch}

body.page-about .about-principles-heading > p:last-child{
  max-width:34ch;
  margin:22px 0 0;
  color:#697387;
  font-size:15px;
  line-height:1.65;
}

body.page-about .about-principles-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #d8dde5;
}

body.page-about .about-principles-list article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  min-height:134px;
  padding:26px 24px 28px 0;
  border-bottom:1px solid #d8dde5;
}

body.page-about .about-principles-list article:nth-child(even){
  padding-left:24px;
  border-left:1px solid #d8dde5;
}

@media (max-width:960px){
  body.page-home .clarity-editorial{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:44px}
  body.page-home .clarity-device{width:min(272px,88%)}

  body.page-about .about-story-hero .concept-hero-copy{width:min(46%,560px)!important}
  body.page-about .about-story-hero h1{font-size:clamp(44px,5.5vw,56px)!important}
  body.page-about .about-intro{gap:54px}
  body.page-about .about-origins-heading,
  body.page-about .about-origin-chapter{grid-template-columns:180px minmax(0,1fr);gap:38px}
}

@media (min-width:901px) and (max-width:1479px){
  body.page-about .about-story-hero{background-position:right 0 center!important}
}

@media (min-width:761px) and (max-width:900px){
  body.page-about .about-story-hero{
    height:auto!important;
    min-height:780px!important;
    padding-top:340px!important;
    padding-bottom:58px!important;
  }
  body.page-about .about-story-hero .concept-hero-copy{
    width:100%!important;
    max-width:620px!important;
  }
  body.page-about .about-story-hero h1{
    max-width:12ch!important;
    font-size:clamp(46px,7vw,54px)!important;
  }
}

@media (max-width:760px){
  body.page-home .clarity-editorial{grid-template-columns:1fr;gap:44px}
  body.page-home .clarity-device-stage{
    width:min(100%,360px);
    justify-self:center;
    transform:none;
  }
  body.page-home .clarity-device{width:min(268px,82%)}
  body.page-home .clarity-device-stage figcaption{grid-template-columns:auto minmax(0,1fr)}

  body.page-about .about-story-hero{
    height:auto!important;
    min-height:720px!important;
    padding-top:clamp(350px,76vw,430px)!important;
    padding-bottom:58px!important;
  }
  body.page-about .about-story-hero .concept-hero-copy{
    width:100%!important;
    max-width:none!important;
  }
  body.page-about .about-story-hero h1{
    max-width:10ch!important;
    font-size:clamp(40px,11vw,52px)!important;
  }
  body.page-about .about-story-hero .concept-hero-copy > p:not(.eyebrow):not(.about-hero-note){font-size:15px!important}

  body.page-about .about-intro,
  body.page-about .about-purpose-strip,
  body.page-about .about-origins > *,
  body.page-about .about-principles{
    width:min(100% - 36px,1180px);
  }
  body.page-about .about-intro,
  body.page-about .about-principles{
    grid-template-columns:1fr;
    gap:34px;
  }
  body.page-about .about-intro{padding:70px 0 44px}
  body.page-about .about-intro-copy{padding-top:0}
  body.page-about .about-intro h2,
  body.page-about .about-origins-heading h2,
  body.page-about .about-principles h2{font-size:clamp(34px,9vw,44px)!important}

  body.page-about .about-purpose-strip{grid-template-columns:1fr;margin-bottom:72px}
  body.page-about .about-purpose-strip article{padding:22px 0}
  body.page-about .about-purpose-strip article + article{padding-left:0;border-top:1px solid #d8dde5;border-left:0}

  body.page-about .about-origins{padding:70px 0}
  body.page-about .about-origins-heading,
  body.page-about .about-origin-chapter{grid-template-columns:1fr;gap:30px}
  body.page-about .about-origins-heading{align-items:start;padding-bottom:42px}
  body.page-about .about-origin-chapter{padding:42px 0 48px}
  body.page-about .about-origin-chapter:last-child{padding-bottom:0}
  body.page-about .about-origin-rail{grid-template-columns:54px minmax(0,1fr);gap:14px 15px}
  body.page-about .about-origin-number{font-size:36px}
  body.page-about .about-origin-rail img{width:54px;height:54px;border-radius:14px}
  body.page-about .about-origin-copy h3{font-size:clamp(31px,8vw,40px)}
  body.page-about .about-origin-copy p:not(.eyebrow){font-size:15px}

  body.page-about .about-principles{padding:70px 0}
  body.page-about .about-principles-list{grid-template-columns:1fr}
  body.page-about .about-principles-list article,
  body.page-about .about-principles-list article:nth-child(even){
    min-height:0;
    padding:22px 0;
    border-left:0;
  }
}

@media (max-width:420px){
  body.page-home .clarity-device-stage .clarity-visual-label{margin-bottom:15px}
  body.page-home .clarity-device{width:min(250px,86%);padding:6px;border-radius:35px}
  body.page-home .clarity-device-stage .clarity-device img{border-radius:29px}
  body.page-home .clarity-device-stage figcaption{grid-template-columns:1fr;gap:5px}

  body.page-about .about-story-hero{padding-top:330px!important}
  body.page-about .about-story-hero h1{font-size:clamp(37px,11.5vw,45px)!important}
  body.page-about .about-hero-note{font-size:10px!important}
}

/* Blocs éditoriaux — reprise fidèle du composant validé de la page Guides. */
body.page-home .clarity-editorial,
body.page-about .about-intro,
body.page-about .about-principles{
  gap:24px!important;
  padding:28px 48px!important;
  border:1px solid rgba(73,56,115,.14)!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:0 24px 70px rgba(0,0,0,.10)!important;
}

body.page-home .clarity-editorial{
  grid-template-columns:minmax(0,1.71fr) minmax(300px,1fr)!important;
  align-items:start!important;
}

body.page-home .clarity-editorial-copy,
body.page-about .about-intro-heading,
body.page-about .about-principles-heading{
  align-self:center;
  padding:34px 36px!important;
  border:1px solid rgba(73,56,115,.14)!important;
  border-radius:22px!important;
  background:#f0eaf7!important;
  box-shadow:none!important;
}

body.page-home .clarity-editorial-copy h2{
  max-width:13ch!important;
  font-size:clamp(36px,3.2vw,46px)!important;
}

body.page-home .clarity-editorial-copy .clarity-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:28px;
  border-bottom:1px solid var(--editorial-rule,#dfe2e8);
}

body.page-home .clarity-editorial-copy .clarity-steps li{
  grid-template-columns:1fr;
  gap:8px;
  min-width:0;
  padding:17px 16px 18px 0;
  border-bottom:0;
}

body.page-home .clarity-editorial-copy .clarity-steps li + li{
  padding-left:16px;
  border-left:1px solid var(--editorial-rule,#dfe2e8);
}

body.page-home .clarity-editorial-copy .clarity-steps strong{font-size:15px}
body.page-home .clarity-editorial-copy .clarity-steps p{font-size:13px;line-height:1.5}

body.page-home .clarity-device-stage,
body.page-about .about-intro-copy,
body.page-about .about-principles-list{
  border:1px solid #d9dee7!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body.page-home .clarity-visual.clarity-device-stage{
  width:100%!important;
  min-width:0;
  padding:24px!important;
  justify-self:stretch!important;
  transform:none!important;
}

body.page-home .clarity-device{
  width:min(230px,78%)!important;
  aspect-ratio:292 / 617;
}

body.page-home .clarity-device-stage figcaption{
  width:100%!important;
  max-width:320px;
}

body.page-about .about-intro{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  margin-top:clamp(72px,7vw,96px)!important;
  margin-bottom:54px!important;
}

body.page-about .about-intro-copy{
  max-width:none!important;
  padding:32px 34px!important;
}

body.page-about .about-intro h2{
  max-width:12ch;
  font-size:clamp(36px,3.6vw,50px)!important;
}

body.page-about .about-principles{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  margin-top:clamp(72px,7vw,96px)!important;
  margin-bottom:clamp(72px,7vw,96px)!important;
}

body.page-about .about-principles-heading{
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

body.page-about .about-principles-list{
  padding:0 24px!important;
  overflow:hidden;
}

@media (max-width:960px){
  body.page-home .clarity-editorial{
    grid-template-columns:minmax(0,1fr) minmax(260px,.62fr)!important;
    padding:24px 28px!important;
  }

  body.page-home .clarity-editorial-copy{padding:30px!important}

  body.page-about .about-intro,
  body.page-about .about-principles{
    padding:24px 28px!important;
  }
}

@media (max-width:760px){
  body.page-home .clarity-editorial,
  body.page-about .about-intro,
  body.page-about .about-principles{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:16px!important;
    box-shadow:0 18px 48px rgba(0,0,0,.08)!important;
  }

  body.page-home .clarity-editorial-copy,
  body.page-about .about-intro-heading,
  body.page-about .about-principles-heading{
    width:100%;
    min-height:0;
    padding:28px 24px!important;
  }

  body.page-home .clarity-visual.clarity-device-stage{
    width:100%!important;
    padding:26px 22px!important;
  }

  body.page-home .clarity-device{width:min(244px,76%)!important}

  body.page-home .clarity-editorial-copy .clarity-steps{
    display:block;
    margin-top:26px;
  }

  body.page-home .clarity-editorial-copy .clarity-steps li,
  body.page-home .clarity-editorial-copy .clarity-steps li + li{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:14px;
    padding:17px 0;
    border-left:0;
    border-bottom:1px solid var(--editorial-rule,#dfe2e8);
  }

  body.page-home .clarity-editorial-copy .clarity-steps li:last-child{border-bottom:0}

  body.page-about .about-intro{
    margin-top:60px!important;
    margin-bottom:44px!important;
  }

  body.page-about .about-intro-copy{padding:28px 24px!important}

  body.page-about .about-principles{
    margin-top:60px!important;
    margin-bottom:60px!important;
  }

  body.page-about .about-principles-list{padding:0 22px!important}
}

@media (max-width:420px){
  body.page-home .clarity-editorial,
  body.page-about .about-intro,
  body.page-about .about-principles{padding:12px!important}

  body.page-home .clarity-editorial-copy,
  body.page-about .about-intro-heading,
  body.page-about .about-principles-heading{padding:25px 20px!important}

  body.page-home .clarity-visual.clarity-device-stage{padding:24px 18px!important}
  body.page-home .clarity-device{width:min(232px,82%)!important}
  body.page-about .about-intro-copy{padding:25px 20px!important}
}

/* À propos — continuité finale et CTA aligné sur le composant Guides. */
body.page-about .about-intro{
  margin-top:64px!important;
  margin-bottom:36px!important;
}

body.page-about .about-purpose-strip{margin-bottom:0!important}

body.page-about .about-origins{
  padding-top:80px!important;
  padding-bottom:80px!important;
}

body.page-about .about-principles{
  margin-top:56px!important;
  margin-bottom:0!important;
}

body.page-about .download-band{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr)!important;
  gap:24px!important;
  align-items:center!important;
  max-width:1180px!important;
  margin:22px auto 40px!important;
  padding:28px 48px!important;
  border:1px solid rgba(73,56,115,.14)!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:0 24px 70px rgba(0,0,0,.10)!important;
}

body.page-about .download-band > div:first-child{
  align-self:center;
  padding:28px 32px!important;
  border:1px solid rgba(73,56,115,.14)!important;
  border-radius:22px!important;
  background:#f0eaf7!important;
}

body.page-about .download-band h2{
  margin:0 0 8px!important;
  color:#17152f!important;
  font-size:clamp(28px,2.5vw,36px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
}

body.page-about .download-band p{
  max-width:62ch!important;
  margin:0!important;
  color:#626b7e!important;
  font-size:14px!important;
  line-height:1.58!important;
}

body.page-about .download-band .store-buttons{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
  padding:20px!important;
  border:1px solid #d9dee7!important;
  border-radius:22px!important;
  background:#fff!important;
}

body.page-about .download-band .store-buttons a{
  width:100%!important;
  min-height:52px;
  justify-content:flex-start!important;
  border-color:#dfe3eb!important;
  background:#080d2d!important;
  color:#fff!important;
  box-shadow:none!important;
}

body.page-about .download-band .store-buttons a small{color:#cbd1e4!important}

@media (max-width:900px){
  body.page-about .download-band{
    grid-template-columns:1fr!important;
    margin:18px 24px 34px!important;
    padding:24px 28px!important;
  }

  body.page-about .download-band .store-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  body.page-about .about-intro{margin-top:48px!important;margin-bottom:28px!important}
  body.page-about .about-origins{padding-top:60px!important;padding-bottom:60px!important}
  body.page-about .about-principles{margin-top:44px!important}

  body.page-about .download-band{
    gap:14px!important;
    margin:14px 18px 28px!important;
    padding:12px!important;
  }

  body.page-about .download-band > div:first-child{padding:26px 22px!important}

  body.page-about .download-band .store-buttons{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
}

/* Accueil — une seule séquence éditoriale pour comprendre la plateforme. */
body.page-home .home-platform-sequence{
  width:min(1180px,calc(100% - 64px))!important;
  max-width:1180px!important;
  margin:64px auto 70px!important;
  padding:28px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:24px!important;
  align-items:stretch!important;
  border:1px solid rgba(73,56,115,.14)!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:0 24px 70px rgba(0,0,0,.09)!important;
}

body.page-home .platform-sequence-head{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:44px 46px;
  border:1px solid rgba(73,56,115,.14);
  border-radius:22px;
  background:#f0eaf7;
}

body.page-home .platform-sequence-head h2{
  max-width:12ch!important;
  margin:14px 0 0!important;
  color:#17152f!important;
  font-size:clamp(34px,2.7vw,40px)!important;
  font-weight:900!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}

body.page-home .platform-sequence-principle{
  max-width:30ch;
  margin:22px 0 0!important;
  color:#292442!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.4!important;
}

body.page-home .platform-sequence-intro{
  max-width:36ch;
  margin-top:30px;
}

body.page-home .platform-sequence-statement{
  max-width:30ch;
  margin:0 0 12px!important;
  color:#17152f!important;
  font-size:20px!important;
  font-weight:820!important;
  line-height:1.3!important;
  letter-spacing:-.025em!important;
}

body.page-home .platform-sequence-intro > p:last-child{
  max-width:38ch;
  margin:0!important;
  color:#626b7e!important;
  font-size:14px!important;
  line-height:1.62!important;
}

body.page-home .platform-sequence-list{
  list-style:none;
  margin:0!important;
  padding:14px 32px!important;
  border:1px solid #d9dee7;
  border-radius:22px;
  background:#fff;
}

body.page-home .platform-sequence-list > li{
  display:grid;
  grid-template-columns:44px minmax(150px,.72fr) minmax(0,1.28fr);
  gap:20px;
  align-items:start;
  padding:24px 0;
  border-bottom:1px solid #d8dce5;
}

body.page-home .platform-sequence-list > li:last-child{border-bottom:0}

body.page-home .platform-sequence-number{
  display:block;
  color:#7350f5;
  font-size:28px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
}

body.page-home .platform-sequence-list > li:nth-child(2) .platform-sequence-number{color:#ee6377}
body.page-home .platform-sequence-list > li:nth-child(3) .platform-sequence-number{color:#199d88}

body.page-home .platform-sequence-moment h3,
body.page-home .platform-sequence-path strong{
  display:block;
  margin:0 0 6px!important;
  color:#17152f!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.3!important;
}

body.page-home .platform-sequence-moment p,
body.page-home .platform-sequence-path p{
  margin:0!important;
  color:#697286!important;
  font-size:13px!important;
  line-height:1.58!important;
}

body.page-home .platform-sequence-moment p{max-width:35ch}

body.page-home .platform-sequence-path{
  min-width:0;
  padding-left:20px;
  border-left:1px solid #d8dce5;
}

body.page-home .platform-sequence-path a{
  display:inline-flex;
  gap:6px;
  align-items:center;
  margin-top:10px;
  color:#6843e8!important;
  font-size:14px;
  font-weight:850;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}

body.page-home .platform-sequence-path a span{
  transition:transform .18s ease;
}

body.page-home .platform-sequence-path a:hover span{transform:translateX(3px)}

body.page-home .platform-sequence-path a:focus-visible{
  outline:3px solid rgba(104,67,232,.28);
  outline-offset:5px;
  border-radius:3px;
}

@media (max-width:980px){
  body.page-home .home-platform-sequence{
    width:min(100% - 48px,900px)!important;
    margin-top:56px!important;
    margin-bottom:64px!important;
    padding:24px!important;
    grid-template-columns:1fr!important;
  }

  body.page-home .platform-sequence-head{
    padding:38px 40px;
  }

  body.page-home .platform-sequence-head h2{max-width:18ch!important}

  body.page-home .platform-sequence-list > li{
    grid-template-columns:52px minmax(190px,.7fr) minmax(0,1.3fr);
    gap:22px;
  }

  body.page-home .platform-sequence-path{padding-left:22px}
}

@media (max-width:680px){
  body.page-home .home-platform-sequence{
    width:calc(100% - 36px)!important;
    margin-top:46px!important;
    margin-bottom:54px!important;
    gap:12px!important;
    padding:8px!important;
  }

  body.page-home .platform-sequence-head{
    padding:28px 22px;
  }

  body.page-home .platform-sequence-head h2{
    max-width:none!important;
    font-size:clamp(31px,8.8vw,36px)!important;
  }

  body.page-home .platform-sequence-principle{font-size:16px!important}

  body.page-home .platform-sequence-statement{
    font-size:18px!important;
  }

  body.page-home .platform-sequence-list{padding:6px 12px!important}

  body.page-home .platform-sequence-list > li{
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    padding:21px 0;
  }

  body.page-home .platform-sequence-number{
    grid-row:1 / span 2;
    font-size:25px;
  }

  body.page-home .platform-sequence-moment,
  body.page-home .platform-sequence-path{grid-column:2}

  body.page-home .platform-sequence-path{
    padding:11px 0 0;
    border-left:0;
  }

  body.page-home .platform-sequence-moment h3,
  body.page-home .platform-sequence-path strong{font-size:16px!important}

  body.page-home .platform-sequence-moment p,
  body.page-home .platform-sequence-path p{
    font-size:13px!important;
    line-height:1.52!important;
  }

  body.page-home .platform-sequence-path a{font-size:13px}
}

@media (prefers-reduced-motion:reduce){
  body.page-home .platform-sequence-path a span{transition:none}
}

/* À propos — récit d’origine ouvert, sans carte dans une carte. */
body.page-about .about-intro{
  width:min(1180px,calc(100% - 64px))!important;
  margin:64px auto 36px!important;
  padding:54px 0 58px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr)!important;
  gap:clamp(58px,8vw,104px)!important;
  align-items:start!important;
  border:0!important;
  border-top:1px solid #d8dde5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-intro-heading{
  width:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-intro-heading h2{
  max-width:13ch!important;
  margin:14px 0 0!important;
  font-size:clamp(38px,3.25vw,46px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}

body.page-about .about-intro-copy{
  max-width:680px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-intro-copy p{
  max-width:64ch;
  margin:0!important;
  color:#5f687b!important;
  font-size:17px!important;
  line-height:1.76!important;
}

body.page-about .about-intro-copy p + p{
  max-width:62ch;
  margin-top:30px!important;
  padding:2px 0 2px 26px!important;
  border-left:3px solid #e85f70!important;
  color:#29263e!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.72!important;
}

@media (max-width:960px){
  body.page-about .about-intro{
    grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;
    gap:48px!important;
  }
}

/* Accueil — séquence éditoriale ouverte, sans bandeau ni cartes. */
body.page-home .home-platform-sequence{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:56px auto 76px!important;
  padding:62px 0 68px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head{
  display:grid!important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(60px,9vw,120px)!important;
  align-items:end!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head .eyebrow{color:#ff6578!important}

body.page-home .platform-sequence-head h2{
  max-width:14ch!important;
  margin:14px 0 0!important;
  color:#17142f!important;
  font-size:clamp(39px,3.45vw,50px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}

body.page-home .platform-sequence-principle{
  max-width:33ch!important;
  margin:19px 0 0!important;
  color:#27243f!important;
  font-size:16px!important;
  line-height:1.48!important;
}

body.page-home .platform-sequence-intro{
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
}

body.page-home .platform-sequence-statement{
  max-width:32ch!important;
  margin:0 0 13px!important;
  color:#17142f!important;
  font-size:clamp(21px,1.9vw,27px)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
}

body.page-home .platform-sequence-intro > p:last-child{
  max-width:60ch!important;
  color:#647087!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.page-home .platform-sequence-list{
  display:block!important;
  margin:48px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li,
body.page-home .platform-sequence-list > li + li{
  display:grid!important;
  grid-template-columns:72px minmax(210px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(24px,4vw,54px)!important;
  align-items:start!important;
  min-height:0!important;
  padding:31px 0 33px!important;
  border:0!important;
  border-top:1px solid #d8dde7!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li:last-child{
  border-bottom:1px solid #d8dde7!important;
}

body.page-home .platform-sequence-number{
  grid-column:1!important;
  grid-row:1!important;
  padding-top:0!important;
  font-size:31px!important;
  line-height:1!important;
}

body.page-home .platform-sequence-moment{
  grid-column:2!important;
  min-width:0;
}

body.page-home .platform-sequence-path{
  grid-column:3!important;
  min-width:0;
  padding:0!important;
  border:0!important;
}

body.page-home .platform-sequence-moment h3,
body.page-home .platform-sequence-path strong{
  margin:0 0 8px!important;
  color:#17142f!important;
  font-size:18px!important;
  line-height:1.3!important;
}

body.page-home .platform-sequence-moment p,
body.page-home .platform-sequence-path p{
  max-width:52ch;
  margin:0!important;
  color:#647087!important;
  font-size:14px!important;
  line-height:1.58!important;
}

body.page-home .platform-sequence-path a{
  margin-top:10px!important;
  color:#6547f5!important;
  font-size:14px!important;
}

body.page-home .platform-sequence-path a:focus-visible{
  outline-color:rgba(101,71,245,.45)!important;
}

@media (max-width:980px){
  body.page-home .home-platform-sequence{
    width:min(100% - 44px,760px)!important;
    margin-top:48px!important;
    margin-bottom:64px!important;
    padding:52px 0 56px!important;
  }

  body.page-home .platform-sequence-head{
    grid-template-columns:1fr!important;
    gap:28px!important;
    align-items:start!important;
  }

  body.page-home .platform-sequence-head h2{max-width:15ch!important}

  body.page-home .platform-sequence-intro{max-width:650px!important}

  body.page-home .platform-sequence-list{margin-top:38px!important}

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:56px minmax(180px,.72fr) minmax(0,1.28fr)!important;
    gap:24px!important;
    padding:27px 0 29px!important;
  }
}

@media (max-width:680px){
  body.page-home .home-platform-sequence{
    width:calc(100% - 36px)!important;
    margin-top:38px!important;
    margin-bottom:48px!important;
    padding:40px 0 44px!important;
  }

  body.page-home .platform-sequence-head{gap:24px!important}

  body.page-home .platform-sequence-head h2{
    max-width:14ch!important;
    font-size:clamp(32px,9vw,38px)!important;
  }

  body.page-home .platform-sequence-statement{font-size:19px!important}

  body.page-home .platform-sequence-intro > p:last-child{font-size:14px!important}

  body.page-home .platform-sequence-list{margin-top:31px!important}

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px 13px!important;
    padding:24px 0 26px!important;
  }

  body.page-home .platform-sequence-number{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    font-size:25px!important;
  }

  body.page-home .platform-sequence-moment,
  body.page-home .platform-sequence-path{grid-column:2!important}

  body.page-home .platform-sequence-path{
    padding:12px 0 0!important;
    border:0!important;
  }

  body.page-home .platform-sequence-moment h3,
  body.page-home .platform-sequence-path strong{font-size:16px!important}

  body.page-home .platform-sequence-moment p,
  body.page-home .platform-sequence-path p{
    font-size:13px!important;
    line-height:1.54!important;
  }
}

@media (max-width:820px){
  body.page-about .about-intro{
    width:calc(100% - 48px)!important;
    grid-template-columns:1fr!important;
    gap:32px!important;
  }

  body.page-about .about-intro-heading h2{max-width:15ch!important}
}

@media (max-width:760px){
  body.page-about .about-intro{
    width:calc(100% - 36px)!important;
    margin-top:48px!important;
    margin-bottom:28px!important;
    padding:42px 0 46px!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  body.page-about .about-intro-heading{padding:0!important}

  body.page-about .about-intro-heading h2{
    max-width:14ch!important;
    font-size:clamp(34px,9.4vw,40px)!important;
  }

  body.page-about .about-intro-copy{padding:0!important}

  body.page-about .about-intro-copy p{
    font-size:15px!important;
    line-height:1.7!important;
  }

  body.page-about .about-intro-copy p + p{
    margin-top:24px!important;
    padding-left:18px!important;
    font-size:15px!important;
    line-height:1.66!important;
  }
}

/* À propos — piliers et téléchargement dans un flux compact, sans panneaux imbriqués. */
body.page-about .about-principles{
  width:min(1180px,calc(100% - 64px))!important;
  margin:56px auto 0!important;
  padding:54px 0 42px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.64fr) minmax(0,1.36fr)!important;
  gap:clamp(56px,8vw,104px)!important;
  align-items:start!important;
  border:0!important;
  border-top:1px solid #d8dde5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-principles-heading{
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-principles-heading h2{
  max-width:12ch!important;
  margin:14px 0 14px!important;
  font-size:clamp(36px,3.1vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}

body.page-about .about-principles-heading > p:last-child{
  max-width:34ch;
  margin:0!important;
  color:#626b7e!important;
  font-size:15px!important;
  line-height:1.62!important;
}

body.page-about .about-principles-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-principles-list article{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-height:0!important;
  padding:20px 0!important;
  border:0!important;
  border-top:1px solid #d8dde5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-about .about-principles-list article > span{
  width:auto!important;
  height:auto!important;
  display:block!important;
  padding:2px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7350f5!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}

body.page-about .about-principles-list article:nth-child(2) > span{color:#e85f70!important}
body.page-about .about-principles-list article:nth-child(3) > span{color:#189b86!important}
body.page-about .about-principles-list article:nth-child(4) > span{color:#b07b13!important}

body.page-about .about-principles-list h3{
  margin:0 0 7px!important;
  color:#17152f!important;
  font-size:17px!important;
  line-height:1.3!important;
}

body.page-about .about-principles-list p{
  margin:0!important;
  color:#697286!important;
  font-size:14px!important;
  line-height:1.58!important;
}

body.page-about .download-band{
  width:min(1180px,calc(100% - 64px))!important;
  max-width:1180px!important;
  margin:18px auto 40px!important;
  padding:30px 34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:32px!important;
  align-items:center!important;
  border:0!important;
  border-radius:12px!important;
  background:#060a2a!important;
  box-shadow:none!important;
}

body.page-about .download-band > div:first-child{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-about .download-band h2{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:clamp(26px,2.3vw,32px)!important;
  line-height:1.08!important;
}

body.page-about .download-band p{
  max-width:64ch!important;
  margin:0!important;
  color:#b9c0d3!important;
  font-size:14px!important;
  line-height:1.55!important;
}

body.page-about .download-band .store-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(190px,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body.page-about .download-band .store-buttons a{
  min-height:54px;
  padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}

body.page-about .download-band .store-buttons a:hover{
  border-color:rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.09)!important;
}

body.page-about .download-band .store-buttons a:focus-visible{
  outline:3px solid rgba(245,196,81,.45);
  outline-offset:3px;
}

@media (max-width:960px){
  body.page-about .about-principles{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }

  body.page-about .about-principles-heading h2{max-width:15ch!important}

  body.page-about .download-band{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  body.page-about .download-band .store-buttons{width:100%}
}

@media (max-width:640px){
  body.page-about .about-principles{
    width:calc(100% - 36px)!important;
    margin-top:44px!important;
    padding:42px 0 30px!important;
  }

  body.page-about .about-principles-heading{padding:0!important}

  body.page-about .about-principles-heading h2{
    max-width:14ch!important;
    font-size:clamp(32px,9vw,38px)!important;
  }

  body.page-about .about-principles-list{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
  }

  body.page-about .about-principles-list article{
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:18px 0!important;
  }

  body.page-about .download-band{
    width:calc(100% - 36px)!important;
    margin:14px auto 28px!important;
    padding:26px 22px!important;
  }

  body.page-about .download-band .store-buttons{
    grid-template-columns:1fr!important;
  }
}

/* Accueil — parcours ouvert, sans conteneur ni panneaux colorés. */
body.page-home .home-platform-sequence{
  width:min(1180px,calc(100% - 64px))!important;
  max-width:1180px!important;
  margin:64px auto 76px!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head{
  display:grid!important;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(56px,8vw,104px)!important;
  align-items:end!important;
  min-height:0!important;
  padding:0 0 42px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head h2{
  max-width:13ch!important;
  margin:14px 0 0!important;
  font-size:clamp(38px,3.2vw,46px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}

body.page-home .platform-sequence-principle{
  max-width:31ch;
  margin:20px 0 0!important;
  font-size:16px!important;
  line-height:1.45!important;
}

body.page-home .platform-sequence-intro{
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
}

body.page-home .platform-sequence-statement{
  max-width:34ch!important;
  margin:0 0 13px!important;
  font-size:clamp(20px,1.65vw,24px)!important;
  line-height:1.28!important;
}

body.page-home .platform-sequence-intro > p:last-child{
  max-width:60ch!important;
  font-size:15px!important;
  line-height:1.62!important;
}

body.page-home .platform-sequence-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #d8dde5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:10px 14px!important;
  align-content:start!important;
  min-height:0!important;
  padding:28px 28px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li + li{
  padding-left:28px!important;
  border-left:1px solid #d8dde5!important;
}

body.page-home .platform-sequence-number{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  padding-top:1px!important;
  font-size:30px!important;
}

body.page-home .platform-sequence-moment,
body.page-home .platform-sequence-path{
  grid-column:2!important;
  min-width:0;
}

body.page-home .platform-sequence-moment h3,
body.page-home .platform-sequence-path strong{
  margin-bottom:7px!important;
  font-size:17px!important;
}

body.page-home .platform-sequence-moment p,
body.page-home .platform-sequence-path p{
  font-size:13.5px!important;
  line-height:1.58!important;
}

body.page-home .platform-sequence-moment p{max-width:34ch!important}

body.page-home .platform-sequence-path{
  padding:18px 0 0!important;
  border:0!important;
}

body.page-home .platform-sequence-path a{
  margin-top:10px!important;
  font-size:13.5px!important;
}

@media (max-width:980px){
  body.page-home .home-platform-sequence{
    width:min(100% - 48px,900px)!important;
    margin-top:56px!important;
    margin-bottom:64px!important;
  }

  body.page-home .platform-sequence-head{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding-bottom:34px!important;
  }

  body.page-home .platform-sequence-head h2{max-width:16ch!important}

  body.page-home .platform-sequence-list{
    grid-template-columns:1fr!important;
  }

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:52px minmax(180px,.72fr) minmax(0,1.28fr)!important;
    gap:22px!important;
    padding:25px 0!important;
    border-left:0!important;
    border-bottom:1px solid #d8dde5!important;
  }

  body.page-home .platform-sequence-list > li:last-child{border-bottom:0!important}

  body.page-home .platform-sequence-number{
    grid-column:1!important;
    grid-row:1!important;
  }

  body.page-home .platform-sequence-moment{grid-column:2!important}

  body.page-home .platform-sequence-path{
    grid-column:3!important;
    padding:0 0 0 22px!important;
    border-left:1px solid #d8dde5!important;
  }
}

@media (max-width:680px){
  body.page-home .home-platform-sequence{
    width:calc(100% - 36px)!important;
    margin-top:46px!important;
    margin-bottom:54px!important;
  }

  body.page-home .platform-sequence-head{
    gap:22px!important;
    padding-bottom:30px!important;
  }

  body.page-home .platform-sequence-head h2{
    max-width:14ch!important;
    font-size:clamp(32px,9vw,38px)!important;
  }

  body.page-home .platform-sequence-statement{font-size:19px!important}

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    padding:22px 0!important;
  }

  body.page-home .platform-sequence-number{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    font-size:25px!important;
  }

  body.page-home .platform-sequence-moment,
  body.page-home .platform-sequence-path{grid-column:2!important}

  body.page-home .platform-sequence-path{
    padding:11px 0 0!important;
    border-left:0!important;
  }

  body.page-home .platform-sequence-moment p,
  body.page-home .platform-sequence-path p{
    font-size:13px!important;
    line-height:1.52!important;
  }
}

/* Accueil — direction finale : séquence éditoriale claire et ouverte. */
body.page-home .home-platform-sequence{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:56px auto 76px!important;
  padding:62px 0 68px!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head{
  display:grid!important;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(60px,9vw,120px)!important;
  align-items:end!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head .eyebrow{color:#ff6578!important}

body.page-home .platform-sequence-head h2{
  max-width:14ch!important;
  margin:14px 0 0!important;
  color:#17142f!important;
  font-size:clamp(39px,3.45vw,50px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}

body.page-home .platform-sequence-principle{
  max-width:33ch!important;
  margin:19px 0 0!important;
  color:#27243f!important;
  font-size:16px!important;
  line-height:1.48!important;
}

body.page-home .platform-sequence-intro{
  max-width:620px!important;
  margin:0!important;
  padding:0!important;
}

body.page-home .platform-sequence-statement{
  max-width:32ch!important;
  margin:0 0 13px!important;
  color:#17142f!important;
  font-size:clamp(21px,1.9vw,27px)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
}

body.page-home .platform-sequence-intro > p:last-child{
  max-width:60ch!important;
  color:#647087!important;
  font-size:15px!important;
  line-height:1.65!important;
}

body.page-home .platform-sequence-list{
  display:block!important;
  margin:48px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li,
body.page-home .platform-sequence-list > li + li{
  display:grid!important;
  grid-template-columns:72px minmax(210px,.78fr) minmax(0,1.22fr)!important;
  gap:clamp(24px,4vw,54px)!important;
  align-items:start!important;
  min-height:0!important;
  padding:31px 0 33px!important;
  border:0!important;
  border-top:1px solid #d8dde7!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li:last-child{border-bottom:1px solid #d8dde7!important}

body.page-home .platform-sequence-number{
  grid-column:1!important;
  grid-row:1!important;
  padding-top:0!important;
  font-size:31px!important;
  line-height:1!important;
}

body.page-home .platform-sequence-moment{grid-column:2!important;min-width:0}

body.page-home .platform-sequence-path{
  grid-column:3!important;
  min-width:0;
  padding:0!important;
  border:0!important;
}

body.page-home .platform-sequence-moment h3,
body.page-home .platform-sequence-path strong{
  margin:0 0 8px!important;
  color:#17142f!important;
  font-size:18px!important;
  line-height:1.3!important;
}

body.page-home .platform-sequence-moment p,
body.page-home .platform-sequence-path p{
  max-width:52ch;
  margin:0!important;
  color:#647087!important;
  font-size:14px!important;
  line-height:1.58!important;
}

body.page-home .platform-sequence-path a{
  margin-top:10px!important;
  color:#6547f5!important;
  font-size:14px!important;
}

body.page-home .platform-sequence-path a:focus-visible{outline-color:rgba(101,71,245,.45)!important}

@media (max-width:980px){
  body.page-home .home-platform-sequence{
    width:min(100% - 44px,760px)!important;
    margin-top:48px!important;
    margin-bottom:64px!important;
    padding:52px 0 56px!important;
  }

  body.page-home .platform-sequence-head{
    grid-template-columns:1fr!important;
    gap:28px!important;
    align-items:start!important;
  }

  body.page-home .platform-sequence-head h2{max-width:15ch!important}
  body.page-home .platform-sequence-intro{max-width:650px!important}
  body.page-home .platform-sequence-list{margin-top:38px!important}

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:56px minmax(180px,.72fr) minmax(0,1.28fr)!important;
    gap:24px!important;
    padding:27px 0 29px!important;
  }
}

@media (max-width:680px){
  body.page-home .home-platform-sequence{
    width:calc(100% - 36px)!important;
    margin-top:38px!important;
    margin-bottom:48px!important;
    padding:40px 0 44px!important;
  }

  body.page-home .platform-sequence-head{gap:24px!important}

  body.page-home .platform-sequence-head h2{
    max-width:14ch!important;
    font-size:clamp(32px,9vw,38px)!important;
  }

  body.page-home .platform-sequence-statement{font-size:19px!important}
  body.page-home .platform-sequence-intro > p:last-child{font-size:14px!important}
  body.page-home .platform-sequence-list{margin-top:31px!important}

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px 13px!important;
    padding:24px 0 26px!important;
  }

  body.page-home .platform-sequence-number{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    font-size:25px!important;
  }

  body.page-home .platform-sequence-moment,
  body.page-home .platform-sequence-path{grid-column:2!important}

  body.page-home .platform-sequence-path{
    padding:12px 0 0!important;
    border:0!important;
  }

  body.page-home .platform-sequence-moment h3,
  body.page-home .platform-sequence-path strong{font-size:16px!important}

  body.page-home .platform-sequence-moment p,
  body.page-home .platform-sequence-path p{
    font-size:13px!important;
    line-height:1.54!important;
  }
}

/* Direction sombre archivée : conservée pour référence, jamais appliquée. */
@media (max-width:0px){
body.page-home .home-platform-sequence{
  width:100%!important;
  max-width:none!important;
  margin:56px 0 72px!important;
  padding:70px max(32px,calc((100vw - 1180px)/2))!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.76fr) minmax(0,1.24fr)!important;
  gap:clamp(64px,8vw,108px)!important;
  align-items:start!important;
  border:0!important;
  border-radius:0!important;
  background:#05092b!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-head .eyebrow{color:#ff6b7c!important}

body.page-home .platform-sequence-head h2{
  max-width:12ch!important;
  margin:14px 0 0!important;
  color:#fff!important;
  font-size:clamp(37px,3.1vw,44px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}

body.page-home .platform-sequence-principle{
  max-width:31ch!important;
  margin:20px 0 0!important;
  color:#f4f5fb!important;
  font-size:16px!important;
  line-height:1.48!important;
}

body.page-home .platform-sequence-intro{
  max-width:38ch!important;
  margin:34px 0 0!important;
  padding:0!important;
}

body.page-home .platform-sequence-statement{
  max-width:31ch!important;
  margin:0 0 13px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.3!important;
}

body.page-home .platform-sequence-intro > p:last-child{
  max-width:40ch!important;
  color:#b9c0d3!important;
  font-size:14px!important;
  line-height:1.62!important;
}

body.page-home .platform-sequence-list{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.17)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-list > li,
body.page-home .platform-sequence-list > li + li{
  display:grid!important;
  grid-template-columns:50px minmax(145px,.7fr) minmax(0,1.3fr)!important;
  gap:24px!important;
  align-items:start!important;
  min-height:0!important;
  padding:26px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.17)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.page-home .platform-sequence-number{
  grid-column:1!important;
  grid-row:1!important;
  padding-top:1px!important;
  font-size:29px!important;
}

body.page-home .platform-sequence-moment{
  grid-column:2!important;
  min-width:0;
}

body.page-home .platform-sequence-path{
  grid-column:3!important;
  min-width:0;
  padding:0 0 0 24px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.17)!important;
}

body.page-home .platform-sequence-moment h3,
body.page-home .platform-sequence-path strong{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.3!important;
}

body.page-home .platform-sequence-moment p,
body.page-home .platform-sequence-path p{
  margin:0!important;
  color:#b9c0d3!important;
  font-size:13.5px!important;
  line-height:1.56!important;
}

body.page-home .platform-sequence-path a{
  margin-top:10px!important;
  color:#f5c451!important;
  font-size:13.5px!important;
}

body.page-home .platform-sequence-path a:focus-visible{
  outline-color:rgba(245,196,81,.55)!important;
}

@media (max-width:980px){
  body.page-home .home-platform-sequence{
    margin-top:48px!important;
    margin-bottom:64px!important;
    padding:60px 34px!important;
    grid-template-columns:1fr!important;
    gap:42px!important;
  }

  body.page-home .platform-sequence-head{
    max-width:720px;
  }

  body.page-home .platform-sequence-head h2{max-width:15ch!important}

  body.page-home .platform-sequence-intro{
    max-width:620px!important;
    margin-top:28px!important;
  }

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:52px minmax(180px,.72fr) minmax(0,1.28fr)!important;
    gap:22px!important;
  }
}

@media (max-width:680px){
  body.page-home .home-platform-sequence{
    margin-top:40px!important;
    margin-bottom:54px!important;
    padding:50px 18px!important;
    gap:34px!important;
  }

  body.page-home .platform-sequence-head h2{
    max-width:14ch!important;
    font-size:clamp(32px,9vw,38px)!important;
  }

  body.page-home .platform-sequence-statement{font-size:18px!important}

  body.page-home .platform-sequence-list > li,
  body.page-home .platform-sequence-list > li + li{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px 12px!important;
    padding:23px 0!important;
  }

  body.page-home .platform-sequence-number{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    font-size:25px!important;
  }

  body.page-home .platform-sequence-moment,
  body.page-home .platform-sequence-path{grid-column:2!important}

  body.page-home .platform-sequence-path{
    padding:11px 0 0!important;
    border-left:0!important;
  }

  body.page-home .platform-sequence-moment p,
  body.page-home .platform-sequence-path p{
    font-size:13px!important;
    line-height:1.52!important;
  }
}
}