/* ============================================================
   fixeo-trust-v9.css
   LE MOTEUR FIXEO + LA VISION FIXEO
   Premium tech startup product storytelling.
   CSS-only. Zero logic changes.
   ============================================================ */

/* ══════════════════════════════════════════════════════════
   SECTION 1 — LE MOTEUR FIXEO  (#why-fixeo-section)
   ══════════════════════════════════════════════════════════ */

#why-fixeo-section {
  padding: 72px 0 80px;
  position: relative;
  overflow: hidden;
}

/* Deep ambient: two-tone radial system */
#why-fixeo-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 70% at 15% 40%,  rgba(225,48,108,0.055) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 85% 60%,  rgba(131,58,180,0.05)  0%, transparent 60%),
    radial-gradient(ellipse 70% 40% at 50% 100%, rgba(64,93,230,0.04)   0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}

#why-fixeo-section > .container { position: relative; z-index: 1; }

/* Section badge */
#why-fixeo-section .section-tag {
  background: linear-gradient(90deg, rgba(225,48,108,0.15), rgba(131,58,180,0.12));
  border: 1px solid rgba(225,48,108,0.22);
  color: rgba(255,255,255,0.75);
  letter-spacing: 0.1em;
  font-size: 0.65rem;
}

/* Section title */
#why-fixeo-section #why-fixeo-title {
  font-size: clamp(1.35rem, 3.5vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: rgba(255,255,255,0.96);
  line-height: 1.2;
  margin-bottom: 10px;
}

#why-fixeo-section .section-header p {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.42);
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ── FXM GRID — 3-col desktop, 2-col tablet, 1-col mobile ── */

.fxm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 40px;
}

@media (max-width: 820px) {
  .fxm-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 500px) {
  .fxm-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
}
@media (max-width: 360px) {
  .fxm-grid { grid-template-columns: 1fr; gap: 10px; }
}

/* ── FXM BLOCK — system module card ──────────────────────── */

.fxm-block {
  position: relative;
  padding: 20px 18px 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.033) 0%, rgba(255,255,255,0.014) 100%);
  border: 1px solid rgba(255,255,255,0.072);
  border-radius: 14px;
  overflow: hidden;
  /* Elevation depth */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 2px 8px rgba(0,0,0,0.14),
    0 8px 24px rgba(0,0,0,0.10);
  transition:
    transform   0.22s cubic-bezier(0.22,1,0.36,1),
    box-shadow  0.22s ease,
    border-color 0.22s ease,
    background  0.22s ease;
  cursor: default;
  /* Fade-in handled by existing wf-visible system */
}

/* Subtle top-accent line per block */
.fxm-block-line {
  position: absolute;
  top: 0; left: 16px; right: 16px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(225,48,108,0.18), transparent);
  opacity: 0;
  transition: opacity 0.22s;
}

.fxm-block:hover .fxm-block-line { opacity: 1; }

.fxm-block:hover {
  transform: translateY(-3px);
  border-color: rgba(225,48,108,0.18);
  background:
    linear-gradient(135deg, rgba(225,48,108,0.045) 0%, rgba(255,255,255,0.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 4px 14px rgba(0,0,0,0.18),
    0 12px 32px rgba(225,48,108,0.06);
}

/* Corner glow on hover */
.fxm-block::after {
  content: '';
  position: absolute;
  top: -30px; right: -30px;
  width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(225,48,108,0.10) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.fxm-block:hover::after { opacity: 1; }

/* Active tap */
.fxm-block:active {
  transform: scale(0.985) translateY(0) !important;
  transition-duration: 0.07s !important;
}

/* ── FXM ICON ─────────────────────────────────────────────── */

.fxm-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  flex-shrink: 0;
  color: rgba(255,255,255,0.60);
  transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.fxm-icon svg {
  width: 17px; height: 17px;
  color: inherit;
}
.fxm-block:hover .fxm-icon {
  color: rgba(255,255,255,0.90);
  background: rgba(225,48,108,0.10) !important;
  border-color: rgba(225,48,108,0.20) !important;
  box-shadow: 0 0 14px rgba(225,48,108,0.10) !important;
}

/* ── FXM BLOCK CONTENT ───────────────────────────────────── */

.fxm-block-content h3 {
  font-size: 0.875rem;
  font-weight: 700;
  color: rgba(255,255,255,0.90);
  margin: 0 0 5px;
  letter-spacing: -0.01em;
  line-height: 1.3;
}
.fxm-block-content p {
  font-size: 0.76rem;
  color: rgba(255,255,255,0.38);
  line-height: 1.55;
  margin: 0;
  transition: color 0.2s;
}
.fxm-block:hover .fxm-block-content p {
  color: rgba(255,255,255,0.52);
}

/* ── WF-CARD visibility (reuse existing system) ─────────── */
/* why-fixeo.js adds .wf-visible — we inherit stagger */
.fxm-block { opacity: 0; transform: translateY(10px); transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.22,1,0.36,1), box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease; }
.fxm-block.wf-visible { opacity: 1; transform: translateY(0); }


/* ══════════════════════════════════════════════════════════
   SECTION 2 — LA VISION FIXEO  (.fxv-section)
   ══════════════════════════════════════════════════════════ */

.fxv-section {
  padding: 80px 0 90px !important;
  background:
    radial-gradient(ellipse 65% 55% at 20% 50%, rgba(131,58,180,0.09) 0%, transparent 65%),
    radial-gradient(ellipse 55% 50% at 80% 50%, rgba(225,48,108,0.07) 0%, transparent 65%),
    linear-gradient(180deg, #0d0d14 0%, #09090f 100%) !important;
  overflow: hidden !important;
}

/* Badge */
.fxv-section .section-tag {
  background: linear-gradient(90deg, rgba(131,58,180,0.16), rgba(64,93,230,0.13));
  border: 1px solid rgba(131,58,180,0.24);
  color: rgba(255,255,255,0.72);
  letter-spacing: 0.1em;
  font-size: 0.65rem;
}

/* Title */
.fxv-section .testimonial-title {
  font-size: clamp(1.35rem, 3.5vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: rgba(255,255,255,0.96) !important;
  line-height: 1.2 !important;
  margin-bottom: 10px !important;
}

.fxv-section .section-header p {
  font-size: 0.87rem;
  color: rgba(255,255,255,0.40);
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ── STORY BLOCK ─────────────────────────────────────────── */

.fxv-story {
  max-width: 560px;
  margin: 36px auto 0;
  padding: 24px 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.032) 0%, rgba(255,255,255,0.012) 100%);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 4px 16px rgba(0,0,0,0.14);
  position: relative;
}
.fxv-story::before {
  content: '';
  position: absolute;
  top: 0; left: 24px; right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(131,58,180,0.22), transparent);
}

.fxv-story-text {
  font-size: 0.875rem;
  color: rgba(255,255,255,0.50);
  line-height: 1.75;
  margin: 0;
  text-align: center;
}

/* ── PLATFORM SIGNALS ────────────────────────────────────── */

.fxv-signals {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 36px auto 0;
  max-width: 640px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.010) 100%);
  border: 1px solid rgba(255,255,255,0.065);
  border-radius: 14px;
  padding: 20px 10px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 4px 16px rgba(0,0,0,0.12);
  overflow: hidden;
  position: relative;
}
.fxv-signals::before {
  content: '';
  position: absolute;
  top: 0; left: 20%; right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(225,48,108,0.18), transparent);
}

.fxv-signal {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 4px 8px;
}

.fxv-signal-value {
  font-size: clamp(1.25rem, 4vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: rgba(255,255,255,0.92);
  line-height: 1;
  position: relative;
}

.fxv-signal-plus {
  font-size: 0.65em;
  color: rgba(225,48,108,0.75);
  vertical-align: super;
  margin-left: 1px;
}

.fxv-signal-label {
  font-size: 0.66rem;
  color: rgba(255,255,255,0.32);
  text-align: center;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.fxv-signal-sep {
  width: 1px;
  height: 36px;
  background: rgba(255,255,255,0.07);
  flex-shrink: 0;
}

/* ── PLATFORM FLOW ───────────────────────────────────────── */

.fxv-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 36px auto 0;
  max-width: 700px;
  flex-wrap: wrap;
  row-gap: 14px;
}

.fxv-flow-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  min-width: 0;
  flex: 1;
  max-width: 140px;
}

.fxv-flow-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  color: rgba(255,255,255,0.75);
  line-height: 1;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.fxv-flow-step-end .fxv-flow-num {
  background: rgba(225,48,108,0.14);
  border-color: rgba(225,48,108,0.28);
  color: rgba(255,255,255,0.92);
}

.fxv-flow-label {
  font-size: 0.70rem;
  color: rgba(255,255,255,0.40);
  line-height: 1.35;
  max-width: 100px;
}
.fxv-flow-step-end .fxv-flow-label {
  color: rgba(255,255,255,0.58);
}

.fxv-flow-arrow {
  flex-shrink: 0;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.14);
  padding-bottom: 20px; /* align with number, not label */
}
.fxv-flow-arrow svg { width: 24px; height: 6px; }

/* ── MOBILE ──────────────────────────────────────────────── */

@media (max-width: 640px) {
  .fxv-story { padding: 18px 16px; margin-top: 28px; }
  .fxv-story-text { font-size: 0.83rem; }

  .fxv-signals { padding: 16px 6px; margin-top: 28px; }
  .fxv-signal-label { font-size: 0.60rem; }
  .fxv-signal-sep { height: 28px; }

  .fxv-flow { margin-top: 28px; gap: 0; }
  .fxv-flow-step { max-width: 100px; }
  .fxv-flow-arrow { width: 20px; }
  .fxv-flow-label { font-size: 0.65rem; }
}

@media (max-width: 420px) {
  /* Stack flow vertically on tiny screens */
  .fxv-flow {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 12px;
    row-gap: 0;
    gap: 0;
  }
  .fxv-flow-step {
    flex-direction: row;
    gap: 10px;
    max-width: none;
    width: 100%;
    text-align: left;
    padding: 8px 0;
    align-items: center;
  }
  .fxv-flow-label { max-width: none; }
  .fxv-flow-arrow {
    transform: rotate(90deg);
    padding-bottom: 0;
    padding-left: 5px;
    margin: 0;
    width: 24px;
  }

  .fxv-signals { flex-wrap: wrap; gap: 0; }
  .fxv-signal { min-width: 50%; flex: none; padding: 8px 4px; }
  .fxv-signal-sep:nth-child(4) { display: none; }
}

/* ── REDUCED MOTION ──────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .fxm-block { transition: none !important; }
  .fxm-block::after { transition: none !important; }
  .fxm-icon { transition: none !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   V-1: Living Marketplace Infrastructure — Vision Polish
   Append-only. Zero existing lines modified. Braces balanced.
   ═══════════════════════════════════════════════════════════════════ */

/* ── V1-A: Section tag — hide (h2 now carries full identity) ────── */
.fxv-section .fxv-vtag {
  display: none !important;
}

/* ── V1-B: Signal labels — legibility pass ──────────────────────── */
/* Was 0.66rem / rgba 0.32 — borderline invisible on mobile */
.fxv-signal-label {
  font-size: 0.70rem !important;
  color: rgba(255, 255, 255, 0.54) !important;
  letter-spacing: 0.02em !important;
}
/* Signal values — tighten letter-spacing for <30min format */
.fxv-signal-value {
  letter-spacing: -0.04em !important;
}
/* The <30min "plus" is the unit — slightly muted */
.fxv-signal-plus {
  color: rgba(255, 255, 255, 0.44) !important;
  font-size: 0.58em !important;
}
/* Override specifically for the last signal (<30min) unit display */
.fxv-signal:last-child .fxv-signal-plus {
  font-size: 0.52em !important;
  vertical-align: baseline !important;
  margin-left: 2px !important;
  color: rgba(255, 255, 255, 0.40) !important;
}

/* ── V1-C: Flow step progressive accent — 1→2→3→4 hierarchy ────── */
/* Steps 1–3 use a subtle progressive tint (dim→medium→bright→pink)
   so the eye reads the flow as a directional progression, not 4 equal dots.
   Step 4 already has pink from existing .fxv-flow-step-end rule. */
.fxv-flow-step-1 .fxv-flow-num {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  color: rgba(255, 255, 255, 0.55) !important;
}
.fxv-flow-step-2 .fxv-flow-num {
  background: rgba(131, 58, 180, 0.10) !important;
  border-color: rgba(131, 58, 180, 0.22) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.fxv-flow-step-3 .fxv-flow-num {
  background: rgba(196, 53, 144, 0.12) !important;
  border-color: rgba(196, 53, 144, 0.26) !important;
  color: rgba(255, 255, 255, 0.84) !important;
}
/* Step 4 (.fxv-flow-step-end) already pink in base — preserved */

/* ── V1-D: Flow labels — legibility pass ───────────────────────── */
/* Was 0.70rem / rgba 0.40 — too faint, too small */
.fxv-flow-label {
  font-size: 0.73rem !important;
  color: rgba(255, 255, 255, 0.56) !important;
}
.fxv-flow-step-end .fxv-flow-label {
  color: rgba(255, 255, 255, 0.74) !important;
  font-weight: 600 !important;
}

/* ── V1-E: Story text — single focused paragraph ───────────────── */
/* New copy is one sentence, no <br><br>. Slightly more visible. */
.fxv-story-text {
  color: rgba(255, 255, 255, 0.60) !important;
  font-size: 0.90rem !important;
  line-height: 1.72 !important;
}

/* ── V1-F: Mobile refinements ≤ 640px ──────────────────────────── */
@media (max-width: 640px) {
  .fxv-story-text {
    font-size: 0.86rem !important;
    line-height: 1.68 !important;
  }
  /* Signal labels at small viewports — keep visible */
  .fxv-signal-label {
    font-size: 0.63rem !important;
    color: rgba(255, 255, 255, 0.50) !important;
  }
  /* Flow labels at small viewports */
  .fxv-flow-label {
    font-size: 0.68rem !important;
  }
}

/* ── V1-A fix: Override testimonials-cta-premium.css specificity (0,2,2) ── */
/* That file uses: html body .testimonial-section .section-tag = (0,2,2)
   Our original .fxv-section .fxv-vtag = (0,2,0) was too weak.
   This selector: html body .fxv-section .section-tag.fxv-vtag = (0,3,2) — wins cleanly. */
html body .fxv-section .section-tag.fxv-vtag {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════
   V3 — Vision Section Premium Upgrade (append-only, v3)
   Goal: Make the Vision section feel like a live platform dashboard,
         not a static infographic. Deepen the metrics, strengthen the
         orchestration headline, make the flow feel directional.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Section background: deeper, warmer dark ── */
.fxv-section {
  background:
    radial-gradient(ellipse 80% 55% at 15% 30%, rgba(131,58,180,0.13) 0%, transparent 65%),
    radial-gradient(ellipse 70% 50% at 85% 70%, rgba(225,48,108,0.09) 0%, transparent 65%),
    linear-gradient(180deg, rgba(12,10,22,0.0) 0%, rgba(8,6,18,0.0) 100%) !important;
  padding: 80px 0 88px !important;
}

/* ── Header: orchestration title gets gradient text ── */
.fxv-section .testimonial-title,
.fxv-section h2 {
  background: linear-gradient(135deg, #fff 40%, rgba(200,140,255,0.85) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: clamp(1.65rem, 3.2vw, 2.35rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.18 !important;
}
.fxv-section .section-header p {
  color: rgba(255,255,255,0.52) !important;
  font-size: 0.92rem !important;
}

/* ── Story block: stronger glass, more readable text ── */
.fxv-story {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.048) 0%, rgba(255,255,255,0.018) 100%) !important;
  border-color: rgba(255,255,255,0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 6px 24px rgba(0,0,0,0.18) !important;
  max-width: 580px !important;
}
/* Shimmer line: purple tint */
.fxv-story::before {
  background: linear-gradient(90deg, transparent, rgba(131,58,180,0.40), transparent) !important;
}
.fxv-story-text {
  color: rgba(255,255,255,0.62) !important;
  font-size: 0.90rem !important;
  line-height: 1.80 !important;
}

/* ── Metrics strip: individual accent per metric ── */
.fxv-signals {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.038) 0%, rgba(255,255,255,0.014) 100%) !important;
  border-color: rgba(255,255,255,0.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.07),
    0 6px 28px rgba(0,0,0,0.20) !important;
  max-width: 660px !important;
  padding: 22px 16px !important;
}
.fxv-signals::before {
  background: linear-gradient(90deg, transparent, rgba(225,48,108,0.28), transparent) !important;
}
/* Signal values: bigger, more contrast */
.fxv-signal-value {
  font-size: clamp(1.4rem, 4vw, 1.95rem) !important;
  color: rgba(255,255,255,0.97) !important;
  font-weight: 800 !important;
}
/* Signal labels: more readable */
.fxv-signal-label {
  font-size: 0.69rem !important;
  color: rgba(255,255,255,0.42) !important;
  letter-spacing: 0.02em !important;
}
/* Per-signal accent on values (nth-child targeting the 4 signals) */
/* Signal 1 (Villes) — blue accent */
.fxv-signals .fxv-signal:nth-child(1) .fxv-signal-value { color: rgba(100,180,255,0.95) !important; }
/* Signal 2 (Artisans) — pink accent */
.fxv-signals .fxv-signal:nth-child(3) .fxv-signal-value { color: rgba(255,255,255,0.97) !important; }
/* Signal 3 (Spécialités) — purple accent */
.fxv-signals .fxv-signal:nth-child(5) .fxv-signal-value { color: rgba(190,140,255,0.95) !important; }
/* Signal 4 (<30min) — emerald accent */
.fxv-signals .fxv-signal:nth-child(7) .fxv-signal-value { color: rgba(32,201,151,0.95) !important; }
/* Separator lines: slightly more visible */
.fxv-signal-sep {
  background: rgba(255,255,255,0.10) !important;
  height: 40px !important;
}
/* "+" superscript: accent match */
.fxv-signal-plus { color: rgba(225,48,108,0.85) !important; }

/* ── Flow: directional emphasis ── */
.fxv-flow {
  max-width: 680px !important;
  margin-top: 36px !important;
}
/* All step numbers: subtle base */
.fxv-flow-num {
  background: rgba(255,255,255,0.055) !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.60) !important;
  font-size: 0.75rem !important;
}
/* Step 2 (Fixeo analyse) — highlight as the "intelligence" moment */
.fxv-flow-step-2 .fxv-flow-num {
  background: rgba(131,58,180,0.18) !important;
  border-color: rgba(131,58,180,0.34) !important;
  color: rgba(200,150,255,0.95) !important;
  box-shadow: 0 0 12px rgba(131,58,180,0.20) !important;
}
.fxv-flow-step-2 .fxv-flow-label {
  color: rgba(200,150,255,0.70) !important;
  font-size: 0.71rem !important;
}
/* Step 4 (Intervention) — success green */
.fxv-flow-step-end .fxv-flow-num {
  background: rgba(32,201,151,0.16) !important;
  border-color: rgba(32,201,151,0.30) !important;
  color: rgba(32,201,151,0.95) !important;
  box-shadow: 0 0 14px rgba(32,201,151,0.16) !important;
}
.fxv-flow-step-end .fxv-flow-label {
  color: rgba(32,201,151,0.75) !important;
}
/* Arrows: progressive brightness — gets more vivid toward end */
.fxv-flow-arrow:nth-of-type(2) { color: rgba(255,255,255,0.16) !important; }
.fxv-flow-arrow:nth-of-type(4) { color: rgba(131,58,180,0.35) !important; }
.fxv-flow-arrow:nth-of-type(6) { color: rgba(32,201,151,0.35) !important; }
/* Flow labels: general legibility */
.fxv-flow-label {
  font-size: 0.70rem !important;
  letter-spacing: 0.01em !important;
  color: rgba(255,255,255,0.38) !important;
}

/* ── Mobile ── */
@media (max-width: 640px) {
  .fxv-section { padding: 56px 0 64px !important; }
  .fxv-story { max-width: 100% !important; }
  .fxv-signals { max-width: 100% !important; }
  .fxv-signal-value { font-size: clamp(1.2rem, 7vw, 1.5rem) !important; }
  .fxv-signal-label { font-size: 0.62rem !important; }
  .fxv-signal-sep { height: 30px !important; }
  .fxv-flow-step-2 .fxv-flow-num,
  .fxv-flow-step-end .fxv-flow-num { box-shadow: none !important; }
}