/* ============================================================
   ELEGANCE LEARNING AI — Pages Tarifs & Marque blanche
   ============================================================ */

.page-hero{position:relative;background:var(--bleu-nuit);overflow:hidden;padding:168px 0 88px;}
.page-hero-ondes{position:absolute;will-change:transform;pointer-events:none;z-index:1;}
.page-hero-ondes.a{width:56%;right:-16%;top:-30%;opacity:.55;}
.page-hero-ondes.b{width:34%;left:-10%;bottom:-34%;opacity:.3;}
.page-hero-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 40px;}
.page-hero-copy{max-width:56ch;}
.page-hero-title{font-family:var(--font-display);font-weight:500;font-size:var(--t-h1);
  line-height:1.1;letter-spacing:-.01em;color:var(--on-dark-1);margin-top:18px;}
.page-hero-sub{margin-top:20px;font-size:var(--t-body-lg);line-height:1.6;color:var(--on-dark-2);max-width:46ch;}
.page-hero-actions{display:flex;gap:16px;margin-top:36px;flex-wrap:wrap;}

/* ---- Pricing cards ----------------------------------------- */
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
.plan{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-xl);padding:36px 32px 32px;box-shadow:var(--sh-sm);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);}
.plan:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--bleu-glacier);}
.plan.is-featured{background:var(--bleu-nuit);border-color:transparent;box-shadow:var(--sh-dark);}
.plan.is-featured:hover{border-color:transparent;}
.plan-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu-profond);margin-bottom:12px;}
.plan.is-featured .plan-kicker{color:var(--bleu-glacier);}
.plan-t{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.15;color:var(--bleu-nuit);margin-bottom:16px;}
.plan.is-featured .plan-t{color:var(--on-dark-1);}
.plan-price{font-family:var(--font-display);font-weight:500;font-size:40px;letter-spacing:-.02em;color:var(--bleu-nuit);line-height:1;}
.plan-price small{display:block;margin-top:8px;font-family:var(--font-body);font-size:13.5px;font-weight:500;letter-spacing:0;color:var(--fg3);}
.plan.is-featured .plan-price{color:var(--bleu-glacier);}
.plan.is-featured .plan-price small{color:var(--on-dark-3);}
.plan-d{margin:18px 0 24px;font-size:14.5px;line-height:1.62;color:var(--fg2);}
.plan.is-featured .plan-d{color:var(--on-dark-2);}
.plan-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;flex:1;}
.plan-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45;color:var(--fg1);}
.plan.is-featured .plan-list li{color:var(--on-dark-1);}
.plan-list .chk{width:22px;height:22px;border-radius:50%;background:rgba(123,167,204,.18);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px;}
.plan-list .chk svg{width:13px;height:13px;color:var(--bleu-profond);stroke-width:2.4;}
.plan.is-featured .plan-list .chk{background:rgba(123,167,204,.22);}
.plan.is-featured .plan-list .chk svg{color:var(--bleu-glacier);}
.plan-foot{margin-top:auto;}
.plan-foot .btn{width:100%;justify-content:center;}

/* ---- Included / dark band ---------------------------------- */
.page-dark{position:relative;background:var(--bleu-nuit);overflow:hidden;}
.page-dark-ondes{position:absolute;width:46%;right:-12%;top:-20%;opacity:.45;pointer-events:none;}
.page-dark-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:100px 40px;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;}
.page-dark .sec-title{color:var(--on-dark-1);margin-top:18px;}
.page-dark .sec-intro{color:var(--on-dark-2);}
.include-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.include-item{background:rgba(247,245,242,.05);border:1px solid var(--line-dark);border-radius:var(--r-lg);padding:22px 22px 20px;}
.include-item svg{width:22px;height:22px;color:var(--bleu-glacier);margin-bottom:14px;}
.include-t{font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--on-dark-1);margin-bottom:8px;}
.include-d{font-size:14px;line-height:1.6;color:var(--on-dark-2);}

/* ---- Steps ------------------------------------------------- */
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.step{padding:8px 4px 0;}
.step-n{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:.16em;color:var(--bleu-glacier);margin-bottom:16px;}
.step-t{font-family:var(--font-display);font-weight:500;font-size:20px;color:var(--bleu-nuit);line-height:1.2;margin-bottom:10px;}
.step-d{font-size:14.5px;line-height:1.62;color:var(--fg2);}

/* ---- Split (marque blanche) -------------------------------- */
.page-split{position:relative;overflow:hidden;}
.page-split-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:100px 40px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;}
.page-split-visual{position:relative;min-height:420px;}
.page-split-card{position:absolute;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;}
.page-split-card.big{inset:12px 0 48px 36px;}
.page-split-card.small{width:210px;height:140px;left:-12px;bottom:0;border:6px solid var(--blanc-nacre);border-radius:var(--r-lg);}
.page-split-card img{width:100%;height:100%;object-fit:cover;display:block;}
.pillar-media img{width:100%;height:100%;object-fit:cover;display:block;}

@media(max-width:1000px){
  .plan-grid{grid-template-columns:1fr;}
  .step-grid{grid-template-columns:1fr 1fr;}
  .page-dark-inner,.page-split-inner{grid-template-columns:1fr;gap:48px;}
  .page-split-visual{min-height:360px;}
  .include-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .page-hero{padding:150px 0 70px;}
  .page-hero-inner,.page-dark-inner,.page-split-inner{padding-left:24px;padding-right:24px;}
  .plan{padding:28px 24px;}
  .step-grid{grid-template-columns:1fr;}
}