:root{
    --coral:#FF5E4A; --coral100:#FFE0DA; --coral700:#B83626; --coralDeep:#D93C28;
    --deepForest:#0E2A1F; --forest3:#173d2b;
    --cream:#FAF6EE; --softWhite:#FCF8F2; --warm:#FFF2EC;
    --gold:#D4AF37; --goldLight:#F0D98A; --sage:#6B7F6B; --green:#1F9D57; --greenLight:#E6F4EA;
    --border:#ECE5D9;
    --inter:'Inter',system-ui,sans-serif; --serif:'Fraunces',Georgia,serif; --mono:'JetBrains Mono',monospace;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:clip;}
  body{margin:0;font-family:var(--inter);color:var(--deepForest);overflow-x:clip;
    background:linear-gradient(152deg,var(--cream) 0%,#FBF3EA 48%,#FDEDE1 82%,#FCE7D9 100%);background-attachment:fixed;
    -webkit-font-smoothing:antialiased;}
  h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.025em;line-height:.98;margin:0;}
  p{margin:0;}
  .eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--coral700);display:inline-flex;align-items:center;gap:11px;}
  .eyebrow::before{content:"";width:30px;height:1px;background:var(--coral);}
  .btn{font-family:var(--inter);font-weight:600;font-size:15.5px;border:none;cursor:pointer;border-radius:999px;padding:15px 28px;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:9px;}
  .btn-coral{background:var(--coral);color:#fff;box-shadow:0 12px 30px rgba(255,94,74,.32);}
  .btn-coral:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(255,94,74,.42);}
  .btn-ghost{background:transparent;color:var(--deepForest);border:1.5px solid var(--deepForest);}
  .btn-ghost:hover{background:var(--deepForest);color:var(--cream);}

  /* ===== nav ===== */
  .nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:52px;padding:22px 6vw;transition:background .3s,padding .3s,box-shadow .3s;}
  .nav.scrolled{background:rgba(250,246,238,.82);backdrop-filter:blur(14px);padding:14px 6vw;box-shadow:0 1px 0 var(--border);}
  .logo{display:inline-block;white-space:nowrap;flex:0 0 auto;line-height:1;font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--deepForest);}
  .logo .pop{color:var(--coral);}
  .logo .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;vertical-align:middle;margin-left:3px;box-shadow:0 0 10px rgba(212,175,55,.8);}
  .nav-links{display:flex;flex:0 1 auto;justify-content:center;align-items:center;gap:30px;font-size:14.5px;font-weight:600;white-space:nowrap;}
  .nav-links a{position:relative;color:var(--deepForest);text-decoration:none;opacity:.78;transition:opacity .18s;}
  .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--coral);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.4,0,.2,1);}
  .nav-links a:hover{opacity:1;} .nav-links a.active{opacity:1;}
  .nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1);}
  .nav-right{display:flex;flex:0 0 auto;align-items:center;gap:14px;}
  .nav .btn{padding:11px 20px;font-size:14.5px;}
  .nav-indep{font-size:13px;font-weight:600;color:var(--sage);text-decoration:none;opacity:.85;white-space:nowrap;transition:.18s;}
  .nav-indep:hover{color:var(--coral);opacity:1;}
  .navtoggle{display:none;flex-direction:column;gap:5px;width:44px;height:44px;border:1px solid var(--border);border-radius:13px;background:rgba(250,246,238,.7);align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;}
  .navtoggle span{display:block;width:19px;height:2px;background:var(--deepForest);border-radius:2px;transition:.26s cubic-bezier(.4,0,.2,1);}
  .navtoggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .navtoggle.open span:nth-child(2){opacity:0;}
  .navtoggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .mobilemenu{position:fixed;top:0;left:0;right:0;z-index:190;background:rgba(250,246,238,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 44px rgba(14,42,31,.15);border-bottom:1px solid var(--border);padding:98px 7vw 30px;display:flex;flex-direction:column;transform:translateY(-115%);transition:transform .36s cubic-bezier(.4,0,.2,1);}
  .mobilemenu.open{transform:translateY(0);}
  .mobilemenu .mlink{font-family:var(--serif);font-size:23px;font-weight:500;color:var(--deepForest);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--border);transition:color .18s;}
  .mobilemenu .mlink.active{color:var(--coral);}
  .mobilemenu .mbtns{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
  .mobilemenu .mbtns .btn{width:100%;justify-content:center;text-align:center;padding:15px;font-size:15px;}
  .mobilemenu .mindep{margin-top:18px;font-size:14px;font-weight:600;color:var(--sage);text-decoration:none;}
  .mobilemenu .mindep:hover{color:var(--coral);}
  html{scroll-behavior:smooth;}
  section[id],footer[id]{scroll-margin-top:86px;}

  /* ===== 3D stage (téléphone fixe) ===== */
  #stage3d{position:fixed;inset:0;z-index:6;pointer-events:none;}
  #c{width:100%;height:100%;display:block;}
  .halo{position:fixed;left:0;top:0;width:560px;height:680px;z-index:1;pointer-events:none;will-change:transform;
    background:radial-gradient(circle,rgba(255,94,74,.40) 0%,rgba(212,175,55,.18) 44%,transparent 70%);filter:blur(60px);}

  /* ===== scenes ===== */
  .scene{min-height:100vh;display:flex;align-items:center;position:relative;padding:120px 6vw;}
  .scene .copy{max-width:470px;position:relative;z-index:3;}
  .scene.right .copy{margin-left:auto;}
  .scene .copy h2{font-size:clamp(40px,5.2vw,78px);margin:18px 0 0;line-height:1.02;}
  .scene .copy .lead{font-size:19px;line-height:1.55;color:#42594a;margin:22px 0 30px;}
  .scene .ctas{display:flex;gap:13px;flex-wrap:wrap;}
  .gold-i{color:var(--coral);font-style:italic;}
  .bg-soft{background:var(--softWhite);} .bg-warm{background:var(--warm);} .bg-cream{background:transparent;}
  /* étapes how resserrées (moins de vide vertical) */
  .scene.bg-soft{min-height:auto;padding-top:90px;padding-bottom:90px;}

  /* hero */
  #hero{padding-top:150px;}
  #hero .copy h1{font-family:var(--serif);font-weight:500;font-size:clamp(46px,6vw,96px);line-height:1.12;}
  #hero .copy h1 .gd{background:linear-gradient(92deg,#E6B43A 0%,#D4AF37 45%,#B8860B 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
  #hero .copy .lead{margin-top:30px;}
  .pops{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}
  .pop{position:absolute;animation:floatY var(--t,7s) ease-in-out infinite;animation-delay:var(--d,0s);will-change:transform;}
  .badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 26px rgba(120,40,20,.13);}
  .badge.coral{background:var(--coral);color:#fff;} .badge.cream{background:var(--softWhite);color:var(--deepForest);border:1px solid var(--border);}
  .badge.forest{background:var(--deepForest);color:var(--cream);} .badge.gold{background:linear-gradient(135deg,var(--gold),var(--goldLight));color:#3a2c00;}
  @keyframes floatY{0%,100%{transform:translateY(-8px)}50%{transform:translateY(9px)}}
  @media (max-width:980px){.pops{display:none;}}

  /* trust band */
  .trust{padding:40px 6vw;background:var(--deepForest);color:var(--cream);position:relative;z-index:10;overflow:hidden;}
  .trust .proofs{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;}
  .trust .it{display:flex;align-items:center;gap:11px;}
  .trust .it b{font-weight:600;font-size:15.5px;letter-spacing:-.01em;}
  .trust .icn{width:20px;height:20px;flex:0 0 auto;stroke:var(--gold);}
  .trust .sep{width:1px;height:20px;background:rgba(250,246,238,.16);}
  .trust .strip{margin-top:22px;padding-top:20px;border-top:1px solid rgba(250,246,238,.12);}
  .trust .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
  .trust .track{display:inline-flex;align-items:center;gap:36px;white-space:nowrap;animation:trustscroll 26s linear infinite;will-change:transform;}
  .trust .sec{font-family:var(--serif);font-size:clamp(20px,2vw,28px);font-weight:500;opacity:.9;}
  .trust .dot{width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.85;flex:0 0 auto;}
  @keyframes trustscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media(max-width:680px){ .trust .sep{display:none;} .trust .it{flex:1 1 44%;justify-content:center;} }
  /* §3 le besoin */
  .need{min-height:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(100px,13vh,140px) 7vw;background:var(--cream);position:relative;z-index:10;}
  .need .wrap{max-width:840px;}
  .need .eyebrow{justify-content:center;margin-bottom:30px;}
  .need h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5vw,62px);line-height:1.04;letter-spacing:-.015em;color:var(--deepForest);margin:0;}
  .need h2 .accent{color:var(--coral);}
  .need h2 .turn{display:block;margin-top:.18em;}
  .need .pont{font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.6vw,30px);color:var(--deepForest);margin-top:42px;display:inline-flex;align-items:center;gap:14px;}
  .need .pont .arr{font-style:normal;color:var(--coral);}
  /* §5 SECTEURS — cartes illustrées */
  .secteurs{background:var(--cream);position:relative;z-index:10;display:block;padding:52px 7vw 88px;}
  .sec-inner{max-width:1180px;margin:0 auto;width:100%;}
  .sec-head{margin:0 auto 52px;max-width:700px;text-align:center;}
  #secteurs .sec-head .eyebrow{justify-content:center;}
  .sec-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.6vw,54px);line-height:1.05;letter-spacing:-.02em;color:var(--deepForest);margin-top:16px;}
  .sec-head h2 .accent{color:var(--coral);font-style:italic;}
  .sec-head .lead{font-size:clamp(15px,1.6vw,17px);color:#5d6b60;margin-top:16px;}
  .sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;}
  .sec-card{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 16px 34px rgba(14,42,31,.18);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;}
  .sec-card:hover{transform:translateY(-7px);box-shadow:0 28px 56px rgba(14,42,31,.3);}
  .sec-illus{position:absolute;inset:0;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
  .sec-card:hover .sec-illus{transform:scale(1.06);}
  .sec-grain{position:absolute;inset:0;opacity:.09;mix-blend-mode:multiply;pointer-events:none;background-image: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.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  .sec-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,16,11,.92) 4%,rgba(6,16,11,.42) 34%,rgba(6,16,11,.02) 62%,rgba(6,16,11,0) 100%);transition:.4s;}
  .sec-card:hover .sec-veil{background:linear-gradient(to top,rgba(6,16,11,.94) 7%,rgba(6,16,11,.48) 44%,rgba(217,60,40,.12) 100%);}
  .sec-icobadge{position:absolute;top:15px;left:15px;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;}
  .sec-ico{width:22px;height:22px;stroke:var(--goldLight);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
  .sec-cbody{position:absolute;left:20px;right:20px;bottom:20px;}
  .sec-cbody h3{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--cream);letter-spacing:-.01em;margin:0;line-height:1.05;}
  .sec-accent{width:28px;height:3px;background:var(--coral);border-radius:2px;margin:10px 0;transition:width .45s cubic-bezier(.2,.7,.2,1);}
  .sec-card:hover .sec-accent{width:52px;}
  .sec-cbody .roles{font-size:12.5px;color:rgba(250,246,238,.85);line-height:1.55;}
  .sec-card.active{outline:3px solid var(--coral);outline-offset:3px;}
  .sec-card:hover .sec-cbody{opacity:0;transition:.25s;}
  .sec-plus{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;transition:.35s;z-index:3;}
  .sec-plus::before,.sec-plus::after{content:"";position:absolute;background:#FFF7E8;border-radius:2px;transition:.35s;}
  .sec-plus::before{width:12px;height:2px;}.sec-plus::after{width:2px;height:12px;}
  .sec-card.active .sec-plus{background:var(--coral);border-color:var(--coral);transform:rotate(135deg);}
  .sec-hint{position:absolute;left:18px;bottom:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--goldLight);opacity:0;transform:translateY(6px);transition:.35s;}
  .sec-card:hover .sec-hint{opacity:.95;transform:translateY(0);}
  .detail{max-height:0;opacity:0;overflow:hidden;border-radius:18px;background:var(--softWhite);transition:max-height .5s cubic-bezier(.2,.7,.2,1),opacity .4s,margin-top .5s;}
  .detail.open{max-height:760px;opacity:1;margin-top:18px;border:1px solid var(--border);box-shadow:0 18px 40px rgba(14,42,31,.10);}
  .detail-in{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:34px 34px 34px 0;position:relative;}
  .detail-strip{position:absolute;left:0;top:18px;bottom:18px;width:6px;border-radius:0 6px 6px 0;}
  .detail-left{padding-left:34px;}
  .detail-close{position:absolute;top:16px;right:18px;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--deepForest);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s;}
  .detail-close:hover{background:var(--deepForest);color:var(--cream);border-color:var(--deepForest);}
  .detail h3{font-family:var(--serif);font-weight:600;font-size:30px;color:var(--deepForest);letter-spacing:-.01em;}
  .detail .ctx{font-size:15px;color:#56625a;margin-top:12px;line-height:1.55;max-width:380px;}
  .detail .cta{display:inline-flex;align-items:center;gap:9px;margin-top:24px;background:var(--coral);color:#fff;font-weight:600;font-size:15px;border:none;border-radius:999px;padding:14px 26px;cursor:pointer;text-decoration:none;box-shadow:0 12px 28px rgba(255,94,74,.32);transition:transform .18s,box-shadow .18s;}
  .detail .cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,94,74,.4);}
  .detail .cap{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:14px;}
  .chips{display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start;padding-top:30px;}
  .chip{font-size:13px;color:var(--deepForest);background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 14px;transition:.2s;}
  .chip:hover{border-color:var(--coral);color:var(--coral700);}
  @media(max-width:680px){.detail-in{grid-template-columns:1fr;gap:18px;padding:26px 22px 26px 0}.chips{padding-top:0}.detail.open{max-height:1100px}}
  @media(max-width:680px){.sec-grid{grid-template-columns:repeat(2,1fr);} .secteurs{min-height:auto;padding:80px 6vw;}}

  /* steps + why + faq */
  .stepno{font-family:var(--serif);font-size:20px;color:var(--coral);font-weight:600;display:inline-flex;align-items:center;gap:10px;}
  .stepno b{font-size:13px;font-family:var(--mono);letter-spacing:.1em;color:var(--sage);font-weight:500;}
  .stepind{display:flex;align-items:center;gap:14px;margin:22px 0 4px;}
  .stepind .n{font-family:var(--mono);font-size:14px;letter-spacing:.05em;color:rgba(14,42,31,.3);transition:color .3s;}
  .stepind .n.on{color:var(--coral);font-weight:600;}
  .stepind .bar{width:46px;height:2px;background:var(--border);border-radius:2px;transition:background .3s;}
  .stepind .bar.on{background:var(--coral);}
  /* fin trait discret reliant les étapes how */
  .scene.bg-soft .sthread{position:absolute;top:0;bottom:0;right:calc(6vw + 504px);width:1.5px;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(14,42,31,.13) 10%,rgba(14,42,31,.13) 90%,transparent);}
  .scene.bg-soft .sthread::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px var(--softWhite),0 4px 12px rgba(255,94,74,.35);}
  @media(max-width:1080px){.scene.bg-soft .sthread{display:none;}}
  /* fine ligne horizontale entre les étapes (côté texte) */
  .scene.bg-soft .sdiv{position:absolute;right:6vw;bottom:0;transform:translateY(50%);width:470px;max-width:46vw;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(14,42,31,.14) 22%,rgba(14,42,31,.14) 78%,transparent);}
  .scene.bg-soft .sdiv::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;background:var(--gold);box-shadow:0 0 0 4px var(--softWhite);}
  @media(max-width:1080px){.scene.bg-soft .sdiv{display:none;}}
  .whylist{display:grid;grid-template-columns:1fr;gap:22px;margin-top:22px;}
  .whyitem{display:flex;gap:14px;}
  .whyitem .ic{width:48px;height:48px;border-radius:14px;background:var(--coral100);color:var(--coralDeep);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
  .whyitem .ic svg{width:24px;height:24px;}
  .whyitem h4{font-family:var(--serif);font-weight:600;font-size:23px;}
  .whyitem p{font-size:17px;color:#5a6b5d;margin-top:6px;line-height:1.6;}
  @media(min-width:1081px){ .whylist{grid-template-columns:1fr 1fr;gap:18px 38px;} #why .copy{max-width:660px;} #why{padding:78px 6vw 52px;} #why .copy h2{margin-top:6px;} #why .copy .lead{margin:16px 0 22px;} }

  /* ===== §7 Suivi (dashboard Business) ===== */
  #suivi{position:relative;z-index:10;background:var(--cream);min-height:auto;display:flex;align-items:center;padding:68px 6vw 40px;overflow:hidden;}
  #suivi .sv-grid{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;}
  #suivi .sv-copy h2{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.6vw,62px);line-height:1.04;margin-top:16px;letter-spacing:-.01em;}
  #suivi .sv-lead{font-size:18px;line-height:1.62;color:#42594a;margin-top:20px;max-width:450px;}
  #suivi .sv-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  #suivi .sv-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--forest3);background:var(--softWhite);border:1px solid var(--border);padding:8px 13px;border-radius:999px;}
  #suivi .sv-pill .d{width:7px;height:7px;border-radius:50%;background:var(--coral);}
  #suivi .sv-pill:nth-child(2) .d{background:var(--green);}
  #suivi .sv-dashwrap{position:relative;}
  #suivi .sv-glow{position:absolute;inset:-12% -8% -16% -8%;background:radial-gradient(120% 95% at 72% 18%,rgba(255,94,74,.20),transparent 58%),radial-gradient(90% 80% at 18% 90%,rgba(212,175,55,.12),transparent 60%);filter:blur(8px);z-index:0;}
  #suivi .sv-dash{position:relative;z-index:1;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 36px 72px -28px rgba(14,42,31,.32),0 6px 18px -10px rgba(14,42,31,.16);}
  #suivi .sv-chrome{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#FFFDF9,#FCF8F2);}
  #suivi .sv-dots{display:flex;gap:6px;}
  #suivi .sv-dots span{width:11px;height:11px;border-radius:50%;}
  #suivi .sv-dots span:nth-child(1){background:#FF5E4A;}#suivi .sv-dots span:nth-child(2){background:#D4AF37;}#suivi .sv-dots span:nth-child(3){background:#1F9D57;}
  #suivi .sv-url{margin:0 auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:#6b7f6b;background:var(--cream);border:1px solid var(--border);padding:5px 14px;border-radius:999px;}
  #suivi .sv-url svg{width:12px;height:12px;opacity:.6;}
  #suivi .sv-body{padding:18px 20px 6px;}
  #suivi .sv-dhead{display:flex;align-items:center;justify-content:space-between;}
  #suivi .sv-dhead h3{font-family:var(--serif);font-weight:600;font-size:20px;}
  #suivi .sv-livebadge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--green);}
  #suivi .sv-livebadge .d{width:8px;height:8px;border-radius:50%;background:var(--green);animation:svpg 1.8s infinite;}
  #suivi .sv-rows{margin-top:12px;}
  #suivi .sv-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 10px;border-top:1px solid #F4EFE6;}
  #suivi .sv-row:first-child{border-top:none;}
  #suivi .sv-rL{display:flex;align-items:center;gap:13px;min-width:0;}
  #suivi .sv-sdot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;}
  #suivi .sv-rtitle{font-weight:600;font-size:15.5px;color:var(--deepForest);}
  #suivi .sv-rmeta{font-size:12.5px;color:#92a094;margin-top:2px;}
  #suivi .sv-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;white-space:nowrap;flex:0 0 auto;}
  #suivi .sv-chip .d{width:7px;height:7px;border-radius:50%;}
  #suivi .sv-gold{background:#F7EFD4;color:#8A6D12;}#suivi .sv-gold .d{background:#C9A21C;}
  #suivi .sv-green{background:#E3F3E9;color:#15793F;}#suivi .sv-green .d{background:var(--green);}
  #suivi .sv-coral{background:var(--coral100);color:var(--coral700);}#suivi .sv-coral .d{background:var(--coral);animation:svpc 1.8s infinite;}
  #suivi .sv-sage{background:#ECEFEA;color:#5E7060;}#suivi .sv-sage .d{background:var(--sage);}
  #suivi .sv-forest{background:#E9ECE8;color:var(--deepForest);}#suivi .sv-forest .d{background:var(--deepForest);}
  #suivi .sv-dfoot{display:flex;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid var(--border);font-size:12.5px;color:#9aa79b;}
  #suivi .sv-dfoot svg{width:14px;height:14px;color:var(--coral);opacity:.8;flex:0 0 auto;}
  @keyframes svpc{0%{box-shadow:0 0 0 0 rgba(255,94,74,.55)}70%{box-shadow:0 0 0 7px rgba(255,94,74,0)}100%{box-shadow:0 0 0 0 rgba(255,94,74,0)}}
  @keyframes svpg{0%{box-shadow:0 0 0 0 rgba(31,157,87,.5)}70%{box-shadow:0 0 0 6px rgba(31,157,87,0)}100%{box-shadow:0 0 0 0 rgba(31,157,87,0)}}
  @media(max-width:900px){#suivi{min-height:auto;padding:80px 6vw;}#suivi .sv-grid{grid-template-columns:1fr;gap:38px;}#suivi .sv-lead{max-width:none;}}

  /* ===== Bande déclaration (entre #why et #suivi) ===== */
  .terrain{position:relative;z-index:10;background:var(--deepForest);min-height:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px 7vw;overflow:hidden;}
  .terrain .tr-glow{position:absolute;inset:0;background:radial-gradient(62% 110% at 50% 0%,rgba(255,94,74,.20),transparent 55%),radial-gradient(55% 95% at 82% 100%,rgba(212,175,55,.13),transparent 60%);pointer-events:none;}
  .terrain .tr-grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxODAnIGhlaWdodD0nMTgwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC44NScgbnVtT2N0YXZlcz0nMicgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbiknLz48L3N2Zz4=');background-size:180px 180px;}
  .terrain .tr-inner{position:relative;z-index:1;}
  .terrain .tr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-bottom:10px;}
  .terrain .tr-line{font-family:var(--serif);font-weight:500;font-size:clamp(23px,3.1vw,38px);line-height:1.08;letter-spacing:-.015em;color:var(--cream);max-width:780px;margin:0 auto;}
  .terrain .tr-line .tr-hl{color:var(--goldLight);}

  /* ===== Section A propos #about (remplace temoignages) ===== */
  #about{position:relative;z-index:10;background:var(--cream);padding:44px 6vw 28px;overflow:hidden;}
  #about .ab-glow{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(255,94,74,.09),transparent 62%);pointer-events:none;}
  #about .ab-inner{position:relative;max-width:1180px;margin:0 auto;text-align:center;}
  #about .eyebrow{justify-content:center;}
  #about .eyebrow::after,#secteurs .sec-head .eyebrow::after{content:"";width:28px;height:1.5px;background:var(--coral);opacity:.8;}
  #about h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.2vw,66px);line-height:1.04;letter-spacing:-.018em;margin-top:18px;color:var(--deepForest);}
  #about .ab-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.62;color:var(--forest3);max-width:720px;margin:26px auto 0;}
  #about .ab-creed{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;max-width:1080px;margin:72px auto 0;text-align:left;}
  #about .ab-pr{position:relative;}
  #about .ab-num{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1;color:var(--gold);letter-spacing:.04em;}
  #about .ab-rule{width:42px;height:1.5px;background:linear-gradient(90deg,var(--gold),#F0D98A);border-radius:2px;margin:16px 0 18px;}
  #about .ab-pr h3{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.01em;color:var(--deepForest);}
  #about .ab-pr p{font-size:15px;line-height:1.72;color:#3a4f42;margin-top:12px;}
  #about .ab-close{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2vw,25px);line-height:1.55;color:var(--deepForest);max-width:760px;margin:76px auto 0;}
  #about .ab-mark{margin-top:40px;display:inline-flex;align-items:center;font-family:var(--serif);font-weight:600;font-size:26px;letter-spacing:-.01em;color:var(--deepForest);}
  #about .ab-mark .ab-p{color:var(--coral);}
  #about .ab-mark .ab-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);margin-left:5px;margin-top:14px;}
  @media(max-width:880px){#about{padding:84px 6vw;}#about .ab-creed{grid-template-columns:1fr;gap:36px;max-width:520px;}}

  /* ===== Section #equipe (Votre equipe, entre #suivi et #about) ===== */
  #equipe{position:relative;z-index:10;background:var(--warm);display:flex;align-items:center;padding:40px 6vw 40px;overflow:hidden;}
  #equipe .eq-grid{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:center;}
  #equipe .eq-copy h2{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.6vw,62px);line-height:1.04;margin-top:16px;letter-spacing:-.01em;color:var(--deepForest);}
  #equipe .eq-lead{font-size:18px;line-height:1.62;color:#42594a;margin-top:20px;max-width:470px;}
  #equipe .eq-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  #equipe .eq-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--forest3);background:var(--softWhite);border:1px solid var(--border);padding:8px 13px;border-radius:999px;}
  #equipe .eq-pill .d{width:7px;height:7px;border-radius:50%;background:var(--coral);}
  #equipe .eq-pill:nth-child(2) .d{background:var(--green);}
  #equipe .eq-dashwrap{position:relative;}
  #equipe .eq-glow{position:absolute;inset:-12% -8% -16% -8%;background:radial-gradient(120% 95% at 30% 18%,rgba(255,94,74,.18),transparent 58%),radial-gradient(90% 80% at 85% 95%,rgba(212,175,55,.10),transparent 60%);filter:blur(8px);z-index:0;}
  #equipe .eq-dash{position:relative;z-index:1;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 36px 72px -28px rgba(14,42,31,.32),0 6px 18px -10px rgba(14,42,31,.16);}
  #equipe .eq-chrome{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#FFFDF9,#FCF8F2);}
  #equipe .eq-dots{display:flex;gap:6px;}
  #equipe .eq-dots span{width:11px;height:11px;border-radius:50%;}
  #equipe .eq-dots span:nth-child(1){background:#FF5E4A;}#equipe .eq-dots span:nth-child(2){background:#D4AF37;}#equipe .eq-dots span:nth-child(3){background:#1F9D57;}
  #equipe .eq-url{margin:0 auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:#6b7f6b;background:var(--cream);border:1px solid var(--border);padding:5px 14px;border-radius:999px;}
  #equipe .eq-url svg{width:12px;height:12px;opacity:.6;}
  #equipe .eq-body{padding:18px 20px 6px;}
  #equipe .eq-dhead{display:flex;align-items:center;justify-content:space-between;}
  #equipe .eq-dhead h3{font-family:var(--serif);font-weight:600;font-size:20px;}
  #equipe .eq-count{font-family:var(--mono);font-size:12px;color:var(--sage);}
  #equipe .eq-rows{margin-top:12px;}
  #equipe .eq-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 8px;border-top:1px solid #F4EFE6;}
  #equipe .eq-row:first-child{border-top:none;}
  #equipe .eq-rL{display:flex;align-items:center;gap:12px;min-width:0;}
  #equipe .eq-av{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;font-family:var(--mono);}
  #equipe .eq-rtitle{font-weight:600;font-size:15px;color:var(--deepForest);}
  #equipe .eq-rmeta{font-size:12.5px;color:#92a094;margin-top:2px;}
  #equipe .eq-rR{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
  #equipe .eq-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;white-space:nowrap;}
  #equipe .eq-tag.eq-disp{color:var(--green);}#equipe .eq-tag.eq-disp .d{width:7px;height:7px;border-radius:50%;background:var(--green);}
  #equipe .eq-tag.eq-hist{color:var(--sage);}
  #equipe .eq-reinv{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#fff;background:var(--coral);border:none;padding:7px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;}
  #equipe .eq-reinv svg{width:13px;height:13px;}
  #equipe .eq-dfoot{display:flex;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid var(--border);font-size:12.5px;color:#9aa79b;}
  #equipe .eq-dfoot svg{width:14px;height:14px;color:var(--coral);opacity:.8;flex:0 0 auto;}
  @media(max-width:900px){#equipe{padding:80px 6vw;}#equipe .eq-grid{grid-template-columns:1fr;gap:38px;}#equipe .eq-copy{order:-1;}#equipe .eq-lead{max-width:none;}}

  /* ===== Section #cta Etre rappele (remplace finalcta) ===== */
  #cta{position:relative;z-index:10;display:flex;align-items:flex-start;padding:44px 6vw 30px;background:linear-gradient(165deg,var(--softWhite),var(--warm));overflow:hidden;}
  #cta .rp-glow{position:absolute;inset:0;background:radial-gradient(48% 60% at 90% 10%,rgba(255,94,74,.09),transparent 60%),radial-gradient(44% 55% at 6% 96%,rgba(212,175,55,.09),transparent 62%);pointer-events:none;}
  #cta .rp-grid{position:relative;width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr .92fr;gap:64px;align-items:center;}
  #cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,66px);line-height:1.03;letter-spacing:-.015em;color:var(--deepForest);margin-top:16px;}
  #cta .rp-lead{font-size:18px;line-height:1.62;color:#42594a;margin-top:20px;max-width:430px;}
  #cta .rp-trust{display:flex;flex-direction:column;gap:13px;margin-top:28px;}
  #cta .rp-trust span{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:500;color:var(--forest3);}
  #cta .rp-ic{width:24px;height:24px;border-radius:50%;background:var(--coral100);color:var(--coralDeep);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
  #cta .rp-ic svg{width:13px;height:13px;}
  #cta .rp-formcard{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px 30px 28px;box-shadow:0 30px 70px -30px rgba(14,42,31,.26),0 4px 14px -8px rgba(14,42,31,.10);overflow:hidden;}
  #cta .rp-formcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--coral),var(--gold));}
  #cta .rp-fchead{display:flex;align-items:center;gap:9px;}
  #cta .rp-fchead h3{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--deepForest);}
  #cta .rp-fchead .rp-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);}
  #cta .rp-field{margin-top:15px;}
  #cta .rp-field label{display:block;font-size:13px;font-weight:600;color:var(--forest3);margin-bottom:6px;}
  #cta .rp-field label .rp-opt{font-weight:400;color:var(--sage);}
  #cta .rp-field input,#cta .rp-field textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-family:inherit;font-size:15px;color:var(--deepForest);background:var(--softWhite);transition:border-color .15s,box-shadow .15s,background .15s;}
  #cta .rp-field input::placeholder,#cta .rp-field textarea::placeholder{color:#b3bab2;}
  #cta .rp-field input:focus,#cta .rp-field textarea:focus{outline:none;border-color:var(--coral);background:#fff;box-shadow:0 0 0 3px rgba(255,94,74,.13);}
  #cta .rp-field textarea{min-height:78px;resize:vertical;}
  #cta .rp-rgpd{display:flex;gap:10px;margin-top:16px;align-items:flex-start;}
  #cta .rp-rgpd input{margin-top:3px;width:16px;height:16px;accent-color:var(--coral);flex:0 0 auto;}
  #cta .rp-rgpd label{font-size:12px;color:var(--sage);line-height:1.5;}
  #cta .rp-submit{width:100%;margin-top:18px;padding:14px;background:var(--coral);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
  #cta .rp-submit:hover{background:var(--coralDeep);}
  #cta .rp-submit:active{transform:translateY(1px);}
  #cta .rp-alt{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--sage);}
  #cta .rp-alt a{color:var(--coral700);font-weight:600;text-decoration:none;}
  #cta .rp-alt a:hover{text-decoration:underline;}
  #cta .rp-done{text-align:center;padding:28px 6px;}
  #cta .rp-done .rp-ico{width:56px;height:56px;border-radius:50%;background:var(--coral100);color:var(--coralDeep);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
  #cta .rp-done .rp-ico svg{width:26px;height:26px;}
  #cta .rp-done h3{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--deepForest);}
  #cta .rp-done p{font-size:15px;color:#42594a;margin-top:8px;line-height:1.55;}
  @media(max-width:900px){#cta{min-height:auto;padding:80px 6vw;}#cta .rp-grid{grid-template-columns:1fr;gap:34px;}#cta .rp-lead{max-width:none;}}

  /* ===== FAQ refaite #faq (accordeon 2 colonnes, sans telephone) ===== */
  #faq{position:relative;z-index:10;background:var(--softWhite);display:flex;align-items:flex-start;padding:32px 6vw 40px;}
  #faq .fq-grid{width:100%;max-width:1140px;margin:0 auto;display:grid;grid-template-columns:.7fr 1fr;gap:72px;align-items:start;}
  #faq .fq-head{position:sticky;top:120px;}
  #faq .fq-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.015em;margin-top:16px;color:var(--deepForest);}
  #faq .fq-sub{font-size:16px;line-height:1.6;color:#5a6b5d;margin-top:18px;max-width:300px;}
  #faq .fq-ask{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:14.5px;font-weight:600;color:var(--coral700);text-decoration:none;}
  #faq .fq-ask:hover{gap:11px;}
  #faq .fq-ask svg{width:15px;height:15px;}
  #faq .fq-cat{font-family:var(--mono);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin:38px 0 4px;display:flex;align-items:center;gap:9px;}
  #faq .fq-cat::before{content:"";width:16px;height:1.5px;background:var(--gold);}
  #faq .fq-cat:first-child{margin-top:0;}
  #faq .fq-qa{border-bottom:1px solid var(--border);}
  #faq .fq-q{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 2px;cursor:pointer;}
  #faq .fq-q h3{font-family:var(--serif);font-weight:600;font-size:18.5px;line-height:1.3;color:var(--deepForest);}
  #faq .fq-pl{flex:0 0 auto;width:22px;height:22px;position:relative;transition:transform .25s;}
  #faq .fq-pl::before,#faq .fq-pl::after{content:"";position:absolute;background:var(--coral);border-radius:2px;}
  #faq .fq-pl::before{top:10px;left:2px;right:2px;height:2px;}
  #faq .fq-pl::after{left:10px;top:2px;bottom:2px;width:2px;}
  #faq .fq-qa.fq-open .fq-pl{transform:rotate(45deg);}
  #faq .fq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .25s;opacity:0;}
  #faq .fq-qa.fq-open .fq-a{max-height:400px;opacity:1;}
  #faq .fq-a p{font-size:15px;line-height:1.7;color:#42594a;padding:0 2px 20px;max-width:580px;}
  #faq .fq-a a{color:var(--coral700);font-weight:600;text-decoration:none;}
  #faq .fq-a a:hover{text-decoration:underline;}
  @media(max-width:880px){#faq{padding:80px 6vw;}#faq .fq-grid{grid-template-columns:1fr;gap:34px;}#faq .fq-head{position:static;}#faq .fq-sub{max-width:none;}}




  @media(max-width:680px){.terrain{min-height:auto;padding:44px 7vw;}}


  .faq{max-width:560px;}
  .qa{border-bottom:1px solid var(--border);padding:20px 0;cursor:pointer;}
  .qa .q{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-weight:600;font-size:19px;gap:16px;}
  .qa .q .pl{color:var(--coral);font-size:24px;transition:transform .3s;flex:0 0 auto;font-family:var(--inter);font-weight:400;}
  .qa .a{max-height:0;overflow:hidden;transition:max-height .35s ease,margin .35s;color:#5a6b5d;font-size:15px;line-height:1.55;}
  .qa.open .a{max-height:160px;margin-top:12px;}
  .qa.open .q .pl{transform:rotate(45deg);}

  /* final cta + footer */
  .finalcta{background:linear-gradient(135deg,#ff7a64,var(--coral) 55%,var(--coralDeep));color:#fff;}
  .finalcta .copy h2{color:#fff;} .finalcta .lead{color:rgba(255,255,255,.9)!important;}
  .finalcta .btn-coral{background:var(--cream);color:var(--coralDeep);box-shadow:0 12px 30px rgba(0,0,0,.18);}
  .finalcta .btn-ghost{border-color:rgba(255,255,255,.6);color:#fff;} .finalcta .btn-ghost:hover{background:#fff;color:var(--coralDeep);}
  footer{background:var(--deepForest);color:var(--cream);padding:64px 6vw 36px;position:relative;z-index:10;}
  footer .top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12);}
  footer .brand-c{max-width:300px;} footer .brand-c .logo{color:var(--cream);font-size:24px;} footer .brand-c .logo .pop{color:var(--coral);}
  footer .tag{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--gold);margin-top:12px;}
  footer .cols{display:flex;gap:56px;flex-wrap:wrap;}
  footer .col h5{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:0 0 14px;font-weight:500;}
  footer .col a{display:block;color:rgba(250,246,238,.82);text-decoration:none;font-size:14.5px;margin-bottom:10px;transition:.18s;}
  footer .col a:hover{color:#fff;}
  footer .bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:13px;color:rgba(250,246,238,.6);}
  footer
  footer .credit3d a{color:inherit;}

  .reveal-up{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1);}
  .reveal-up.in{opacity:1;transform:none;}

  /* bg + grain + scroll hint */
  #bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'%3E%3Cg fill='none' stroke='%230E2A1F' stroke-width='1' opacity='0.55'%3E%3Cpath d='M40 250 C 78 188 78 110 40 44'/%3E%3Cpath d='M240 30 C 202 92 202 170 240 236'/%3E%3Ccircle cx='150' cy='150' r='2'/%3E%3C/g%3E%3C/svg%3E");
    background-size:480px 480px;opacity:.05;}
  .grain-global{position:fixed;inset:0;z-index:55;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
    background-image: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.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
  .scrollhint{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;pointer-events:none;transition:opacity .45s;}
  .scrollhint .mouse{width:25px;height:40px;border:2px solid rgba(14,42,31,.45);border-radius:13px;display:block;position:relative;}
  .scrollhint .wheel{position:absolute;left:50%;top:7px;width:4px;height:8px;border-radius:2px;background:var(--coral);transform:translateX(-50%);animation:wheel 1.7s ease-in-out infinite;}
  .scrollhint .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(14,42,31,.5);text-align:center;margin-top:8px;}
  @keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,13px)}}

  /* responsive */
  @media (max-width:1120px){ .nav-links{display:none;} .navtoggle{display:flex;} .nav-indep{display:none;} }
  @media (max-width:860px){ .nav-right .btn{display:none;} }
  @media (max-width:980px){
    #stage3d{z-index:6;}
    .scene{min-height:auto;padding:90px 7vw;}
    .scene .copy,.scene.right .copy{margin:0 auto;max-width:560px;text-align:center;}
    .scene .ctas,.eyebrow{justify-content:center;}
    /* sur mobile : téléphone en haut de chaque section via positionnement bas */
    .scene{padding-top:62vh;}
    .scene.bg-soft{padding-top:56vh;padding-bottom:70px;}   /* sinon padding-top:90px l'emporte -> le tel tombe sur le titre */
    #hero{padding-top:60vh;}
    .whyitem{text-align:left;} .faq,.finalcta .copy{text-align:left;margin:0 auto;}
  }
  @media (max-width:520px){ #hero .copy h1{font-size:46px;} }
  /* bloc indépendants */
  .feats{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 28px;}
  .feat{display:inline-flex;align-items:center;gap:8px;background:var(--softWhite);border:1px solid var(--border);border-radius:999px;padding:9px 15px;font-size:13.5px;font-weight:600;color:var(--deepForest);}
  .stores{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
  .store{position:relative;display:inline-flex;align-items:center;gap:11px;background:var(--deepForest);color:#fff;border-radius:14px;padding:10px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 22px rgba(14,42,31,.16);}
  .store:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,42,31,.24);}
  .store svg{width:22px;height:22px;flex:0 0 auto;}
  .store .st{display:flex;flex-direction:column;line-height:1.12;text-align:left;}
  .store .st small{font-size:9.5px;opacity:.82;letter-spacing:.02em;}
  .store .st b{font-size:15px;font-weight:600;}
  .store .soon{position:absolute;top:-9px;right:-8px;background:var(--coral);color:#fff;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:999px;box-shadow:0 3px 8px rgba(255,94,74,.42);}
  .notify{margin-top:18px;font-size:13.5px;color:var(--sage);}
  .notify a{color:var(--coral700);font-weight:600;text-decoration:none;}
  .notify a:hover{text-decoration:underline;}
  @media (prefers-reduced-motion:reduce){.reveal-up{opacity:1!important;transform:none!important;}.pop{animation:none;}.scrollhint .wheel{animation:none;}.trust .track{animation:none;}}
  /* mini toast 'bientôt' pour liens pas encore actifs */
  .mp-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--deepForest);color:var(--cream);font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:.01em;padding:12px 22px;border-radius:999px;box-shadow:0 12px 34px rgba(14,42,31,.35);border:1px solid rgba(212,175,55,.35);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:9999;}
  .mp-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
  /* ===== Zone de transition designée (how -> secteurs) ===== */
  .trans{position:relative;z-index:10;overflow:hidden;background:var(--cream);padding:40px 0;}
  .trans-tex{position:absolute;inset:0;background-image:radial-gradient(rgba(14,42,31,.06) 1.1px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 72% 86% at 50% 50%,#000 38%,transparent 86%);mask-image:radial-gradient(ellipse 72% 86% at 50% 50%,#000 38%,transparent 86%);pointer-events:none;}
  .trans-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,80vw);height:280px;background:radial-gradient(ellipse,rgba(255,94,74,.09),transparent 70%);pointer-events:none;}
  .trans-inner{position:relative;}
  .trans-rule{position:relative;height:1px;margin:0 7vw;background:linear-gradient(90deg,transparent,var(--border) 16%,var(--border) 84%,transparent);}
  .trans-rule::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--coral);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 4px var(--cream);}
  .mq-band{position:relative;overflow:hidden;padding:26px 0;}
  .mq-band::before,.mq-band::after{content:"";position:absolute;top:0;bottom:0;width:11vw;z-index:2;pointer-events:none;}
  .mq-band::before{left:0;background:linear-gradient(90deg,var(--cream),transparent);}
  .mq-band::after{right:0;background:linear-gradient(270deg,var(--cream),transparent);}
  .mq-track{display:flex;width:max-content;animation:mq 34s linear infinite;}
  .mq-band:hover .mq-track{animation-play-state:paused;}
  .mq-seq{display:inline-flex;align-items:center;}
  .mq-i{display:inline-flex;align-items:center;font-family:var(--serif);font-weight:500;font-size:clamp(17px,2vw,26px);line-height:1;letter-spacing:-.01em;color:var(--deepForest);white-space:nowrap;margin-right:1.6em;}
  .mq-e{font-size:.82em;margin-left:.38em;}
  @keyframes mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  @media(prefers-reduced-motion:reduce){.mq-track{animation:none;}}
  @media(max-width:680px){.trans{padding:56px 0;}.mq-i{margin-right:1.2em;}}
  /* séparateur entre À propos et FAQ (petit bijou) */
  .secdiv{position:relative;z-index:10;background:linear-gradient(180deg,var(--cream),var(--softWhite));padding:24px 6vw;display:flex;align-items:center;justify-content:center;gap:18px;}
  .secdiv .sd-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,66vw);height:235px;background:radial-gradient(ellipse,rgba(255,94,74,.10),transparent 72%);pointer-events:none;}
  .secdiv .sd-l{height:1px;width:min(160px,19vw);background:linear-gradient(90deg,transparent,rgba(14,42,31,.18));}
  .secdiv .sd-l.r{background:linear-gradient(90deg,rgba(14,42,31,.18),transparent);}
  .secdiv .sd-jewel{position:relative;width:17px;height:17px;flex:none;}
  .secdiv .sd-jewel::before{content:"";position:absolute;inset:0;transform:rotate(45deg);border:1px solid var(--gold);}
  .secdiv .sd-jewel::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%) rotate(45deg);background:var(--coral);box-shadow:0 0 8px rgba(255,94,74,.5);}
  .secdiv.s2{background:var(--softWhite);}
  .secdiv.s3{background:linear-gradient(180deg,var(--warm),var(--cream));}
  .secdiv.s4{background:linear-gradient(180deg,var(--cream),var(--warm));}
  #pivotband{min-height:auto;padding:22px 7vw;}
  .tr-row{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;}
  .tr-sect{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,246,238,.5);flex:none;white-space:nowrap;}
  .tr-g{color:var(--goldLight);}
  @media(max-width:860px){.tr-sect{display:none;}}
  .credit-link{color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;opacity:.75;}
  .credit-link:hover{opacity:1;}
  .credit-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(14,42,31,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px;}
  .credit-modal.open{display:flex;}
  .credit-box{position:relative;background:var(--cream);color:var(--deepForest);max-width:420px;width:100%;border-radius:16px;padding:26px 26px 24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.5);}
  .credit-box h4{font-family:var(--serif);font-weight:600;font-size:20px;margin:0 0 10px;}
  .credit-box p{font-size:14px;line-height:1.6;color:#5c5346;margin:0;}
  .credit-box a{color:var(--coral700);}
  .credit-x{position:absolute;top:10px;right:14px;background:none;border:none;font-size:24px;line-height:1;color:#9a8f80;cursor:pointer;}
  /* modal Mentions legales : même veine que Crédits, en plus grand + scrollable */
  .legal-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-start;justify-content:center;background:rgba(14,42,31,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5vh 20px;}
  .legal-modal.open{display:flex;}
  .legal-box{position:relative;background:var(--cream);color:var(--deepForest);max-width:760px;width:100%;border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.55);max-height:90vh;overflow-y:auto;}
  .legal-x{position:absolute;top:12px;right:16px;background:none;border:none;font-size:28px;line-height:1;color:#9a8f80;cursor:pointer;z-index:2;}
  .legal-inner{padding:22px 34px 6px;}
  .legal-inner h3{font-family:var(--serif);font-weight:600;font-size:26px;margin:6px 0 4px;color:var(--deepForest);}
  .legal-inner h4{font-family:var(--serif);font-weight:600;font-size:17px;margin:22px 0 7px;color:var(--deepForest);}
  .legal-inner p{font-size:14px;line-height:1.65;color:#5c5346;margin:0 0 10px;}
  .legal-inner a{color:var(--coral700);}
  .legal-inner hr{border:none;border-top:1px solid #ECE5D9;margin:20px 0;}
  @media(max-width:560px){.legal-inner{padding:20px 20px 6px;}}
  .rp-err{color:var(--coral700);font-size:13px;line-height:1.45;margin-top:10px;}

/* ============ FAQ scène "qui répond" (préfixe f7, isolé) ============ */
.f7scene{position:relative;width:320px;height:418px;margin-top:18px;perspective:900px;}
.f7scene *{box-sizing:border-box;}
.f7tilt{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;}
.f7shk{position:absolute;inset:0;}
.f7shk.f7go{animation:f7shake .3s ease;}
@keyframes f7shake{0%,100%{transform:none;}25%{transform:translate(2px,-2px) rotate(.5deg);}50%{transform:translate(-2px,1px) rotate(-.4deg);}75%{transform:translate(1px,2px);}}
.f7floor{position:absolute;left:50%;bottom:4px;width:230px;height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(14,42,31,.10),transparent 70%);filter:blur(3px);}
.f7amb i{position:absolute;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.35;animation:f7drift var(--t,11s) ease-in-out infinite;animation-delay:var(--d,0s);}
@keyframes f7drift{0%,100%{transform:rotate(45deg) translateY(0);opacity:.2;}50%{transform:rotate(45deg) translateY(-16px);opacity:.5;}}
.f7burst span{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--coral);opacity:0;}
.f7burst span:nth-child(2){background:var(--gold);}
.f7burst.f7go span{animation:f7fly .55s ease-out both;}
.f7vg{position:absolute;inset:0;display:none;}
.f7vg.f7on{display:block;}
@keyframes f7pop{0%{opacity:0;transform:scale(.55) translateY(14px);}100%{opacity:1;transform:scale(1) translateY(0);}}
@keyframes f7fade{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:none;}}
@keyframes f7slide{0%{opacity:0;transform:translateX(40px);}100%{opacity:1;transform:none;}}
@keyframes f7draw{to{stroke-dashoffset:0;}}
@keyframes f7wr{to{width:var(--w,80%);}}
@keyframes f7p2{0%,100%{transform:scale(1);}50%{transform:scale(1.18);}}
@keyframes f7sq{0%,100%{transform:scale(1);}50%{transform:scale(.93);}}
@keyframes f7fly{0%{opacity:1;transform:translate(0,0) rotate(45deg) scale(1);}100%{opacity:0;transform:translate(var(--tx,30px),var(--ty,-30px)) rotate(45deg) scale(.4);}}
@keyframes f7brt{0%,100%{transform:rotate(45deg) scale(1);opacity:.5;}50%{transform:rotate(45deg) scale(1.25);opacity:.9;}}
@keyframes f7fl{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes f7rad{0%{transform:scale(.3);opacity:.8;}100%{transform:scale(1.6);opacity:0;}}
@keyframes f7fall{to{opacity:0;transform:translateY(56px) rotate(7deg);}}
@keyframes f7puls{0%,100%{transform:scale(1);}50%{transform:scale(1.35);}}
@keyframes f7bnc{0%{opacity:0;transform:translateY(-26px);}55%{opacity:1;transform:translateY(4px);}100%{transform:translateY(0);}}
@keyframes f7spin{to{transform:rotate(360deg);}}
.f7scene .f7chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 26px rgba(120,40,20,.13);font-family:var(--inter);}
.f7scene .f7coral{background:var(--coral);color:#fff;}
.f7scene .f7cream{background:var(--softWhite);color:var(--deepForest);border:1px solid var(--border);}
.f7scene .f7gold{background:linear-gradient(135deg,var(--gold),var(--goldLight));color:#3a2c00;}
.f7scene .f7mn{padding:5px 11px;font-size:11px;}
.f7scene .f7card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 40px -22px rgba(14,42,31,.25);}
.f7scene .f7ln{height:8px;border-radius:99px;background:var(--border);display:block;}
.f7scene .f7av{width:44px;height:44px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 50% 34%, #8ba08b 11px, transparent 12px),radial-gradient(circle at 50% 118%, #8ba08b 34px, transparent 35px),linear-gradient(160deg,#EDE6D8,#E2D9C6);}
.f7scene .f7cur{position:absolute;width:26px;z-index:5;filter:drop-shadow(0 4px 8px rgba(14,42,31,.3));}
.f7scene .f7nm{font-family:var(--serif);font-weight:600;font-size:14.5px;color:var(--deepForest);line-height:1.2;}
.f7scene .f7rl{font-size:11px;color:var(--sage);font-weight:500;line-height:1.3;}
.f7scene .f7ty{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--sage);}
.f7scene .f7pic{width:44px;height:44px;border-radius:50%;background:var(--softWhite);border:1px solid var(--border);display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(14,42,31,.22);}
.f7scene .f7pic svg{width:20px;height:20px;stroke:var(--deepForest);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.f7scene .f7pic b{font-size:19px;color:var(--deepForest);font-weight:700;}
/* V1 */
.f7v1 .f7id{position:absolute;top:82px;left:20px;width:262px;padding:18px;display:flex;gap:14px;align-items:center;overflow:hidden;}
.f7v1 .f7idt{flex:1;opacity:0;}
.f7v1 .f7idt .f7ln{width:0;margin-top:8px;}
.f7v1 .f7scan{position:absolute;left:0;right:0;top:-40%;height:38%;background:linear-gradient(180deg,transparent,rgba(212,175,55,.35),transparent);}
.f7v1.f7on .f7id{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) both;}
.f7v1.f7on .f7idt{animation:f7fade .4s ease .35s both;}
.f7v1.f7on .f7idt .f7ln{animation:f7wr .35s ease .55s both;--w:74%;}
.f7v1.f7on .f7scan{animation:f7scan 1s ease .5s both;}
@keyframes f7scan{0%{top:-40%;}100%{top:110%;}}
.f7v1 .f7ctl{position:absolute;left:24px;top:186px;display:flex;gap:16px;}
.f7v1 .f7ctl>span{display:flex;flex-direction:column;align-items:center;gap:5px;}
.f7v1 .f7box{width:30px;height:30px;border-radius:8px;background:var(--softWhite);border:1.5px solid var(--border);display:grid;place-items:center;}
.f7v1 .f7box svg{width:16px;height:16px;}
.f7v1 .f7box path{stroke:var(--gold);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;}
.f7v1.f7on .f7k1{animation:f7pop .35s cubic-bezier(.34,1.56,.64,1) 1.05s both;}
.f7v1.f7on .f7k2{animation:f7pop .35s cubic-bezier(.34,1.56,.64,1) 1.2s both;}
.f7v1.f7on .f7k3{animation:f7pop .35s cubic-bezier(.34,1.56,.64,1) 1.35s both;}
.f7v1.f7on .f7k1 path{animation:f7draw .3s ease 1.3s both;}
.f7v1.f7on .f7k2 path{animation:f7draw .3s ease 1.45s both;}
.f7v1.f7on .f7k3 path{animation:f7draw .3s ease 1.6s both;}
.f7v1 .f7seal{position:absolute;top:134px;left:232px;width:56px;height:56px;z-index:2;}
.f7v1 .f7seal circle{fill:var(--coral);}
.f7v1 .f7seal path{stroke:#fff;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;}
.f7v1.f7on .f7seal{animation:f7pop .45s cubic-bezier(.34,1.56,.64,1) 1.85s both;}
.f7v1.f7on .f7seal path{animation:f7draw .4s ease 2.15s both;}
.f7v1 .f7sp{position:absolute;top:154px;left:250px;width:8px;height:8px;background:var(--gold);opacity:0;}
.f7v1.f7on .f7s1{animation:f7fly .6s ease-out 2.25s both;--tx:34px;--ty:-30px;}
.f7v1.f7on .f7s2{animation:f7fly .6s ease-out 2.3s both;--tx:-26px;--ty:-38px;}
.f7v1 .f7big{position:absolute;top:26px;left:92px;}
.f7v1.f7on .f7big{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) 2.5s both, f7fl 4s ease-in-out 3.1s infinite;}
.f7v1 .f7hi{position:absolute;top:266px;left:24px;display:flex;align-items:center;gap:10px;}
.f7v1 .f7hi .f7av{width:30px;height:30px;border:2px solid #fff;box-shadow:0 4px 10px rgba(14,42,31,.15);}
.f7v1 .f7hi .f7av+.f7av{margin-left:-12px;}
.f7v1.f7on .f7h1{animation:f7pop .35s cubic-bezier(.34,1.56,.64,1) 2.8s both;}
.f7v1.f7on .f7h2{animation:f7pop .35s cubic-bezier(.34,1.56,.64,1) 2.92s both;}
.f7v1.f7on .f7h3{animation:f7pop .35s cubic-bezier(.34,1.56,.64,1) 3.04s both;}
.f7v1.f7on .f7hi .f7ty{opacity:0;animation:f7fade .4s ease 3.2s both;}
/* V2 */
.f7v2 .f7mini{position:absolute;width:92px;padding:12px 8px 11px;display:flex;flex-direction:column;align-items:center;gap:4px;top:100px;text-align:center;transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .45s,border-color .3s,opacity .45s;}
.f7v2 .f7mini .f7av{width:36px;height:36px;margin-bottom:3px;}
.f7v2 .f7mini .f7nm{font-size:13px;}.f7v2 .f7mini .f7rl{font-size:10px;}
.f7v2 .f7m1{left:6px;}.f7v2 .f7m2{left:114px;}.f7v2 .f7m3{left:222px;}
.f7v2.f7on .f7mini{animation:f7fade .45s ease both;}
.f7v2.f7on .f7m2{animation-delay:.08s;}.f7v2.f7on .f7m3{animation-delay:.16s;}
.f7v2.f7on.f7hov .f7m1{transform:translateY(-6px);}
.f7v2.f7on.f7done .f7m1{transform:none;opacity:.5;}
.f7v2.f7on.f7done .f7m3{opacity:.5;}
.f7v2.f7on.f7done .f7m2{transform:translateY(-12px);border-color:var(--coral);box-shadow:0 22px 44px -18px rgba(255,94,74,.55);}
.f7v2.f7on.f7solo .f7m1{transform:translateX(-88px);opacity:0;}
.f7v2.f7on.f7solo .f7m3{transform:translateX(88px);opacity:0;}
.f7v2.f7on.f7solo .f7m2{transform:translateY(-4px) scale(1.2);border-color:var(--coral);box-shadow:0 26px 50px -18px rgba(255,94,74,.55);}
.f7v2 .f7xrl{opacity:0;transition:opacity .3s .25s;}
.f7v2.f7on.f7solo .f7xrl{opacity:1;}
.f7v2 .f7pk{position:absolute;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.f7v2.f7on.f7done .f7m2 .f7pk{transform:scale(1);}
.f7v2 .f7c2{top:318px;left:28px;}
.f7v2.f7on .f7c2{animation:f7cur2 1.6s cubic-bezier(.4,0,.2,1) .5s both;}
.f7v2.f7on.f7solo .f7c2{opacity:0;transition:opacity .3s;}
@keyframes f7cur2{0%{top:318px;left:28px;}38%{top:208px;left:50px;}62%{top:208px;left:50px;}100%{top:208px;left:168px;}}
/* V3 */
.f7v3 .f7dash{position:absolute;top:38px;left:16px;width:284px;height:256px;border-radius:16px;overflow:hidden;}
.f7v3 .f7dash .f7bd{background:var(--deepForest);color:var(--cream);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:10px 12px;display:flex;gap:7px;align-items:center;}
.f7v3 .f7dash .f7bd i{width:7px;height:7px;border-radius:50%;background:var(--coral);transition:background .5s;flex:0 0 auto;}
.f7v3.f7on.f7ok .f7dash .f7bd i{background:var(--gold);}
.f7v3.f7on .f7dash{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) both;}
.f7v3 .f7al{position:absolute;top:64px;left:22px;display:flex;align-items:center;gap:12px;}
.f7v3 .f7bang{width:40px;height:40px;background:var(--coral);transform:rotate(45deg);border-radius:9px;display:grid;place-items:center;box-shadow:0 12px 26px -10px rgba(255,94,74,.6);position:relative;transition:background .4s,box-shadow .4s;}
.f7v3 .f7bang b,.f7v3 .f7bang s{transform:rotate(-45deg);color:#fff;font-size:21px;font-family:var(--serif);position:absolute;text-decoration:none;transition:opacity .3s;}
.f7v3 .f7bang s{opacity:0;}
.f7v3.f7on .f7al{animation:f7fade .4s .5s both;}
.f7v3.f7on .f7bang{animation:f7p2 .65s ease .9s 2;}
.f7v3.f7on.f7ok .f7bang{background:linear-gradient(135deg,var(--gold),var(--goldLight));box-shadow:0 12px 26px -10px rgba(212,175,55,.6);}
.f7v3.f7on.f7ok .f7bang b{opacity:0;}.f7v3.f7on.f7ok .f7bang s{opacity:1;color:#3a2c00;}
.f7v3 .f7radar{position:absolute;top:146px;left:62px;width:60px;height:60px;}
.f7v3 .f7radar b{position:absolute;inset:0;border:2px solid var(--coral);border-radius:50%;opacity:0;}
.f7v3.f7on .f7radar b:nth-child(1){animation:f7rad 1s ease-out 1.7s 2;}
.f7v3.f7on .f7radar b:nth-child(2){animation:f7rad 1s ease-out 2.05s 2;}
.f7v3 .f7renf{position:absolute;top:196px;left:22px;width:238px;padding:13px 14px;display:flex;gap:12px;align-items:center;background:var(--softWhite);}
.f7v3 .f7renf .f7ok2{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--goldLight));display:grid;place-items:center;color:#3a2c00;font-weight:800;flex:0 0 auto;}
.f7v3.f7on .f7renf{animation:f7slide .55s cubic-bezier(.22,1,.36,1) 3.35s both;}
/* V4 */
.f7v4 .f7sh{position:absolute;width:58px;height:72px;padding:8px;border-radius:8px;}
.f7v4 .f7sh .f7md{position:absolute;top:-7px;left:-7px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 34%, #8ba08b 4px, transparent 5px),radial-gradient(circle at 50% 120%, #8ba08b 13px, transparent 14px),linear-gradient(160deg,#EDE6D8,#E2D9C6);border:2px solid #fff;}
.f7v4 .f7sh .f7ty{display:block;font-size:8px;margin-bottom:4px;}
.f7v4 .f7sh .f7ln{height:5px;margin:5px 0;}
.f7v4 .f7q1{top:44px;left:20px;}.f7v4 .f7q2{top:26px;left:130px;}.f7v4 .f7q3{top:48px;left:236px;}
.f7v4.f7on .f7q1{animation:f7fade .4s both, f7g1 .5s ease-in .85s both;}
.f7v4.f7on .f7q2{animation:f7fade .4s .1s both, f7g2 .5s ease-in .85s both;}
.f7v4.f7on .f7q3{animation:f7fade .4s .2s both, f7g3 .5s ease-in .85s both;}
@keyframes f7g1{to{transform:translate(92px,86px) scale(.35);opacity:0;}}
@keyframes f7g2{to{transform:translate(4px,102px) scale(.35);opacity:0;}}
@keyframes f7g3{to{transform:translate(-100px,88px) scale(.35);opacity:0;}}
.f7v4 .f7inv{position:absolute;top:114px;left:78px;width:162px;height:208px;border-radius:14px;overflow:hidden;}
.f7v4 .f7inv .f7bd{background:var(--deepForest);color:var(--cream);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;}
.f7v4 .f7inv .f7eur{width:20px;height:20px;border-radius:50%;border:1.6px solid var(--goldLight);color:var(--goldLight);display:grid;place-items:center;font-size:11.5px;font-weight:700;}
.f7v4 .f7inv .f7bo{padding:12px;}
.f7v4 .f7inv .f7rw{display:flex;align-items:center;gap:8px;margin:9px 0;}
.f7v4 .f7inv .f7rw .f7ty{flex:0 0 auto;}
.f7v4 .f7inv .f7rw .f7ln{flex:1;width:0;}
.f7v4 .f7inv .f7to .f7ln{height:9px;background:linear-gradient(90deg,var(--gold),var(--goldLight));}
.f7v4 .f7inv .f7to .f7ty{color:var(--deepForest);font-weight:600;}
.f7v4.f7on .f7inv{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) 1.25s both, f7fl 5s ease-in-out 3.6s infinite;}
.f7v4.f7on .f7inv .f7w1 .f7ln{animation:f7wr .4s ease 1.65s both;--w:100%;}
.f7v4.f7on .f7inv .f7w2 .f7ln{animation:f7wr .4s ease 1.78s both;--w:100%;}
.f7v4.f7on .f7inv .f7w3 .f7ln{animation:f7wr .4s ease 1.91s both;--w:100%;}
.f7v4.f7on .f7inv .f7to .f7ln{animation:f7wr .5s ease 2.15s both;--w:100%;}
.f7v4 .f7dl{position:absolute;top:92px;left:206px;width:38px;height:38px;border-radius:50%;background:var(--deepForest);display:grid;place-items:center;box-shadow:0 12px 26px -10px rgba(14,42,31,.5);z-index:2;}
.f7v4 .f7dl svg{width:17px;height:17px;stroke:var(--goldLight);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.f7v4.f7on .f7dl{animation:f7bnc .55s cubic-bezier(.34,1.56,.64,1) 2.55s both, f7fl 3.6s ease-in-out 3.3s infinite;}
/* V5 */
.f7v5 .f7non{position:absolute;top:20px;left:34px;font-family:var(--serif);font-size:48px;font-weight:600;color:var(--deepForest);}
.f7v5.f7on .f7non{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) both;}
.f7v5 .f7row{position:absolute;text-align:center;}
.f7v5 .f7r1{top:114px;left:32px;}.f7v5 .f7r2{top:114px;left:122px;}.f7v5 .f7r3{top:114px;left:208px;}
.f7v5 .f7row .f7pic{position:relative;width:54px;height:54px;margin:0 auto 6px;}
.f7v5 .f7row .f7pic svg{width:23px;height:23px;}
.f7v5 .f7st{position:absolute;top:50%;left:-14%;height:3px;width:0;background:var(--coral);border-radius:99px;transform:rotate(-32deg);}
.f7v5.f7on .f7r1{animation:f7fade .4s .3s both, f7fall .5s ease-in 2.05s both;}
.f7v5.f7on .f7r2{animation:f7fade .4s .42s both, f7fall .5s ease-in 2.15s both;}
.f7v5.f7on .f7r3{animation:f7fade .4s .54s both, f7fall .5s ease-in 2.25s both;}
.f7v5.f7on .f7r1 .f7st{animation:f7wr .3s ease .95s both;--w:128%;}
.f7v5.f7on .f7r2 .f7st{animation:f7wr .3s ease 1.25s both;--w:128%;}
.f7v5.f7on .f7r3 .f7st{animation:f7wr .3s ease 1.55s both;--w:128%;}
.f7v5 .f7free{position:absolute;top:222px;left:60px;}
.f7v5.f7on .f7free{animation:f7pop .55s cubic-bezier(.34,1.56,.64,1) 2.6s both, f7fl 4s ease-in-out 3.4s infinite;}
.f7v5 .f7cf{position:absolute;top:234px;left:156px;width:9px;height:9px;background:var(--gold);opacity:0;}
.f7v5 .f7cf:nth-child(odd){background:var(--coral);}
.f7v5.f7on .f7cf{animation:f7fly .7s ease-out 2.75s both;}
/* V6 */
.f7v6 svg.f7map{position:absolute;top:26px;left:36px;width:248px;height:248px;overflow:visible;}
.f7v6 .f7fr{fill:var(--warm);fill-opacity:0;stroke:var(--deepForest);stroke-width:2.4;stroke-linejoin:round;stroke-dasharray:760;stroke-dashoffset:760;}
.f7v6.f7on .f7fr{animation:f7draw 1.1s ease both, f7fill .5s ease 1.05s both;}
@keyframes f7fill{to{fill-opacity:1;}}
.f7v6 .f7dt{fill:var(--coral);transform-box:fill-box;transform-origin:center;transform:scale(0);}
.f7v6 .f7rg{fill:none;stroke:var(--gold);stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(0);}
.f7v6.f7on .f7dt{animation:f7dp .4s cubic-bezier(.34,1.56,.64,1) both, f7puls 3.2s ease-in-out 2.8s infinite;}
.f7v6.f7on .f7rg{animation:f7dp .4s cubic-bezier(.34,1.56,.64,1) 1.15s both;}
@keyframes f7dp{to{transform:scale(1);}}
.f7v6.f7on .f7d1{animation-delay:1.15s,2.8s;}
.f7v6.f7on .f7d2{animation-delay:1.4s,3s;}.f7v6.f7on .f7d3{animation-delay:1.5s,3.1s;}
.f7v6.f7on .f7d4{animation-delay:1.6s,3.2s;}.f7v6.f7on .f7d5{animation-delay:1.7s,3.3s;}.f7v6.f7on .f7d6{animation-delay:1.8s,3.4s;}
.f7v6 .f7arc{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-dasharray:4 5;opacity:.75;stroke-dashoffset:180;}
.f7v6.f7on .f7a1{animation:f7ar .55s ease 1.95s both;}
.f7v6.f7on .f7a2{animation:f7ar .55s ease 2.1s both;}
.f7v6.f7on .f7a3{animation:f7ar .55s ease 2.25s both;}
@keyframes f7ar{from{stroke-dashoffset:180;}to{stroke-dashoffset:0;}}
.f7v6 .f7lbl{font-family:var(--mono);font-size:10px;fill:var(--deepForest);opacity:0;}
.f7v6.f7on .f7lbl{animation:f7fill .4s ease 1.5s both;}
.f7v6 .f7sec{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;}
.f7v6 .f7sec .f7pic{width:36px;height:36px;font-size:16px;}
.f7v6 .f7e1{top:28px;left:0;}.f7v6 .f7e2{top:50px;left:238px;}.f7v6 .f7e3{top:144px;left:252px;}
.f7v6 .f7e4{top:262px;left:222px;}.f7v6 .f7e5{top:254px;left:2px;}
.f7v6.f7on .f7e1{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) 2.55s both, f7fl 5s ease-in-out 3.2s infinite;}
.f7v6.f7on .f7e2{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) 2.67s both, f7fl 5.6s ease-in-out 3.4s infinite;}
.f7v6.f7on .f7e3{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) 2.79s both, f7fl 5.2s ease-in-out 3.6s infinite;}
.f7v6.f7on .f7e4{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) 2.91s both, f7fl 5.8s ease-in-out 3.8s infinite;}
.f7v6.f7on .f7e5{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) 3.03s both, f7fl 5.4s ease-in-out 4s infinite;}
/* V7 */
.f7v7 .f7form{position:absolute;top:54px;left:46px;width:224px;padding:18px 18px 20px;transition:opacity .4s,transform .4s;}
.f7v7 .f7form .f7fl2{display:block;margin:0 0 4px;}
.f7v7 .f7form .f7fld{height:30px;border:1.5px solid var(--border);border-radius:9px;margin:0 0 10px;position:relative;overflow:hidden;}
.f7v7 .f7form .f7fld i{position:absolute;left:9px;top:10px;height:8px;width:0;border-radius:99px;background:var(--border);}
.f7v7 .f7bt{display:block;text-align:center;background:var(--coral);color:#fff;font-weight:700;font-size:13.5px;padding:12px 0;border-radius:999px;box-shadow:0 14px 30px -12px rgba(255,94,74,.65);}
.f7v7.f7on .f7form{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) both;}
.f7v7.f7on.f7sent .f7form{opacity:0;transform:translateY(-14px) scale(.94);}
.f7v7.f7on .f7fa i{animation:f7wr .35s ease .5s both;--w:64%;}
.f7v7.f7on .f7fb i{animation:f7wr .35s ease .72s both;--w:48%;}
.f7v7.f7on .f7bt{animation:f7sq .3s ease 1.55s 1;}
.f7v7 .f7c7{top:340px;left:248px;}
.f7v7.f7on .f7c7{animation:f7cur7 .7s cubic-bezier(.4,0,.2,1) .95s both;}
.f7v7.f7on.f7sent .f7c7{opacity:0;transition:opacity .3s;}
@keyframes f7cur7{0%{top:340px;left:248px;}100%{top:206px;left:168px;}}
.f7v7 .f7cf{position:absolute;top:194px;left:154px;width:10px;height:10px;background:var(--gold);opacity:0;}
.f7v7 .f7cf:nth-child(odd){background:var(--coral);}
.f7v7.f7on .f7cf{animation:f7fly .85s ease-out 1.7s both;}
.f7v7 .f7pub{position:absolute;top:106px;left:42px;width:236px;padding:16px;opacity:0;transform:translateY(16px) scale(.92);transition:opacity .45s cubic-bezier(.34,1.56,.64,1),transform .45s cubic-bezier(.34,1.56,.64,1);}
.f7v7 .f7pub .f7tg{position:absolute;top:-12px;right:14px;background:var(--coral);color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(255,94,74,.7);}
.f7v7 .f7pub .f7nm{display:block;margin-bottom:3px;}
.f7v7 .f7pub .f7ln{margin-top:9px;}
.f7v7.f7on.f7sent .f7pub{opacity:1;transform:none;}
/* nouvelles vignettes compactes : V-STAT, V-FAV, V-DELAI, V-TYPES, V-PRES */
.f7g .f7card{position:absolute;}
.f7g .f7pr{top:118px;left:44px;width:236px;padding:16px;display:flex;gap:14px;align-items:center;}
.f7g.f7on .f7pr{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) both;}
.f7g .f7chip{position:absolute;}
.f7g .f7ca{top:70px;left:96px;}.f7g.f7on .f7ca{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) .55s both,f7fl 4s ease-in-out 1.2s infinite;}
.f7g .f7cb{top:236px;left:70px;}.f7g.f7on .f7cb{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) .85s both;}
/* fav : coeur */
.f7fav .f7hrt{position:absolute;top:60px;left:150px;width:44px;height:44px;}
.f7fav .f7hrt path{fill:none;stroke:var(--coral);stroke-width:2;transition:fill .01s;}
.f7fav.f7on .f7hrt path{animation:f7hb .5s ease .7s both;}
@keyframes f7hb{0%{fill:transparent;transform:scale(1);}60%{transform:scale(1.25);}100%{fill:var(--gold);stroke:var(--gold);transform:scale(1);}}
/* delai : trois avatars rapides */
.f7del .f7mt{top:64px;left:88px;width:150px;padding:12px 14px;}
.f7del.f7on .f7mt{animation:f7pop .45s cubic-bezier(.34,1.56,.64,1) both;}
.f7del .f7dav{position:absolute;top:150px;width:40px;height:40px;border-radius:50%;border:2px solid #fff;box-shadow:0 8px 18px -8px rgba(14,42,31,.3);opacity:0;background:radial-gradient(circle at 50% 34%, #8ba08b 10px, transparent 11px),radial-gradient(circle at 50% 118%, #8ba08b 30px, transparent 31px),linear-gradient(160deg,#EDE6D8,#E2D9C6);}
.f7del .f7g1{left:96px;}.f7del .f7g2{left:142px;}.f7del .f7g3{left:188px;}
.f7del.f7on .f7g1{animation:f7pop .3s cubic-bezier(.34,1.56,.64,1) .5s both;}
.f7del.f7on .f7g2{animation:f7pop .3s cubic-bezier(.34,1.56,.64,1) .68s both;}
.f7del.f7on .f7g3{animation:f7pop .3s cubic-bezier(.34,1.56,.64,1) .86s both;}
.f7del .f7dok{position:absolute;top:222px;left:132px;}
.f7del.f7on .f7dok{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) 1.2s both;}
/* types : 5 tuiles */
.f7ty5 .f7tt{position:absolute;width:58px;padding:12px 6px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;font-size:20px;}
.f7ty5 .f7tt .f7ty{font-size:8.5px;}
.f7ty5 .f7t1{top:66px;left:34px;}.f7ty5 .f7t2{top:66px;left:134px;}.f7ty5 .f7t3{top:66px;left:234px;}
.f7ty5 .f7t4{top:176px;left:84px;}.f7ty5 .f7t5{top:176px;left:184px;}
.f7ty5.f7on .f7t1{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) .4s both,f7fl 5s ease-in-out 1s infinite;}
.f7ty5.f7on .f7t2{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) .52s both,f7fl 5.4s ease-in-out 1.2s infinite;}
.f7ty5.f7on .f7t3{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) .64s both,f7fl 5.2s ease-in-out 1.4s infinite;}
.f7ty5.f7on .f7t4{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) .76s both,f7fl 5.6s ease-in-out 1.6s infinite;}
.f7ty5.f7on .f7t5{animation:f7pop .4s cubic-bezier(.34,1.56,.64,1) .88s both,f7fl 5.8s ease-in-out 1.8s infinite;}
.f7ty5 .f7cc{top:288px;left:112px;}
.f7ty5.f7on .f7cc{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) 1.15s both;}
/* pres : pin GPS */
.f7pres .f7mini2{position:absolute;top:56px;left:60px;width:200px;height:150px;border-radius:16px;background:linear-gradient(160deg,#f0ece1,#e7e0d0);overflow:hidden;}
.f7pres .f7mini2::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(14,42,31,.06) 50%,transparent 51%) 0 0/40px 40px,linear-gradient(0deg,transparent 49%,rgba(14,42,31,.06) 50%,transparent 51%) 0 0/40px 40px;}
.f7pres.f7on .f7mini2{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) both;}
.f7pres .f7pin{position:absolute;top:78px;left:150px;width:30px;height:30px;opacity:0;}
.f7pres .f7pin svg{width:30px;height:30px;fill:var(--coral);}
.f7pres.f7on .f7pin{animation:f7drop .55s cubic-bezier(.34,1.56,.64,1) .55s both;}
@keyframes f7drop{0%{opacity:0;transform:translateY(-40px);}60%{opacity:1;transform:translateY(4px);}100%{transform:translateY(0);}}
.f7pres .f7rp{position:absolute;top:150px;left:150px;width:34px;height:34px;margin:-17px 0 0 -1px;border:2px solid var(--coral);border-radius:50%;opacity:0;}
.f7pres.f7on .f7rp:nth-of-type(1){animation:f7rad 1.1s ease-out 1s 2;}
.f7pres.f7on .f7rp:nth-of-type(2){animation:f7rad 1.1s ease-out 1.35s 2;}
.f7pres .f7pc{top:224px;left:74px;}
.f7pres.f7on .f7pc{animation:f7pop .5s cubic-bezier(.34,1.56,.64,1) 1.5s both;}
/* V0 repos */
.f7v0 .f7orb{position:absolute;top:150px;left:134px;width:52px;height:52px;animation:f7spin 14s linear infinite;}
.f7v0 .f7orb i{position:absolute;width:5px;height:5px;background:var(--gold);opacity:.7;}
.f7v0 .f7orb .f7o1{top:0;left:24px;}.f7v0 .f7orb .f7o2{bottom:0;left:24px;}
.f7v0 .f7z{position:absolute;top:170px;left:154px;width:12px;height:12px;background:var(--gold);animation:f7brt 4s ease-in-out infinite;}
@media(max-width:880px){.f7scene{display:none;}}
@media(prefers-reduced-motion:reduce){.f7vg *{animation-duration:.01s !important;animation-delay:0s !important;}.f7v0 .f7z,.f7v0 .f7orb,.f7amb i{animation:none;}.f7shk.f7go{animation:none;}}

  /* ===== Bloc entrée indépendants (juste après "Comment ça marche") ===== */
  .indep-intro{padding:clamp(84px,12vh,120px) 7vw;background:var(--cream);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;position:relative;z-index:4;}
  .indep-intro .ii-wrap{max-width:760px;margin:0 auto;}
  .indep-intro .eyebrow{justify-content:center;margin-bottom:26px;}
  .indep-intro h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.6vw,56px);line-height:1.04;letter-spacing:-.02em;color:var(--deepForest);margin:0;}
  .indep-intro h2 .accent{color:var(--coral);}
  .indep-intro .ii-lead{font-size:clamp(16px,1.8vw,19px);line-height:1.6;color:#42594a;margin:22px auto 30px;max-width:600px;}
  .indep-intro .feats{justify-content:center;margin:0 auto 32px;}
  .indep-intro .ii-ctas{display:flex;gap:13px;flex-wrap:wrap;justify-content:center;}
  .indep-intro .ii-soon{margin-top:24px;font-size:14px;color:var(--sage);}
  .indep-intro .ii-soon b{color:var(--deepForest);font-weight:600;}
  @media (max-width:520px){ .indep-intro{padding:64px 7vw;} .indep-intro h2{font-size:30px;} .indep-intro .ii-ctas .btn{width:100%;justify-content:center;} }
  /* Contact direct sous le formulaire de rappel (#cta) */
  .rp-contact{margin-top:20px;font-size:14.5px;line-height:1.55;color:var(--sage);}
  .rp-contact a{color:var(--coral700);font-weight:600;text-decoration:none;white-space:nowrap;}
  .rp-contact a:hover{text-decoration:underline;}
  /* ============================================================
     REFONTE MOBILE — corrections de mise en page (portrait ≤ ~560px)
     Aucun texte modifié : uniquement layout / anti-clipping.
     ============================================================ */

  /* #secteurs : en 2 colonnes à 390px les titres longs ("Événementiel")
     débordent de la carte. Une seule colonne sous 480px : cartes pleine
     largeur, titres entiers, illustrations plus lisibles. */
  /* (#secteurs reste en 2 colonnes sur mobile — voir refonte v2 plus bas) */

  /* #suivi / #equipe : les grilles passent en 1 colonne à ≤900px, mais le
     mock "dashboard" (tags en white-space:nowrap + boutons) impose une
     min-content ~432px qui force la colonne plus large que l'écran ; la
     section étant en overflow:hidden, le paragraphe et les pills étaient
     rognés à droite. minmax(0,1fr) autorise la colonne à rétrécir. */
  @media (max-width:900px){
    #suivi .sv-grid, #equipe .eq-grid{ grid-template-columns:minmax(0,1fr); }
    #suivi .sv-copy, #suivi .sv-dashwrap, #suivi .sv-dash,
    #equipe .eq-copy, #equipe .eq-dashwrap, #equipe .eq-dash{ min-width:0; max-width:100%; }
    #suivi .sv-rL, #equipe .eq-rL{ min-width:0; }
    #suivi .sv-rtitle, #suivi .sv-rmeta,
    #equipe .eq-rtitle, #equipe .eq-rmeta{ overflow-wrap:anywhere; }
  }

  /* Lignes du mock "Vos habitués" : sur petit écran, le bloc de droite
     (statut + bouton Réinviter) passe SOUS le nom au lieu d'être rogné —
     aucun contenu masqué. */
  @media (max-width:560px){
    #equipe .eq-row{ flex-wrap:wrap; row-gap:12px; }
    #equipe .eq-rR{ width:100%; justify-content:flex-start; padding-left:54px; }
  }

  /* Indicateur "Scroll" (fixe, bas-centre) : il chevauche le bas du
     contenu sur mobile et le geste de défilement y est évident. Masqué
     sous 768px (conservé sur ordinateur). */
  @media (max-width:768px){ .scrollhint{ display:none; } }
  /* ============================================================
     REFONTE MOBILE v2 — rythme vertical
     Retour d'Adam : page trop longue / cartes #secteurs trop grandes.
     On revient a 2 colonnes pour #secteurs et on resserre l'espacement
     pour que la proportion ressemble au desktop. Aucun texte modifie ;
     desktop (>900px) inchange (tout est sous @media max-width).
     ============================================================ */

  /* #secteurs : 2 colonnes conservees sur mobile (l'aspect-ratio 3/4
     rendait les cartes enormes en 1 colonne). Le titre long
     "Evenementiel" est traite autrement : taille reduite + coupure de
     mot autorisee + padding de carte resserre. */
  @media (max-width:560px){
    .sec-cbody{ left:15px; right:15px; bottom:16px; }
    .sec-cbody h3{ font-size:18px; overflow-wrap:break-word; word-break:break-word; -webkit-hyphens:auto; hyphens:auto; line-height:1.1; }
    .sec-cbody .roles{ font-size:12px; }
  }

  /* Rythme vertical : sections rapprochees, grands ecarts internes
     reduits, bas des scenes 3D resserre. */
  @media (max-width:900px){
    .need{ padding:58px 7vw; }
    .need .pont{ margin-top:26px; }
    .secteurs{ padding:52px 6vw 56px; }
    .sec-head{ margin:0 auto 30px; }
    .sec-grid{ gap:14px; }
    #suivi{ padding:56px 6vw; }
    #equipe{ padding:56px 6vw; }
    #cta{ padding:56px 6vw; }
    #about{ padding:56px 6vw; }
    #faq{ padding:56px 6vw; }
    .indep-intro{ padding:52px 7vw; }

    /* scenes 3D : on reduit le bas et on rapproche legerement le
       telephone du texte (reserve haute), sans le chevaucher. */
    #hero{ padding-top:54vh; }
    .scene{ padding-top:56vh; padding-bottom:48px; }
    .scene.bg-soft{ padding-top:52vh; padding-bottom:52px; }

    /* #why : liste resserree */
    .whylist{ gap:14px; margin-top:18px; }
    .whyitem p{ font-size:15.5px; margin-top:4px; }
    .whyitem .ic{ width:42px; height:42px; }
    .whyitem .ic svg{ width:22px; height:22px; }

    /* #about : les tres grands margins internes (72px/76px) sont
       disproportionnes sur mobile. */
    #about .ab-lead{ margin-top:18px; }
    #about .ab-creed{ margin-top:38px; gap:26px; }
    #about .ab-close{ margin-top:40px; }
    #about .ab-mark{ margin-top:26px; }
  }
  /* ============================================================
     3D DESACTIVE SUR MOBILE (voir garde JS) — poster statique en repli.
     On masque le canvas fixe, on retire la reserve verticale (~54vh) qui
     lui etait dediee dans chaque scene, et on affiche hero-phone.webp
     (~20 Ko, transparent, 2x) a la place du telephone WebGL.
     Effet de bord voulu : les 3 etapes "Comment ca marche" (scenes .scene
     bg-soft) n'ont plus la reserve telephone -> elles deviennent 3 blocs
     compacts empiles (~1 ecran au lieu de ~3).
     ============================================================ */
  .phone-poster{ display:none; }
  @media (max-width:980px){
    #stage3d{ display:none !important; }

    /* plus de reserve telephone : les scenes repartent d'un haut normal.
       .scene est en display:flex -> en colonne pour empiler poster + texte
       (sinon le poster devient un item cote-a-cote et le texte deborde). */
    #hero{ padding-top:24px; }
    .scene{ padding-top:40px; flex-direction:column; align-items:center; }
    .scene .copy{ width:100%; }
    .scene.bg-soft{ padding-top:30px; padding-bottom:30px; } /* les 3 etapes, resserrees */
    .scene.bg-warm{ padding-top:40px; }
    /* "Comment ca marche" : titres/leads d'etape resserres (taille only,
       aucun texte modifie) pour saisir les 3 etapes quasi d'un coup. */
    .scene.bg-soft .copy h2{ font-size:31px; line-height:1.08; }
    .scene.bg-soft .copy .lead{ font-size:16px; line-height:1.5; margin:12px 0 0; }

    /* poster : remplace le telephone 3D (hero + section app worker) */
    .phone-poster{ display:block; margin:0 auto 16px; height:38vh; width:auto; max-width:70%; }
    #independants .phone-poster{ height:34vh; margin-bottom:20px; }
  }
  /* ============================================================
     "COMMENT CA MARCHE" — MOBILE : frise verticale unique + telephone
     narratif. Remplace les 3 scenes empilees (~3 ecrans) par une seule
     frise (~1,3 ecran). Desktop STRICTEMENT inchange : .how-m est masquee
     hors mobile et tout est sous @media (max-width:900px).
     ============================================================ */
  .how-m{ display:none; }

  @media (max-width:900px){
    /* on masque les 3 scenes desktop "how" (le 3D est deja off mobile) */
    section[data-phone="how1"],
    section[data-phone="how2"],
    section[data-phone="how3"]{ display:none !important; }

    .how-m{ display:block; background:var(--cream); padding:52px 7vw 46px; position:relative; z-index:10; }
    .how-m-eyebrow{ display:inline-flex; margin-bottom:26px; }

    /* --- Frise --- */
    .how-m-frise{ position:relative; padding-left:34px; }
    .how-m-rail{ position:absolute; left:6px; top:7px; bottom:9px; width:2px; }
    .how-m-track{ position:absolute; inset:0; background:var(--border); border-radius:2px; }
    /* Etat par defaut = frise COMPLETE et visible (amelioration progressive :
       si le JS echoue, est absent, ou reduced-motion -> rail plein, etapes
       visibles, puces allumees ; le contenu n'est JAMAIS masque). */
    .how-m-fill{ position:absolute; left:0; top:0; width:100%; height:100%; border-radius:2px;
      background:linear-gradient(180deg,var(--coral) 0%,var(--gold) 100%);
      transform-origin:top center; }
    .how-m-step{ position:relative; max-width:250px; }
    .how-m-step + .how-m-step{ margin-top:34px; }
    .how-m-dot{ position:absolute; left:-34px; top:3px; width:14px; height:14px; border-radius:50%; }
    .how-m-step[data-step="1"] .how-m-dot{ background:var(--coral); border:2px solid var(--coral); box-shadow:0 0 0 5px rgba(255,94,74,.16); }
    .how-m-step[data-step="2"] .how-m-dot{ background:var(--gold); border:2px solid var(--gold); box-shadow:0 0 0 5px rgba(212,175,55,.18); }
    .how-m-step[data-step="3"] .how-m-dot{ background:var(--deepForest); border:2px solid var(--deepForest); box-shadow:0 0 0 5px rgba(14,42,31,.15); }

    /* ANIMATION — pilotage :
       · Les ETAPES (texte) restent TOUJOURS visibles (aucune dependance JS :
         pas de reveal-up qui les masquerait si l'observateur ne se declenche
         pas sur l'appareil). C'est du contenu, pas de la decoration.
       · Le RAIL + les puces + le telephone sont pilotes par un TIMER JS
         (setInterval, cf. plus bas) : animation continue, independante du
         scroll ET des observateurs -> elle se joue meme sur WebKit/iOS.
       Le JS ajoute .anim seulement s'il pilote : on part alors du rail vide +
       puces eteintes, puis on remplit au fil des ecrans du telephone. */
    /* Remplissage anime via scaleY (transform-origin:top) plutot que height :
       une hauteur en % ne se resout pas ici (le rail est en position:absolute
       sans hauteur explicite), et le transform est fiable partout, iOS compris. */
    .how-m.anim .how-m-fill{ transform:scaleY(0); transition:transform 1s cubic-bezier(.4,0,.2,1); }
    .how-m.anim .how-m-dot{ background:var(--cream); border:2px solid var(--border); box-shadow:none; transition:background .5s, border-color .5s, box-shadow .5s; }
    .how-m.anim .how-m-step.reached[data-step="1"] .how-m-dot{ background:var(--coral); border-color:var(--coral); box-shadow:0 0 0 5px rgba(255,94,74,.16); }
    .how-m.anim .how-m-step.reached[data-step="2"] .how-m-dot{ background:var(--gold); border-color:var(--gold); box-shadow:0 0 0 5px rgba(212,175,55,.18); }
    .how-m.anim .how-m-step.reached[data-step="3"] .how-m-dot{ background:var(--deepForest); border-color:var(--deepForest); box-shadow:0 0 0 5px rgba(14,42,31,.15); }
    /* la puce de l'etape active respire doucement */
    .how-m.anim .how-m-step.act .how-m-dot{ animation:hmDotPulse 1.7s ease-in-out infinite; }
    @keyframes hmDotPulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.16);} }

    .how-m-num{ display:block; font-family:var(--mono); font-size:10.5px; font-weight:700;
      letter-spacing:.14em; color:var(--coral700); margin-bottom:7px; }
    .how-m-step[data-step="2"] .how-m-num{ color:#8A6D12; }
    .how-m-step[data-step="3"] .how-m-num{ color:var(--forest3); }
    .how-m-t{ font-family:var(--serif); font-weight:500; font-size:21px; line-height:1.16;
      letter-spacing:-.01em; color:var(--deepForest); margin:0; }
    .how-m-t .gold-i{ color:var(--coral); font-style:italic; }
    .how-m-x{ font-size:13.5px; line-height:1.62; color:#5a6b5d; margin:8px 0 0; max-width:250px; }

    /* --- Telephone narratif (blocs CSS) --- */
    .how-m-preview{ margin-top:34px; display:flex; flex-direction:column; align-items:center; }
    .how-m-device{ position:relative; width:184px; height:296px; background:var(--deepForest);
      border-radius:30px; padding:8px; box-shadow:0 26px 52px -22px rgba(14,42,31,.5), 0 6px 16px -8px rgba(14,42,31,.3); }
    .how-m-notch{ position:absolute; top:14px; left:50%; transform:translateX(-50%); width:52px; height:5px; border-radius:3px; background:rgba(255,255,255,.22); z-index:3; }
    /* Ecran d'app credible (facon hero) : entete + contenu reel, aligne en haut. */
    .how-m-screen{ position:absolute; inset:8px; border-radius:23px; background:#FFFDF9; padding:20px 14px 14px;
      display:flex; flex-direction:column; justify-content:flex-start;
      opacity:0; transform:scale(.97); transition:opacity .5s, transform .5s; overflow:hidden; }
    .how-m-screen.is-on{ opacity:1; transform:none; }

    /* Barre systeme : heure + logo (comme un vrai ecran d'app) */
    .hs-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; }
    .hs-time{ font-family:var(--inter); font-weight:600; font-size:10px; color:var(--deepForest); }
    .hs-brand{ font-family:var(--inter); font-weight:700; font-size:11px; letter-spacing:-.01em; color:var(--deepForest); }
    .hs-brand b{ color:var(--coral); }

    /* Titre d'ecran */
    .hs-h{ font-family:var(--serif); font-weight:500; font-size:15px; color:var(--deepForest);
      margin-bottom:12px; display:flex; align-items:center; gap:6px; }
    .hs-count{ font-family:var(--inter); font-weight:700; font-size:9px; color:#fff; background:var(--coral);
      border-radius:999px; min-width:16px; height:16px; padding:0 4px; display:inline-flex; align-items:center; justify-content:center; }

    /* Ecran 1 : pills secteur + champs cle/valeur + bouton */
    .hs-pills{ display:flex; gap:6px; margin-bottom:12px; }
    .hs-pill{ font-family:var(--inter); font-weight:600; font-size:9px; padding:4px 9px; border-radius:999px; background:#F0EADD; color:#8a7f6b; }
    .hs-pill.on{ background:var(--coral); color:#fff; }
    .hs-kv{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid #F1EBDE; }
    .hs-kv span{ font-family:var(--inter); font-size:10px; color:#9a9384; flex:0 0 auto; }
    .hs-kv b{ font-family:var(--inter); font-weight:600; font-size:10.5px; color:var(--deepForest); text-align:right; }
    .hs-btn{ margin-top:auto; background:var(--coral); color:#fff; font-family:var(--inter); font-weight:600;
      font-size:11px; text-align:center; padding:10px; border-radius:999px; }

    /* Avatars a initiales (ecrans 2 et 3) */
    .hs-av{ width:30px; height:30px; border-radius:50%; flex:0 0 auto; display:flex; align-items:center; justify-content:center;
      font-family:var(--inter); font-weight:700; font-size:10px; color:#fff; background:linear-gradient(135deg,#FF8A6E,#C9462F); }
    .hs-av.a2{ background:linear-gradient(135deg,#2f6b47,#0E2A1F); }
    .hs-av.a3{ background:linear-gradient(135deg,#E6B43A,#B8860B); }

    /* Ecran 2 : lignes profil (avatar + nom/role + note) */
    .hs-prof{ display:flex; align-items:center; gap:9px; padding:8px 0; border-bottom:1px solid #F3EEE3; }
    .hs-prof:last-child{ border-bottom:0; }
    .hs-pi{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
    .hs-pi b{ font-family:var(--inter); font-weight:600; font-size:11px; color:var(--deepForest); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .hs-pi span{ font-family:var(--inter); font-size:9.5px; color:#9a9384; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .hs-star{ font-family:var(--inter); font-weight:600; font-size:9.5px; color:#B8860B; flex:0 0 auto; }

    /* Ecran 3 : confirmation */
    .hs-confwrap{ display:flex; flex-direction:column; align-items:center; margin:auto 0; width:100%; }
    .hs-check{ width:44px; height:44px; border-radius:50%; background:#E3F3E9; color:var(--green);
      display:flex; align-items:center; justify-content:center; margin-bottom:10px; }
    .hs-check svg{ width:23px; height:23px; }
    .hs-ok-t{ font-family:var(--serif); font-weight:500; font-size:15px; color:var(--deepForest); margin-bottom:14px; }
    .hs-conf{ display:flex; align-items:center; gap:8px; width:100%; padding:7px 0; border-bottom:1px solid #F3EEE3; }
    .hs-conf:last-child{ border-bottom:0; }
    .hs-ok{ font-family:var(--inter); font-weight:600; font-size:8px; color:var(--green); background:#E3F3E9;
      padding:3px 6px; border-radius:999px; flex:0 0 auto; letter-spacing:.01em; }

    /* --- Micro-animations DANS l'ecran (rejouees a chaque activation) --- */
    @keyframes hsUp{ from{ opacity:0; transform:translateY(10px);} to{ opacity:1; transform:none;} }
    @keyframes hsRight{ from{ opacity:0; transform:translateX(16px);} to{ opacity:1; transform:none;} }
    @keyframes hsPop{ 0%{ opacity:0; transform:scale(.35);} 62%{ opacity:1; transform:scale(1.14);} 100%{ transform:scale(1);} }
    @keyframes hsPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,94,74,0);} 50%{ box-shadow:0 0 0 6px rgba(255,94,74,.18);} }
    /* Ecran 1 : pills + champs montent en cascade, le bouton pulse */
    .how-m-screen.is-on[data-screen="1"] .hs-pills{ animation:hsUp .5s .06s both; }
    .how-m-screen.is-on[data-screen="1"] .hs-kv{ animation:hsUp .5s both; }
    .how-m-screen.is-on[data-screen="1"] .hs-kv:nth-of-type(1){ animation-delay:.14s; }
    .how-m-screen.is-on[data-screen="1"] .hs-kv:nth-of-type(2){ animation-delay:.22s; }
    .how-m-screen.is-on[data-screen="1"] .hs-kv:nth-of-type(3){ animation-delay:.3s; }
    .how-m-screen.is-on[data-screen="1"] .hs-btn{ animation:hsUp .5s .4s both, hsPulse 1.6s 1s ease-in-out 2; }
    /* Ecran 2 : les profils glissent depuis la droite */
    .how-m-screen.is-on[data-screen="2"] .hs-prof{ animation:hsRight .5s both; }
    .how-m-screen.is-on[data-screen="2"] .hs-prof:nth-of-type(1){ animation-delay:.12s; }
    .how-m-screen.is-on[data-screen="2"] .hs-prof:nth-of-type(2){ animation-delay:.26s; }
    .how-m-screen.is-on[data-screen="2"] .hs-prof:nth-of-type(3){ animation-delay:.4s; }
    /* Ecran 3 : la coche pop, le titre et les profils confirmes montent */
    .how-m-screen.is-on[data-screen="3"] .hs-check{ animation:hsPop .55s .05s both; }
    .how-m-screen.is-on[data-screen="3"] .hs-ok-t{ animation:hsUp .5s .2s both; }
    .how-m-screen.is-on[data-screen="3"] .hs-conf{ animation:hsUp .5s both; }
    .how-m-screen.is-on[data-screen="3"] .hs-conf:nth-of-type(2){ animation-delay:.32s; }
    .how-m-screen.is-on[data-screen="3"] .hs-conf:nth-of-type(3){ animation-delay:.44s; }

    .how-m-cap{ margin-top:15px; font-family:var(--mono); font-size:11px; letter-spacing:.09em;
      text-transform:uppercase; color:var(--sage); }

    /* #6 — bloc contact en bas de "Comment ca marche" */
    /* scroll-margin-top : #contact est un <div> (pas un <section>), donc la
       regle section[id]{scroll-margin-top} ne l'atteignait pas -> l'ancre
       tombait sous l'en-tete fixe (88px) et laissait voir la section suivante
       (#pour-independants). On corrige ici pour que l'ancre atterrisse bien. */
    .how-m-contact{ margin-top:44px; padding-top:30px; border-top:1px solid rgba(14,42,31,.12);
      display:flex; flex-direction:column; align-items:center; text-align:center;
      scroll-margin-top:96px; }
    .how-m-contact .eyebrow{ margin-bottom:16px; }
    .hmc-items{ display:flex; flex-direction:column; gap:11px; width:100%; max-width:280px; }
    .hmc-item{ display:inline-flex; align-items:center; justify-content:center; gap:9px;
      font-family:var(--inter); font-weight:600; font-size:15px; color:var(--deepForest);
      text-decoration:none; padding:13px 16px; border-radius:14px; background:#fff;
      border:1px solid var(--border); box-shadow:0 6px 16px -12px rgba(14,42,31,.28); }
    .hmc-item svg{ width:18px; height:18px; color:var(--coral); flex:0 0 auto; }
  }

  /* Accessibilite : sans animation, tout est visible d'emblee (l'etat par
     defaut est deja complet ; on neutralise aussi .anim par securite). */
  @media (max-width:900px) and (prefers-reduced-motion:reduce){
    .how-m.anim .how-m-step{ opacity:1 !important; transform:none !important; transition:none !important; }
    .how-m.anim .how-m-fill{ transform:none !important; transition:none !important; }
    .how-m.anim .how-m-dot{ transition:none !important; }
    .how-m-screen, .how-m-screen *{ animation:none !important; transition:none !important; }
  }
  /* ============================================================
     TYPOGRAPHIE MOBILE — recalibree (-15 a -20%) : la typo desktop etait
     trop grande sur telephone (cause principale du "tout en longueur").
     Tout sous @media (max-width:900px) ; desktop inchange.
     ============================================================ */
  @media (max-width:900px){
    /* Echelle typo mobile — 5 niveaux, appliquee partout :
       N1 titre de section 25 · N2 titre de bloc/etape 18 · N3 corps 14/1.55
       · N4 legende 12.5 · N5 micro-libelle 11 (mono .16em). Hero = display 34. */

    /* Hero (display) + de l'air sous l'eyebrow (#4 : il collait au titre) */
    #hero .copy h1{ font-size:34px !important; line-height:1.12 !important; }
    #hero .copy .eyebrow{ margin-bottom:20px !important; }

    /* N1 — titres de section : 25px */
    .need h2, .sec-head h2, #about h2, #suivi .sv-copy h2, #equipe .eq-copy h2,
    #cta .rp-copy h2, #faq .fq-head h2, .indep-intro h2, .scene .copy h2{
      font-size:25px !important; line-height:1.15 !important; }

    /* N2 — titres de bloc / etape / question : 18px */
    .how-m-t, .whyitem h4, #about .ab-pr h3, #faq .fq-q h3{
      font-size:18px !important; line-height:1.2 !important; }

    /* N3 — corps de texte : 15,5px / 1.58 (agrandi depuis 14/1.55).
       Concerne UNIQUEMENT le corps ; aucun titre n'est touche. Applique
       partout : frise, cartes, FAQ, secteurs (dont la fiche), sections texte. */
    .scene .copy .lead, .sec-head .lead, .indep-intro .ii-lead, .indep-intro .ii-soon,
    #suivi .sv-lead, #equipe .eq-lead, #cta .rp-lead, #about .ab-lead, #about .ab-pr p,
    .whyitem p, .how-m-x, #faq .fq-sub, #faq .fq-a p, #about .ab-close,
    #secteurs .detail .ctx{
      font-size:15.5px !important; line-height:1.58 !important; }
    .scene .copy .lead, .sec-head .lead, .indep-intro .ii-lead, #suivi .sv-lead,
    #equipe .eq-lead, #cta .rp-lead, #about .ab-lead, #about .ab-pr p, .how-m-x{
      max-width:280px !important; }
    .scene .copy .lead, .sec-head .lead, .indep-intro .ii-lead, #about .ab-lead{
      margin-left:auto !important; margin-right:auto !important; }

    /* N4 — legendes & libelles secondaires : 13px (agrandi depuis 12,5).
       NE concerne PAS les micro-libelles en majuscules (eyebrow/num a 11px). */
    .how-m-cap{ font-size:13px !important; letter-spacing:.08em !important; }
    #suivi .sv-url, #suivi .sv-rmeta, #suivi .sv-chip, #suivi .sv-dfoot,
    #equipe .eq-url, #equipe .eq-rmeta, #equipe .eq-reinv, #equipe .eq-dfoot{
      font-size:13px !important; }

    /* N5 — micro-libelles (eyebrow, numero d'etape) : 11px mono uniforme */
    .eyebrow{ font-size:11px !important; letter-spacing:.16em !important; }
    .how-m-num{ font-size:11px !important; }

    /* Divers */
    .btn{ font-size:13.5px !important; padding:13px 22px !important; }
    .need .pont{ font-size:16px !important; }
    .terrain .tr-line{ font-size:22px !important; }
  }
  /* ============================================================
     RESPIRATION ENTRE SECTIONS (mobile) — les sections s'enchainaient
     sans rupture. Filet fin sobre + alternance cream/blanc sur les
     sections de texte (on garde le cream sous les sections a cartes/mock
     pour ne pas perdre le contraste des blocs blancs). Desktop inchange.
     ============================================================ */
  @media (max-width:900px){
    /* Filet CLAIREMENT perceptible : hairline deepForest .18 + reflet blanc
       juste en dessous -> effet grave, visible meme entre deux sections de
       meme teinte (cream/cream ou blanc/blanc). */
    #besoin, .how-m, #pour-independants, #secteurs, #why, #suivi, #equipe,
    #about, #faq, #cta, #independants{
      border-top:1px solid rgba(14,42,31,.18);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
    }
    /* alternance cream/blanc plus marquee : sections de texte en blanc,
       intercalees entre les sections cream/cartes -> rupture visible. */
    #besoin, #pour-independants, #about, #faq{ background:#FFFFFF !important; }
  }
  /* ============================================================
     #1 FICHE SECTEUR (.detail) — anti-clipping mobile.
     Le libelle "MISSIONS COUVERTES" (chips, padding-left:0) demarrait
     derriere le trait decoratif -> "ISSIONS COUVERTES". Meme remede que
     #equipe : minmax(0,1fr) + min-width:0, et on donne a .detail-in une
     marge gauche pour que TOUT le contenu degage le trait, lui-meme
     rentre dans le cadre.
     ============================================================ */
  @media (max-width:900px){
    #secteurs .detail-in{ grid-template-columns:minmax(0,1fr); min-width:0;
      padding:24px 20px 24px 28px; }
    #secteurs .detail-left{ padding-left:0; min-width:0; }
    #secteurs .chips{ padding-left:0; min-width:0; }
    #secteurs .detail-strip{ left:11px; top:22px; bottom:22px; }
    #secteurs .detail .ctx{ max-width:none; }
  }

  footer .social{display:flex;gap:10px;margin-top:20px;}
  footer .social a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cream);border:1px solid rgba(250,246,238,.28);transition:.18s;}
  footer .social a:hover{background:var(--coral);border-color:var(--coral);color:#fff;}
  footer .social svg{width:18px;height:18px;}