/* ================================
   Geniskills · Partners Landing · FINAL
   Scopé pour éviter tout conflit de thème
   ================================ */

#partner-root {
  --gx-text:#0f172a; --gx-muted:#475569; --gx-bg:#fff; --gx-border:#e5e7eb;
  --gx-brand:#6c63ff; --gx-brand-2:#8b5cf6; --gx-shadow:0 8px 24px rgba(15,23,42,.06);
  --gx-radius:18px; --gx-max:1180px;
  color:var(--gx-text);
}

/* reset local pour tuer indent/markers des listes */
#partner-root ol, #partner-root ul { margin-left:0; padding-left:0; list-style:none; }
#partner-root li::marker { content:""; }

/* conteneur global */
#partner-root .gx-container{max-width:var(--gx-max); margin:0 auto; padding:28px 20px 84px;}
#partner-root .gx-section{padding:64px 0;}
#partner-root .gx-section h2{font-size:clamp(22px,2.3vw,34px); margin:0 0 14px;}
#partner-root .gx-muted{color:var(--gx-muted);}

/* grille utilitaires */
#partner-root .gx-grid{display:grid; gap:18px;}
#partner-root .gx-grid.gx-2{grid-template-columns:1fr 1fr;}
#partner-root .gx-grid.gx-3{grid-template-columns:repeat(3,1fr);}
@media (max-width:1000px){ #partner-root .gx-grid.gx-2, #partner-root .gx-grid.gx-3{grid-template-columns:1fr;} }

/* HERO */
#partner-root .gx-hero{
  display:grid; grid-template-columns:1.05fr .95fr; gap:38px; align-items:center;
  background:linear-gradient(180deg,#fff 0,#fbfbff 100%); border:1px solid var(--gx-border);
  border-radius:24px; padding:38px; box-shadow:var(--gx-shadow);
}
@media (max-width:1100px){ #partner-root .gx-hero{grid-template-columns:1fr; padding:28px;} }

#partner-root .gx-badge{
  display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:999px;
  font-weight:600; font-size:13px; color:#4338ca; background:#eef2ff; border:1px solid #e0e7ff;
}
#partner-root .gx-hero h1 {
  font-size: clamp(28px, 4.2vw, 46px);
  line-height: 1.3;   /* un peu plus compact et élégant */
  margin: 14px 0 12px; /* petit ajustement d’air autour */
  letter-spacing: -0.015em;
  font-weight: 600;    /* gras affirmé */
}

#partner-root .gx-lead{font-size:clamp(16px,1.6vw,18px); color:var(--gx-muted);}
#partner-root .gx-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:18px;  display: flex; justify-content: flex-start;}

#partner-root .gx-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 18px; border-radius:10px; font-weight:600; text-decoration:none; transition:.2s; box-shadow:0 8px 20px rgba(108,99,255,.18);}
#partner-root .gx-primary{background:linear-gradient(90deg,var(--gx-brand),var(--gx-brand-2)); color:#fff;}
#partner-root .gx-primary:hover{filter:brightness(.96);}
#partner-root .gx-ghost{background:#fff; color:var(--gx-text); border:1px solid var(--gx-border); box-shadow:none;}
#partner-root .gx-ghost:hover{background:#f9fafb;}

#partner-root .gx-media-card{background:var(--gx-bg); border:1px solid var(--gx-border); border-radius:16px; padding:12px; box-shadow:var(--gx-shadow);}
#partner-root .gx-embed{aspect-ratio:16/9; width:100%; border:0; border-radius:12px; background:#000;}

/* cartes */
#partner-root .gx-card{background:var(--gx-bg); border:1px solid var(--gx-border); border-radius:var(--gx-radius); padding:18px; box-shadow:var(--gx-shadow);}
#partner-root .gx-card h3{margin:4px 0 8px; font-size:18px; font-weight:700;}

/* ÉTAPES — zéro indent + padding régulier */
#partner-root #etapes h2{margin-bottom:16px;}
#partner-root #etapes .gx-steps{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:10px 0 0;}
@media (max-width:1000px){ #partner-root #etapes .gx-steps{grid-template-columns:1fr;} }

#partner-root #etapes .gx-step{
  position:relative; background:var(--gx-bg); border:1px solid var(--gx-border);
  border-radius:16px; padding:20px 18px 18px 20px; box-shadow:var(--gx-shadow);
}
#partner-root #etapes .gx-step .n{
  position:absolute; top:-8px; left:-8px; height:34px; width:34px; display:grid; place-items:center;
  border-radius:12px; color:#fff; font-weight:800; background:linear-gradient(180deg,var(--gx-brand),var(--gx-brand-2));
  box-shadow:0 10px 16px rgba(108,99,255,.35);
}
#partner-root #etapes .gx-step h3{margin:6px 0 6px; font-size:22px; line-height:1.25;}
#partner-root #etapes .gx-step p{margin:0; font-size:16px; line-height:1.6; color:var(--gx-muted);}

/* PRICINGG */
#partner-root .gx-pricing .gx-price header{margin-bottom:8px;}
#partner-root .gx-amount{font-size:26px; font-weight:800; margin:6px 0 2px;}
#partner-root .gx-amount span{font-weight:600; color:var(--gx-muted); font-size:14px;}
#partner-root .gx-list{margin:0;  } /* on garde des puces sobres pour la liste tarifs padding-left:18px; */
#partner-root .gx-list li{line-height:1.6;}
#partner-root .gx-note{margin-top:10px;}

/* FAQ */
#partner-root .gx-qa{background:var(--gx-bg); border:1px solid var(--gx-border); border-radius:14px; padding:12px 14px; box-shadow:var(--gx-shadow);}
#partner-root .gx-qa + .gx-qa{margin-top:10px;}
#partner-root .gx-qa summary{cursor:pointer; font-weight:700; list-style:none;}
#partner-root .gx-qa summary::-webkit-details-marker{display:none;}

/* FORMULAIRE (iframe CRM) */
#partner-root .gx-form{background:var(--gx-bg); border:1px solid var(--gx-border); border-radius:16px; padding:12px; box-shadow:var(--gx-shadow); overflow:hidden; }
#partner-root .gx-form iframe{width:100% !important; max-width:100%; border:0; border-radius:12px; height:auto !important; min-height:660px;}
@media (max-width:1200px){ #partner-root .gx-form iframe{min-height:920px;} }
@media (max-width:992px) { #partner-root .gx-form iframe{min-height:1040px;} }
@media (max-width:768px) { #partner-root .gx-form iframe{min-height:1160px;} }
@media (max-width:480px) { #partner-root .gx-form iframe{min-height:1280px;} }

/* Espace maîtrisé pour la section formulaire */
#partner-root #formulaire.gx-section{padding-top:56px; padding-bottom:56px;}