/* Maquette carbondata.ch, feuille commune aux pages.
   Palette : CarbonData Theme.json. Typographie : Poppins + Open Sans. */

:root{
  --ink:#0C2430; --teal:#1A6173; --green:#249048; --sea:#5BA8A0;
  --mist:#D8E4E4; --paper:#fff; --shell:#F4F8F8; --slate:#5E6F78; --line:#E0EAEA;
  --gold:#C9A227;
  --title:"Poppins","Open Sans",system-ui,sans-serif;
  --body:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --wrap:1180px; --r:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);
     font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--title);font-weight:600;line-height:1.15;margin:0}
p{margin:0}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.band{padding:96px 0}
.band--shell{background:var(--shell)}
.band--ink{background:var(--ink);color:#fff}
.eyebrow{font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.band--ink .eyebrow{color:var(--sea)}
.h-sec{font-size:clamp(1.7rem,2.6vw,2.15rem);letter-spacing:-.015em;margin:14px 0 16px;max-width:24ch}
.lead{font-size:1.1rem;color:var(--slate);max-width:64ch}
.lead.small{font-size:.94rem}
.band--ink .lead{color:#B9C7CC}
.flag{background:var(--gold);color:#1a1400;font-size:.75rem;letter-spacing:.08em;
      text-transform:uppercase;text-align:center;padding:5px}

/* navigation */
header.site{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
            backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--title);font-weight:500;
       font-size:1.05rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.brand b{font-weight:600;color:var(--teal)}
.brand .logo{flex:none;display:block;border-radius:50%}
.brand--light{color:#fff}.brand--light b{color:var(--sea)}
.brand--big{align-items:center;gap:14px}
.brand--big span{display:flex;flex-direction:column;line-height:1.2;font-weight:600;letter-spacing:.04em}
.brand--big small{font-family:var(--body);font-weight:400;font-size:.72rem;letter-spacing:0;color:#9aa1ab;margin-top:3px}
.ticks em{font-style:normal}
.nav-toggle{display:none}
.burger{display:none}
nav.main{display:flex;gap:26px;font-size:.92rem}
nav.main a{text-decoration:none;color:var(--slate)}
nav.main a:hover,nav.main a[aria-current]{color:var(--ink)}
.spacer{margin-left:auto}
nav.main .nav-blog{margin-left:38px;padding-left:22px;border-left:1px solid var(--line)}
.langs{display:flex;gap:10px;font-size:.78rem;color:var(--slate)}
.langs b{color:var(--ink)}
.btn{display:inline-block;font-weight:600;font-size:.92rem;padding:11px 22px;
     border-radius:var(--r);text-decoration:none;white-space:nowrap;border:0;cursor:pointer}
.btn--go{background:var(--green);color:#fff}
.btn--go:hover{filter:brightness(1.1)}
.btn--line{border:1px solid var(--line);color:var(--ink);background:#fff}
.btn--line:hover{border-color:var(--teal);color:var(--teal)}
.btn--ghost{border:1px solid rgba(255,255,255,.28);color:#fff}
.btn--ghost:hover{border-color:#fff}

/* héros */
.hero{background:linear-gradient(180deg,var(--shell) 0%,#fff 100%);
      padding:88px 0 76px;border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(2.2rem,4.2vw,3.3rem);letter-spacing:-.022em;margin-top:16px}
.hero .lead{margin-top:22px;font-size:1.16rem}
.lead--m{display:none}
.cta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.ticks{margin-top:28px;display:flex;gap:22px;flex-wrap:wrap;font-size:.88rem;color:var(--slate)}
.ticks i{font-style:normal;color:var(--green);font-weight:700;margin-right:6px}

.viz{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:0;
     box-shadow:0 24px 60px -30px rgba(12,36,48,.45)}
.viz .row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.kpi{background:var(--shell);border-radius:8px;padding:12px 14px}
.kpi b{display:block;font-family:var(--title);font-size:1.5rem;line-height:1.1}
.kpi small{color:var(--slate);font-size:.72rem}
.bars{display:flex;flex-direction:column;gap:9px}
.bar{display:grid;grid-template-columns:104px 1fr auto;align-items:center;gap:10px;font-size:.76rem}
.bar span{color:var(--slate)}
.bar u{display:block;height:15px;border-radius:3px;background:var(--teal);text-decoration:none}
.bar em{font-style:normal;color:var(--slate);font-size:.72rem}
.viz figcaption{margin-top:16px;font-size:.75rem;color:var(--slate);text-align:right}

.hero--plain .wrap{grid-template-columns:1fr;gap:0}
.hero--plain h1{max-width:none}
.hero--plain .lead{margin-top:22px;font-size:1.18rem;max-width:60ch}

/* démo */
#demo{background:var(--ink);position:relative}
#demo .wrap{position:relative}
.proof{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.frame{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);
       box-shadow:0 30px 70px -30px rgba(0,0,0,.6);background:#fff}
.frame iframe{display:block;width:100%;height:430px;border:0}

/* trois actes */
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:52px}
.act{border-top:2px solid var(--teal);padding-top:22px}
.act-t{display:none}
.act h3 label{cursor:default}
.why-conf{margin-top:46px}
.pull{margin-top:18px}
.act .n{font-family:var(--title);font-weight:300;font-size:2.5rem;color:var(--mist);line-height:1}
.act h3{font-size:1.28rem;margin:6px 0 12px}
.act p{color:var(--slate);font-size:.97rem}
.act p+p{margin-top:10px}

/* les six étapes : une seule rangée sur un trait, les pastilles posées dessus, le texte
   dessous. Sur mobile, la frise verticale (bloc @media en fin de fichier). */
.steps{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0 18px;margin-top:52px}
.steps::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--mist)}
.step{position:relative;padding-top:46px}
.step .k{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;
         display:grid;place-items:center;font-size:.72rem;font-weight:700;letter-spacing:0;box-shadow:0 0 0 6px #fff}
.step b{font-family:var(--title);font-size:.95rem;display:block;margin:0 0 8px}
.step p{font-size:.84rem;color:var(--slate)}

.more{margin-top:14px;font-size:.9rem;color:var(--slate)}
.more summary{cursor:pointer;color:var(--teal);font-weight:600;list-style:none}
.more summary::before{content:"+ ";}
.more[open] summary::before{content:"- ";}
.more p{margin-top:8px}

/* encart signature */
.pull{border-left:3px solid var(--green);background:var(--shell);
      border-radius:0 var(--r) var(--r) 0;padding:26px 30px;display:grid;
      grid-template-columns:1fr auto;gap:32px;align-items:center}
.pull h4{font-size:1.1rem;margin-bottom:8px}
.pull p{color:var(--slate);font-size:.95rem;max-width:70ch}
.conf{display:flex;gap:8px}
.conf span{font-size:.72rem;font-weight:700;padding:6px 11px;border-radius:99px;
           background:#fff;border:1px solid var(--line);color:var(--slate);white-space:nowrap}
.conf span:first-child{border-color:var(--green);color:var(--green)}

/* cartes */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.card{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:#fff}
.card h4{font-size:1.02rem;margin-bottom:8px}
.card p{font-size:.89rem;color:var(--slate)}
.card .dot{width:26px;height:26px;border-radius:7px;background:var(--mist);display:grid;
           place-items:center;color:var(--teal);font-weight:700;font-size:.78rem;margin-bottom:14px}

/* offres */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.tier{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fff;
      display:flex;flex-direction:column;gap:14px}
.tier--mid{border-color:var(--teal);box-shadow:0 18px 44px -28px rgba(26,97,115,.55)}
.tier h3{font-size:1.2rem}
.tier .scope{font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--teal);
             text-transform:uppercase}
.tier ul{margin:0;padding-left:18px;color:var(--slate);font-size:.9rem}
.tier li{margin-bottom:7px}
.tier .btn{margin-top:auto;text-align:center}
.tag{align-self:flex-start;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
     background:var(--mist);color:var(--teal);padding:4px 10px;border-radius:99px;font-weight:700}

/* deux colonnes */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.split blockquote{margin:0;font-family:var(--title);font-weight:300;font-size:1.4rem;
                  line-height:1.45;letter-spacing:-.01em}

.vision>div{margin-bottom:22px}
.vision .k{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:4px}
.vision p{color:var(--slate)}
.vision>div:first-child p{color:var(--ink);font-size:1.08rem}
.vision .quote blockquote{margin:0;border-left:3px solid var(--green);padding-left:20px;font-family:var(--title);
                          font-weight:300;font-size:1.3rem;line-height:1.45;color:var(--ink)}

.essay p{font-size:1.06rem;color:var(--ink);margin-bottom:18px}
.essay p:first-child{font-family:var(--title);font-weight:300;font-size:1.3rem;line-height:1.45;letter-spacing:-.01em}

/* chiffres */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:46px}
.stat b{display:block;font-family:var(--title);font-weight:300;font-size:2.4rem;
        letter-spacing:-.02em;color:var(--teal)}
.stat p{font-size:.9rem;color:var(--slate);margin-top:6px}

/* blog */
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px}
.post{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--r);
      padding:24px;background:#fff;transition:border-color .15s}
.post:hover{border-color:var(--teal)}
.post .k{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.post h4{font-size:1rem;margin:10px 0 10px;line-height:1.35}
.post p{font-size:.86rem;color:var(--slate)}

/* grille des offres */
.todo{margin-top:14px;font-size:.82rem;color:#7a5a00;background:#fff6d6;border:1px solid #f0dc9a;
      padding:8px 12px;border-radius:6px;display:inline-block}
.gridwrap{overflow-x:auto;margin-top:26px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.grid{border-collapse:collapse;width:100%;font-size:.92rem;min-width:640px}
.grid th,.grid td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line)}
.grid thead th{font-family:var(--title);font-size:.95rem;background:var(--shell)}
.grid thead th:not(:first-child),.grid td.c{text-align:center;width:150px}
.grid tr.grp th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);
                background:#fafcfc;padding-top:16px}
.grid td.c{color:var(--green);font-weight:700}
.grid td.c.on{color:var(--slate);font-weight:600}
.grid td.c:empty::after{content:"·";color:var(--mist)}
.legend{margin-top:14px;font-size:.85rem;color:var(--slate)}
.legend span{color:var(--green);font-weight:700}

/* blog : le point de vue en tête */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-decoration:none;
         background:var(--ink);color:#fff;border-radius:14px;padding:40px 44px;margin-bottom:28px}
.feature .k{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sea)}
.feature h2{font-size:1.5rem;margin:10px 0 12px;max-width:18ch}
.feature p{color:#B9C7CC;font-size:.95rem}
.feature .more{display:inline-block;margin-top:16px;font-size:.85rem;font-weight:600;color:#fff;border-bottom:1px solid var(--sea)}
.feature blockquote{margin:0;font-family:var(--title);font-weight:300;font-size:1.3rem;line-height:1.45;
                    border-left:3px solid var(--green);padding-left:22px}

/* blog & articles */
.posts--2{grid-template-columns:repeat(2,1fr)}
.post--big h3{font-size:1.2rem;margin:10px 0 12px;line-height:1.3}
.post .more{display:inline-block;margin-top:14px;font-size:.82rem;font-weight:600;color:var(--teal)}
.wrap.narrow{max-width:780px}
.back{font-size:.85rem;color:var(--teal);text-decoration:none}
.article h1{font-size:clamp(1.8rem,3.2vw,2.5rem);letter-spacing:-.02em;margin:14px 0 8px;max-width:22ch;overflow-wrap:anywhere}
h1,h2,h3,h4{overflow-wrap:anywhere}
.article .date{font-size:.85rem;color:var(--slate);margin-bottom:34px}
.prose{overflow-wrap:anywhere}
.prose table{border-collapse:collapse;width:100%;margin:22px 0 26px;font-size:.9rem;display:block;overflow-x:auto;max-width:100%}
.prose td,.prose th{border:1px solid var(--line);padding:9px 12px;vertical-align:top}
.prose tr:first-child td{background:var(--shell);font-weight:600}
.prose a{color:var(--teal)}
.prose h2{font-size:1.4rem;margin:36px 0 12px}
.prose h3{font-size:1.12rem;margin:30px 0 10px}
.prose p{margin:0 0 16px;color:#2b3e4a}
.prose ul{margin:0 0 16px;padding-left:22px;color:#2b3e4a}
.prose li{margin-bottom:6px}
.prose blockquote{margin:22px 0;border-left:3px solid var(--green);padding-left:20px;color:var(--slate)}

/* démo plein écran */
.demo-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:34px;padding-bottom:18px;flex-wrap:wrap}
.demo-bar h1{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:8px}
.demo-bar .lead{max-width:52ch}
.demo-frame{padding:0 12px 24px}
.demo-frame iframe{display:block;width:100%;height:calc(100vh - 72px - 150px);min-height:560px;border:1px solid var(--line);border-radius:var(--r);background:#fff}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form input,.form textarea{font:inherit;font-size:.92rem;padding:12px 14px;border-radius:8px;
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}
.form input::placeholder,.form textarea::placeholder{color:#8fa3ab}
.form input,.form textarea{min-width:0;width:100%}
.form .full{grid-column:1/-1}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form textarea{min-height:104px;resize:vertical}

footer.site{background:var(--ink);color:#8fa3ab;font-size:.85rem;
            border-top:1px solid rgba(255,255,255,.08);padding:34px 0}
footer.site .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}
footer.site a{color:#B9C7CC;text-decoration:none}
footer.site a:hover{color:#fff}
.foot-brand p{margin:14px 0 20px;max-width:34ch}
.foot-col{display:flex;flex-direction:column;gap:9px}
.foot-col b{color:#fff;font-family:var(--title);font-weight:600;margin-bottom:4px}
.caa{display:inline-flex;align-items:center;gap:14px;color:#B9C7CC;border:1px solid rgba(255,255,255,.14);
     border-radius:var(--r);padding:10px 14px;text-decoration:none}
.caa img{display:block;height:52px;width:auto}
.social{display:inline-flex;align-items:center;gap:8px}
.caa:hover{border-color:var(--sea);color:#fff}
.caa span{display:flex;flex-direction:column;line-height:1.25}
.caa b{color:#fff;font-size:.82rem}
.caa small{font-size:.72rem}
.foot-bottom{grid-column:1/-1;display:flex;gap:24px;padding-top:22px;margin-top:8px;
             border-top:1px solid rgba(255,255,255,.08)}

@media (max-width:1000px){
  .hero .wrap,.proof,.split,.contact{grid-template-columns:1fr;gap:38px}
  .acts,.cards,.tiers{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(3,1fr);gap:26px 18px}
  .steps::before{display:none}
  .stats,.posts,.posts--2{grid-template-columns:repeat(2,1fr)}
  footer.site .foot{grid-template-columns:1fr}
  .pull{grid-template-columns:1fr}
  .band{padding:64px 0}
  /* menu mobile : sans script, une case à cocher cachée ouvre la navigation */
  header.site .wrap{gap:14px;flex-wrap:wrap;height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}
  .burger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;order:5;
          border:1px solid var(--line);border-radius:8px;cursor:pointer;margin-left:6px}
  .burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;background:var(--ink);position:relative}
  .burger span::before,.burger span::after{content:"";position:absolute;left:0}
  .burger span::before{top:-6px}.burger span::after{top:6px}
  nav.main{display:none;order:10;flex-basis:100%;flex-direction:column;gap:0;
           border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
  nav.main a{padding:10px 2px;font-size:1rem}
  .nav-toggle:checked ~ nav.main{display:flex}
  .spacer{display:none}
  .langs{order:3;margin-left:auto}
  header.site .btn{order:4;padding:9px 14px;font-size:.85rem}
  .form{grid-template-columns:1fr}
}
@media (max-width:600px){
  .posts,.posts--2,.stats{grid-template-columns:1fr}
  .post,.card,.tier,.step{overflow-wrap:anywhere}
}
@media (max-width:480px){
  .brand span{display:none}
  .wrap{padding:0 18px}
  .hero{padding:48px 0 40px}
  .hero h1{font-size:2rem}
}

/* ── Mobile : un autre rythme, pas une colonne de cartes ─────────────────────
   Frise pour les étapes, accordéon pour les trois actes, défilement latéral pour
   ce qui se compare (offres, articles), deux colonnes compactes pour les cas d'usage,
   trois ruptures de couleur. Même HTML, mêmes textes. */
@media (max-width:820px){
  .band{padding:52px 0}
  .h-sec{font-size:1.55rem;margin:10px 0 12px}
  .lead{font-size:1rem}
  /* héros : texte court, un bouton, les chiffres tout de suite */
  .hero{padding:40px 0 34px}
  .hero h1{font-size:2.05rem}
  .hero .lead--d,.hero .ticks,.hero .btn--line{display:none}
  .hero .lead--m{display:block;margin-top:16px;font-size:1.02rem}
  .hero .wrap{gap:26px}
  .cta{margin-top:22px}
  .viz{padding:16px}
  .viz .row{gap:8px;margin-bottom:12px}
  .kpi{padding:9px 10px}
  .kpi b{font-size:1.25rem}
  .bars{gap:6px}
  /* démo : aperçu plus bas */
  .frame iframe{height:300px}
  /* comment : frise d'abord, accordéon ensuite */
  #comment .wrap{display:flex;flex-direction:column}
  #comment .eyebrow{order:0}#comment .h-sec{order:1}#comment .lead:not(.why-conf){order:2}
  .steps{order:3;display:block;margin-top:28px}
  .steps::before{display:none}
  .step{padding:0 0 22px 44px}
  .step::before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:2px;background:var(--line)}
  .step:last-child::before{display:none}
  .step .k{width:28px;height:28px;font-size:.68rem;box-shadow:none;background:var(--mist);color:var(--ink)}
  .step b{font-size:1rem}
  .step p{font-size:.88rem}
  .feature{grid-template-columns:1fr;gap:20px;padding:26px 22px}
  nav.main .nav-blog{margin-left:0;padding-left:2px;border-left:0}
  .step b{margin:4px 0 4px;font-size:1rem}
  .step p{font-size:.88rem}
  .why-conf{order:4;margin-top:22px}
  .pull{order:5;margin-top:14px;padding:18px 18px}
  .acts{order:6;display:block;margin-top:34px;border-top:1px solid var(--line)}
  .act{border-top:0;border-bottom:1px solid var(--line);padding:0;position:relative}
  .act .n{position:absolute;left:0;top:15px;font-size:.78rem;font-weight:700;color:var(--teal);letter-spacing:.1em}
  .act h3{margin:0;font-size:1.05rem}
  .act h3 label{display:block;cursor:pointer;padding:15px 34px 15px 34px;position:relative}
  .act h3 label::after{content:"+";position:absolute;right:4px;top:11px;font-weight:300;font-size:1.5rem;color:var(--teal)}
  .act-t:checked ~ h3 label::after{content:"–"}
  .act-b{display:none;padding:0 0 18px 34px}
  .act-t:checked ~ .act-b{display:block}
  /* cas d'usage : deux colonnes compactes */
  .cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
  .card{padding:14px 14px 16px}
  .card .dot{width:22px;height:22px;font-size:.7rem;margin-bottom:9px}
  .card h4{font-size:.92rem;margin-bottom:5px}
  .card p{font-size:.8rem}
  /* offres : défilement latéral, la formule conseillée d'abord */
  .tiers{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin:26px -18px 0;
         padding:6px 18px 14px;scrollbar-width:none}
  .tiers::-webkit-scrollbar{display:none}
  .tier{flex:0 0 82%;scroll-snap-align:center;padding:22px}
  .tier--mid{order:-1}
  /* point de vue : la citation seule, sur fond sombre */
  #pourquoi{background:var(--ink);color:#fff}
  #pourquoi .eyebrow{color:var(--sea)}
  #pourquoi .split{gap:22px}
  #pourquoi blockquote{color:#fff;font-size:1.3rem}
  #pourquoi .lead{color:#B9C7CC;font-size:.95rem}
  #pourquoi .btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
  /* blog : défilement latéral, deux cartes visibles */
  .posts{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;margin:26px -18px 0;
         padding:4px 18px 14px;scrollbar-width:none}
  .posts::-webkit-scrollbar{display:none}
  .post{flex:0 0 72%;scroll-snap-align:start;padding:18px}
  /* la page blog liste, elle ne fait pas défiler */
  .posts--2{display:grid;grid-template-columns:1fr;gap:12px;margin:0;padding:0}
  .posts--2 .post{flex:none}
  /* pourquoi : chiffres et leviers */
  .stats{grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:26px}
  .stat b{font-size:1.9rem}
  .contact{gap:26px}
}