/* ============================================================================
   BUILD360 — LANDING PUBLIQUE 2026
   --------------------------------------------------------------------------
   Portée strictement limitée à la landing générée par landing.js. Les écrans
   connectés, l'authentification et le catalogue commercial restent inchangés.
   ========================================================================== */

.ld.ld--2026{
  --ld-ink:#111827;
  --ld-ink-soft:#374151;
  --ld-muted:#6b7280;
  --ld-line:#e5e7eb;
  --ld-line-strong:#d1d5db;
  --ld-paper:#ffffff;
  --ld-mist:#f8fafc;
  --ld-yellow:#ffb300;
  --ld-yellow-deep:#b87d00;
  --ld-yellow-hover:#e09a00;
  --ld-yellow-soft:#fff3cf;
  --ld-yellow-subtle:#fffaf0;
  --ld-green:#16803d;
  position:fixed;
  inset:0;
  z-index:150;
  overflow-x:hidden;
  overflow-y:auto;
  color:var(--ld-ink);
  background:var(--ld-mist);
  font-family:Inter,Arial,sans-serif;
  isolation:isolate;
}

.ld.ld--2026 .ld-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:1;
  background:
    radial-gradient(circle at 84% 10%,rgba(255,179,0,.20),transparent 24rem),
    radial-gradient(circle at 12% 36%,rgba(17,24,39,.055),transparent 26rem),
    linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px),
    linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),
    var(--ld-mist);
  background-size:auto,auto,42px 42px,42px 42px,auto;
}

.ld.ld--2026 .ld-bg::after{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(248,250,252,.16),rgba(248,250,252,.92) 72%,var(--ld-mist));
  mask-image:none;
}

/* BANDEAU HEADER 2026 — spécification STRICTE du 17/08/2026 (.b360-header)
   Valeurs reprises telles quelles de la spec :
     header : sticky top 0, pleine largeur, fond #fff, AUCUN arrondi,
              ombre 0 2px 12px rgba(17,24,39,.06)
     inner  : max-width 1440px centré, hauteur 80px, padding 0 32px
   Le DOM existant n'a pas de div interne : `.ld-nav` cumule les deux rôles
   via padding latéral calculé = (100% - 1440px) / 2, borné à 32px. */
.ld.ld--2026 .ld-nav{
  position:sticky;
  top:0;
  z-index:1000;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  min-height:80px;
  margin:0;
  padding:0 max(32px,calc((100% - 1440px)/2));
  background:#fff;
  border:0;
  border-radius:0;
  box-shadow:0 2px 12px rgba(17,24,39,.06);
}

/* DÉCROCHÉ DE MARQUE — UN SEUL ENCADREMENT
   Le cartouche n'est pas une carte posée sur la barre : c'est la barre
   elle-même qui descend en marche d'escalier sur sa gauche. Le tracé du
   contour est donc continu — bord gauche, dessous du cartouche, remontée,
   puis dessous de la barre.
   Trois conditions pour que la couture soit invisible :
     1. les deux surfaces sont opaques et de la même valeur (#fff) ;
     2. le bord haut et le bord gauche du cartouche sont exactement posés
        sur ceux de la barre (marges négatives de 9 et 19 px = padding + bordure) ;
     3. le bord DROIT du cartouche ne doit exister qu'en dessous de la barre :
        `::after` le recouvre d'un aplat blanc sur les 68 px du haut, ce qui
        produit l'angle rentrant.
   La marge basse négative retire la hauteur du cartouche du flux : la barre
   conserve ses 68 px, seul le décroché dépasse. */
/* Décroché logo (.b360-header__logo de la spec) : absolute, left 32px, top 0,
   hauteur 96px (80 + 16 de dépassement), fond #fff, padding 0 24px,
   radius 0 0 16px 16px, même ombre que le header. Aucune bordure. */
.ld.ld--2026 .ld-brand{
  position:absolute;
  left:max(32px,calc((100% - 1440px)/2));
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:96px;
  padding:0 24px;
  background:#fff;
  border:0;
  border-radius:0 0 16px 16px;
  box-shadow:0 2px 12px rgba(17,24,39,.06);
}
.ld.ld--2026 .ld-logo-full{
  display:block;
  width:auto;
  height:auto!important;
  max-height:74px;
  max-width:224px;
  object-fit:contain;
}

.ld.ld--2026 .ld-navlinks{display:flex;align-items:center;gap:4px}
.ld.ld--2026 .ld-navlinks a:not(.ld-btn){
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 10px;
  color:var(--ld-muted);
  border-radius:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
  text-decoration:none;
}
.ld.ld--2026 .ld-navlinks a:not(.ld-btn):hover{color:var(--ld-ink);background:var(--ld-yellow-subtle)}

.ld.ld--2026 .ld-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:10px 16px;
  border:1px solid var(--ld-line-strong);
  border-radius:10px;
  color:var(--ld-ink);
  background:var(--ld-paper);
  box-shadow:none;
  font:750 13px/1 Inter,Arial,sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease;
}
.ld.ld--2026 .ld-btn:hover{color:var(--ld-ink);border-color:var(--ld-ink);background:#fff;box-shadow:0 7px 18px rgba(17,24,39,.09);transform:translateY(-1px)}
.ld.ld--2026 .ld-btn:focus-visible,.ld.ld--2026 a:focus-visible,.ld.ld--2026 summary:focus-visible{
  outline:2px solid var(--ld-ink);
  outline-offset:3px;
}
.ld.ld--2026 .ld-btn.primary,.ld.ld--2026 .ld-btn.solid{
  color:var(--ld-ink);
  background:var(--ld-yellow);
  border-color:var(--ld-yellow);
  box-shadow:0 7px 18px rgba(255,179,0,.22);
}
.ld.ld--2026 .ld-btn.primary:hover,.ld.ld--2026 .ld-btn.solid:hover{color:var(--ld-ink);background:var(--ld-yellow-hover);border-color:var(--ld-yellow-hover)}
.ld.ld--2026 .ld-btn.ghost,.ld.ld--2026 .ld-btn[data-action="demo"]{color:var(--ld-ink);background:var(--ld-paper);border-color:var(--ld-line-strong)}
.ld.ld--2026 .ld-btn.ghost:hover,.ld.ld--2026 .ld-btn[data-action="demo"]:hover{color:var(--ld-ink);background:var(--ld-yellow-subtle);border-color:var(--ld-yellow-deep)}
.ld.ld--2026 .ld-btn.big{min-height:52px;padding-inline:20px;font-size:14px}

.ld.ld--2026 .ld-main{position:relative;z-index:1;background:transparent}
.ld.ld--2026 .ld-hero{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);
  align-items:center;
  gap:clamp(30px,5vw,70px);
  width:min(1240px,calc(100% - 48px));
  min-height:min(650px,calc(100vh - 96px));
  margin:0 auto;
  padding:72px 0 56px;
}
.ld.ld--2026 .ld-hero__copy{max-width:650px;padding:0}
.ld.ld--2026 .ld-kicker,.ld.ld--2026 .ld-badge{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin:0 0 22px;
  padding:8px 11px;
  overflow:hidden;
  color:var(--ld-ink-soft);
  background:rgba(255,255,255,.72);
  border:1px solid var(--ld-line-strong);
  border-radius:999px;
  font:700 10.5px/1.2 "Fira Code",monospace;
  letter-spacing:.06em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.ld.ld--2026 .ld-kicker::before,.ld.ld--2026 .ld-badge::before{
  flex:0 0 auto;
  width:8px;
  height:8px;
  margin-right:8px;
  background:var(--ld-yellow);
  border-radius:50%;
}
.ld.ld--2026 .ld-hero h1{
  max-width:710px;
  margin:0 0 18px;
  color:var(--ld-ink);
  font-size:clamp(42px,5.3vw,72px);
  font-weight:800;
  letter-spacing:-.06em;
  line-height:.98;
}
.ld.ld--2026 .ld-hero h1 span{color:var(--ld-yellow-deep);background:none;-webkit-text-fill-color:currentColor}
.ld.ld--2026 .ld-hero__claim{max-width:600px;margin:0 0 10px;color:var(--ld-ink-soft);font-size:18px;font-weight:650;line-height:1.5}
.ld.ld--2026 .ld-lead{max-width:610px;margin:0;color:var(--ld-muted);font-size:15px;line-height:1.65}
.ld.ld--2026 .ld-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}

.ld.ld--2026 .ld-hero__offer-cue{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px 16px;
  max-width:566px;
  margin-top:24px;
  padding:12px 14px;
  background:rgba(255,255,255,.88);
  border:1px solid var(--ld-line);
  border-left:4px solid var(--ld-yellow);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(17,24,39,.06);
}
.ld.ld--2026 .ld-hero__offer-cue span{color:var(--ld-muted);font:700 10px/1.2 "Fira Code",monospace;letter-spacing:.045em;text-transform:uppercase}
.ld.ld--2026 .ld-hero__offer-cue b{min-width:0;color:var(--ld-ink);font-size:14px;letter-spacing:-.015em}
.ld.ld--2026 .ld-hero__offer-cue a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;color:var(--ld-yellow-deep);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}
.ld.ld--2026 .ld-hero__offer-cue a:hover{color:var(--ld-ink)}
.ld.ld--2026 .ld-hero__offer-cue i{font-size:15px;font-style:normal}

.ld.ld--2026 .ld-hero__proof{
  display:flex;
  gap:0;
  margin-top:24px;
  color:var(--ld-muted);
  background:transparent;
}
.ld.ld--2026 .ld-stat{display:grid;gap:2px;min-width:0;padding:0 16px;border-left:1px solid var(--ld-line)}
.ld.ld--2026 .ld-stat:first-child{padding-left:0;border-left:0}
.ld.ld--2026 .ld-stat b{color:var(--ld-ink);font:750 15px/1 "Fira Code",monospace;letter-spacing:-.04em}
.ld.ld--2026 .ld-stat span{font-size:10.5px;line-height:1.35}

/* Scène CSS 3D : image existante + panneaux d'information, sans WebGL. */
.ld.ld--2026 .ld-hero__visual--2026{width:100%;max-width:none;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.ld.ld--2026 .ld-scene{position:relative;min-height:470px;perspective:1500px;isolation:isolate}
.ld.ld--2026 .ld-scene::before{
  content:"";
  position:absolute;
  inset:12% -5% 5% 8%;
  z-index:-2;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,179,0,.40),rgba(255,179,0,.08) 48%,transparent 70%);
  filter:blur(12px);
}
.ld.ld--2026 .ld-scene__stage{
  --ld-scene-pointer-x:0deg;
  --ld-scene-pointer-y:0deg;
  position:absolute;
  inset:26px 12px 62px;
  transform:rotateX(calc(5deg + var(--ld-scene-pointer-x))) rotateY(calc(-7deg + var(--ld-scene-pointer-y))) rotateZ(-.6deg);
  transform-style:preserve-3d;
  transition:transform 180ms cubic-bezier(.2,.8,.2,1);
}
.ld.ld--2026 .ld-scene__poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border:1px solid rgba(255,255,255,.48);
  border-radius:22px;
  box-shadow:0 30px 54px rgba(17,24,39,.23);
  filter:grayscale(.1) saturate(.75) contrast(1.04) brightness(.78);
  transform:translateZ(-70px) scale(.97);
}
.ld.ld--2026 .ld-scene__stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:22px;
  background:linear-gradient(125deg,rgba(17,24,39,.68),rgba(17,24,39,.18) 46%,rgba(17,24,39,.50));
  transform:translateZ(-50px);
}
.ld.ld--2026 .ld-scene__grid{
  position:absolute;
  inset:8% 7%;
  z-index:2;
  border:1px solid rgba(255,255,255,.19);
  border-radius:16px;
  background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);
  background-size:28px 28px;
  box-shadow:inset 0 0 0 1px rgba(255,179,0,.18);
  opacity:.85;
  transform:translateZ(-18px);
}
.ld.ld--2026 .ld-scene__panel{
  position:absolute;
  z-index:3;
  display:grid;
  gap:5px;
  min-width:136px;
  padding:13px 14px;
  color:var(--ld-ink);
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.8);
  border-radius:13px;
  box-shadow:0 17px 32px rgba(17,24,39,.22);
  backdrop-filter:blur(10px);
  transform-style:preserve-3d;
}
.ld.ld--2026 .ld-scene__panel>span{color:var(--ld-muted);font:700 9.5px/1 "Fira Code",monospace;letter-spacing:.07em;text-transform:uppercase}
.ld.ld--2026 .ld-scene__panel>b{color:var(--ld-ink);font-size:17px;line-height:1.1;letter-spacing:-.035em}
.ld.ld--2026 .ld-scene__panel b small{margin-left:2px;color:var(--ld-yellow-deep);font-size:11px}
.ld.ld--2026 .ld-scene__panel>small{color:var(--ld-ink-soft);font-size:10px;font-weight:650;line-height:1.3}
.ld.ld--2026 .ld-scene__panel--progress{top:8px;right:-4px;min-width:142px;transform:translateZ(100px) rotateY(-10deg) rotateX(4deg)}
.ld.ld--2026 .ld-scene__panel--progress>i{display:block;width:100%;height:5px;overflow:hidden;background:#e5e7eb;border-radius:999px}
.ld.ld--2026 .ld-scene__panel--progress>i>i{display:block;width:74%;height:100%;background:var(--ld-yellow);border-radius:inherit}
.ld.ld--2026 .ld-scene__panel--reserve{bottom:8px;left:-4px;transform:translateZ(108px) rotateY(9deg) rotateX(-3deg)}
.ld.ld--2026 .ld-scene__panel--reserve b{color:#b42318;font:800 30px/1 "Fira Code",monospace}
.ld.ld--2026 .ld-scene__panel--docs{right:7%;bottom:24px;min-width:160px;transform:translateZ(72px) rotateY(-7deg)}
.ld.ld--2026 .ld-scene__panel--docs b{font-size:13px}
.ld.ld--2026 .ld-scene__caption{
  position:absolute;
  bottom:0;
  left:8%;
  z-index:5;
  display:grid;
  gap:3px;
  max-width:280px;
  padding:12px 14px;
  color:#fff;
  background:var(--ld-ink);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  box-shadow:0 12px 24px rgba(17,24,39,.2);
}
.ld.ld--2026 .ld-scene__caption span{color:#f6d577;font:700 9.5px/1 "Fira Code",monospace;letter-spacing:.07em;text-transform:uppercase}
.ld.ld--2026 .ld-scene__caption b{font-size:12px;line-height:1.35}

@keyframes ld2026-scene-drift{
  0%,100%{transform:rotateX(calc(5deg + var(--ld-scene-pointer-x))) rotateY(calc(-7deg + var(--ld-scene-pointer-y))) rotateZ(-.6deg) translateY(0)}
  50%{transform:rotateX(calc(6.4deg + var(--ld-scene-pointer-x))) rotateY(calc(-4.5deg + var(--ld-scene-pointer-y))) rotateZ(.35deg) translateY(-7px)}
}
@keyframes ld2026-panel-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
.ld.ld--2026 .ld-scene.is-motion .ld-scene__stage{animation:ld2026-scene-drift 11s ease-in-out infinite}
.ld.ld--2026 .ld-scene.is-motion .ld-scene__panel--reserve{animation:ld2026-panel-float 6.5s 1s ease-in-out infinite}
.ld.ld--2026 .ld-scene.is-motion .ld-scene__panel--docs{animation:ld2026-panel-float 7.5s 1.8s ease-in-out infinite}
.ld.ld--2026 .ld-scene.is-paused .ld-scene__stage,.ld.ld--2026 .ld-scene.is-paused .ld-scene__panel{animation-play-state:paused}

/* Forfaits : première section après le hero, catalogue et tunnel existants. */
.ld.ld--2026 .ld-section,.ld.ld--2026 .ld-features,.ld.ld--2026 .ld-pricing,.ld.ld--2026 .ld-final,.ld.ld--2026 .ld-why,.ld.ld--2026 .ld-faqs{
  box-sizing:border-box;
  position:relative;
  width:min(1240px,calc(100% - 48px));
  max-width:none;
  margin:0 auto;
  padding:80px 0;
  color:var(--ld-ink);
  background:transparent;
}
.ld.ld--2026 .ld-section::before,.ld.ld--2026 .ld-features::before,.ld.ld--2026 .ld-pricing::before,.ld.ld--2026 .ld-final::before{display:none}
.ld.ld--2026 .ld-pricing{scroll-margin-top:96px;padding-top:50px}
.ld.ld--2026 .ld-section__head{max-width:730px;margin:0 0 28px;text-align:left}
.ld.ld--2026 .ld-section__head>span{color:var(--ld-yellow-deep);font:750 10px/1.2 "Fira Code",monospace;letter-spacing:.075em;text-transform:uppercase}
.ld.ld--2026 .ld-section__head>span::before{content:"";display:inline-block;width:20px;height:2px;margin:0 8px 3px 0;background:var(--ld-yellow);vertical-align:middle}
.ld.ld--2026 .ld-section__head h2,.ld.ld--2026 .ld-h2,.ld.ld--2026 .ld-final h2{margin:10px 0 11px;color:var(--ld-ink);font-size:clamp(30px,3.2vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1.06}
.ld.ld--2026 .ld-section__head p,.ld.ld--2026 .ld-h2sub,.ld.ld--2026 .ld-final p{margin:0;color:var(--ld-muted);font-size:15px;line-height:1.6}

.ld.ld--2026 .ld-plans{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  overflow:visible;
  background:transparent;
  border:0;
}
.ld.ld--2026 .ld-pricing--maquette .ld-plans{grid-template-columns:repeat(3,minmax(0,1fr))}
.ld.ld--2026 .ld-plan,.ld.ld--2026 .ld-pricing--maquette .ld-plan{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:100%;
  padding:23px 21px 20px;
  color:var(--ld-ink);
  background:var(--ld-paper);
  border:1px solid var(--ld-line);
  border-top:4px solid var(--ld-line-strong);
  border-radius:16px;
  box-shadow:0 10px 26px rgba(17,24,39,.055);
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
.ld.ld--2026 .ld-plan:hover{border-color:var(--ld-ink);box-shadow:0 18px 36px rgba(17,24,39,.11);transform:translateY(-4px)}
/* OFFRE MISE EN AVANT — 17/08/2026
   Le pavé bleu nuit est abandonné : les trois forfaits partagent désormais le
   même fond et la même couleur de texte. La mise en avant passe uniquement par
   le liseré et le bandeau jaunes, plus une ombre un peu plus marquée. */
.ld.ld--2026 .ld-plan--featured,.ld.ld--2026 .ld-pricing--maquette .ld-plan--featured{
  color:var(--ld-ink);
  background:var(--ld-paper);
  border-color:var(--ld-yellow);
  border-top-color:var(--ld-yellow);
  box-shadow:0 16px 34px rgba(17,24,39,.10);
}
.ld.ld--2026 .ld-plan--featured:hover{border-color:var(--ld-yellow-deep,var(--ld-yellow))}
.ld.ld--2026 .ld-plan__badge,.ld.ld--2026 .ld-pricing--maquette .ld-plan__badge{
  align-self:flex-start;
  margin:-5px 0 15px;
  padding:6px 9px;
  color:var(--ld-ink);
  background:var(--ld-yellow);
  border:0;
  border-radius:6px;
  font:800 9.5px/1 "Fira Code",monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ld.ld--2026 .ld-plan__name{color:inherit;font-size:19px;font-weight:800;letter-spacing:-.025em}
.ld.ld--2026 .ld-plan__price{display:flex;align-items:baseline;gap:5px;min-height:0;margin:15px 0 8px;font-size:14px}
.ld.ld--2026 .ld-plan__price b,.ld.ld--2026 .ld-pricing--maquette .ld-plan__price b{color:inherit;font:800 31px/1 "Fira Code",monospace;letter-spacing:-.07em}
.ld.ld--2026 .ld-plan__price span,.ld.ld--2026 .ld-pricing--maquette .ld-plan__price span{color:inherit;opacity:.68;font-size:11px;font-weight:650}
.ld.ld--2026 .ld-plan__annual{min-height:38px;color:inherit;opacity:.67;font-size:10.5px;font-weight:650;line-height:1.42}
.ld.ld--2026 .ld-plan>p{min-height:54px;margin:16px 0 14px;color:inherit;opacity:.78;font-size:13px;font-weight:550;line-height:1.45}
.ld.ld--2026 .ld-plan__limit,.ld.ld--2026 .ld-pricing--maquette .ld-plan__limit{min-height:auto;padding:9px 10px;color:inherit;background:#f8fafc;border:1px solid var(--ld-line);border-radius:8px;font-size:11px;font-weight:750;line-height:1.35}
/* le bandeau de limites reprend le gabarit clair commun */
.ld.ld--2026 .ld-plan--featured .ld-plan__limit{color:inherit;background:#f8fafc;border-color:var(--ld-line)}
.ld.ld--2026 .ld-plan ul{display:grid;gap:0;margin:14px 0 18px;padding:0;list-style:none}
.ld.ld--2026 .ld-plan li,.ld.ld--2026 .ld-pricing--maquette .ld-plan li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:7px;align-items:start;padding:8px 0;color:inherit;border-bottom:1px solid var(--ld-line);font-size:11.5px;font-weight:600;line-height:1.36}
.ld.ld--2026 .ld-plan--featured li{border-color:var(--ld-line)}
.ld.ld--2026 .ld-plan li .ui-svg,.ld.ld--2026 .ld-plan li .ld-svg,.ld.ld--2026 .ld-pricing--maquette .ld-plan li .ui-svg,.ld.ld--2026 .ld-pricing--maquette .ld-plan li .ld-svg{width:15px;height:15px;color:var(--ld-green)}
.ld.ld--2026 .ld-plan--featured li .ui-svg,.ld.ld--2026 .ld-plan--featured li .ld-svg{color:var(--ld-green)}
.ld.ld--2026 .ld-plan .ld-btn{width:100%;margin-top:auto}
.ld.ld--2026 .ld-plan--featured .ld-btn.primary{color:var(--ld-ink);background:var(--ld-yellow);border-color:var(--ld-yellow)}

.ld.ld--2026 .ld-options-head{display:grid;gap:7px;max-width:720px;margin:34px 0 15px;text-align:left}
.ld.ld--2026 .ld-options-head span{color:var(--ld-yellow-deep);font:800 10px/1.2 "Fira Code",monospace;letter-spacing:.07em;text-transform:uppercase}
.ld.ld--2026 .ld-options-head p{margin:0;color:var(--ld-muted);font-size:14px;line-height:1.55}
.ld.ld--2026 .ld-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ld.ld--2026 .ld-option-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px 16px;
  padding:20px;
  color:var(--ld-ink);
  background:var(--ld-yellow-subtle);
  border:1px solid #f1dfac;
  border-radius:14px;
  box-shadow:none;
}
.ld.ld--2026 .ld-option-card:nth-child(2){color:#fff;background:var(--ld-ink);border-color:var(--ld-ink)}
.ld.ld--2026 .ld-option-card b{color:inherit;font-size:16px;font-weight:800;letter-spacing:-.02em}
.ld.ld--2026 .ld-option-card strong{color:var(--ld-yellow-deep);font-size:13px;font-weight:800;text-align:right}
.ld.ld--2026 .ld-option-card:nth-child(2) strong{color:#f7d35a}
.ld.ld--2026 .ld-option-card p{grid-column:1/-1;margin:0;color:inherit;opacity:.77;font-size:12.5px;line-height:1.52}

.ld.ld--2026 .ld-compare-shell{min-width:0;margin-top:24px}
.ld.ld--2026 .ld-compare-hint{color:var(--ld-muted);font-size:11px}
.ld.ld--2026 .ld-pricing .ld-compare{
  margin-top:10px;
  overflow:auto;
  background:var(--ld-paper);
  border:1px solid var(--ld-line);
  border-radius:13px;
  box-shadow:0 10px 24px rgba(17,24,39,.045);
}
.ld.ld--2026 .ld-compare__row{border-color:var(--ld-line)}
.ld.ld--2026 .ld-compare__row>*{color:var(--ld-ink-soft);font-size:12px}
.ld.ld--2026 .ld-compare__row>b,.ld.ld--2026 .ld-compare__head>*,.ld.ld--2026 .ld-compare__row .is-strong{color:var(--ld-ink);font-weight:800}
.ld.ld--2026 .ld-compare__head{background:#f3f4f6}

/* Reste de la page : même rythme blanc / jaune / graphite que le produit. */
.ld.ld--2026 .ld-grid,.ld.ld--2026 .ld-grid--3,.ld.ld--2026 .ld-operational-grid,.ld.ld--2026 .ld-audiences,.ld.ld--2026 .ld-benefits,.ld.ld--2026 .ld-diffgrid{
  display:grid;
  gap:14px;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}
.ld.ld--2026 .ld-grid,.ld.ld--2026 .ld-grid--3,.ld.ld--2026 .ld-operational-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ld.ld--2026 .ld-audiences,.ld.ld--2026 .ld-diffgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ld.ld--2026 .ld-card,.ld.ld--2026 .ld-benefit,.ld.ld--2026 .ld-audience,.ld.ld--2026 .ld-diff{
  min-width:0;
  padding:21px;
  color:var(--ld-ink);
  background:rgba(255,255,255,.92);
  border:1px solid var(--ld-line);
  border-radius:14px;
  outline:0;
  box-shadow:0 8px 20px rgba(17,24,39,.035);
  transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease;
}
.ld.ld--2026 .ld-card:hover,.ld.ld--2026 .ld-benefit:hover,.ld.ld--2026 .ld-audience:hover,.ld.ld--2026 .ld-diff:hover{background:#fff;border-color:var(--ld-line-strong);box-shadow:0 14px 28px rgba(17,24,39,.08);transform:translateY(-3px)}
.ld.ld--2026 .ld-card__icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;color:var(--ld-ink);background:var(--ld-yellow-soft);border:0;border-radius:10px}
.ld.ld--2026 .ld-card__icon .ui-svg,.ld.ld--2026 .ld-card__icon .ld-svg{width:21px;height:21px}
.ld.ld--2026 .ld-card h3,.ld.ld--2026 .ld-benefit h3,.ld.ld--2026 .ld-audience h3,.ld.ld--2026 .ld-diff b{margin:0 0 7px;color:var(--ld-ink);font-size:15px;font-weight:800;line-height:1.25}
.ld.ld--2026 .ld-card p,.ld.ld--2026 .ld-benefit p,.ld.ld--2026 .ld-audience p,.ld.ld--2026 .ld-diff p{margin:0;color:var(--ld-muted);font-size:12.5px;line-height:1.55}
.ld.ld--2026 .ld-audience>span,.ld.ld--2026 .ld-benefit>span{color:var(--ld-yellow-deep)}
.ld.ld--2026 .ld-split{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:32px;align-items:start}
.ld.ld--2026 .ld-split h2{margin:12px 0 0;color:var(--ld-ink);font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.1}
.ld.ld--2026 .ld-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.ld.ld--2026 .ld-benefit{display:flex;gap:13px}
.ld.ld--2026 .ld-benefit>span{flex:0 0 auto;padding-top:1px}
.ld.ld--2026 .ld-trustbar{display:flex;flex-wrap:wrap;gap:0;overflow:visible;color:var(--ld-ink);background:var(--ld-paper);border:1px solid var(--ld-line);border-radius:14px;box-shadow:0 8px 18px rgba(17,24,39,.03)}
.ld.ld--2026 .ld-trustbar span{flex:1 1 180px;padding:18px 20px;border-right:1px solid var(--ld-line);font-size:12px;font-weight:800;text-align:center}
.ld.ld--2026 .ld-trustbar span:last-child{border-right:0}

.ld.ld--2026 .ld-faqgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ld.ld--2026 .ld-faq{margin:0;padding:0;background:rgba(255,255,255,.92);border:1px solid var(--ld-line);border-radius:12px}
.ld.ld--2026 .ld-faq summary{padding:17px 18px;color:var(--ld-ink);font-size:13px;font-weight:800;cursor:pointer}
.ld.ld--2026 .ld-faq p{margin:0;padding:0 18px 18px;color:var(--ld-muted);font-size:12.5px;line-height:1.55}
.ld.ld--2026 .ld-final{margin:0 auto 50px;padding:46px 32px;text-align:center;color:#fff;background:var(--ld-ink);border:0;border-radius:20px;box-shadow:0 22px 42px rgba(17,24,39,.18)}
.ld.ld--2026 .ld-final h2{max-width:720px;margin:10px auto 12px;color:#fff}
.ld.ld--2026 .ld-final>span{color:#f7d35a;font:800 10px/1.2 "Fira Code",monospace;letter-spacing:.08em;text-transform:uppercase}
.ld.ld--2026 .ld-final p{max-width:620px;margin:0 auto;color:rgba(255,255,255,.72)}
.ld.ld--2026 .ld-final .ld-cta{justify-content:center;margin-top:24px}
.ld.ld--2026 .ld-final .ld-btn.primary{color:var(--ld-ink);background:var(--ld-yellow);border-color:var(--ld-yellow)}
.ld.ld--2026 .ld-final .ld-btn.ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.32)}
.ld.ld--2026 .ld-footer{position:relative;z-index:1;padding:26px 24px 36px;color:var(--ld-muted);background:transparent;border:0;font:600 11px/1.5 "Fira Code",monospace;text-align:center}

@media (max-width:1100px){
  .ld.ld--2026 .ld-navlinks a:not(.ld-btn){padding-inline:7px;font-size:11px}
  .ld.ld--2026 .ld-hero{gap:30px}
  .ld.ld--2026 .ld-plans,.ld.ld--2026 .ld-pricing--maquette .ld-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ld.ld--2026 .ld-plans .ld-plan:nth-child(3){grid-column:1/-1;width:min(100%,520px);justify-self:center}
}

@media (max-width:900px){
  .ld.ld--2026 .ld-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:58px}
  .ld.ld--2026 .ld-hero__copy{max-width:700px}
  .ld.ld--2026 .ld-hero__visual{max-width:650px;justify-self:center}
  .ld.ld--2026 .ld-scene{min-height:430px}
  .ld.ld--2026 .ld-section,.ld.ld--2026 .ld-features,.ld.ld--2026 .ld-pricing,.ld.ld--2026 .ld-final,.ld.ld--2026 .ld-why,.ld.ld--2026 .ld-faqs{padding-block:64px}
  .ld.ld--2026 .ld-pricing{padding-top:36px}
  .ld.ld--2026 .ld-grid,.ld.ld--2026 .ld-grid--3,.ld.ld--2026 .ld-operational-grid,.ld.ld--2026 .ld-audiences,.ld.ld--2026 .ld-diffgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ld.ld--2026 .ld-split{grid-template-columns:1fr}
}

@media (max-width:760px){
  .ld.ld--2026 .ld-nav{top:0;width:100%;min-height:64px;margin:0;padding:0 12px;border-radius:0}
  /* décroché réduit : dépasse toujours de 16 px sous la barre */
  .ld.ld--2026 .ld-brand{
    left:12px;height:80px;padding:0 14px;border-radius:0 0 13px 13px;
  }
  .ld.ld--2026 .ld-logo-full{max-height:58px;max-width:158px}
  .ld.ld--2026 .ld-navlinks{gap:4px}
  .ld.ld--2026 .ld-navlinks a:not(.ld-btn){display:none}
  .ld.ld--2026 .ld-navlinks .ld-btn{min-height:44px;padding-inline:11px;font-size:11px}
  .ld.ld--2026 .ld-hero,.ld.ld--2026 .ld-section,.ld.ld--2026 .ld-features,.ld.ld--2026 .ld-pricing,.ld.ld--2026 .ld-final,.ld.ld--2026 .ld-why,.ld.ld--2026 .ld-faqs{width:calc(100% - 32px)}
  .ld.ld--2026 .ld-hero{padding:48px 0 38px}
  .ld.ld--2026 .ld-hero h1{font-size:clamp(38px,11vw,54px)}
  .ld.ld--2026 .ld-hero__claim{font-size:16px}
  .ld.ld--2026 .ld-hero__offer-cue{grid-template-columns:1fr auto;gap:8px 12px}
  .ld.ld--2026 .ld-hero__offer-cue a{grid-column:1/-1;justify-content:flex-start}
  .ld.ld--2026 .ld-hero__proof{flex-wrap:wrap;gap:10px 0}
  .ld.ld--2026 .ld-stat{width:calc(50% - 1px);padding-inline:12px}
  .ld.ld--2026 .ld-stat:nth-child(3){padding-left:0;border-left:0}
  .ld.ld--2026 .ld-scene{min-height:360px}
  .ld.ld--2026 .ld-scene__stage{inset:22px 9px 58px}
  .ld.ld--2026 .ld-scene__panel{min-width:112px;padding:10px 11px}
  .ld.ld--2026 .ld-scene__panel--progress{right:-4px}
  .ld.ld--2026 .ld-scene__panel--reserve{left:-3px}
  .ld.ld--2026 .ld-scene__panel--docs{right:3%;bottom:16px;min-width:135px}
  .ld.ld--2026 .ld-scene__panel--reserve b{font-size:24px}
  .ld.ld--2026 .ld-scene__caption{left:5%;max-width:240px}
  .ld.ld--2026 .ld-plans,.ld.ld--2026 .ld-pricing--maquette .ld-plans{grid-template-columns:1fr}
  .ld.ld--2026 .ld-plans .ld-plan:nth-child(3){grid-column:auto;width:auto}
  .ld.ld--2026 .ld-option-grid,.ld.ld--2026 .ld-faqgrid{grid-template-columns:1fr}
  .ld.ld--2026 .ld-grid,.ld.ld--2026 .ld-grid--3,.ld.ld--2026 .ld-operational-grid,.ld.ld--2026 .ld-audiences,.ld.ld--2026 .ld-diffgrid,.ld.ld--2026 .ld-benefits{grid-template-columns:1fr}
  .ld.ld--2026 .ld-trustbar span{flex-basis:45%;border-bottom:1px solid var(--ld-line)}
  .ld.ld--2026 .ld-final{padding:38px 20px}
}

@media (max-width:480px){
  .ld.ld--2026 .ld-navlinks .ld-btn.primary{display:none}
  .ld.ld--2026 .ld-hero{width:calc(100% - 28px);padding-top:40px}
  .ld.ld--2026 .ld-section,.ld.ld--2026 .ld-features,.ld.ld--2026 .ld-pricing,.ld.ld--2026 .ld-final,.ld.ld--2026 .ld-why,.ld.ld--2026 .ld-faqs{width:calc(100% - 28px)}
  .ld.ld--2026 .ld-badge{font-size:9.5px}
  .ld.ld--2026 .ld-cta .ld-btn{width:100%}
  .ld.ld--2026 .ld-hero__offer-cue{padding:11px 12px}
  .ld.ld--2026 .ld-stat{width:100%;padding:0;border:0}
  .ld.ld--2026 .ld-scene{min-height:308px}
  .ld.ld--2026 .ld-scene__stage{inset:18px 8px 54px}
  .ld.ld--2026 .ld-scene__panel{min-width:96px;padding:8px 9px;border-radius:10px}
  .ld.ld--2026 .ld-scene__panel>span{font-size:8px}
  .ld.ld--2026 .ld-scene__panel>small{font-size:8.5px}
  .ld.ld--2026 .ld-scene__panel--docs{display:none}
  .ld.ld--2026 .ld-scene__caption{padding:10px 11px}
  .ld.ld--2026 .ld-scene__caption b{font-size:10px}
  .ld.ld--2026 .ld-section__head h2,.ld.ld--2026 .ld-h2,.ld.ld--2026 .ld-final h2{font-size:30px}
  .ld.ld--2026 .ld-plan,.ld.ld--2026 .ld-pricing--maquette .ld-plan{padding:20px 17px 18px}
}

@media (prefers-reduced-motion:reduce){
  .ld.ld--2026 *, .ld.ld--2026 *::before, .ld.ld--2026 *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .ld.ld--2026 .ld-scene__stage{transform:none}
  .ld.ld--2026 .ld-scene__panel{transform:none}
}