/* ============================================================
   page-offres.css — CSS spécifique à offres.html
   ============================================================ */

/* ── HERO CONVERSION ── */
#hero-conversion{background:var(--anthracite);padding:96px 0 72px;position:relative;overflow:hidden}
.hero-conv-glow{position:absolute;top:-80px;right:-60px;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 65%);pointer-events:none}
.hero-conv-glow2{position:absolute;bottom:-100px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 65%);pointer-events:none}
.hero-conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative}
.hero-conv-title{font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}
.hero-conv-title span{color:var(--amber)}
.hero-conv-sub{font-size:16px;color:#C8C8DC;line-height:1.7;margin-bottom:28px;max-width:440px}
.hero-conv-proofs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.hero-conv-proof{display:flex;align-items:center;gap:10px;font-size:14px;color:#C8C8DC}
.hero-conv-proof-icon{width:20px;height:20px;border-radius:50%;background:rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;color:#818CF8;flex-shrink:0;font-size:11px}

/* ── CONTACT FORM CARD ── */
#contact{scroll-margin-top:80px}
.contact-card{background:var(--white);border-radius:16px;padding:36px 32px;box-shadow:0 16px 48px rgba(0,0,0,.25)}
.contact-card-title{font-size:20px;font-weight:700;color:var(--anthracite);margin-bottom:6px}
.contact-card-sub{font-size:14px;color:var(--g700);margin-bottom:24px;line-height:1.5}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-label{font-size:13px;font-weight:600;color:var(--anthracite)}
.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;border:1.5px solid var(--g100);border-radius:var(--radius-btn);font-family:'Inter',system-ui,sans-serif;font-size:14px;color:var(--anthracite);background:var(--white);transition:border-color .15s}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-50)}
.form-textarea{resize:vertical;min-height:90px}
.form-note{font-size:11px;color:var(--g400);margin-top:12px;text-align:center;line-height:1.5}
.contact-alternatives{background:var(--g50);border-radius:10px;padding:16px 20px;margin-top:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.contact-alt-text{font-size:13px;color:var(--g700);flex:1}
.contact-alt-text strong{color:var(--anthracite)}
@media(max-width:768px){
  .hero-conv-grid{grid-template-columns:1fr;gap:40px}
  .hero-conv-title{font-size:30px}
}

/* ── SECTIONS TARIFS ── */
.tarif-section{padding:80px 0}
.tarif-section-title{font-size:28px;font-weight:700;color:var(--anthracite);letter-spacing:-.01em;margin-bottom:8px}
.tarif-section-sub{font-size:15px;color:var(--g700);margin-bottom:36px;line-height:1.6;max-width:600px}

/* ── MISSIONS ONE-SHOT ── */
.missions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mission-card{background:var(--white);border-radius:14px;padding:32px 28px;border:1px solid var(--g100);display:flex;flex-direction:column;gap:16px}
.mission-card.featured{border:2px solid var(--indigo);box-shadow:0 8px 28px rgba(99,102,241,.14)}
.mission-price{font-size:30px;font-weight:800;color:var(--anthracite);letter-spacing:-.02em;line-height:1}
.mission-delay{font-size:12px;color:var(--g400);margin-top:4px}
.mission-title{font-size:16px;font-weight:700;color:var(--anthracite)}
.mission-desc{font-size:13.5px;color:var(--g700);line-height:1.6}
.mission-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:16px;border-top:1px solid var(--g100)}
.mission-feature{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--g700);line-height:1.5}
.mission-feature strong{font-weight:600;color:var(--anthracite)}
.mission-feature-icon{color:#10B981;flex-shrink:0;margin-top:2px}
.mission-for{font-size:12px;color:var(--g400);font-style:italic;border-top:1px solid var(--g100);padding-top:12px;margin-top:4px}

/* ── ABONNEMENTS ── */
#abonnements{background:var(--g50)}
.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tier-card{background:var(--white);border-radius:14px;padding:28px 24px;border:1px solid var(--g100);display:flex;flex-direction:column;gap:0;position:relative}
.tier-card.featured{border:2px solid var(--indigo);box-shadow:0 8px 28px rgba(99,102,241,.14)}
.tier-featured-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap}
.tier-name{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g400);margin-bottom:6px}
.tier-scope{font-size:12px;font-style:normal;color:var(--indigo);font-weight:600;margin-bottom:6px}
.tier-price{font-size:36px;font-weight:700;color:var(--anthracite);line-height:1;margin-bottom:4px}
.tier-price span{font-size:15px;font-weight:400;color:var(--g400)}
.tier-tagline{font-size:13px;color:var(--g700);font-style:italic;line-height:1.5;margin:12px 0 20px;min-height:42px}
.tier-divider{border:none;border-top:1px solid var(--g100);margin-bottom:20px}
.tier-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.tier-feature{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--g700);line-height:1.5}
.tier-feature strong{font-weight:600;color:var(--anthracite)}
.tier-for{border-top:1px solid var(--g100);padding-top:14px;font-size:12px;color:var(--g400);line-height:1.5;font-style:italic;margin-top:auto}
.progression-note{background:var(--indigo-50);border:1px solid var(--indigo-100);border-radius:10px;padding:16px 20px;margin-top:24px;font-size:14px;color:var(--anthracite);line-height:1.6;text-align:center}
.progression-note strong{color:var(--indigo)}

/* ── SOUVERAINETE STRIP ── */
#souverainete{background:var(--anthracite);padding:64px 0}
.souv-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.souv-strip-title{font-size:28px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:12px}
.souv-strip-title span{color:#818CF8}
.souv-strip-text{font-size:15px;color:var(--g400);line-height:1.7;max-width:440px}
.souv-options{display:flex;flex-direction:column;gap:10px}
.souv-option{padding:14px 16px;border-radius:10px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);display:flex;gap:12px;align-items:center}
.souv-option-icon{color:#818CF8;flex-shrink:0}
.souv-option-content{flex:1}
.souv-option-title{font-weight:600;color:#fff;font-size:14px;margin-bottom:2px}
.souv-option-sub{font-size:12px;color:var(--g400)}

/* ── FAQ ── */
#faq-offres{padding:80px 0;background:var(--white)}
.faq-list{display:flex;flex-direction:column;gap:8px;max-width:720px;margin:0 auto}
.faq-item{background:var(--g50);border-radius:12px;border:1px solid var(--g100);overflow:hidden}
.faq-question{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;user-select:none}
.faq-question-text{font-size:15px;font-weight:600;color:var(--anthracite);line-height:1.4}
.faq-chevron{flex-shrink:0;transition:transform .2s;color:var(--indigo)}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-answer{display:none;padding:0 24px 22px;font-size:14px;color:var(--g700);line-height:1.65}
.faq-item.open .faq-answer{display:block}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .missions-grid{grid-template-columns:1fr}
  .tiers-grid{grid-template-columns:1fr;gap:24px}
  .souv-strip-inner{grid-template-columns:1fr;gap:32px}
}
@media(max-width:480px){
  .contact-card{padding:24px 20px}
  .hero-conv-title{font-size:26px}
  .hero-conv-sub{font-size:14px}
}