/* PROJECT ZERO — retouches maison du clone autonome.
   Tout ajustement se fait ici, plus rien ne passe par Framer.
   projectxzero.lamarca.ai — CT 102, /opt/pz-miroir/site/surcharge.css */

/* La ligne « Entrepreneurs · Créateurs · Entreprises » basculait sur deux
   lignes sur les téléphones étroits (moins de 380 px de large). On la garde
   d'un seul tenant en adaptant la taille à la largeur réelle de l'écran. */
@media (max-width: 809px) {
  .framer-11oetmz > p.framer-text {
    white-space: nowrap !important;
    font-size: clamp(10px, 3.5vw, 16px) !important;
    --framer-font-size: clamp(10px, 3.5vw, 16px) !important;
  }
}

/* Le hero remontait trop haut sur téléphone : le titre collait au menu.
   On rend de l'air au-dessus, sans repousser les vidéos hors de l'écran. */
/* Le label éditorial a été retiré : on récupère l'espace qu'il occupait
   pour remonter le contenu et dégager la bande vidéo sous le hero. */
@media (max-width: 809px) {
  section.framer-1xywj4y { padding-top: 112px !important; padding-bottom: 34px !important; }
}
@media (min-width: 810px) {
  section.framer-1xywj4y { padding-top: 176px !important; padding-bottom: 30px !important; }
}

/* Bandeau de références sous « Entrepreneurs · Créateurs · Entreprises ».
   Quatre logos, une seule ligne, même hauteur, répartis à parts égales.
   Le cinquième emplacement du gabarit est vide, on le retire. */
.framer-1gkt3mm {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 0 4px !important;
}
.framer-1gkt3mm > div {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.framer-1gkt3mm > div * {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  inset: auto !important;
  transform: none !important;
}
.framer-1gkt3mm img {
  height: 30px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}
.framer-1gkt3mm > div:nth-child(5) { display: none !important; }
@media (min-width: 810px) {
  .framer-1gkt3mm img { height: 40px !important; }
  .framer-1gkt3mm { gap: 40px !important; max-width: 860px !important; }
}

/* Badge « Made in Framer » : le site ne tourne plus sur Framer. */
#__framer-badge-container,
.__framer-badge,
[class*="framer-badge"],
a[href*="framer.com/?via"],
a[href^="https://www.framer.com/"][target="_blank"] {
  display: none !important;
  visibility: hidden !important;
}

/* Carte éditoriale en verre, à la place des deux anciens titres.
   Inspiration visionOS : verre translucide, bordure très fine, profondeur douce. */
.carte-verre-pz { width: 100%; display: flex; justify-content: center; }
.carte-verre-pz-carte {
  position: relative;
  width: 100%;
  max-width: 620px;
  box-sizing: border-box;
  padding: clamp(34px, 8vw, 64px) clamp(22px, 6vw, 56px);
  border-radius: clamp(26px, 7vw, 40px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.028) 42%, rgba(255,255,255,.014) 100%),
    rgba(255,255,255,.018);
  border: 1px solid rgba(255,255,255,.085);
  backdrop-filter: blur(26px) saturate(140%);
  -webkit-backdrop-filter: blur(26px) saturate(140%);
  box-shadow:
    0 34px 90px rgba(0,0,0,.62),
    0 2px 0 rgba(255,255,255,.055) inset,
    0 -1px 0 rgba(255,255,255,.02) inset;
  text-align: center;
  opacity: 0;
  transform: translateY(26px) scale(.985);
  transition: opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1);
  overflow: hidden;
}
/* reflet lumineux très doux sur le bord haut */
.carte-verre-pz-carte::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(160deg, rgba(255,255,255,.24), rgba(255,255,255,0) 38%, rgba(255,255,255,0) 66%, rgba(255,255,255,.07));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events: none;
}
.carte-verre-pz-carte.visible { opacity: 1; transform: none; }

.carte-verre-pz-titre {
  margin: 0;
  font-family: "Stack Sans Notch", "DM Sans", system-ui, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.02em;
  line-height: 1.04;
  font-size: clamp(27px, 7.4vw, 46px);
  color: #fff;
}
.carte-verre-pz-questions {
  margin: clamp(26px, 6.5vw, 40px) 0 0;
  display: flex; flex-direction: column; gap: clamp(9px, 2.4vw, 13px);
}
.carte-verre-pz-questions p {
  margin: 0;
  font-family: "DM Sans", "Satoshi", system-ui, sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 4vw, 19px);
  line-height: 1.35;
  color: rgba(255,255,255,.52);
}
.carte-verre-pz-rupture {
  margin: clamp(30px, 7vw, 46px) 0 0;
  padding-top: clamp(26px, 6vw, 38px);
  border-top: 1px solid rgba(255,255,255,.07);
  font-family: "Stack Sans Notch", "DM Sans", system-ui, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.015em;
  line-height: 1.1;
  font-size: clamp(19px, 5.1vw, 30px);
  color: rgba(255,255,255,.88);
}
.carte-verre-pz-rupture span { color: rgba(255,255,255,.42); }
.carte-verre-pz-fin {
  margin: clamp(28px, 6.5vw, 42px) 0 0;
  font-family: "Stack Sans Notch", "DM Sans", system-ui, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.018em;
  line-height: 1.06;
  font-size: clamp(23px, 6.2vw, 36px);
  color: #fff;
}
/* le bloc d’origine est masque, la carte prend sa place */
[data-carte-pz="cache"] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .carte-verre-pz-carte { transition: none; opacity: 1; transform: none; }
}

/* Bandeau de références : défilement infini vers la droite.
   La piste contient trois fois les mêmes logos, on la fait glisser d’un tiers :
   la boucle se referme exactement sur elle-même, sans saut visible. */
.bandeau-pz {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
}
.bandeau-pz-piste {
  display: flex;
  align-items: center;
  width: max-content;
  animation: bandeau-pz-defile 30s linear infinite;
  will-change: transform;
}
@keyframes bandeau-pz-defile {
  from { transform: translate3d(-33.3333%, 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}
.bandeau-pz-piste img {
  height: 28px !important;
  width: auto;
  margin: 0 26px;
  opacity: .92;
  flex: 0 0 auto;
  object-fit: contain;
}
/* le sigle AWS est compact, il pèse plus que les autres à hauteur égale */
.bandeau-pz-piste img[data-marque="aws"] { height: 19px !important; }
.bandeau-pz-piste img[data-marque="cerebras"] { height: 26px !important; }
@media (min-width: 810px) {
  .bandeau-pz-piste img { height: 36px !important; margin: 0 42px; }
  .bandeau-pz-piste img[data-marque="aws"] { height: 25px !important; }
  .bandeau-pz-piste img[data-marque="cerebras"] { height: 33px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .bandeau-pz-piste { animation: none; justify-content: center; }
}
[data-bandeau-pz="cache"] { display: none !important; }

/* Le conteneur du bandeau de références est une rangée horizontale sur bureau.
   En y insérant notre piste défilante, le texte « Entrepreneurs · Créateurs ·
   Entreprises » se retrouvait écrasé à un caractère de large, à la verticale.
   On impose donc une colonne : le texte au-dessus, les logos juste en dessous. */
.framer-198cl0 {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(16px, 2.6vw, 28px) !important;
}
.framer-198cl0 > .framer-11oetmz,
.framer-198cl0 > .bandeau-pz {
  width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

/* Le paragraphe lui-même restait contraint à sa largeur d'origine et
   repassait sur trois lignes sur bureau. On lui rend toute la largeur. */
.framer-198cl0 .framer-11oetmz,
.framer-198cl0 .framer-11oetmz > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
.framer-198cl0 p.framer-text {
  width: 100% !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* ── En-tête : le bouton Menu du gabarit, en métal froid ──────────
   Le mot et le « + » tirent leur couleur d'une variable posée en style
   en ligne par Framer. Une règle de feuille marquée !important passe
   devant un style en ligne ordinaire, on redéfinit donc la variable
   plutôt que d'essayer de la contourner. */
.framer-Rt8WO.framer-tjx8ox {
  --1817w78: #D5D9DE !important;
  background-color: #D5D9DE !important;
}
.framer-1caulqe {
  --extracted-r6o4lv: #D5D9DE !important;
}
.framer-1caulqe p,
.framer-1caulqe .framer-text {
  --framer-text-color: #D5D9DE !important;
  color: #D5D9DE !important;
}