/* Pages de la vitrine (tarifs, à propos…), par-dessus blogue.css :
   pages plus larges qu'un article, cartes de prix et équipe reprises de
   l'accueil (landing.html). Générées par scripts/vitrine-pages.mts. */
/* Même fond que le héros de l'accueil : vert pâle en haut, puis la toile. */
body{background:radial-gradient(1150px 620px at 50% 0,var(--mint),rgba(244,250,247,0) 72%) no-repeat,var(--canvas)}
main.large{max-width:1040px;margin:0 auto;padding:36px 16px 72px}
main.large h1 em,main.large h2 em{font-style:italic;color:var(--accent-deep)}
main.large>p,main.large .lede{max-width:760px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Bascule Annuel / Mensuel : boutons radio, sans JavaScript. */
.cadence{display:inline-flex;gap:3px;margin:8px 0 26px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#EEF4F1}
.cadence input{position:absolute;opacity:0;pointer-events:none}
.cadence label{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer}
.cadence input:checked+label{background:var(--ink);color:#fff}
.cadence input:focus-visible+label{outline:2px solid var(--accent);outline-offset:3px}
.eco{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent);color:#04140d}
.tarifs .mo{display:none}
.tarifs:has(#cad-mo:checked) .mo{display:block}
.tarifs:has(#cad-mo:checked) .an{display:none}

.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:30px 26px 26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 30px 64px -40px rgba(8,50,34,.35)}
.plan.pop{border-color:var(--accent);box-shadow:0 40px 80px -34px rgba(14,157,110,.45)}
.plan .badge{position:absolute;top:-12px;left:24px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--tint);color:var(--accent-deep)}
.plan.pop .badge{background:var(--accent);color:#04140d}
.plan h2.pn{margin:0;font-family:var(--sans);font-weight:700;font-size:20px}
.plan .pd{margin:0;font-size:15px;color:var(--muted)}
.plan .price{margin:12px 0 0;font-family:var(--serif);font-size:46px;line-height:1}
.plan .price small{font-family:var(--sans);font-size:15px;color:var(--muted)}
.plan .seat{margin:0 0 14px;font-size:14px;color:var(--muted)}
.plan .pb{width:100%;padding:13px 18px}
.plan .rassure{margin:4px 0 14px;text-align:center;font-size:13.5px;color:var(--muted)}
.plan .pinc{margin:0;font-size:15px;font-weight:600}
.plan ul{list-style:none;margin:6px 0 0;padding:0}
.plan li{position:relative;margin:0 0 9px;padding-left:28px;font-size:15.5px;line-height:1.45}
.plan li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center}
.pnote{margin:18px 0 0;font-size:14px;color:var(--muted)}
.table th[scope="row"]{background:none;font-weight:400;font-size:16px;color:var(--ink)}
.table{background:#fff}
.oui{color:var(--accent-deep);font-weight:800}
.non{color:var(--muted)}

.faq{border-top:1px solid var(--line);max-width:760px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:16px 4px;font-weight:600}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.faq details p{margin:0 0 18px;color:#33463D}
.cta{margin-top:44px}

@media (max-width:820px){
  .plans{grid-template-columns:1fr}
}