/* Bloc « essai gratuit » de l'accueil et page d'essai : même présentation que les sections du site. */
.site-essai-teaser{background:var(--soft);padding:64px 0}
.site-essai-teaser-grid{display:grid;gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}
.site-essai-teaser h2{margin:0 0 14px;font-family:Manrope,system-ui,sans-serif;font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.03em;color:var(--ink)}
.site-essai-teaser p{margin:0 0 24px;max-width:56ch;color:var(--muted);font-size:17px}
.site-essai-cta{background:var(--brand);color:#fff;padding-inline:28px}
.site-essai-cta:hover{background:var(--brand-dark)}
.site-essai-points{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.site-essai-points li{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 18px 10px 12px;font-weight:700;font-size:15px;color:var(--ink)}
.site-essai-points li::before{content:"✓";display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-size:15px}
.site-essai-page{padding:48px 0 72px}
.site-essai-page .site-essai-back{display:inline-block;margin-bottom:20px;font-weight:700;text-decoration:none;color:var(--brand)}
@media (max-width:860px){.site-essai-teaser{padding:44px 0}.site-essai-teaser-grid{grid-template-columns:minmax(0,1fr);gap:28px}.site-essai-teaser p{font-size:16px}.site-essai-cta{width:100%}}

.site-essai-teaser-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.site-essai-visual{display:grid;place-items:center}.site-essai-visual svg{width:100%;max-width:460px;height:auto}
@media (max-width:860px){.site-essai-visual{display:none}.site-essai-points{margin-top:22px}}

@media (max-width:860px){.site-essai-teaser-grid{grid-template-columns:minmax(0,1fr)}.site-essai-cta{width:100%}}

/* Accueil : illustration à gauche, texte et repères à droite. */
.site-essai-teaser-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.site-essai-visual{display:block}
.site-essai-visual img{display:block;width:100%;max-width:540px;height:auto;margin-inline:auto}
@media (max-width:860px){
  .site-essai-teaser-grid{grid-template-columns:minmax(0,1fr)}
  .site-essai-visual{display:block}.site-essai-visual img{max-width:380px}
}
/* Sans illustration validée : une seule colonne. */
.site-essai-teaser-text .site-essai-teaser-grid{grid-template-columns:minmax(0,1fr)}
.site-essai-teaser-text .site-essai-teaser-copy{max-width:760px}