:root{--abo-orange:#fd7200;--abo-grad:linear-gradient(135deg,#fcb045,#fd1d1d,#833ab4);--abo-dark:#0f172a;--abo-text:#1e293b;--abo-muted:#64748b;--abo-border:#e2e8f0;--abo-bg:#f8fafc;--abo-green:#16a34a;--abo-radius:16px}
.site-main{padding:0}

/* Hero : .hero/.hero-card de piliers.css + orbes façon home (mêmes cotes que /consultation, /formalites) */
.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.orb-purple{width:480px;height:480px;top:-140px;right:-80px;background:radial-gradient(circle,rgba(131,58,180,.11) 0%,transparent 70%)}
.orb-orange{width:320px;height:320px;bottom:-90px;left:-60px;background:radial-gradient(circle,rgba(252,176,69,.12) 0%,transparent 70%)}
.orb-red{width:240px;height:240px;top:40%;right:32%;background:radial-gradient(circle,rgba(253,29,29,.08) 0%,transparent 70%)}

.abo-section-header{text-align:center;margin-bottom:3rem}

/* ── Pour qui ─────────────────────────────────────────── */
.abo-forwhom{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:5rem 0;background:#fff}
.abo-forwhom>.container{max-width:1200px;margin:0 auto;padding:0 20px}
.abo-profiles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.abo-profile-card{background:var(--abo-bg);border:1px solid var(--abo-border);border-radius:var(--abo-radius);padding:1.75rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s}
.abo-profile-card:hover{border-color:var(--text-light);box-shadow:0 6px 24px rgba(0,0,0,.06)}
.abo-profile-icon{width:52px;height:52px;background:var(--bg-alt);color:var(--text);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem}
.abo-profile-card h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--abo-text);margin:0 0 .6rem}
.abo-profile-card p{font-size:.875rem;color:var(--abo-muted);line-height:1.65;margin:0}

/* ── Formules ─────────────────────────────────────────── */
.abo-plans-section{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:5rem 0;background:var(--abo-bg)}
.abo-plans-section>.container{max-width:1200px;margin:0 auto;padding:0 20px}
.abo-filter-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 2.5rem}
.abo-filter-btn{padding:9px 18px;border-radius:100px;border:1.5px solid var(--abo-border);background:#fff;font-size:.8125rem;font-weight:600;color:var(--abo-muted);cursor:pointer;transition:all .2s}
.abo-filter-btn:hover{border-color:var(--abo-orange)}
.abo-filter-btn.is-active{background:var(--abo-orange);border-color:var(--abo-orange);color:#fff}
.abo-plans-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.75rem}
.abo-plan{background:#fff;border:2px solid var(--abo-border);border-radius:var(--abo-radius);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s}
.abo-plan:hover{border-color:var(--text-light);box-shadow:0 8px 32px rgba(0,0,0,.08)}
.abo-plan--popular{border-color:var(--abo-orange);box-shadow:0 8px 40px rgba(253,114,0,.18)}
.abo-plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--abo-grad);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:100px;white-space:nowrap}
.abo-plan-name{font-family:var(--font-head);font-size:1.3rem;font-weight:700;color:var(--abo-text);margin:0 0 .3rem}
.abo-plan-tagline{font-size:.85rem;color:var(--abo-muted);margin:0;line-height:1.5}
.abo-plan-price{display:flex;align-items:baseline;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--abo-border)}
.abo-plan-amount{font-family:var(--font-head);font-size:2.5rem;font-weight:700;color:var(--abo-text);line-height:1}
.abo-plan--popular .abo-plan-amount{background:var(--abo-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.abo-plan-period{font-size:.9rem;color:var(--abo-muted);font-weight:500}
.abo-plan-lifetime-badge{display:inline-flex;align-self:flex-start;align-items:center;padding:4px 12px;border-radius:100px;background:var(--abo-grad);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;margin-bottom:.4rem}
.abo-plan-price--lifetime .abo-plan-period{font-style:italic}
.abo-plan-trial-badge{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:100px;background:#fff3e6;color:#fd7200;font-size:.7rem;font-weight:700;margin-top:.35rem}
.abo-plan-consult{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--abo-text);background:var(--abo-bg);border-radius:8px;padding:.5rem .85rem}
.abo-plan-consult svg{flex-shrink:0}
.abo-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;flex:1}
.abo-plan-features li{display:flex;align-items:flex-start;gap:.6rem;font-size:.875rem;color:var(--abo-text);line-height:1.45}
.abo-plan-features li svg{flex-shrink:0;margin-top:2px;color:var(--abo-green)}
.abo-plan-cta{display:block;width:100%;text-align:center;padding:.85rem 1rem;border-radius:100px;font-weight:700;font-size:.9375rem;text-decoration:none;border:2px solid var(--abo-border);color:var(--abo-text);background:transparent;cursor:pointer;transition:border-color .2s,color .2s;margin-top:auto}
.abo-plan-cta:hover{border-color:var(--text-light);color:var(--text)}
.abo-plan--popular .abo-plan-cta{background:var(--abo-grad);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(253,114,0,.35)}
.abo-plan--popular .abo-plan-cta:hover{opacity:.9;transform:translateY(-1px);color:#fff}
.abo-plans-empty{text-align:center;padding:3rem;color:var(--abo-muted)}
.abo-plans-empty a{color:var(--abo-orange)}
.abo-plans-notice{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.78rem;color:var(--abo-muted);margin:0}
.abo-plans-notice svg{flex-shrink:0}

/* ── Comment ça marche : fond pleine largeur, contenu = .steps de piliers.css ── */
.abo-how{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:5rem 0;background:#fff}
.abo-how>.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* ── Réassurance ──────────────────────────────────────── */
.abo-reassurance{width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:5rem 0;background:var(--abo-bg)}
.abo-reassurance>.container{max-width:1100px;margin:0 auto;padding:0 20px}
.abo-reassurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.abo-reassurance-item{text-align:center}
.abo-reassurance-icon{width:64px;height:64px;background:var(--bg-alt);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--text)}
.abo-reassurance-item h3{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--abo-text);margin:0 0 .6rem}
.abo-reassurance-item p{font-size:.9rem;color:var(--abo-muted);line-height:1.65;margin:0}

/* ── CTA band : .service-cta-section de piliers.css, identité orange assumée ── */
.service-cta-section{--page-accent:#fd7200;--page-accent-dark:#c95c00;--page-accent-bg:#fff3e6;--page-accent-soft:rgba(253,114,0,.1)}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width:1100px){.abo-profiles-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  .abo-profiles-grid{grid-template-columns:1fr}
  .abo-forwhom,.abo-how,.abo-reassurance,.abo-plans-section{padding:3rem 0}
}

/* =====================================================================
   REFONTE DOUCE (2026-11-04) : /abonnement
   Le wrapper .pa pa-abo (views/abonnement/index.php) active aussi le bloc
   "PAGES ARCHIVE" de piliers.css (étiquettes en casse de phrase, boutons
   sans lift, anneau de focus). Ce qui suit est propre à cette page.
   ===================================================================== */
.pa-abo{--page-accent:#833ab4;--page-accent-dark:#6b21a8;--page-accent-bg:#faf5ff;--page-accent-soft:rgba(131,58,180,.1);--pa-fill:#6b21a8}
.hero-orb{display:none}

/* Étapes : pastille de numéro aux couleurs de la marque */
.pa-abo .step-num{background:var(--abo-grad);color:#fff}

/* Pour qui */
.abo-profile-card{border-radius:20px;box-shadow:none}
.abo-profile-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.08)}
.abo-profile-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--abo-border);color:#833ab4}

/* Filtre : contrôle segmenté à coins arrondis de 14 px (plus de pilules) */
.abo-filter-group{display:flex;width:max-content;max-width:100%;margin:0 auto 2.5rem;padding:4px;gap:4px;background:var(--bg-alt);border:1px solid var(--abo-border);border-radius:14px;flex-wrap:wrap;justify-content:center}
.abo-filter-btn{padding:10px 18px;border:none;border-radius:10px;background:transparent;font-size:.875rem;color:var(--abo-muted);transition:background-color .2s,color .2s}
.abo-filter-btn:hover{color:var(--abo-text)}
.abo-filter-btn.is-active{background:#fff;color:var(--abo-text);box-shadow:0 1px 2px rgba(17,17,24,.1)}

/* Offres */
.abo-plans-section,.abo-reassurance{background:var(--bg-alt)}
.abo-plan{border-width:1px;border-radius:20px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.abo-plan:hover{border-color:rgba(17,17,24,.18);box-shadow:0 4px 24px rgba(0,0,0,.08)}
.abo-plan--popular,.abo-plan--popular:hover{border-color:transparent;box-shadow:0 0 0 2px #833ab4,0 4px 24px rgba(0,0,0,.08)}
.abo-plan-badge{left:28px;transform:none;font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:none;padding:3px 14px}
.abo-plan-amount{font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.abo-plan--popular .abo-plan-amount{background:none;-webkit-text-fill-color:currentColor;color:var(--abo-text)}
.abo-plan-lifetime-badge{background:var(--bg-alt);color:#6b21a8;border:1px solid var(--abo-border);font-size:.75rem;font-weight:600;letter-spacing:0}
.abo-plan-trial-badge{background:var(--bg-alt);color:var(--abo-text);border:1px solid var(--abo-border);font-size:.75rem;font-weight:600}
.abo-plan-consult{background:none;padding:.5rem 0;border-radius:0;border-top:1px solid var(--border-light)}
.abo-plan-features li svg{color:#833ab4}
.abo-plan-cta{border-radius:14px;border:1.5px solid var(--abo-border);transition:border-color .2s,color .2s,filter .2s}
.abo-plan--popular .abo-plan-cta{border-color:transparent;box-shadow:0 1px 2px rgba(17,17,24,.16)}
.abo-plan--popular .abo-plan-cta:hover{opacity:1;transform:none;filter:brightness(1.05)}

/* Réassurance : icône carrée, texte aligné à gauche */
.abo-reassurance-item{text-align:left}
.abo-reassurance-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--abo-border);margin:0 0 .85rem;color:#833ab4}

/* Bande finale : plus de halo, orange de marque conservé */
.service-cta-section{--page-accent-dark:#c2570a}

@media(max-width:1100px){.abo-profiles-grid{grid-template-columns:repeat(2,1fr)}}
/* Offres : toutes sur une seule ligne (jusqu'à 4), réparties à parts égales.
   Les cartes masquées par le filtre (display:none) ne comptent pas, donc 1, 2, 3
   ou 4 cartes visibles remplissent toujours la ligne. */
@media(min-width:1101px){
.abo-plans-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.abo-plan{padding:2rem 1.5rem}
}
@media(max-width:1100px){.abo-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.abo-plans-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pa-abo *{transition:none!important}}