/* =========================================================
     MatjarConnect — accueil v2 (design 2025-2026)
     Palette et typos : charte graphique validée, inchangée.
     ========================================================= */
  :root{
    --zellige:#101319;
    --zellige-profond:#0A0C10;
    --safran:#F08A24;
    --safran-profond:#E2790F;
    --safran-action:#C9680A;
    --menthe:#F4F5F7;
    --chaux:#FFFFFF;
    --arche:#F2F4F7;
    --encre:#15181D;
    --secondaire:#5B6472;
    --display:'Readex Pro','Segoe UI',system-ui,sans-serif;
    --texte:'Figtree','Segoe UI',system-ui,sans-serif;
    --mono:ui-monospace,Consolas,'Cascadia Mono',monospace;

    /* Typographie fluide */
    --fs-hero:clamp(2.7rem,1.4rem + 6.2vw,5.2rem);
    --fs-h2:clamp(1.7rem,1.15rem + 2.4vw,2.7rem);
    --fs-h3:clamp(1.05rem,.95rem + .5vw,1.3rem);
    --fs-corps:clamp(1rem,.95rem + .25vw,1.1rem);
    --fs-petit:clamp(.85rem,.8rem + .2vw,.95rem);

    /* Ombres en couches */
    --ombre-carte:0 1px 2px rgba(16,19,25,.05),0 6px 16px rgba(16,19,25,.07),0 20px 40px rgba(16,19,25,.06);
    --ombre-haute:0 2px 4px rgba(16,19,25,.06),0 12px 28px rgba(16,19,25,.12),0 32px 64px rgba(16,19,25,.14);

    /* Grain (bruit SVG en data-URI) */
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  }

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--texte);
    color:var(--encre);
    background:var(--chaux);
    line-height:1.6;
    font-size:var(--fs-corps);
    overflow-x:hidden;
  }
  img,svg{max-width:100%;display:block}
  a{color:var(--safran-profond)}
  :focus-visible{outline:3px solid var(--safran-profond);outline-offset:3px;border-radius:6px}
  .wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}
  h1,h2,h3{text-wrap:balance}
  section{scroll-margin-top:110px}

  /* ---------- Révélations au scroll ---------- */
  .js [data-reveal]{
    opacity:0;transform:translateY(22px);
    transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.25,1);
    transition-delay:var(--d,0s);
  }
  .js [data-reveal].est-visible{opacity:1;transform:none}

  /* ---------- Feston réinterprété : séparateur discret, fin, une couleur ---------- */
  .feston{
    width:176px;height:8px;margin:0 auto;
    background-image:radial-gradient(circle 7px at 50% 0,rgba(16,19,25,.35) 97%,transparent 100%);
    background-size:16px 8px;background-repeat:repeat-x;
  }

  /* ---------- Navbar flottante en pilule ---------- */
  .entete{
    position:fixed;top:clamp(10px,2vw,18px);left:0;right:0;z-index:100;
    padding:0 clamp(12px,3vw,24px);
    display:flex;justify-content:center;
    pointer-events:none;
  }
  .entete-pilule{
    pointer-events:auto;
    display:flex;align-items:center;gap:clamp(8px,2vw,22px);
    width:100%;max-width:920px;
    padding:8px 10px 8px 16px;
    border-radius:999px;
    background:rgba(247,250,248,.68);
    backdrop-filter:blur(18px) saturate(1.4);
    -webkit-backdrop-filter:blur(18px) saturate(1.4);
    border:1px solid rgba(16,19,25,.12);
    box-shadow:0 1px 2px rgba(16,19,25,.05),0 10px 30px rgba(16,19,25,.10);
  }
  .marque{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
  .marque-nom{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--zellige)}
  .marque-nom b{color:var(--safran-profond);font-weight:700}
  .nav-principale{display:flex;gap:2px;margin-left:auto}
  .nav-principale a{
    text-decoration:none;color:var(--encre);font-weight:500;
    padding:8px 14px;border-radius:999px;font-size:.93rem;
    transition:background-color .2s,color .2s;
  }
  .nav-principale a:hover{background:var(--menthe);color:var(--zellige)}
  .btn{
    display:inline-block;text-decoration:none;font-weight:600;font-family:var(--texte);
    border-radius:999px;padding:13px 26px;font-size:1rem;border:2px solid transparent;
    transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;
  }
  .btn:hover{transform:translateY(-1px)}
  .btn-action{background:var(--safran);color:var(--zellige-profond);box-shadow:0 6px 18px rgba(240,138,36,.28)}
  .btn-action:hover{background:#E07A14;color:var(--zellige-profond)}
  .btn-contour{border-color:rgba(16,19,25,.35);color:var(--zellige);background:transparent}
  .btn-contour:hover{background:var(--menthe);border-color:var(--zellige)}
  .entete-pilule .btn{padding:9px 18px;font-size:.9rem;margin-left:auto;flex:0 0 auto}
  .entete-pilule .lang{flex:0 0 auto;margin-left:8px;text-decoration:none;color:var(--encre);font-weight:700;font-size:.78rem;letter-spacing:.08em;
    padding:6px 10px;border-radius:999px;border:1px solid rgba(16,19,25,.25);transition:background-color .2s,color .2s,border-color .2s}
  .entete-pilule .lang:hover{background:var(--menthe);color:var(--zellige);border-color:var(--zellige)}

  /* ---------- Hero : chaux, halos, grain, display géant ---------- */
  .hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(640px 520px at 12% 8%,rgba(240,138,36,.13),transparent 65%),
      radial-gradient(760px 600px at 88% 0%,rgba(16,19,25,.10),transparent 62%),
      radial-gradient(520px 480px at 70% 90%,rgba(244,245,247,.9),transparent 70%),
      var(--chaux);
    padding:clamp(120px,16vw,168px) 0 clamp(56px,8vw,88px);
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:var(--grain);
    opacity:.05;pointer-events:none;mix-blend-mode:multiply;
  }
  .hero-inner{
    position:relative;
    display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,64px);align-items:center;
  }
  .surtitre{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
    color:var(--zellige);background:rgba(244,245,247,.9);
    border:1px solid rgba(16,19,25,.18);
    border-radius:999px;padding:6px 14px;margin-bottom:clamp(18px,3vw,26px);
  }
  .surtitre::before{
    content:"";width:8px;height:8px;border-radius:50%;
    background:var(--safran-profond);
  }
  .hero h1{
    font-family:var(--display);font-weight:700;letter-spacing:-.03em;
    font-size:var(--fs-hero);line-height:1.04;color:var(--zellige);
    margin-bottom:clamp(16px,2.5vw,24px);
  }
  .hero h1 em{font-style:normal;color:var(--safran-profond)}
  .hero-texte{font-size:clamp(1.05rem,1rem + .4vw,1.2rem);color:var(--secondaire);max-width:33rem;margin-bottom:clamp(24px,3.5vw,34px)}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
  .hero-note{font-size:var(--fs-petit);color:var(--secondaire);max-width:32rem}

  /* ---------- Signature restagée : une photo → un catalogue, en profondeur ---------- */
  .scene{position:relative;margin:0;min-height:400px}
  .scene-espace{
    position:relative;height:100%;min-height:400px;
    perspective:1100px;
  }
  .photo-cadre{
    position:absolute;left:0;top:clamp(24px,4vw,48px);
    width:clamp(180px,46%,232px);
    background:#F4EFE4;border-radius:18px;padding:18px 15px 12px;
    transform:rotateY(16deg) rotateX(5deg) rotate(-4deg);
    transform-style:preserve-3d;
    box-shadow:var(--ombre-haute);
    overflow:hidden;
  }
  .rayon{display:flex;gap:5px;margin-bottom:9px}
  .rayon i{height:20px;border-radius:4px;flex:1}
  .rayon i.r1{background:#C9A227}.rayon i.r2{background:#7A9E8E}.rayon i.r3{background:#B5651D}
  .rayon i.r4{background:#8E7CC3}.rayon i.r5{background:#5B8C5A}.rayon i.r6{background:#C97B84}
  .rayon i.large{flex:1.8}
  .etagere{height:4px;background:#D8CDB4;border-radius:2px;margin-bottom:9px}
  .scan{
    position:absolute;left:0;right:0;top:0;height:4px;
    background:var(--safran);box-shadow:0 0 16px 4px rgba(240,138,36,.7);
    animation:balayage 2.8s ease-in-out infinite;
  }
  @keyframes balayage{0%{top:-4px}55%{top:100%}100%{top:100%}}
  .photo-nom{
    font-family:var(--mono);font-size:.68rem;color:#8a7f63;
    text-align:center;margin-top:12px;
  }
  .fleche-ia{
    position:absolute;left:clamp(150px,42%,212px);top:clamp(120px,24vw,164px);z-index:3;
    display:inline-flex;align-items:center;gap:7px;
    font-family:var(--display);font-weight:700;font-size:.75rem;letter-spacing:.06em;
    background:var(--zellige);color:var(--safran);
    border-radius:999px;padding:6px 13px;
    box-shadow:0 8px 20px rgba(10,12,16,.3);
  }
  .fleche-ia svg{width:22px;height:12px}
  .fiches{
    position:absolute;right:0;top:0;width:clamp(220px,62%,300px);
    display:flex;flex-direction:column;gap:14px;z-index:2;
  }
  .fiche{
    display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;
    padding:13px 16px;
    border:1px solid rgba(16,19,25,.08);
    box-shadow:var(--ombre-carte);
    opacity:0;transform:translateY(16px) translateX(8px);
    animation:cascade .6s cubic-bezier(.2,.7,.25,1) forwards;
  }
  .fiche:nth-child(1){animation-delay:.8s;margin-right:clamp(10px,3vw,26px)}
  .fiche:nth-child(2){animation-delay:1.3s;margin-top:6px}
  .fiche:nth-child(3){animation-delay:1.8s;margin-right:clamp(16px,4vw,38px);margin-top:6px;box-shadow:var(--ombre-haute)}
  @keyframes cascade{to{opacity:1;transform:none}}
  .fiche-vignette{width:34px;height:34px;border-radius:9px;flex:0 0 auto}
  .v1{background:#C97B84}.v2{background:#5F7C9E}.v3{background:#A8925A}
  .fiche-infos{min-width:0;flex:1;display:flex;flex-direction:column}
  .fiche-nom{display:block;font-weight:600;font-size:.84rem;color:var(--encre);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fiche-meta{display:block;font-size:.7rem;color:var(--secondaire)}
  .fiche-prix{font-family:var(--mono);font-weight:700;font-size:.84rem;color:var(--zellige);white-space:nowrap}
  .scene figcaption{
    position:absolute;left:0;right:0;bottom:0;
    font-size:var(--fs-petit);color:var(--secondaire);text-align:center;
  }
  .scene figcaption b{color:var(--zellige);font-weight:600}

  /* ---------- Bandeau marquee ---------- */
  .bandeau{
    background:var(--zellige);color:var(--arche);overflow:hidden;
    padding:15px 0;position:relative;
  }
  .bandeau-piste{
    display:flex;width:max-content;
    animation:defilement 36s linear infinite;
  }
  .bandeau:hover .bandeau-piste{animation-play-state:paused}
  @keyframes defilement{to{transform:translateX(-50%)}}
  .bandeau ul{
    display:flex;list-style:none;align-items:center;
    font-family:var(--display);font-weight:500;font-size:.92rem;letter-spacing:.02em;
    white-space:nowrap;
  }
  .bandeau li{display:flex;align-items:center}
  .bandeau li::after{content:"·";color:var(--safran);margin:0 1.6rem;font-weight:700}

  /* ---------- Sections communes ---------- */
  .section{padding:clamp(64px,9vw,104px) 0}
  .section-titre{
    font-family:var(--display);font-weight:700;letter-spacing:-.025em;
    font-size:var(--fs-h2);color:var(--zellige);margin-bottom:12px;line-height:1.15;
  }
  .section-intro{color:var(--secondaire);max-width:44rem;margin-bottom:clamp(32px,5vw,48px);font-size:var(--fs-corps)}

  /* ---------- Étapes ---------- */
  .etapes{background:var(--menthe);border-top:1px solid rgba(16,19,25,.06)}
  .etapes-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px)}
  .etape{
    background:#fff;border-radius:24px;padding:clamp(24px,3vw,32px);
    box-shadow:var(--ombre-carte);
    transition:transform .25s cubic-bezier(.2,.7,.25,1),box-shadow .25s;
  }
  .etape:hover{transform:translateY(-4px);box-shadow:var(--ombre-haute)}
  .etape-num{
    display:flex;align-items:center;justify-content:center;
    width:52px;height:58px;margin-bottom:18px;
    background:var(--zellige);color:var(--safran);
    font-family:var(--display);font-weight:700;font-size:1.4rem;
    border-radius:26px 26px 9px 9px; /* l'arche du monogramme */
  }
  .etape h3{font-family:var(--display);font-weight:600;font-size:var(--fs-h3);color:var(--encre);margin-bottom:8px}
  .etape p{color:var(--secondaire);font-size:.97rem}

  /* ---------- Bento fonctionnalités ---------- */
  .bento{
    display:grid;grid-template-columns:repeat(4,1fr);
    grid-auto-rows:minmax(150px,auto);gap:clamp(12px,1.6vw,18px);
  }
  .cellule{
    background:#fff;border:1px solid rgba(16,19,25,.09);border-radius:26px;
    padding:clamp(20px,2.4vw,28px);
    display:flex;flex-direction:column;justify-content:flex-start;gap:8px;
    box-shadow:0 1px 2px rgba(16,19,25,.04);
    transition:transform .25s cubic-bezier(.2,.7,.25,1),box-shadow .25s,border-color .25s;
  }
  .cellule:hover{transform:translateY(-5px);box-shadow:var(--ombre-haute);border-color:rgba(16,19,25,.22)}
  .cellule h3{font-family:var(--display);font-weight:600;font-size:var(--fs-h3);color:var(--zellige);line-height:1.25}
  .cellule p{font-size:.92rem;color:var(--secondaire)}
  .cellule-etiquette{
    font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;
    color:var(--safran-profond);
  }
  .c-2x2{grid-column:span 2;grid-row:span 2}
  .c-large{grid-column:span 2}
  .c-menthe{background:var(--menthe);border-color:rgba(16,19,25,.12)}
  .c-menthe .cellule-etiquette{color:var(--safran-action)} /* AA sur fond menthe */
  .c-zellige{background:var(--zellige);border-color:var(--zellige)}
  .c-zellige h3{color:#fff}
  .c-zellige p{color:rgba(242,244,247,.85)}
  .c-zellige .cellule-etiquette{color:var(--safran)}

  /* Mini-démo import IA dans la grande cellule */
  .c-2x2{justify-content:space-between;gap:18px}
  .demo-ia{display:flex;flex-direction:column;gap:12px;margin-top:6px}
  .demo-sources{display:flex;gap:8px;flex-wrap:wrap}
  .demo-source{
    font-family:var(--mono);font-size:.7rem;color:var(--arche);
    background:rgba(242,244,247,.1);border:1px dashed rgba(242,244,247,.35);
    border-radius:999px;padding:5px 12px;
  }
  .demo-fleche{
    align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
    font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.06em;
    color:var(--zellige-profond);background:var(--safran);
    border-radius:999px;padding:4px 12px;
  }
  .demo-lignes{display:flex;flex-direction:column;gap:8px}
  .demo-ligne{
    display:flex;align-items:center;gap:10px;
    background:rgba(242,244,247,.08);border-radius:12px;padding:9px 12px;
  }
  .demo-coche{
    flex:0 0 auto;width:18px;height:18px;border-radius:50%;
    background:var(--safran);color:var(--zellige-profond);
    display:flex;align-items:center;justify-content:center;
    font-size:.7rem;font-weight:700;
  }
  .demo-texte{font-size:.8rem;color:var(--arche);min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .demo-texte b{color:#fff;font-weight:600}

  /* ---------- Formules ---------- */
  .formules{background:var(--menthe);border-top:1px solid rgba(16,19,25,.06)}
  .formules-grille{
    display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px);
    align-items:stretch;
  }
  .formule{
    background:#fff;border:1px solid rgba(16,19,25,.1);border-radius:28px;
    padding:clamp(26px,3vw,36px) clamp(22px,2.6vw,30px);
    display:flex;flex-direction:column;gap:14px;position:relative;
    box-shadow:var(--ombre-carte);
    transition:transform .25s cubic-bezier(.2,.7,.25,1),box-shadow .25s;
  }
  .formule:hover{transform:translateY(-5px);box-shadow:var(--ombre-haute)}
  .formule--phare{
    background:var(--zellige);border-color:var(--zellige);
    box-shadow:var(--ombre-haute);
  }
  .formule--phare h3{color:#fff}
  .formule--phare .formule-pour{color:rgba(242,244,247,.85)}
  .formule--phare ul{color:var(--arche)}
  .formule--phare li::before{background:var(--safran)}
  .formule-badge{
    position:absolute;top:-14px;left:26px;background:var(--safran-profond);color:#fff;
    font-size:.75rem;font-weight:600;border-radius:999px;padding:4px 14px;
    box-shadow:0 6px 14px rgba(240,138,36,.3);
  }
  .formule h3{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);color:var(--zellige)}
  .formule-pour{color:var(--secondaire);font-size:.95rem;flex:1}
  .formule ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:.93rem}
  .formule li{padding-left:22px;position:relative}
  .formule li::before{
    content:"";position:absolute;left:0;top:6px;width:9px;height:11px;
    border-radius:5px 5px 2px 2px;background:var(--zellige);
  }
  .formule .btn{text-align:center}
  .formule--phare .btn-action{background:var(--safran);color:var(--zellige-profond);box-shadow:none}
  .formule--phare .btn-action:hover{background:#F6A54F}
  .formules-note{
    margin-top:clamp(24px,4vw,36px);background:#fff;border-radius:18px;
    padding:20px 24px;font-size:.95rem;color:var(--encre);max-width:54rem;
    border:1px solid rgba(16,19,25,.1);
  }
  @media (min-width:961px){
    .formule--phare{transform:scale(1.03)}
    .formule--phare:hover{transform:scale(1.03) translateY(-5px)}
  }

  /* ---------- Contact ---------- */
  .contact-carte{
    position:relative;overflow:hidden;
    background:
      radial-gradient(480px 380px at 85% 15%,rgba(240,138,36,.16),transparent 65%),
      var(--zellige);
    color:var(--arche);border-radius:32px;
    padding:clamp(36px,5vw,56px) clamp(26px,4.5vw,48px);
    display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;
  }
  .contact-carte::before{
    content:"";position:absolute;inset:0;background-image:var(--grain);
    opacity:.06;pointer-events:none;
  }
  .contact-carte>*{position:relative}
  .contact-carte h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,1.2rem + 1.6vw,2.2rem);color:#fff;margin-bottom:10px;letter-spacing:-.02em}
  .contact-carte p{color:rgba(242,244,247,.85)}
  .contact-coords{display:flex;flex-direction:column;gap:14px;font-size:1.02rem}
  .contact-coords a{color:#fff;font-weight:600;text-decoration:none;border-bottom:2px solid var(--safran)}
  .contact-coords a:hover{color:var(--safran)}
  .contact-coords span{font-family:var(--mono);font-size:.78rem;color:rgba(242,244,247,.65)}

  /* ---------- Pied de page ---------- */
  .pied{background:var(--zellige-profond);color:rgba(242,244,247,.8);padding:40px 0 44px;margin-top:clamp(56px,8vw,88px)}
  .pied .feston{
    background-image:radial-gradient(circle 7px at 50% 0,rgba(242,244,247,.4) 97%,transparent 100%);
    margin-bottom:32px;
  }
  .pied-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
  .pied .marque-nom{color:#fff;font-size:1.05rem}
  .pied .marque-nom b{color:var(--safran)}
  .pied nav{display:flex;gap:18px;flex-wrap:wrap}
  .pied nav a{color:rgba(242,244,247,.8);text-decoration:none;font-size:.9rem}
  .pied nav a:hover{color:var(--safran)}
  .pied-mention{font-size:.85rem;width:100%;margin-top:14px;color:rgba(242,244,247,.6)}

  /* ---------- Responsive ---------- */
  @media (max-width:1020px){
    .bento{grid-template-columns:repeat(2,1fr)}
    .c-2x2{grid-column:span 2}
  }
  @media (max-width:960px){
    .hero-inner{grid-template-columns:1fr;gap:56px}
    .scene{min-height:0}
    .scene-espace{min-height:380px}
    .etapes-grille,.formules-grille{grid-template-columns:1fr;max-width:34rem}
    .contact-carte{grid-template-columns:1fr}
  }
  @media (max-width:800px){
    .nav-principale{display:none}
  }
  @media (max-width:640px){
    .bento{grid-template-columns:1fr}
    .c-2x2,.c-large{grid-column:auto;grid-row:auto}
    .scene-espace{min-height:0;perspective:none;display:flex;flex-direction:column;gap:18px;align-items:center}
    .photo-cadre{position:static;width:200px;transform:rotate(-2.5deg)}
    .fleche-ia{position:static;align-self:center}
    .fiches{position:static;width:100%;max-width:320px}
    .fiche:nth-child(1),.fiche:nth-child(3){margin-right:0}
    .scene figcaption{position:static;margin-top:20px}
  }

  /* ---------- Mouvement réduit : tout est neutralisé ---------- */
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation:none !important;transition:none !important}
    .js [data-reveal]{opacity:1;transform:none}
    .fiche{opacity:1;transform:none}
    .scan{top:38%}
    .bandeau-piste{animation:none !important;flex-wrap:wrap;width:auto}
    .bandeau ul{flex-wrap:wrap;white-space:normal;justify-content:center;row-gap:6px;padding:0 16px}
    .bandeau ul[aria-hidden="true"]{display:none}
  }

  /* ---------- Pages internes (contact, mentions légales, confidentialité) ---------- */
  .page-interne{max-width:760px;margin:0 auto;padding:clamp(130px,18vw,180px) clamp(16px,4vw,24px) clamp(56px,8vw,88px)}
  .page-interne h1{font-family:var(--display);font-weight:700;letter-spacing:-.025em;font-size:var(--fs-h2);color:var(--zellige);margin-bottom:14px}
  .page-interne h2{font-family:var(--display);font-weight:600;font-size:var(--fs-h3);color:var(--zellige);margin:26px 0 8px}
  .page-interne p{margin-bottom:12px}
  .page-interne form{display:flex;flex-direction:column;gap:12px;margin-top:18px}
  .page-interne label{font-weight:600}
  .page-interne input,.page-interne textarea,.page-interne select{font:inherit;padding:10px 12px;border:1px solid rgba(16,19,25,.25);border-radius:12px;background:#fff;width:100%;box-sizing:border-box}
  .page-interne textarea{min-height:140px}
  .page-interne button[type=submit]{align-self:flex-start;font:inherit;font-weight:600;background:var(--safran-profond);color:#fff;border:0;border-radius:999px;padding:13px 26px;cursor:pointer;transition:background-color .2s}
  .page-interne button[type=submit]:hover{background:var(--safran-action)}

  /* ---------- Pages légales ---------- */
  .page-interne .intro{color:var(--secondaire);font-size:var(--fs-corps);margin-bottom:24px}
  .page-interne ul{margin:6px 0 20px;padding-left:20px}
  .page-interne li{margin-bottom:8px}
  .page-interne .lbl{font-weight:600;color:var(--zellige)}
  .legal h2{padding-bottom:8px;border-bottom:1px solid rgba(16,19,25,.18)}
  .legal-foot{margin-top:40px;padding-top:18px;border-top:1px solid rgba(16,19,25,.18);font-size:var(--fs-petit);color:var(--secondaire)}