/* ═══════════════════════════════════════════════════════
   SWIFT.CSS — Palette : violet profond + orange
   Cohérent avec les autres offres à la une (Cyber, DORA) :
   ici violet chaud intermédiaire, accent orange marqué
   ═══════════════════════════════════════════════════════ */

/* ── Orbs hero Swift : violet + orange ──────────────── */
.page-swift .orb.o1 {
  background: radial-gradient(circle, rgba(110,45,175,.55) 0%, transparent 70%) !important;
}
.page-swift .orb.o2 {
  background: radial-gradient(circle, rgba(241,136,71,.38) 0%, transparent 70%) !important;
}
.page-swift .orb.o3 {
  background: radial-gradient(circle, rgba(140,60,195,.32) 0%, transparent 70%) !important;
}
.page-swift .orb.o4 {
  background: radial-gradient(circle, rgba(110,45,175,.26) 0%, transparent 70%) !important;
  width: 120px; height: 120px;
  top: 25%; right: 8%;
}
.page-swift .orb.o5 {
  background: radial-gradient(circle, rgba(241,136,71,.20) 0%, transparent 70%) !important;
  width: 80px; height: 80px;
  bottom: 15%; left: 20%;
}

/* ── Hero ── violet profond, accent orange ───────────── */
.page-swift .hero {
  background:
    radial-gradient(ellipse 65% 55% at 78% 8%, rgba(120,50,190,.24) 0%, transparent 60%),
    radial-gradient(ellipse 45% 45% at 5% 85%, rgba(241,136,71,.16) 0%, transparent 55%),
    #0f061e !important;
}
.page-swift .hero-bg {
  background:
    radial-gradient(ellipse 80% 55% at 50% 0%, rgba(120,50,190,.13) 0%, transparent 70%) !important;
}

/* ── Section OFFER ── violet foncé ──────────────────── */
.page-swift .offer {
  background:
    radial-gradient(ellipse 55% 45% at 8% 20%, rgba(241,136,71,.07) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 92% 80%, rgba(110,45,175,.12) 0%, transparent 55%),
    #0c021a !important;
  position: relative;
}
.page-swift .offer::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(180deg, transparent 0%, #13042c 100%);
  pointer-events: none;
}

/* Off-cards Swift : orange / violet / violet clair */
.page-swift .offer .off-card:nth-child(1) {
  --off-bar: linear-gradient(90deg, #F18847 0%, #f5c08a 100%) !important;
  --off-glow: rgba(241,136,71,0.22) !important;
}
.page-swift .offer .off-card:nth-child(2) {
  --off-bar: linear-gradient(90deg, #6e2daf 0%, #a465d6 100%) !important;
  --off-glow: rgba(110,45,175,0.22) !important;
}
.page-swift .offer .off-card:nth-child(3) {
  --off-bar: linear-gradient(90deg, #9060c8 0%, #c090e8 100%) !important;
  --off-glow: rgba(144,96,200,0.18) !important;
}

/* ── Section METHOD ── violet moyen ─────────────────── */
.page-swift .method {
  background:
    radial-gradient(ellipse 55% 50% at 95% 5%, rgba(110,45,175,.13) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 5% 95%, rgba(241,136,71,.05) 0%, transparent 50%),
    linear-gradient(180deg, #13042c 0%, #1b073e 100%) !important;
  position: relative;
}
.page-swift .method::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(180deg, transparent 0%, #0f0328 100%);
  pointer-events: none;
}

/* ── Section WHY ── violet sombre + touche orange ────── */
.page-swift .why {
  background:
    radial-gradient(ellipse 65% 55% at 10% 50%, rgba(241,136,71,.09) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 90% 20%, rgba(110,45,175,.16) 0%, transparent 55%),
    linear-gradient(180deg, #0f0328 0%, #180540 100%) !important;
  position: relative;
}
/* Transition vers owner orange */
.page-swift .why::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(180deg, transparent 0%, #c85e1a 100%);
  pointer-events: none;
}

/* ── Fix z-index ─────────────────────────────────────── */
.page-swift .offer .wrap,
.page-swift .method .wrap,
.page-swift .why .wrap {
  position: relative;
  z-index: 1;
}

/* ── Hero h1 accent : orange chaud ──────────────────── */
.page-swift h1 .red {
  color: #f18847 !important;
  text-shadow: 0 0 28px rgba(241,136,71,.28);
}

/* ── Radar scan : orange ─────────────────────────────── */
.page-swift .radar-card::after {
  background: linear-gradient(90deg, transparent, rgba(241,136,71,.80), transparent) !important;
}

/* ── Mobile : évite l'overlap avec la navbar ─────────── */
@media (max-width: 768px) {
  .page-swift .hero {
    align-items: flex-start !important;
    padding-top: 100px !important;
  }
}