/* ═══════════════════════════════════════════════════════
   SWIFT.CSS — Palette : gris chaud / graphite
   Distinct de Cyber (violet-noir) et DORA (violet saturé) :
   ici base graphite warm, accents orange + grey
   ═══════════════════════════════════════════════════════ */

/* ── Orbs hero Swift : gris-orange ──────────────────── */
.page-swift .orb.o1 {
  background: radial-gradient(circle, rgba(152,152,170,.45) 0%, transparent 70%) !important;
}
.page-swift .orb.o2 {
  background: radial-gradient(circle, rgba(241,136,71,.30) 0%, transparent 70%) !important;
}
.page-swift .orb.o3 {
  background: radial-gradient(circle, rgba(107,107,128,.35) 0%, transparent 70%) !important;
}
.page-swift .orb.o4 {
  background: radial-gradient(circle, rgba(152,152,170,.22) 0%, transparent 70%) !important;
  width: 120px; height: 120px;
  top: 25%; right: 8%;
}
.page-swift .orb.o5 {
  background: radial-gradient(circle, rgba(241,136,71,.15) 0%, transparent 70%) !important;
  width: 80px; height: 80px;
  bottom: 15%; left: 20%;
}

/* ── Hero ── graphite très sombre, chaud ─────────────── */
.page-swift .hero {
  background:
    radial-gradient(ellipse 60% 50% at 75% 8%, rgba(152,152,170,.18) 0%, transparent 60%),
    radial-gradient(ellipse 45% 45% at 5% 85%, rgba(241,136,71,.10) 0%, transparent 55%),
    #100f0e !important;
}
.page-swift .hero-bg {
  background:
    radial-gradient(ellipse 80% 55% at 50% 0%, rgba(107,107,128,.12) 0%, transparent 70%) !important;
}

/* ── Section OFFER ── charcoal chaud ────────────────── */
.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(152,152,170,.09) 0%, transparent 55%),
    #0e0d0c !important;
  position: relative;
}
.page-swift .offer::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(180deg, transparent 0%, #191714 100%);
  pointer-events: none;
}

/* Off-cards Swift : orange / gris moyen / gris 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, #6b6b80 0%, #9898aa 100%) !important;
  --off-glow: rgba(107,107,128,0.20) !important;
}
.page-swift .offer .off-card:nth-child(3) {
  --off-bar: linear-gradient(90deg, #9898aa 0%, #c0c0cc 100%) !important;
  --off-glow: rgba(152,152,170,0.18) !important;
}

/* ── Section METHOD ── gris sombre moyen ─────────────── */
.page-swift .method {
  background:
    radial-gradient(ellipse 55% 50% at 95% 5%, rgba(107,107,128,.12) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 5% 95%, rgba(241,136,71,.05) 0%, transparent 50%),
    linear-gradient(180deg, #191714 0%, #211f1c 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%, #141210 100%);
  pointer-events: none;
}

/* ── Section WHY ── graphite + touche orange ─────────── */
.page-swift .why {
  background:
    radial-gradient(ellipse 65% 55% at 10% 50%, rgba(241,136,71,.10) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 90% 20%, rgba(107,107,128,.12) 0%, transparent 55%),
    linear-gradient(180deg, #141210 0%, #1c1a17 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 : gris argenté ──────────────────── */
.page-swift h1 .red {
  color: #b8b8cc !important;
}

/* ── Radar scan : gris ───────────────────────────────── */
.page-swift .radar-card::after {
  background: linear-gradient(90deg, transparent, rgba(152,152,170,.85), transparent) !important;
}