/* =========================================================
   FULFILIX CLOUD — HOME V2
   Homepage-only redesign. All rules are scoped to body.home-v2.
   IMPORTANT: no navbar selectors are used in this file.
   ========================================================= */

body.home-v2 {
  --ff-bg: #07070d;
  --ff-bg-2: #0b0914;
  --ff-bg-3: #100c1d;
  --ff-surface: rgba(18, 13, 34, 0.78);
  --ff-surface-2: rgba(24, 17, 45, 0.9);
  --ff-line: rgba(155, 111, 255, 0.18);
  --ff-line-hi: rgba(186, 139, 255, 0.38);
  --ff-text: #f8f7ff;
  --ff-muted: #a9a0bd;
  --ff-muted-2: #7f7694;
  --ff-purple: #7c3aed;
  --ff-violet: #9b5cff;
  --ff-pink: #d94cb9;
  --ff-green: #35d399;
  --ff-orange: #ff9d37;
  --ff-blue: #4ca7ff;
  --ff-ease: cubic-bezier(.16, 1, .3, 1);
  --ff-soft: cubic-bezier(.22, .61, .36, 1);
  background: var(--ff-bg);
  color: var(--ff-text);
}

body.home-v2 .ff-home-main {
  position: relative;
  overflow: clip;
  isolation: isolate;
}

body.home-v2 .ff-home-main::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(58% 42% at 84% 4%, rgba(103, 44, 225, .25), transparent 72%),
    radial-gradient(40% 36% at 4% 18%, rgba(168, 85, 247, .12), transparent 72%),
    radial-gradient(56% 40% at 50% 100%, rgba(76, 29, 149, .16), transparent 72%),
    #07070d;
}

body.home-v2 .ff-home-main::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .42;
  background-image:
    linear-gradient(rgba(142, 99, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(142, 99, 255, .035) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(90% 70% at 55% 0%, #000 0%, rgba(0,0,0,.75) 45%, transparent 82%);
  mask-image: radial-gradient(90% 70% at 55% 0%, #000 0%, rgba(0,0,0,.75) 45%, transparent 82%);
}

body.home-v2 .ff-shell {
  width: min(1380px, calc(100% - 48px));
  margin: 0 auto;
}

body.home-v2 .ff-section {
  position: relative;
  padding: 112px 0;
}

body.home-v2 .ff-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(157, 111, 255, .18), transparent);
}

body.home-v2 .ff-kicker,
body.home-v2 .ff-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  padding: 7px 13px;
  border: 1px solid rgba(166, 118, 255, .22);
  border-radius: 999px;
  background: rgba(124, 58, 237, .08);
  color: #cbb5ff;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.home-v2 .ff-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, #a855f7, #d946b8);
  box-shadow: 0 0 16px rgba(168, 85, 247, .85);
}

body.home-v2 .ff-section-head {
  width: min(780px, 100%);
  margin: 0 auto 54px;
  text-align: center;
}

body.home-v2 .ff-section-head .ff-kicker {
  margin: 0 auto 18px;
}

body.home-v2 .ff-section-head h2,
body.home-v2 .ff-section-split-head h2,
body.home-v2 .ff-automation-copy h2,
body.home-v2 .ff-why-copy h2,
body.home-v2 .ff-faq-aside h2,
body.home-v2 .ff-cta-copy h2 {
  margin: 0;
  color: var(--ff-text);
  font-family: 'Poppins', sans-serif;
  font-weight: 650;
  letter-spacing: -.04em;
  line-height: 1.06;
  text-wrap: balance;
}

body.home-v2 .ff-section-head h2 {
  font-size: clamp(31px, 2vw, 51px);
}

body.home-v2 .ff-section-head h2 span,
body.home-v2 .ff-section-split-head h2 span,
body.home-v2 .ff-automation-copy h2 span,
body.home-v2 .ff-why-copy h2 span,
body.home-v2 .ff-faq-aside h2 span {
  background: linear-gradient(100deg, #b579ff 0%, #8e4ef7 48%, #df4dab 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.home-v2 .ff-section-head p,
body.home-v2 .ff-section-split-head p,
body.home-v2 .ff-automation-copy > p,
body.home-v2 .ff-why-copy > p,
body.home-v2 .ff-faq-aside > p,
body.home-v2 .ff-cta-copy > p {
  color: var(--ff-muted);
  font-family: 'Inter', sans-serif;
  line-height: 1.75;
}

body.home-v2 .ff-section-head p {
  max-width: 650px;
  margin: 18px auto 0;
  font-size: 16px;
}

/* -------------------- Buttons -------------------- */
body.home-v2 .ff-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  transition: transform .28s var(--ff-ease), border-color .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease;
}

body.home-v2 .ff-btn svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  transition: transform .28s var(--ff-ease);
}

body.home-v2 .ff-btn:hover svg:last-child,
body.home-v2 .ff-btn:hover > span:last-child {
  transform: translateX(4px);
}

body.home-v2 .ff-btn-primary {
  color: #fff;
  background: linear-gradient(120deg, #6d28d9 0%, #8b3ff1 54%, #c449d6 100%);
  border-color: rgba(184, 126, 255, .3);
  box-shadow: 0 10px 34px -16px rgba(124, 58, 237, .8), inset 0 1px 0 rgba(255,255,255,.2);
}

body.home-v2 .ff-btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(100deg, transparent 18%, rgba(255,255,255,.22) 50%, transparent 82%);
  transform: translateX(-120%);
  transition: transform .75s var(--ff-ease);
}

body.home-v2 .ff-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 42px -17px rgba(124, 58, 237, .9), inset 0 1px 0 rgba(255,255,255,.24);
}

body.home-v2 .ff-btn-primary:hover::before { transform: translateX(120%); }

body.home-v2 .ff-btn-secondary {
  color: #f2edff;
  background: rgba(255,255,255,.025);
  border-color: rgba(196, 181, 253, .28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body.home-v2 .ff-btn-secondary:hover {
  transform: translateY(-2px);
  background: rgba(124,58,237,.08);
  border-color: rgba(167,139,250,.5);
}

/* -------------------- Hero -------------------- */
body.home-v2 .ff-hero {
  position: relative;
  min-height: 810px;
  padding: 178px 0 72px;
  display: flex;
  align-items: center;
}

body.home-v2 .ff-hero-grid {
  position: absolute;
  inset: 80px 0 0;
  z-index: -1;
  pointer-events: none;
  opacity: .38;
  background-image:
    linear-gradient(rgba(142,99,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(142,99,255,.04) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(70% 70% at 67% 36%, #000, transparent 78%);
  mask-image: radial-gradient(70% 70% at 67% 36%, #000, transparent 78%);
}

body.home-v2 .ff-hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(1px);
  pointer-events: none;
  z-index: -1;
}

body.home-v2 .ff-hero-orb-a {
  width: 680px;
  height: 680px;
  right: -170px;
  top: 48px;
  background: radial-gradient(circle, rgba(119,49,231,.2), transparent 68%);
}

body.home-v2 .ff-hero-orb-b {
  width: 440px;
  height: 440px;
  left: -220px;
  top: 340px;
  background: radial-gradient(circle, rgba(189,74,196,.11), transparent 70%);
}

body.home-v2 .ff-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(580px, 1.08fr);
  align-items: center;
  gap: 58px;
}

body.home-v2 .ff-hero-copy {
  position: relative;
  z-index: 4;
}

body.home-v2 .ff-hero-copy .ff-eyebrow { margin-bottom: 24px; }

body.home-v2 .ff-display {
  max-width: 700px;
  margin: 0;
  color: #fbfaff;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(46px, 5vw, 76px);
  font-weight: 650;
  line-height: 1.01;
  letter-spacing: -.055em;
}

body.home-v2 .ff-display span {
  display: inline-block;
  background: linear-gradient(98deg, #c07aff 0%, #9756f5 45%, #e452b0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 12px 28px rgba(136,58,223,.12));
}

body.home-v2 .ff-hero-lead {
  max-width: 620px;
  margin: 26px 0 0;
  color: #bbb1cc;
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.7;
}

body.home-v2 .ff-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

body.home-v2 .ff-benefit-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 620px;
  margin-top: 38px;
}

body.home-v2 .ff-benefit {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #d7d0e6;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  line-height: 1.32;
}

body.home-v2 .ff-benefit-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 12px;
  color: #c696ff;
  background: linear-gradient(145deg, rgba(124,58,237,.19), rgba(124,58,237,.05));
  border: 1px solid rgba(162,110,255,.22);
  box-shadow: 0 12px 28px -18px rgba(124,58,237,.9), inset 0 1px 0 rgba(255,255,255,.05);
}

body.home-v2 .ff-benefit-icon svg { width: 18px; height: 18px; }

body.home-v2 .ff-hero-stage {
  position: relative;
  min-height: 600px;
  display: grid;
  place-items: center;
  perspective: 1700px;
  transform-style: preserve-3d;
}

body.home-v2 .ff-stage-glow {
  position: absolute;
  width: 640px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(122, 55, 232, .35) 0%, rgba(107, 43, 199, .12) 38%, transparent 70%);
  filter: blur(18px);
  animation: ffGlowPulse 6s ease-in-out infinite alternate;
}

body.home-v2 .ff-orbit {
  position: absolute;
  border: 1px solid rgba(153, 102, 255, .22);
  border-radius: 50%;
  transform: rotate(-9deg);
  box-shadow: 0 0 24px rgba(124,58,237,.08), inset 0 0 24px rgba(124,58,237,.06);
}

body.home-v2 .ff-orbit-one { width: 690px; height: 420px; animation: ffOrbitFloat 8s ease-in-out infinite; }
body.home-v2 .ff-orbit-two { width: 590px; height: 355px; opacity: .55; animation: ffOrbitFloat 9s ease-in-out -2s infinite reverse; }

body.home-v2 .ff-dashboard-wrap {
  position: relative;
  z-index: 3;
  width: min(710px, 100%);
  transform-style: preserve-3d;
  transform: rotateY(-8deg) rotateX(4deg) translate3d(0, 0, 0);
  transition: transform .22s ease-out;
  will-change: transform;
  animation: ffDashboardFloat 6.5s ease-in-out infinite;
}

body.home-v2 .ff-dashboard-window {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(182, 135, 255, .28);
  background: #0d0a17;
  box-shadow:
    0 55px 100px -55px rgba(0,0,0,.95),
    0 24px 70px -36px rgba(100,35,211,.9),
    0 0 0 1px rgba(255,255,255,.025) inset;
}

body.home-v2 .ff-dashboard-window::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(125deg, rgba(255,255,255,.07), transparent 18%, transparent 72%, rgba(142,83,255,.04));
}

body.home-v2 .ff-dash-topbar {
  height: 52px;
  display: grid;
  grid-template-columns: 165px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255,255,255,.055);
  background: linear-gradient(90deg, #100d1e, #161028 58%, #110d20);
  color: #a9a0c0;
  font: 600 9px/1 'Inter', sans-serif;
}

body.home-v2 .ff-dash-brand { display: flex; align-items: center; gap: 7px; color: #cab6ff; font-size: 8px; letter-spacing: .04em; }
body.home-v2 .ff-dash-brand-mark { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; color: white; font-weight: 800; background: linear-gradient(135deg, #6d28d9, #be47d5); box-shadow: 0 0 16px rgba(124,58,237,.45); }
body.home-v2 .ff-dash-search { height: 28px; display: flex; align-items: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 8px; background: rgba(255,255,255,.025); color: #6f667f; }
body.home-v2 .ff-dash-user { display: flex; align-items: center; gap: 6px; }
body.home-v2 .ff-dash-user span { width: 19px; height: 19px; border-radius: 50%; background: linear-gradient(135deg, #8b5cf6, #3d1a79); }

body.home-v2 .ff-dash-body { display: grid; grid-template-columns: 112px 1fr; min-height: 390px; }
body.home-v2 .ff-dash-sidebar { padding: 14px 9px; border-right: 1px solid rgba(255,255,255,.045); background: #0a0812; }
body.home-v2 .ff-dash-side-item { display: flex; align-items: center; gap: 7px; height: 33px; padding: 0 8px; margin-bottom: 5px; border-radius: 8px; color: #726980; font: 500 8px/1 'Inter', sans-serif; }
body.home-v2 .ff-dash-side-item span { width: 12px; text-align: center; color: #7355ae; }
body.home-v2 .ff-dash-side-item.active { color: #fff; background: linear-gradient(90deg, rgba(124,58,237,.86), rgba(123,55,221,.55)); box-shadow: 0 7px 18px -12px rgba(124,58,237,.9); }
body.home-v2 .ff-dash-side-item.active span { color: #fff; }

body.home-v2 .ff-dash-content { padding: 16px; background: radial-gradient(circle at 25% 0%, rgba(124,58,237,.07), transparent 40%), #0f0c19; }
body.home-v2 .ff-dash-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
body.home-v2 .ff-dash-head div { display: grid; gap: 3px; }
body.home-v2 .ff-dash-head small { color: #736a82; font: 500 7px/1 'Inter', sans-serif; }
body.home-v2 .ff-dash-head strong { color: #ede8f7; font: 600 11px/1.2 'Inter', sans-serif; }
body.home-v2 .ff-dash-head button { height: 25px; padding: 0 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 7px; color: #9c91af; background: rgba(255,255,255,.025); font: 500 7px 'Inter', sans-serif; pointer-events: none; }

body.home-v2 .ff-dash-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
body.home-v2 .ff-dash-stat { min-width: 0; min-height: 71px; padding: 10px; display: grid; align-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); }
body.home-v2 .ff-dash-stat small { color: #766c87; font: 500 6.5px/1 'Inter', sans-serif; }
body.home-v2 .ff-dash-stat strong { color: #f5f2fb; font: 700 14px/1 'Inter', sans-serif; }
body.home-v2 .ff-dash-stat em { color: #48d59c; font: 600 6.5px/1 'Inter', sans-serif; font-style: normal; }

body.home-v2 .ff-dash-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(150px, .85fr); gap: 9px; margin-top: 9px; }
body.home-v2 .ff-chart-card,
body.home-v2 .ff-orders-card { min-height: 220px; padding: 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 11px; background: rgba(255,255,255,.018); }
body.home-v2 .ff-dash-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
body.home-v2 .ff-dash-card-head strong { color: #e9e4f2; font: 600 8px/1 'Inter', sans-serif; }
body.home-v2 .ff-dash-card-head span { color: #8d6fc3; font: 500 6.5px/1 'Inter', sans-serif; }
body.home-v2 .ff-line-chart { width: 100%; height: 154px; overflow: visible; }
body.home-v2 .ff-chart-gridlines path { stroke: rgba(255,255,255,.04); stroke-width: 1; }
body.home-v2 .ff-chart-line { fill: none; stroke: #a855f7; stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 7px rgba(168,85,247,.55)); stroke-dasharray: 700; stroke-dashoffset: 700; animation: ffChartDraw 2.1s .5s var(--ff-ease) forwards; }
body.home-v2 .ff-chart-point { fill: #d8b4fe; stroke: #7c3aed; stroke-width: 3; filter: drop-shadow(0 0 7px rgba(168,85,247,.7)); }
body.home-v2 .ff-chart-axis { display: flex; justify-content: space-between; color: #5f566c; font: 500 6px/1 'Inter', sans-serif; }
body.home-v2 .ff-order-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.04); font-family: 'Inter', sans-serif; }
body.home-v2 .ff-order-row:last-child { border-bottom: 0; }
body.home-v2 .ff-order-row span { color: #c7bed4; font-size: 7px; }
body.home-v2 .ff-order-row b { color: #efeaf7; font-size: 7px; }
body.home-v2 .ff-order-row i { grid-column: 1/-1; color: #655d72; font-size: 6px; font-style: normal; }

body.home-v2 .ff-float-badge,
body.home-v2 .ff-float-note {
  position: absolute;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(188, 139, 255, .22);
  border-radius: 14px;
  background: rgba(15, 10, 28, .78);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 18px 44px -24px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.055);
  color: #c9c0d7;
  font: 500 10px/1.25 'Inter', sans-serif;
}

body.home-v2 .ff-float-badge strong,
body.home-v2 .ff-float-note strong { color: #fff; font-weight: 700; }
body.home-v2 .ff-float-badge-top { top: 74px; right: -10px; padding: 10px 13px; animation: ffBadgeFloat 5s ease-in-out infinite; }
body.home-v2 .ff-mini-orb { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #e2c9ff; background: linear-gradient(135deg, #7c3aed, #a855f7); box-shadow: 0 0 20px rgba(124,58,237,.55); }
body.home-v2 .ff-mini-orb svg { width: 14px; height: 14px; }
body.home-v2 .ff-float-note-bottom { right: 38px; bottom: 70px; padding: 9px 12px; color: #dcb758; border-color: rgba(213,173,77,.16); transform: rotate(-2deg); animation: ffBadgeFloat 5.8s -1.2s ease-in-out infinite; }
body.home-v2 .ff-note-arrow { font-size: 18px; }

/* -------------------- Trust strip -------------------- */
body.home-v2 .ff-trust { position: relative; padding: 0 0 28px; }
body.home-v2 .ff-trust-rail { min-height: 86px; display: grid; grid-template-columns: 180px minmax(0, 1fr) 190px; align-items: center; gap: 24px; padding: 14px 18px; border: 1px solid rgba(167,139,250,.16); border-radius: 16px; background: linear-gradient(120deg, rgba(22,15,40,.86), rgba(12,10,22,.9) 55%, rgba(26,16,43,.84)); box-shadow: 0 24px 60px -38px rgba(124,58,237,.7), inset 0 1px 0 rgba(255,255,255,.03); overflow: hidden; }
body.home-v2 .ff-trust-copy { padding-left: 4px; color: #d8d2e2; font: 600 11px/1.35 'Inter', sans-serif; }
body.home-v2 .ff-trust-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
body.home-v2 .ff-trust-track { width: max-content; display: flex; align-items: center; gap: 40px; animation: ffTrustMarquee 28s linear infinite; }
body.home-v2 .ff-trust-track span { color: #d6cfdf; font: 700 14px/1 'Inter', sans-serif; letter-spacing: -.02em; opacity: .84; white-space: nowrap; }
body.home-v2 .ff-trust-track span:nth-child(3n+1) { color: #cbb3ff; }
body.home-v2 .ff-trust-rating { display: grid; grid-template-columns: auto auto; align-items: center; justify-content: end; gap: 2px 8px; text-align: right; font-family: 'Inter', sans-serif; }
body.home-v2 .ff-stars { color: #ffb833; font-size: 12px; letter-spacing: 1px; }
body.home-v2 .ff-trust-rating strong { color: #fff; font-size: 13px; }
body.home-v2 .ff-trust-rating small { grid-column: 1/-1; color: #81788e; font-size: 9px; }

/* -------------------- Products -------------------- */
body.home-v2 .ff-products { padding-top: 104px; }
body.home-v2 .ff-product-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; }
body.home-v2 .ff-product-card { position: relative; min-height: 302px; padding: 22px 18px 18px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(164,118,255,.16); border-radius: 18px; color: inherit; text-decoration: none; background: linear-gradient(165deg, rgba(26,18,48,.74), rgba(11,9,20,.92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 24px 44px -34px rgba(0,0,0,.92); overflow: hidden; transform-style: preserve-3d; transition: border-color .3s ease, box-shadow .3s ease, background .3s ease; }
body.home-v2 .ff-product-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(360px circle at var(--ff-mx,50%) var(--ff-my,0%), rgba(133,70,244,.19), transparent 42%); transition: opacity .3s ease; }
body.home-v2 .ff-product-card::after { content: ""; position: absolute; left: 14%; right: 14%; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(190,150,255,.55), transparent); opacity: .35; }
body.home-v2 .ff-product-card:hover { border-color: rgba(173,126,255,.34); box-shadow: 0 26px 52px -34px rgba(124,58,237,.8), inset 0 1px 0 rgba(255,255,255,.04); }
body.home-v2 .ff-product-card:hover::before { opacity: 1; }
body.home-v2 .ff-product-icon { position: relative; z-index: 1; width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 13px; border: 1px solid rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px -15px currentColor; transition: transform .3s var(--ff-ease); }
body.home-v2 .ff-product-card:hover .ff-product-icon { transform: translateZ(16px) translateY(-3px) rotate(-4deg); }
body.home-v2 .ff-product-icon svg { width: 21px; height: 21px; color: #fff; }
body.home-v2 .ff-icon-violet { background: linear-gradient(145deg,#7c3aed,#4c1d95); }
body.home-v2 .ff-icon-pink { background: linear-gradient(145deg,#d946b8,#8c2a79); }
body.home-v2 .ff-icon-green { background: linear-gradient(145deg,#28c78b,#12775a); }
body.home-v2 .ff-icon-blue { background: linear-gradient(145deg,#418cf5,#3550a3); }
body.home-v2 .ff-icon-orange { background: linear-gradient(145deg,#ff6b6b,#b7334d); }
body.home-v2 .ff-icon-purple { background: linear-gradient(145deg,#9b5cff,#5c2ccf); }
body.home-v2 .ff-product-brand { position: relative; z-index: 1; color: #8f829f; font: 600 10px/1 'Inter',sans-serif; }
body.home-v2 .ff-product-card h3 { position: relative; z-index: 1; margin: 6px 0 10px; color: #fff; font: 650 18px/1.15 'Poppins',sans-serif; letter-spacing: -.025em; }
body.home-v2 .ff-product-card p { position: relative; z-index: 1; margin: 0; color: #978da9; font: 400 12px/1.7 'Inter',sans-serif; }
body.home-v2 .ff-card-link { position: relative; z-index: 1; display: flex; gap: 6px; align-items: center; margin-top: auto; padding-top: 20px; color: #d7c8ef; font: 600 11px/1 'Inter',sans-serif; }
body.home-v2 .ff-card-link b { color: #ae74ff; font-size: 14px; transition: transform .25s var(--ff-ease); }
body.home-v2 .ff-product-card:hover .ff-card-link b { transform: translateX(4px); }

/* -------------------- Industries -------------------- */
body.home-v2 .ff-industries { padding-top: 100px; padding-bottom: 78px; }
body.home-v2 .ff-section-split-head { display: grid; grid-template-columns: 1fr minmax(340px, .7fr); gap: 60px; align-items: end; margin-bottom: 38px; }
body.home-v2 .ff-section-split-head .ff-kicker { margin-bottom: 16px; }
body.home-v2 .ff-section-split-head h2 { font-size: clamp(34px,3.5vw,52px); }
body.home-v2 .ff-section-split-head > div:last-child { justify-self: end; max-width: 480px; }
body.home-v2 .ff-section-split-head p { margin: 0 0 16px; font-size: 14px; }
body.home-v2 .ff-text-link { display: inline-flex; align-items: center; gap: 8px; color: #d6c3f4; font: 600 12px/1 'Inter',sans-serif; text-decoration: none; }
body.home-v2 .ff-text-link span { color: #a96cff; transition: transform .25s var(--ff-ease); }
body.home-v2 .ff-text-link:hover span { transform: translateX(4px); }

body.home-v2 .ff-industry-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
body.home-v2 .ff-industry-card { position: relative; min-height: 170px; overflow: hidden; border: 1px solid rgba(157,111,255,.2); border-radius: 17px; background: #100c1b; color: #fff; text-decoration: none; box-shadow: 0 20px 40px -30px rgba(0,0,0,.9); transform-style: preserve-3d; transition: border-color .3s ease, box-shadow .3s ease; }
body.home-v2 .ff-industry-card::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(6,5,12,.95), rgba(6,5,12,.18) 64%, rgba(105,45,190,.08)); }
body.home-v2 .ff-industry-card::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; box-shadow: inset 0 0 34px rgba(125,58,237,.08); opacity: 0; transition: opacity .3s ease; }
body.home-v2 .ff-industry-card:hover { border-color: rgba(183,132,255,.5); box-shadow: 0 28px 54px -30px rgba(124,58,237,.65); }
body.home-v2 .ff-industry-card:hover::after { opacity: 1; }
body.home-v2 .ff-industry-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.05) brightness(.72); transition: transform .7s var(--ff-ease), filter .5s ease; }
body.home-v2 .ff-industry-card:hover img { transform: scale(1.08); filter: saturate(.95) contrast(1.08) brightness(.82); }
body.home-v2 .ff-industry-card > span { position: absolute; z-index: 3; left: 15px; right: 15px; bottom: 14px; font: 650 12px/1.25 'Inter',sans-serif; text-shadow: 0 4px 18px rgba(0,0,0,.9); }
body.home-v2 .ff-industry-more { display: grid; place-items: center; background: radial-gradient(circle at 50% 40%, rgba(124,58,237,.24), transparent 60%), #0e0b18; }
body.home-v2 .ff-industry-more::before { background: linear-gradient(to top, rgba(6,5,12,.8), transparent 80%); }
body.home-v2 .ff-industry-more-art { position: absolute; inset: 20px 30px 42px; z-index: 1; display: grid; place-items: center; }
body.home-v2 .ff-industry-more-art i { position: absolute; border: 1px solid rgba(172,125,255,.2); border-radius: 50%; }
body.home-v2 .ff-industry-more-art i:nth-child(1){width:90px;height:90px}.home-v2 .ff-industry-more-art i:nth-child(2){width:58px;height:58px}.home-v2 .ff-industry-more-art i:nth-child(3){width:20px;height:20px;background:#8b5cf6;box-shadow:0 0 30px rgba(139,92,246,.8)}

/* -------------------- Metrics -------------------- */
body.home-v2 .ff-metrics { padding: 0 0 20px; }
body.home-v2 .ff-metrics-band { position: relative; overflow: hidden; display: grid; grid-template-columns: repeat(4,1fr); min-height: 112px; border: 1px solid rgba(174,129,255,.19); border-radius: 18px; background: linear-gradient(100deg, rgba(63,22,120,.9), rgba(83,28,151,.82) 40%, rgba(54,20,101,.9)); box-shadow: 0 22px 70px -36px rgba(124,58,237,.7), inset 0 1px 0 rgba(255,255,255,.06); }
body.home-v2 .ff-metrics-band::after { content:""; position:absolute; width:360px; height:360px; right:-120px; top:-170px; border-radius:50%; background:radial-gradient(circle,rgba(226,162,255,.22),transparent 68%); pointer-events:none; }
body.home-v2 .ff-metric { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 20px 28px; }
body.home-v2 .ff-metric + .ff-metric { border-left: 1px solid rgba(255,255,255,.09); }
body.home-v2 .ff-metric-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #e1caff; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.08); font-size: 18px; }
body.home-v2 .ff-metric div { display: grid; gap: 4px; }
body.home-v2 .ff-metric strong { color: #fff; font: 700 27px/1 'Poppins',sans-serif; letter-spacing: -.04em; }
body.home-v2 .ff-metric small { color: #c6addd; font: 500 10px/1.2 'Inter',sans-serif; }

/* -------------------- Features Bento -------------------- */
body.home-v2 .ff-features { padding-top: 104px; }
body.home-v2 .ff-bento { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
body.home-v2 .ff-bento-card { position: relative; min-height: 252px; padding: 22px; overflow: hidden; border: 1px solid rgba(164,118,255,.15); border-radius: 20px; background: linear-gradient(155deg, rgba(22,15,41,.86), rgba(10,8,18,.93)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); transform-style: preserve-3d; transition: border-color .3s ease, box-shadow .3s ease; }
body.home-v2 .ff-bento-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(380px circle at var(--ff-mx,50%) var(--ff-my,10%),rgba(130,68,235,.15),transparent 45%); opacity:0; transition:opacity .3s ease; }
body.home-v2 .ff-bento-card:hover { border-color: rgba(179,129,255,.32); box-shadow: 0 28px 52px -38px rgba(124,58,237,.72), inset 0 1px 0 rgba(255,255,255,.03); }
body.home-v2 .ff-bento-card:hover::before { opacity:1; }
body.home-v2 .ff-bento-wide { grid-column: span 2; display: grid; grid-template-columns: .8fr 1.2fr; gap: 20px; }
body.home-v2 .ff-bento-icon { position: relative; z-index: 1; width: 40px; height: 40px; display:grid; place-items:center; margin-bottom:18px; border-radius:12px; color:#c79bff; background:rgba(124,58,237,.11); border:1px solid rgba(167,139,250,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
body.home-v2 .ff-bento-icon svg { width:19px;height:19px; }
body.home-v2 .ff-bento-card h3 { position:relative;z-index:1;margin:0 0 10px;color:#f6f3fb;font:650 17px/1.25 'Poppins',sans-serif;letter-spacing:-.025em; }
body.home-v2 .ff-bento-card p { position:relative;z-index:1;margin:0;color:#91879f;font:400 12px/1.7 'Inter',sans-serif; }
body.home-v2 .ff-bento-card a { position:relative;z-index:1;display:inline-flex;gap:7px;align-items:center;margin-top:18px;color:#c8b0eb;font:600 11px/1 'Inter',sans-serif;text-decoration:none; }
body.home-v2 .ff-bento-card a span { color:#a765ff;transition:transform .25s var(--ff-ease); }
body.home-v2 .ff-bento-card a:hover span{transform:translateX(4px)}

body.home-v2 .ff-stock-ui { position:relative;z-index:1;align-self:center;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(6,5,12,.42);box-shadow:0 18px 40px -30px rgba(0,0,0,.9); }
body.home-v2 .ff-stock-head { display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#cfc8d9;font:600 9px/1 'Inter',sans-serif; }
body.home-v2 .ff-stock-head span{color:#716779;font-size:7px}.home-v2 .ff-stock-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.035);font:500 7px/1 'Inter',sans-serif}.home-v2 .ff-stock-row span{display:flex;align-items:center;gap:6px;color:#9e94aa}.home-v2 .ff-stock-row i{width:6px;height:6px;border-radius:50%;display:inline-block}.home-v2 .ff-stock-row i.ok{background:#35d399}.home-v2 .ff-stock-row i.warn{background:#ffb547}.home-v2 .ff-stock-row i.danger{background:#ff6178}.home-v2 .ff-stock-row b{color:#efeaf7}.home-v2 .ff-stock-row em{font-style:normal;color:#776c86}.home-v2 .ff-stock-bars{height:54px;display:flex;align-items:end;gap:5px;padding-top:9px}.home-v2 .ff-stock-bars i{flex:1;height:var(--h);min-height:8px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#a855f7,#5b21b6);opacity:.7;box-shadow:0 0 10px rgba(124,58,237,.18)}

body.home-v2 .ff-flow-mini { position:relative;z-index:1;margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#7f748d;font:600 8px/1 'Inter',sans-serif}.home-v2 .ff-flow-mini span{padding:7px 9px;border-radius:8px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.12);color:#b9a6d4}.home-v2 .ff-flow-mini i{font-style:normal;color:#7c3aed}.home-v2 .ff-pos-mini{position:relative;z-index:1;margin-top:25px;display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font:500 8px/1 'Inter',sans-serif}.home-v2 .ff-pos-mini span{color:#776d85}.home-v2 .ff-pos-mini b{color:#efeafa}.home-v2 .ff-pos-mini button{grid-column:1/-1;height:28px;border:0;border-radius:8px;color:#fff;background:linear-gradient(120deg,#6d28d9,#a855f7);font:700 8px 'Inter',sans-serif;pointer-events:none}.home-v2 .ff-spark{position:relative;z-index:1;height:60px;display:flex;align-items:end;gap:6px;margin-top:22px}.home-v2 .ff-spark i{flex:1;height:var(--v);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#c084fc,#6d28d9);opacity:.76}.home-v2 .ff-money-mini{position:relative;z-index:1;margin-top:27px;padding:13px;border-radius:12px;background:linear-gradient(120deg,rgba(53,211,153,.08),rgba(124,58,237,.06));border:1px solid rgba(53,211,153,.11);display:flex;justify-content:space-between;gap:10px;font:600 9px 'Inter',sans-serif}.home-v2 .ff-money-mini span{color:#8d839a}.home-v2 .ff-money-mini strong{color:#5ae1a8}.home-v2 .ff-chip-row{position:relative;z-index:1;display:flex;gap:7px;margin-top:28px}.home-v2 .ff-chip-row span{padding:7px 9px;border-radius:999px;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.12);color:#b5a5c9;font:600 8px/1 'Inter',sans-serif}.home-v2 .ff-chip-row span:last-child{color:#55d7a2;background:rgba(53,211,153,.07);border-color:rgba(53,211,153,.12)}
body.home-v2 .ff-inline-link{position:absolute!important;left:22px;bottom:22px}

/* -------------------- Automation -------------------- */
body.home-v2 .ff-automation { overflow:hidden; padding-top:118px; padding-bottom:118px; background:linear-gradient(180deg,transparent,rgba(15,10,27,.6),transparent); }
body.home-v2 .ff-automation-layout { display:grid;grid-template-columns:minmax(0,.78fr) minmax(580px,1.22fr);gap:80px;align-items:center; }
body.home-v2 .ff-automation-copy .ff-kicker{margin-bottom:18px}.home-v2 .ff-automation-copy h2{font-size:clamp(38px,4vw,58px)}.home-v2 .ff-automation-copy>p{max-width:570px;margin:20px 0 0;font-size:15px}.home-v2 .ff-auto-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:520px;margin:28px 0}.home-v2 .ff-auto-stats>div{min-height:88px;padding:16px;border:1px solid rgba(157,111,255,.13);border-radius:15px;background:rgba(255,255,255,.018);display:grid;align-content:center;gap:5px}.home-v2 .ff-auto-stats strong{color:#b66dff;font:700 24px/1 'Poppins',sans-serif}.home-v2 .ff-auto-stats small{color:#847a91;font:500 10px/1.2 'Inter',sans-serif}

body.home-v2 .ff-workflow{position:relative;min-height:520px;display:grid;place-items:center;border:1px solid rgba(164,118,255,.13);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.13),transparent 43%),linear-gradient(145deg,rgba(20,13,38,.75),rgba(8,7,14,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.home-v2 .ff-workflow::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.035) 1px,transparent 1px);background-size:48px 48px;opacity:.45;-webkit-mask-image:radial-gradient(circle,#000,transparent 72%);mask-image:radial-gradient(circle,#000,transparent 72%)}.home-v2 .ff-workflow-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 68%);filter:blur(28px);animation:ffGlowPulse 6s ease-in-out infinite alternate}.home-v2 .ff-workflow-lines{position:absolute;inset:45px;width:calc(100% - 90px);height:calc(100% - 90px);overflow:visible}.home-v2 .ff-path{fill:none;stroke:rgba(149,97,255,.34);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:6 8;animation:ffDashFlow 10s linear infinite}.home-v2 .ff-path-b{animation-direction:reverse;animation-duration:12s}.home-v2 .ff-path-c{opacity:.6;animation-duration:8s}.home-v2 .ff-flow-node{position:absolute;z-index:2;width:132px;padding:13px;border:1px solid rgba(170,121,255,.18);border-radius:15px;background:rgba(14,10,26,.88);backdrop-filter:blur(12px);box-shadow:0 18px 34px -26px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.035);display:grid;gap:4px;animation:ffNodeFloat 5s ease-in-out infinite}.home-v2 .ff-flow-node span{color:#8f60dd;font:700 8px/1 'JetBrains Mono',monospace}.home-v2 .ff-flow-node b{color:#f1edf7;font:650 13px/1.15 'Poppins',sans-serif}.home-v2 .ff-flow-node small{color:#766c82;font:500 8px/1 'Inter',sans-serif}.home-v2 .ff-flow-orders{left:32px;top:calc(50% - 44px)}.home-v2 .ff-flow-inventory{left:calc(50% - 66px);top:42px;animation-delay:-1s}.home-v2 .ff-flow-finance{left:calc(50% - 66px);bottom:42px;animation-delay:-2s}.home-v2 .ff-flow-fulfill{right:32px;top:calc(50% - 44px);animation-delay:-3s}.home-v2 .ff-flow-core{position:relative;z-index:3;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;background:radial-gradient(circle at 35% 30%,rgba(190,128,255,.25),rgba(78,25,151,.82) 55%,rgba(30,13,58,.96));border:1px solid rgba(198,150,255,.34);box-shadow:0 0 80px rgba(124,58,237,.28),inset 0 0 30px rgba(255,255,255,.04)}.home-v2 .ff-flow-core strong{position:relative;z-index:2;color:#fff;font:700 23px/1 'Poppins',sans-serif}.home-v2 .ff-flow-core small{position:relative;z-index:2;color:#bda5dc;font:500 8px/1 'Inter',sans-serif}.home-v2 .ff-core-ring{position:absolute;inset:-18px;border:1px solid rgba(178,127,255,.18);border-radius:50%;animation:ffCoreSpin 12s linear infinite}.home-v2 .ff-core-ring::before,.home-v2 .ff-core-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#b77aff;box-shadow:0 0 18px rgba(183,122,255,.9)}.home-v2 .ff-core-ring::before{top:12px;left:20px}.home-v2 .ff-core-ring::after{right:7px;bottom:38px}.home-v2 .ff-workflow-chip{position:absolute;z-index:4;padding:8px 10px;border-radius:999px;border:1px solid rgba(157,111,255,.16);background:rgba(10,8,18,.88);color:#a99bbd;font:600 8px/1 'Inter',sans-serif}.home-v2 .ff-chip-live{left:50%;top:17px;transform:translateX(-50%)}.home-v2 .ff-chip-live i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#36d49a;box-shadow:0 0 12px rgba(54,212,154,.8)}.home-v2 .ff-chip-api{right:22px;bottom:18px}

/* -------------------- Why + Testimonials -------------------- */
body.home-v2 .ff-why{padding-top:110px}.home-v2 .ff-why-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);gap:76px;align-items:center}.home-v2 .ff-why-copy .ff-kicker{margin-bottom:18px}.home-v2 .ff-why-copy h2{font-size:clamp(38px,4vw,58px)}.home-v2 .ff-why-copy>p{max-width:560px;margin:20px 0 0;font-size:15px}.home-v2 .ff-check-list{display:grid;gap:11px;margin:24px 0 30px;padding:0;list-style:none}.home-v2 .ff-check-list li{display:flex;align-items:center;gap:10px;color:#c4bacf;font:500 13px/1.4 'Inter',sans-serif}.home-v2 .ff-check-list li span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#e7d5ff;background:linear-gradient(135deg,#7c3aed,#b04fdd);box-shadow:0 0 15px rgba(124,58,237,.35);font-size:10px}
body.home-v2 .ff-featured-quote{position:relative;min-height:380px;padding:40px 42px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(173,126,255,.18);border-radius:24px;background:radial-gradient(circle at 90% 12%,rgba(124,58,237,.18),transparent 35%),linear-gradient(145deg,rgba(22,15,41,.92),rgba(10,8,18,.96));box-shadow:0 34px 70px -48px rgba(124,58,237,.8),inset 0 1px 0 rgba(255,255,255,.03)}.home-v2 .ff-quote-mark{position:absolute;top:22px;left:30px;color:#a85cf4;font:800 76px/.8 Georgia,serif;opacity:.95}.home-v2 .ff-quote-stars{align-self:flex-end;color:#ffb53a;font-size:12px;letter-spacing:2px}.home-v2 .ff-featured-quote blockquote{max-width:610px;margin:30px 0 26px;color:#e0d8e9;font:500 clamp(18px,2vw,24px)/1.55 'Inter',sans-serif;letter-spacing:-.02em}.home-v2 .ff-featured-quote footer{display:flex;align-items:center;gap:12px}.home-v2 .ff-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#6d28d9,#d946b8);font:700 11px 'Inter',sans-serif}.home-v2 .ff-featured-quote footer div{display:grid;gap:4px}.home-v2 .ff-featured-quote footer strong{color:#fff;font:650 12px/1 'Inter',sans-serif}.home-v2 .ff-featured-quote footer small{color:#7f748c;font:500 9px/1 'Inter',sans-serif}.home-v2 .ff-quote-decoration{position:absolute;width:230px;height:230px;right:-90px;bottom:-110px;border-radius:50%;border:1px solid rgba(163,110,255,.14);box-shadow:0 0 60px rgba(124,58,237,.08),inset 0 0 40px rgba(124,58,237,.04)}
body.home-v2 .ff-stories-slider{margin-top:36px}.home-v2 .ff-stories-slider .t-card{min-height:235px;border:1px solid rgba(162,116,255,.14);border-radius:18px;background:linear-gradient(150deg,rgba(20,14,37,.86),rgba(9,8,17,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.home-v2 .ff-stories-slider .t-quote{color:#9d92aa;font-size:13px;line-height:1.72}.home-v2 .ff-stories-slider .t-name{color:#ece6f4}.home-v2 .ff-stories-slider .t-role{color:#786e84}.home-v2 .ff-stories-slider .t-btn{border-color:rgba(164,118,255,.2);background:rgba(124,58,237,.06);color:#b888ff}.home-v2 .ff-stories-slider .t-dot{background:rgba(255,255,255,.1)}.home-v2 .ff-stories-slider .t-dot.active{background:#8b5cf6}

/* -------------------- FAQ -------------------- */
body.home-v2 .ff-faq{background:linear-gradient(180deg,rgba(15,11,25,.22),rgba(9,8,15,.45))}.home-v2 .ff-faq-grid{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);gap:72px;align-items:start}.home-v2 .ff-faq-aside{position:sticky;top:150px}.home-v2 .ff-faq-aside .ff-kicker{margin-bottom:18px}.home-v2 .ff-faq-aside h2{font-size:clamp(36px,3.7vw,54px)}.home-v2 .ff-faq-aside>p{margin:18px 0 26px;font-size:14px}.home-v2 .ff-faq-list{display:grid;gap:10px}.home-v2 .ff-faq .faq-item{overflow:hidden;border:1px solid rgba(158,112,255,.13);border-radius:15px;background:linear-gradient(150deg,rgba(19,14,34,.86),rgba(10,8,18,.9));box-shadow:none;transition:border-color .28s ease,background .28s ease,box-shadow .28s ease}.home-v2 .ff-faq .faq-item.open{border-color:rgba(176,127,255,.31);background:linear-gradient(150deg,rgba(27,17,49,.92),rgba(12,9,22,.94));box-shadow:0 18px 38px -32px rgba(124,58,237,.7)}.home-v2 .ff-faq .faq-question{width:100%;min-height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:#ded7e8;background:transparent;font:600 13px/1.35 'Inter',sans-serif}.home-v2 .ff-faq .faq-chevron{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#9d6be9;background:rgba(124,58,237,.06);transition:transform .3s var(--ff-ease),background .3s ease}.home-v2 .ff-faq .faq-chevron svg{width:15px;height:15px}.home-v2 .ff-faq .faq-item.open .faq-chevron{transform:rotate(180deg);background:rgba(124,58,237,.12)}.home-v2 .ff-faq .faq-answer-inner{padding:0 18px 18px;color:#91869f;font:400 12px/1.75 'Inter',sans-serif}

/* -------------------- CTA -------------------- */
body.home-v2 .ff-cta{padding-top:100px;padding-bottom:104px}.home-v2 .ff-cta-card{position:relative;min-height:330px;display:grid;grid-template-columns:1fr minmax(440px,.9fr);gap:50px;align-items:center;padding:48px 54px;overflow:hidden;border:1px solid rgba(181,132,255,.22);border-radius:26px;background:radial-gradient(circle at 78% 48%,rgba(126,53,230,.28),transparent 33%),linear-gradient(115deg,rgba(32,20,58,.96),rgba(15,11,28,.94) 60%,rgba(35,20,66,.96));box-shadow:0 30px 80px -48px rgba(124,58,237,.72),inset 0 1px 0 rgba(255,255,255,.04)}.home-v2 .ff-cta-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.025) 48%,transparent 72%);animation:ffCtaSheen 7s ease-in-out infinite}.home-v2 .ff-cta-copy{position:relative;z-index:2}.home-v2 .ff-cta-copy .ff-kicker{margin-bottom:16px}.home-v2 .ff-cta-copy h2{font-size:clamp(34px,3.5vw,52px)}.home-v2 .ff-cta-copy>p{max-width:620px;margin:16px 0 25px;font-size:14px}.home-v2 .ff-cta-actions{display:flex;flex-wrap:wrap;gap:10px}.home-v2 .ff-cloud-art{position:relative;min-height:230px;display:grid;place-items:center}.home-v2 .ff-cloud-glow{position:absolute;width:320px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(160,78,255,.44),rgba(124,58,237,.17) 42%,transparent 70%);filter:blur(18px);animation:ffGlowPulse 5s ease-in-out infinite alternate}.home-v2 .ff-cloud-shape{position:relative;width:260px;height:150px;display:grid;place-items:center;border:1px solid rgba(205,167,255,.3);border-radius:80px;background:radial-gradient(circle at 32% 20%,rgba(220,182,255,.14),transparent 38%),linear-gradient(145deg,rgba(91,34,168,.95),rgba(50,20,98,.95));box-shadow:0 0 70px rgba(124,58,237,.34),inset 0 0 44px rgba(255,255,255,.035);animation:ffCloudFloat 5.2s ease-in-out infinite}.home-v2 .ff-cloud-shape::before,.home-v2 .ff-cloud-shape::after{content:"";position:absolute;border:1px solid rgba(205,167,255,.25);border-bottom:0;background:linear-gradient(160deg,rgba(103,43,190,.96),rgba(54,21,105,.97));border-radius:50% 50% 0 0}.home-v2 .ff-cloud-shape::before{width:105px;height:100px;left:28px;top:-47px;transform:rotate(-8deg)}.home-v2 .ff-cloud-shape::after{width:125px;height:115px;right:29px;top:-58px;transform:rotate(9deg)}.home-v2 .ff-cloud-shape img{position:relative;z-index:2;width:155px;max-height:70px;object-fit:contain;filter:brightness(1.55) saturate(1.35) drop-shadow(0 0 18px rgba(198,139,255,.5))}.home-v2 .ff-cta-checks{position:absolute;right:-5px;top:26px;z-index:4;display:grid;gap:8px}.home-v2 .ff-cta-checks span{padding:7px 10px;border:1px solid rgba(171,123,255,.19);border-radius:999px;background:rgba(13,9,25,.82);backdrop-filter:blur(10px);color:#c5b8d4;font:600 8px/1 'Inter',sans-serif;box-shadow:0 12px 25px -18px rgba(0,0,0,.9)}

/* -------------------- Footer -------------------- */
body.home-v2 .ff-footer{position:relative;padding:68px 0 26px;border-top:1px solid rgba(157,111,255,.14);background:linear-gradient(180deg,rgba(10,8,17,.95),#06060b)}.home-v2 .ff-footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,.75fr) 1.25fr;gap:46px}.home-v2 .ff-footer-brand>img{width:190px;height:auto;object-fit:contain;filter:brightness(1.08) saturate(1.1)}.home-v2 .ff-footer-brand>p{max-width:340px;margin:18px 0;color:#857b91;font:400 12px/1.7 'Inter',sans-serif}.home-v2 .ff-footer-socials{display:flex;gap:8px}.home-v2 .ff-footer-socials a{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#aaa0b7;background:rgba(255,255,255,.02);font:700 10px 'Inter',sans-serif;text-decoration:none;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s var(--ff-ease)}.home-v2 .ff-footer-socials a:hover{transform:translateY(-2px);color:#d3b6ff;border-color:rgba(162,113,255,.3);background:rgba(124,58,237,.08)}.home-v2 .ff-footer-grid>div:not(.ff-footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.home-v2 .ff-footer-grid h3{margin:3px 0 8px;color:#e8e1ef;font:650 12px/1 'Inter',sans-serif}.home-v2 .ff-footer-grid a{color:#847a90;font:500 10px/1.4 'Inter',sans-serif;text-decoration:none;transition:color .22s ease}.home-v2 .ff-footer-grid a:hover{color:#cfa9ff}.home-v2 .ff-footer-subscribe p{margin:0 0 8px;color:#786e84;font:400 10px/1.55 'Inter',sans-serif}.home-v2 .ff-subscribe-ui{width:100%;min-height:42px;padding:0 6px 0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);color:#635b6d;font:500 9px 'Inter',sans-serif}.home-v2 .ff-subscribe-ui b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7)}.home-v2 .ff-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:52px;padding-top:20px;border-top:1px solid rgba(255,255,255,.045);color:#625a6c;font:500 9px/1 'Inter',sans-serif}.home-v2 .ff-footer-bottom div{display:flex;gap:18px}.home-v2 .ff-footer-bottom a{color:#6f6678;text-decoration:none}.home-v2 .ff-footer-bottom a:hover{color:#b996e6}

/* -------------------- Reveal & tilt helpers -------------------- */
body.home-v2 .ff-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s var(--ff-ease),transform .8s var(--ff-ease)}.home-v2 .ff-reveal.ff-reveal-delay-1{transition-delay:.12s}.home-v2 .ff-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(2){transition-delay:.06s}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(3){transition-delay:.12s}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(4){transition-delay:.18s}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(5){transition-delay:.24s}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(6){transition-delay:.30s}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(7){transition-delay:.36s}.home-v2 [data-ff-stagger]>.ff-reveal:nth-child(8){transition-delay:.42s}.home-v2 .ff-tilt{will-change:transform;transform-style:preserve-3d}

/* -------------------- Animations -------------------- */
@keyframes ffDashboardFloat{0%,100%{transform:rotateY(-8deg) rotateX(4deg) translate3d(0,-3px,0)}50%{transform:rotateY(-8deg) rotateX(4deg) translate3d(0,8px,0)}}
@keyframes ffBadgeFloat{0%,100%{translate:0 -3px}50%{translate:0 7px}}
@keyframes ffGlowPulse{from{transform:scale(.96);opacity:.72}to{transform:scale(1.06);opacity:1}}
@keyframes ffOrbitFloat{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}
@keyframes ffChartDraw{to{stroke-dashoffset:0}}
@keyframes ffTrustMarquee{to{transform:translateX(-50%)}}
@keyframes ffDashFlow{to{stroke-dashoffset:-140}}
@keyframes ffNodeFloat{0%,100%{transform:translateY(-3px)}50%{transform:translateY(6px)}}
@keyframes ffCoreSpin{to{transform:rotate(360deg)}}
@keyframes ffCtaSheen{0%,70%,100%{transform:translateX(-115%)}85%{transform:translateX(115%)}}
@keyframes ffCloudFloat{0%,100%{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(7px) rotate(1deg)}}

/* -------------------- Responsive -------------------- */
@media (max-width: 1280px){
  body.home-v2 .ff-shell{width:min(1180px,calc(100% - 40px))}
  body.home-v2 .ff-hero-layout{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:34px}
  body.home-v2 .ff-display{font-size:clamp(44px,4.9vw,68px)}
  body.home-v2 .ff-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.home-v2 .ff-product-card{min-height:270px}
  body.home-v2 .ff-industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.home-v2 .ff-industry-card{min-height:210px}
  body.home-v2 .ff-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.home-v2 .ff-bento-wide{grid-column:span 2}
  body.home-v2 .ff-footer-grid{grid-template-columns:1.35fr repeat(3,.72fr) 1.05fr;gap:30px}
}

@media (max-width: 1080px){
  body.home-v2 .ff-hero{padding-top:160px;min-height:auto}
  body.home-v2 .ff-hero-layout{grid-template-columns:1fr;gap:48px}
  body.home-v2 .ff-hero-copy{text-align:center}
  body.home-v2 .ff-hero-copy .ff-eyebrow{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-display,.home-v2 .ff-hero-lead{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-hero-actions{justify-content:center}
  body.home-v2 .ff-benefit-row{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-hero-stage{min-height:560px}
  body.home-v2 .ff-dashboard-wrap{width:min(760px,88%)}
  body.home-v2 .ff-trust-rail{grid-template-columns:150px 1fr 170px}
  body.home-v2 .ff-section-split-head{grid-template-columns:1fr;gap:18px;text-align:center}
  body.home-v2 .ff-section-split-head .ff-kicker{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-section-split-head>div:last-child{justify-self:center;max-width:620px}
  body.home-v2 .ff-automation-layout,.home-v2 .ff-why-grid,.home-v2 .ff-faq-grid{grid-template-columns:1fr;gap:48px}
  body.home-v2 .ff-automation-copy{text-align:center}.home-v2 .ff-automation-copy .ff-kicker{margin-left:auto;margin-right:auto}.home-v2 .ff-automation-copy>p,.home-v2 .ff-auto-stats{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-automation-copy>.ff-btn{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-workflow{width:min(760px,100%);margin:0 auto}
  body.home-v2 .ff-why-copy{text-align:center}.home-v2 .ff-why-copy .ff-kicker{margin-left:auto;margin-right:auto}.home-v2 .ff-why-copy>p{margin-left:auto;margin-right:auto}.home-v2 .ff-check-list{width:min(460px,100%);margin-left:auto;margin-right:auto;text-align:left}.home-v2 .ff-why-copy>.ff-btn{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-featured-quote{width:min(760px,100%);margin:0 auto}
  body.home-v2 .ff-faq-aside{position:static;text-align:center}.home-v2 .ff-faq-aside .ff-kicker{margin-left:auto;margin-right:auto}.home-v2 .ff-faq-aside>p{max-width:600px;margin-left:auto;margin-right:auto}.home-v2 .ff-faq-aside>.ff-btn{margin-left:auto;margin-right:auto}
  body.home-v2 .ff-cta-card{grid-template-columns:1fr;text-align:center}.home-v2 .ff-cta-copy .ff-kicker{margin-left:auto;margin-right:auto}.home-v2 .ff-cta-copy>p{margin-left:auto;margin-right:auto}.home-v2 .ff-cta-actions{justify-content:center}.home-v2 .ff-cloud-art{width:min(560px,100%);margin:0 auto}
  body.home-v2 .ff-footer-grid{grid-template-columns:1.6fr repeat(2,1fr)}
  body.home-v2 .ff-footer-subscribe{grid-column:2/4}
}

@media (max-width: 800px){
  body.home-v2 .ff-shell{width:min(100% - 28px,720px)}
  body.home-v2 .ff-section{padding:84px 0}
  body.home-v2 .ff-hero{padding-top:142px;padding-bottom:58px}
  body.home-v2 .ff-display{font-size:clamp(40px,9vw,58px)}
  body.home-v2 .ff-hero-lead{font-size:16px}
  body.home-v2 .ff-benefit-row{grid-template-columns:repeat(2,1fr);max-width:520px}
  body.home-v2 .ff-hero-stage{min-height:480px}
  body.home-v2 .ff-dashboard-wrap{width:96%;transform:none!important;animation:ffMobileFloat 6s ease-in-out infinite}
  body.home-v2 .ff-dashboard-window{border-radius:18px}
  body.home-v2 .ff-dash-topbar{grid-template-columns:120px 1fr auto;height:44px}.home-v2 .ff-dash-brand{font-size:6px}.home-v2 .ff-dash-brand-mark{width:18px;height:18px}.home-v2 .ff-dash-search{height:23px;font-size:6px}.home-v2 .ff-dash-user{font-size:6px}
  body.home-v2 .ff-dash-body{grid-template-columns:82px 1fr;min-height:330px}.home-v2 .ff-dash-side-item{height:27px;font-size:6px}.home-v2 .ff-dash-content{padding:11px}.home-v2 .ff-dash-stats{grid-template-columns:repeat(2,1fr)}.home-v2 .ff-dash-stat{min-height:54px}.home-v2 .ff-dash-grid{grid-template-columns:1fr}.home-v2 .ff-orders-card{display:none}.home-v2 .ff-chart-card{min-height:190px}.home-v2 .ff-line-chart{height:130px}
  body.home-v2 .ff-float-badge-top{right:0;top:28px}.home-v2 .ff-float-note-bottom{right:8px;bottom:20px}
  body.home-v2 .ff-trust-rail{grid-template-columns:1fr;padding:18px;text-align:center;gap:14px}.home-v2 .ff-trust-copy{display:none}.home-v2 .ff-trust-rating{justify-content:center;text-align:center}.home-v2 .ff-trust-marquee{order:-1}.home-v2 .ff-trust-track{gap:32px}
  body.home-v2 .ff-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v2 .ff-product-card{min-height:250px}
  body.home-v2 .ff-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v2 .ff-industry-card{min-height:190px}
  body.home-v2 .ff-metrics-band{grid-template-columns:repeat(2,1fr)}.home-v2 .ff-metric:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.09)}.home-v2 .ff-metric:nth-child(4){border-top:1px solid rgba(255,255,255,.09)}
  body.home-v2 .ff-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v2 .ff-bento-wide{grid-column:span 2}
  body.home-v2 .ff-workflow{min-height:470px}.home-v2 .ff-workflow-lines{inset:35px;width:calc(100% - 70px);height:calc(100% - 70px)}.home-v2 .ff-flow-node{width:110px;padding:11px}.home-v2 .ff-flow-orders{left:16px}.home-v2 .ff-flow-fulfill{right:16px}.home-v2 .ff-flow-core{width:130px;height:130px}.home-v2 .ff-flow-inventory,.home-v2 .ff-flow-finance{left:calc(50% - 55px)}
  body.home-v2 .ff-footer-grid{grid-template-columns:repeat(2,1fr)}.home-v2 .ff-footer-brand{grid-column:1/-1}.home-v2 .ff-footer-subscribe{grid-column:1/-1}
}

@media (max-width: 560px){
  body.home-v2 .ff-shell{width:calc(100% - 24px)}
  body.home-v2 .ff-hero{padding-top:126px}
  body.home-v2 .ff-display{font-size:clamp(36px,10.2vw,48px);letter-spacing:-.05em}
  body.home-v2 .ff-hero-actions{display:grid;grid-template-columns:1fr}.home-v2 .ff-btn{width:100%}
  body.home-v2 .ff-benefit-row{gap:10px}.home-v2 .ff-benefit{font-size:11px}.home-v2 .ff-benefit-icon{width:34px;height:34px}
  body.home-v2 .ff-hero-stage{min-height:380px;margin-top:6px}.home-v2 .ff-dashboard-wrap{width:100%}.home-v2 .ff-dash-topbar{grid-template-columns:96px 1fr}.home-v2 .ff-dash-user{display:none}.home-v2 .ff-dash-body{grid-template-columns:58px 1fr;min-height:270px}.home-v2 .ff-dash-sidebar{padding:8px 5px}.home-v2 .ff-dash-side-item{font-size:0;padding:0;justify-content:center;height:27px}.home-v2 .ff-dash-side-item span{font-size:8px}.home-v2 .ff-dash-head{margin-bottom:8px}.home-v2 .ff-dash-head strong{font-size:8px}.home-v2 .ff-dash-head button{display:none}.home-v2 .ff-dash-stat{padding:7px;min-height:47px}.home-v2 .ff-dash-stat strong{font-size:10px}.home-v2 .ff-dash-grid{margin-top:7px}.home-v2 .ff-chart-card{min-height:145px;padding:8px}.home-v2 .ff-line-chart{height:94px}.home-v2 .ff-chart-axis{font-size:4.5px}.home-v2 .ff-float-badge-top{top:0;right:-3px;transform:scale(.82);transform-origin:top right}.home-v2 .ff-float-note-bottom{display:none}
  body.home-v2 .ff-section-head{margin-bottom:38px}.home-v2 .ff-section-head h2{font-size:34px}.home-v2 .ff-section-head p{font-size:14px}
  body.home-v2 .ff-product-grid,.home-v2 .ff-industry-grid,.home-v2 .ff-bento{grid-template-columns:1fr}.home-v2 .ff-product-card{min-height:235px}.home-v2 .ff-industry-card{min-height:210px}.home-v2 .ff-bento-wide{grid-column:auto;grid-template-columns:1fr}.home-v2 .ff-stock-ui{margin-top:18px}.home-v2 .ff-bento-card{min-height:230px}
  body.home-v2 .ff-metrics-band{grid-template-columns:1fr}.home-v2 .ff-metric{justify-content:flex-start;padding-left:28px}.home-v2 .ff-metric+.ff-metric{border-left:0;border-top:1px solid rgba(255,255,255,.09)}
  body.home-v2 .ff-auto-stats{grid-template-columns:1fr 1fr}.home-v2 .ff-auto-stats>div{min-height:78px}.home-v2 .ff-auto-stats strong{font-size:21px}
  body.home-v2 .ff-workflow{min-height:510px}.home-v2 .ff-workflow-lines{display:none}.home-v2 .ff-flow-core{width:118px;height:118px}.home-v2 .ff-flow-core strong{font-size:18px}.home-v2 .ff-flow-node{width:104px}.home-v2 .ff-flow-orders{left:16px;top:52px}.home-v2 .ff-flow-inventory{left:auto;right:16px;top:52px}.home-v2 .ff-flow-finance{left:16px;bottom:52px}.home-v2 .ff-flow-fulfill{right:16px;top:auto;bottom:52px}.home-v2 .ff-chip-live{top:10px}.home-v2 .ff-chip-api{right:50%;bottom:12px;transform:translateX(50%)}
  body.home-v2 .ff-featured-quote{padding:34px 24px;min-height:360px}.home-v2 .ff-featured-quote blockquote{font-size:17px}.home-v2 .ff-quote-mark{left:18px}
  body.home-v2 .ff-cta-card{padding:34px 22px}.home-v2 .ff-cta-actions{display:grid}.home-v2 .ff-cloud-shape{width:210px;height:126px}.home-v2 .ff-cloud-shape::before{width:90px;height:86px;left:18px}.home-v2 .ff-cloud-shape::after{width:105px;height:95px;right:20px}.home-v2 .ff-cta-checks{right:-2px;top:8px}.home-v2 .ff-cta-checks span{font-size:7px}
  body.home-v2 .ff-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.home-v2 .ff-footer-brand,.home-v2 .ff-footer-subscribe{grid-column:1/-1}.home-v2 .ff-footer-bottom{align-items:flex-start;flex-direction:column}.home-v2 .ff-footer-bottom div{flex-wrap:wrap}
}

@keyframes ffMobileFloat{0%,100%{transform:translateY(-3px)}50%{transform:translateY(6px)}}

/* -------------------- Accessibility / motion -------------------- */
@media (prefers-reduced-motion: reduce){
  body.home-v2 .ff-reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.home-v2 .ff-dashboard-wrap,
  body.home-v2 .ff-stage-glow,
  body.home-v2 .ff-orbit,
  body.home-v2 .ff-float-badge,
  body.home-v2 .ff-float-note,
  body.home-v2 .ff-trust-track,
  body.home-v2 .ff-workflow-glow,
  body.home-v2 .ff-path,
  body.home-v2 .ff-flow-node,
  body.home-v2 .ff-core-ring,
  body.home-v2 .ff-cloud-shape,
  body.home-v2 .ff-cta-card::before,
  body.home-v2 .ff-chart-line{animation:none!important}
}

/* Smooth return for pointer-driven tilt without touching navbar motion. */
body.home-v2 .ff-product-card.ff-tilt,
body.home-v2 .ff-industry-card.ff-tilt,
body.home-v2 .ff-bento-card.ff-tilt {
  transition: transform .22s ease-out, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

/* =========================================================
   FULFILIX HOME V2 — MOCK / LOGO / MARQUEE PATCH
   Clean final version
   ========================================================= */

/* ---------- TRUST LOGO MARQUEE ---------- */
body.home-v2 .ff-trust-marquee {
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 7%,
    #000 93%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 7%,
    #000 93%,
    transparent 100%
  );
}

body.home-v2 .ff-trust-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 18px;
  animation: ffTrustLogoMarquee 25s linear infinite;
  will-change: transform;
}

body.home-v2 .ff-brand-logo {
  flex: 0 0 86px;
  width: 86px;
  height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 7px;

  border: 1px solid rgba(255,255,255,.075);
  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.018)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 24px -20px rgba(124,58,237,.65);

  opacity: 1 !important;
  transition:
    transform .28s var(--ff-ease),
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}

body.home-v2 .ff-brand-logo img {
  display: block;

  width: 34px;
  height: 34px;
  max-width: 34px;
  max-height: 34px;

  object-fit: contain;

  /* Keep each company's real logo/favicon colors. */
  filter: none !important;
  opacity: 1 !important;

  transition:
    transform .28s var(--ff-ease),
    filter .28s ease;
}

body.home-v2 .ff-brand-logo:hover {
  transform: translateY(-2px);
  border-color: rgba(168,123,255,.22);
  background: rgba(124,58,237,.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 12px 28px -20px rgba(124,58,237,.8);
}

body.home-v2 .ff-brand-logo:hover img {
  transform: scale(1.08);
}

body.home-v2 .ff-trust-marquee:hover .ff-trust-track {
  animation-play-state: paused;
}

/* ---------- HERO MOCK IMAGE ---------- */
body.home-v2 .ff-hero-stage {
  position: relative;
}

body.home-v2 .ff-hero-mock-wrap {
  position: relative;
  z-index: 2;
  width: min(100%, 650px);
  margin-left: auto;
  transform-style: preserve-3d;
  animation: ffHeroMockFloat 6s ease-in-out infinite;
}

body.home-v2 .ff-hero-mock-glow {
  position: absolute;
  inset: 12% 10% auto 10%;
  height: 68%;
  border-radius: 32px;
  background:
    radial-gradient(
      circle,
      rgba(128,69,220,.20),
      rgba(95,50,170,.075) 46%,
      transparent 72%
    );
  filter: blur(25px);
  z-index: 0;
  pointer-events: none;
}

body.home-v2 .ff-hero-mock {
  position: relative;
  z-index: 2;

  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;

  border-radius: 24px;
  border: 1px solid rgba(168,127,255,.13);

  box-shadow:
    0 30px 70px -42px rgba(83,44,155,.72),
    0 0 0 1px rgba(255,255,255,.025) inset;

  transform:
    perspective(1400px)
    rotateY(-9deg)
    rotateX(4deg);

  transition:
    transform .45s var(--ff-ease),
    box-shadow .45s ease;
}

body.home-v2 .ff-hero-stage:hover .ff-hero-mock {
  transform:
    perspective(1400px)
    rotateY(-5deg)
    rotateX(2deg)
    translateY(-5px);

  box-shadow:
    0 36px 80px -43px rgba(83,44,155,.78),
    0 0 0 1px rgba(255,255,255,.035) inset;
}

/* ---------- INDUSTRY IMAGE MARQUEE ---------- */
body.home-v2 .ff-industry-marquee {
  overflow: hidden;

  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 5%,
    #000 95%,
    transparent
  );

  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 5%,
    #000 95%,
    transparent
  );
}

body.home-v2 .ff-industry-track {
  width: max-content;
  display: flex;
  gap: 16px;

  animation: ffIndustryMarquee 34s linear infinite;
  will-change: transform;
}

body.home-v2 .ff-industry-marquee:hover .ff-industry-track {
  animation-play-state: paused;
}

body.home-v2 .ff-industry-track .ff-industry-card {
  flex: 0 0 250px;
  min-height: 168px;
}

/* ---------- CTA CLOUD MOCK ---------- */
body.home-v2 .ff-cloud-art {
  position: relative;
  min-height: 250px;

  display: grid;
  place-items: center;
}

body.home-v2 .ff-cloud-mock-wrap {
  position: relative;
  z-index: 3;

  width: min(100%, 430px);

  animation: ffCloudMockFloat 5.6s ease-in-out infinite;
  transform-style: preserve-3d;
}

body.home-v2 .ff-cloud-mock-wrap::before {
  content: "";
  position: absolute;
  inset: 16% 12%;

  border-radius: 30px;

  background:
    radial-gradient(
      circle,
      rgba(137,78,225,.18),
      rgba(103,54,178,.07) 44%,
      transparent 72%
    );

  filter: blur(18px);
  z-index: -1;
}

body.home-v2 .ff-cloud-mock {
  display: block;

  width: 100%;
  height: auto;

  object-fit: contain;

  filter:
    drop-shadow(0 20px 38px rgba(76,42,126,.30));

  transition:
    transform .4s var(--ff-ease);
}

body.home-v2 .ff-cloud-art:hover .ff-cloud-mock {
  transform: translateY(-4px) scale(1.012);
}

body.home-v2 .ff-cta-checks {
  position: absolute;
  right: -8px;
  top: 26px;
  z-index: 4;

  display: grid;
  gap: 10px;
}

body.home-v2 .ff-cta-checks span {
  padding: 9px 13px;

  border: 1px solid rgba(171,123,255,.18);
  border-radius: 999px;

  background: rgba(13,9,25,.84);
  backdrop-filter: blur(10px);

  color: #e6def1;
  font: 600 11px/1 'Inter', sans-serif;

  box-shadow:
    0 14px 30px -20px rgba(0,0,0,.92);
}

/* ---------- ANIMATIONS ---------- */
@keyframes ffTrustLogoMarquee {
  from {
    transform: translate3d(0,0,0);
  }
  to {
    transform: translate3d(-50%,0,0);
  }
}

@keyframes ffIndustryMarquee {
  from {
    transform: translate3d(0,0,0);
  }
  to {
    transform: translate3d(-50%,0,0);
  }
}

@keyframes ffHeroMockFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}

@keyframes ffCloudMockFloat {
  0%, 100% {
    transform: translateY(-2px) rotate(-.5deg);
  }
  50% {
    transform: translateY(7px) rotate(.5deg);
  }
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 991px) {
  body.home-v2 .ff-brand-logo {
    flex-basis: 76px;
    width: 76px;
    height: 46px;
  }

  body.home-v2 .ff-brand-logo img {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
  }

  body.home-v2 .ff-industry-track .ff-industry-card {
    flex-basis: 220px;
    min-height: 156px;
  }

  body.home-v2 .ff-cta-checks {
    right: 0;
    top: 10px;
  }

  body.home-v2 .ff-cta-checks span {
    font-size: 10px;
    padding: 8px 11px;
  }
}

@media (max-width: 767px) {
  body.home-v2 .ff-trust-track {
    gap: 12px;
    animation-duration: 21s;
  }

  body.home-v2 .ff-brand-logo {
    flex-basis: 66px;
    width: 66px;
    height: 42px;
  }

  body.home-v2 .ff-brand-logo img {
    width: 27px;
    height: 27px;
    max-width: 27px;
    max-height: 27px;
  }

  body.home-v2 .ff-industry-track .ff-industry-card {
    flex-basis: 190px;
    min-height: 145px;
  }

  body.home-v2 .ff-hero-mock {
    border-radius: 20px;
    transform: none;
  }

  body.home-v2 .ff-cta-checks {
    position: static;
    margin-top: 14px;
    justify-self: center;
  }

  body.home-v2 .ff-cloud-mock-wrap {
    width: min(100%, 320px);
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  body.home-v2 .ff-trust-track,
  body.home-v2 .ff-industry-track,
  body.home-v2 .ff-hero-mock-wrap,
  body.home-v2 .ff-cloud-mock-wrap {
    animation: none !important;
  }
}

/* =========================================================
   FULFILIX AUTOMATION ENGINE — LIVE 3D ORBIT
   Replaces the old static ff-workflow visual only.
   ========================================================= */
body.home-v2 .ff-engine-stage {
  position: relative;
  width: min(780px, 100%);
  min-height: 690px;
  margin-left: auto;
  perspective: 1500px;
  isolation: isolate;
}

body.home-v2 .ff-engine-scene {
  --engine-tilt-x: 0deg;
  --engine-tilt-y: 0deg;
  position: relative;
  width: 100%;
  height: 690px;
  overflow: hidden;
  border: 1px solid rgba(149, 104, 232, .15);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 43%, rgba(95, 48, 170, .19), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(74, 45, 146, .10), transparent 28%),
    linear-gradient(150deg, rgba(18, 13, 33, .91), rgba(7, 7, 13, .97));
  box-shadow:
    0 34px 70px -48px rgba(78, 37, 149, .72),
    inset 0 1px 0 rgba(255,255,255,.028);
  transform-style: preserve-3d;
  transform: rotateX(var(--engine-tilt-x)) rotateY(var(--engine-tilt-y));
  transition: transform .3s var(--ff-ease), border-color .3s ease, box-shadow .3s ease;
}

body.home-v2 .ff-engine-scene:hover {
  border-color: rgba(151, 105, 235, .22);
  box-shadow:
    0 40px 80px -50px rgba(78, 37, 149, .78),
    inset 0 1px 0 rgba(255,255,255,.035);
}

body.home-v2 .ff-engine-ambient {
  position: absolute;
  left: 50%;
  top: 43%;
  width: 420px;
  height: 330px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107, 59, 198, .25), rgba(77, 35, 145, .08) 48%, transparent 72%);
  filter: blur(18px);
  pointer-events: none;
  animation: ffEngineAmbient 6s ease-in-out infinite alternate;
}

body.home-v2 .ff-engine-grid {
  position: absolute;
  inset: 0;
  opacity: .34;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(139,92,246,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(139,92,246,.028) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(70% 68% at 50% 42%, #000 0%, rgba(0,0,0,.72) 48%, transparent 90%);
  mask-image: radial-gradient(70% 68% at 50% 42%, #000 0%, rgba(0,0,0,.72) 48%, transparent 90%);
}

body.home-v2 .ff-engine-ring {
  position: absolute;
  left: 50%;
  top: 43%;
  pointer-events: none;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(62deg);
  transform-style: preserve-3d;
}

body.home-v2 .ff-engine-ring::before,
body.home-v2 .ff-engine-ring::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9b72e9;
  box-shadow: 0 0 12px rgba(130, 82, 220, .7);
}

body.home-v2 .ff-engine-ring::before { left: 14%; top: 21%; }
body.home-v2 .ff-engine-ring::after { right: 12%; bottom: 19%; }

body.home-v2 .ff-engine-ring-outer {
  width: 650px;
  height: 420px;
  border: 1px solid rgba(140, 92, 226, .18);
  animation: ffEngineRingSpin 28s linear infinite;
}

body.home-v2 .ff-engine-ring-middle {
  width: 540px;
  height: 345px;
  border: 1px dashed rgba(144, 96, 231, .24);
  animation: ffEngineRingSpinReverse 21s linear infinite;
}

body.home-v2 .ff-engine-ring-inner {
  width: 430px;
  height: 275px;
  border: 1px solid rgba(144, 96, 231, .12);
  animation: ffEngineRingSpin 18s linear infinite;
}

body.home-v2 .ff-engine-orbit-words {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  color: rgba(192, 163, 240, .68);
  font: 600 10px/1 'JetBrains Mono', monospace;
  letter-spacing: .13em;
}

body.home-v2 .ff-engine-orbit-words span { position: absolute; }
body.home-v2 .ff-word-automate { left: 18%; top: 22%; transform: rotate(-35deg); }
body.home-v2 .ff-word-manage { right: 18%; top: 21%; transform: rotate(35deg); }
body.home-v2 .ff-word-integrate { left: 12%; top: 48%; transform: rotate(-76deg); }
body.home-v2 .ff-word-scale { right: 13%; top: 48%; transform: rotate(76deg); }

body.home-v2 .ff-engine-sync {
  position: absolute;
  left: 50%;
  top: 18px;
  z-index: 32;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  transform: translateX(-50%);
  border: 1px solid rgba(137, 98, 215, .23);
  border-radius: 999px;
  background: rgba(10, 8, 18, .86);
  backdrop-filter: blur(12px);
  color: #d8d0e7;
  font: 600 10px/1 'Inter', sans-serif;
  box-shadow: 0 12px 28px -20px rgba(0,0,0,.88);
}

body.home-v2 .ff-engine-sync i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #38d39f;
  box-shadow: 0 0 11px rgba(56, 211, 159, .66);
  animation: ffEngineSyncPulse 1.7s ease-in-out infinite;
}

body.home-v2 .ff-engine-connectors,
body.home-v2 .ff-engine-modules {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body.home-v2 .ff-engine-connector {
  position: absolute;
  left: 50%;
  top: 43%;
  z-index: 2;
  width: 160px;
  height: 1px;
  transform-origin: 0 50%;
  background: linear-gradient(90deg, rgba(138, 94, 225, .52), rgba(138, 94, 225, .12));
  opacity: .7;
}

body.home-v2 .ff-engine-connector::after {
  content: "";
  position: absolute;
  inset: -1px 0;
  background: repeating-linear-gradient(90deg, transparent 0 11px, rgba(189,154,245,.68) 11px 15px, transparent 15px 23px);
  background-size: 23px 100%;
  animation: ffEngineDataFlow 1.45s linear infinite;
}

body.home-v2 .ff-engine-connector i {
  position: absolute;
  right: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  transform: translate(50%, -50%);
  border-radius: 50%;
  background: #9c70e7;
  box-shadow: 0 0 10px rgba(139, 92, 246, .68);
}

body.home-v2 .ff-engine-module {
  position: absolute;
  left: 50%;
  top: 43%;
  z-index: 8;
  width: 202px;
  min-height: 116px;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) 82px;
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(150, 108, 232, .22);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(22, 16, 39, .95), rgba(9, 8, 16, .95));
  box-shadow:
    0 20px 36px -27px rgba(0,0,0,.95),
    0 0 24px rgba(82, 43, 153, .08),
    inset 0 1px 0 rgba(255,255,255,.035);
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  pointer-events: auto;
  backface-visibility: hidden;
  transition: border-color .24s ease, box-shadow .24s ease, background .24s ease;
}

body.home-v2 .ff-engine-module:hover {
  border-color: rgba(170, 126, 241, .36);
  background: linear-gradient(145deg, rgba(27, 19, 48, .98), rgba(10, 8, 18, .98));
  box-shadow:
    0 24px 40px -27px rgba(0,0,0,.96),
    0 0 28px rgba(86, 46, 157, .15),
    inset 0 1px 0 rgba(255,255,255,.045);
}

body.home-v2 .ff-engine-module-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

body.home-v2 .ff-engine-module-copy > div {
  min-width: 0;
  display: grid;
  gap: 5px;
}

body.home-v2 .ff-engine-module-copy b {
  color: #f6f2fb;
  font: 650 12px/1.1 'Poppins', sans-serif;
  letter-spacing: -.02em;
}

body.home-v2 .ff-engine-module-copy small {
  color: #847a93;
  font: 500 7.5px/1.35 'Inter', sans-serif;
}

body.home-v2 .ff-engine-module-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #d4b9ff;
  background: linear-gradient(145deg, rgba(111, 63, 199, .28), rgba(74, 38, 139, .12));
  border: 1px solid rgba(156, 111, 237, .18);
}
body.home-v2 .ff-engine-module-icon svg { width: 17px; height: 17px; }
body.home-v2 .ff-engine-module-icon-pharmacy { color: #dba4ff; }
body.home-v2 .ff-engine-module-icon-oms { color: #9fb8ff; }
body.home-v2 .ff-engine-module-icon-oneerp { color: #c59aff; }
body.home-v2 .ff-engine-module-icon-dropship { color: #d3a5ef; }

body.home-v2 .ff-engine-module > img {
  width: 82px;
  height: 66px;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.055);
  filter: saturate(.88) contrast(1.02) brightness(.84);
  box-shadow: 0 10px 22px -17px rgba(0,0,0,.95);
  animation: ffEngineMiniFloat 5s ease-in-out infinite;
}
body.home-v2 .ff-engine-module:nth-child(2) > img { animation-delay: -.8s; }
body.home-v2 .ff-engine-module:nth-child(3) > img { animation-delay: -1.6s; }
body.home-v2 .ff-engine-module:nth-child(4) > img { animation-delay: -2.4s; }
body.home-v2 .ff-engine-module:nth-child(5) > img { animation-delay: -3.2s; }

/* Initial/static positions: also used when reduced motion is enabled. */
body.home-v2 .ff-engine-module[data-orbit-index="0"] { transform: translate(-50%, -50%) translate3d(270px, 0, 0) scale(1); }
body.home-v2 .ff-engine-module[data-orbit-index="1"] { transform: translate(-50%, -50%) translate3d(84px, 185px, 0) scale(.95); }
body.home-v2 .ff-engine-module[data-orbit-index="2"] { transform: translate(-50%, -50%) translate3d(-218px, 114px, 0) scale(.9); }
body.home-v2 .ff-engine-module[data-orbit-index="3"] { transform: translate(-50%, -50%) translate3d(-218px, -114px, 0) scale(.9); }
body.home-v2 .ff-engine-module[data-orbit-index="4"] { transform: translate(-50%, -50%) translate3d(84px, -185px, 0) scale(.95); }

body.home-v2 .ff-engine-center {
  position: absolute;
  left: 50%;
  top: 43%;
  z-index: 24;
  width: 248px;
  transform: translate(-50%, -50%) translateZ(70px);
  pointer-events: none;
}

body.home-v2 .ff-engine-center-halo {
  position: absolute;
  inset: 14% 8% 12%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107, 64, 190, .24), rgba(73, 37, 136, .08) 46%, transparent 72%);
  filter: blur(16px);
  animation: ffEngineAmbient 5.5s ease-in-out infinite alternate;
}

body.home-v2 .ff-engine-center img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: saturate(.86) brightness(.94) drop-shadow(0 20px 28px rgba(42, 24, 78, .35));
  animation: ffEngineCenterFloat 5.2s ease-in-out infinite;
}

body.home-v2 .ff-engine-capabilities {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 62px;
  z-index: 30;
  min-height: 64px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  border: 1px solid rgba(147, 103, 227, .13);
  border-radius: 16px;
  background: rgba(12, 9, 22, .88);
  backdrop-filter: blur(14px);
  overflow: hidden;
}

body.home-v2 .ff-engine-capabilities > div {
  min-width: 0;
  padding: 10px 8px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 7px;
  align-content: center;
  border-right: 1px solid rgba(255,255,255,.045);
}
body.home-v2 .ff-engine-capabilities > div:last-child { border-right: 0; }
body.home-v2 .ff-engine-capabilities span {
  grid-row: 1 / 3;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #c8a8f8;
  background: rgba(102, 57, 183, .16);
  font: 700 13px/1 'Inter', sans-serif;
}
body.home-v2 .ff-engine-capabilities b { color: #dcd4e8; font: 600 8px/1.1 'Inter', sans-serif; white-space: nowrap; }
body.home-v2 .ff-engine-capabilities small { color: #756c82; font: 500 6.5px/1.2 'Inter', sans-serif; white-space: nowrap; }

body.home-v2 .ff-engine-integrations {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 17px;
  z-index: 31;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  color: #736a80;
  font: 600 7px/1 'JetBrains Mono', monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  overflow: hidden;
}

body.home-v2 .ff-engine-integration-track {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 13px;
}
body.home-v2 .ff-engine-integration-track img {
  width: 19px;
  height: 19px;
  object-fit: contain;
  opacity: .75;
  filter: saturate(.78) brightness(.9);
  animation: ffEngineLogoFloat 4.6s ease-in-out infinite;
}
body.home-v2 .ff-engine-integration-track img:nth-child(2) { animation-delay: -.6s; }
body.home-v2 .ff-engine-integration-track img:nth-child(3) { animation-delay: -1.2s; }
body.home-v2 .ff-engine-integration-track img:nth-child(4) { animation-delay: -1.8s; }
body.home-v2 .ff-engine-integration-track img:nth-child(5) { animation-delay: -2.4s; }
body.home-v2 .ff-engine-integration-track img:nth-child(6) { animation-delay: -3s; }

@keyframes ffEngineAmbient { from { opacity: .62; transform: translate(-50%, -50%) scale(.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1.04); } }
@keyframes ffEngineRingSpin { from { transform: translate(-50%, -50%) rotateX(62deg) rotateZ(0deg); } to { transform: translate(-50%, -50%) rotateX(62deg) rotateZ(360deg); } }
@keyframes ffEngineRingSpinReverse { from { transform: translate(-50%, -50%) rotateX(62deg) rotateZ(360deg); } to { transform: translate(-50%, -50%) rotateX(62deg) rotateZ(0deg); } }
@keyframes ffEngineSyncPulse { 0%,100% { opacity:.65; transform:scale(.86); } 50% { opacity:1; transform:scale(1.12); } }
@keyframes ffEngineDataFlow { to { background-position: 23px 0; } }
@keyframes ffEngineMiniFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
@keyframes ffEngineCenterFloat { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-7px) scale(1.012); } }
@keyframes ffEngineLogoFloat { 0%,100% { transform:translateY(0); opacity:.65; } 50% { transform:translateY(-2px); opacity:.95; } }

@media (max-width: 1180px) {
  body.home-v2 .ff-engine-stage { width: min(760px, 100%); margin: 0 auto; }
  body.home-v2 .ff-engine-scene { height: 660px; }
  body.home-v2 .ff-engine-module { width: 190px; grid-template-columns: minmax(0,.95fr) 74px; }
  body.home-v2 .ff-engine-module > img { width: 74px; height: 60px; }
  body.home-v2 .ff-engine-center { width: 230px; }
}

@media (max-width: 800px) {
  body.home-v2 .ff-engine-stage { min-height: 620px; }
  body.home-v2 .ff-engine-scene { height: 620px; transform: none !important; border-radius: 24px; }
  body.home-v2 .ff-engine-ring-outer { width: 560px; height: 360px; }
  body.home-v2 .ff-engine-ring-middle { width: 465px; height: 300px; }
  body.home-v2 .ff-engine-ring-inner { width: 370px; height: 235px; }
  body.home-v2 .ff-engine-module { width: 158px; min-height: 96px; padding: 8px; grid-template-columns: minmax(0,1fr) 58px; border-radius: 14px; }
  body.home-v2 .ff-engine-module-copy { grid-template-columns: 28px 1fr; gap: 6px; }
  body.home-v2 .ff-engine-module-icon { width: 28px; height: 28px; border-radius: 8px; }
  body.home-v2 .ff-engine-module-icon svg { width: 14px; height: 14px; }
  body.home-v2 .ff-engine-module-copy b { font-size: 9.5px; }
  body.home-v2 .ff-engine-module-copy small { font-size: 6px; }
  body.home-v2 .ff-engine-module > img { width: 58px; height: 50px; border-radius: 8px; }
  body.home-v2 .ff-engine-center { width: 190px; }
  body.home-v2 .ff-engine-capabilities { grid-template-columns: repeat(5,1fr); bottom: 57px; }
  body.home-v2 .ff-engine-capabilities > div { grid-template-columns: 1fr; grid-template-rows: auto auto auto; justify-items: center; text-align: center; gap: 3px; padding: 7px 3px; }
  body.home-v2 .ff-engine-capabilities span { grid-row: auto; width: 25px; height: 25px; }
  body.home-v2 .ff-engine-capabilities b { font-size: 6.5px; }
  body.home-v2 .ff-engine-capabilities small { display:none; }
  body.home-v2 .ff-engine-orbit-words { display:none; }
}

@media (max-width: 560px) {
  body.home-v2 .ff-engine-stage { min-height: 540px; }
  body.home-v2 .ff-engine-scene { height: 540px; border-radius: 20px; }
  body.home-v2 .ff-engine-sync { top: 10px; min-height: 30px; padding:0 11px; font-size: 8px; }
  body.home-v2 .ff-engine-ring-outer { width: 390px; height: 275px; }
  body.home-v2 .ff-engine-ring-middle { width: 320px; height: 225px; }
  body.home-v2 .ff-engine-ring-inner { width: 255px; height: 180px; }
  body.home-v2 .ff-engine-module { width: 116px; min-height: 70px; padding: 6px; grid-template-columns: 1fr; gap: 5px; }
  body.home-v2 .ff-engine-module-copy { grid-template-columns: 23px 1fr; }
  body.home-v2 .ff-engine-module-icon { width: 23px; height: 23px; }
  body.home-v2 .ff-engine-module-copy b { font-size: 7.4px; }
  body.home-v2 .ff-engine-module-copy small { display:none; }
  body.home-v2 .ff-engine-module > img { width: 100%; height: 35px; }
  body.home-v2 .ff-engine-center { width: 145px; }
  body.home-v2 .ff-engine-capabilities { left: 8px; right: 8px; bottom: 46px; min-height: 48px; }
  body.home-v2 .ff-engine-capabilities > div { padding:5px 2px; }
  body.home-v2 .ff-engine-capabilities span { width: 21px; height: 21px; font-size: 10px; }
  body.home-v2 .ff-engine-capabilities b { font-size: 5.5px; }
  body.home-v2 .ff-engine-integrations { left: 10px; right: 10px; bottom: 13px; grid-template-columns: auto 1fr; gap: 6px; font-size: 5.4px; }
  body.home-v2 .ff-engine-integration-track { gap: 7px; }
  body.home-v2 .ff-engine-integration-track img { width: 15px; height: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  body.home-v2 .ff-engine-ring,
  body.home-v2 .ff-engine-sync i,
  body.home-v2 .ff-engine-connector::after,
  body.home-v2 .ff-engine-module > img,
  body.home-v2 .ff-engine-center img,
  body.home-v2 .ff-engine-integration-track img,
  body.home-v2 .ff-engine-ambient,
  body.home-v2 .ff-engine-center-halo {
    animation: none !important;
  }
  body.home-v2 .ff-engine-scene { transform: none !important; }
}

/* =========================================================
   FULFILIX AUTOMATION — REFERENCE MATCH OVERRIDE
   Visual match for the approved automation-engine reference.
   IMPORTANT: orbit/circulation JS is intentionally untouched.
   ========================================================= */

body.home-v2 .ff-automation {
  position: relative;
  overflow: hidden;
  padding-top: 118px;
  padding-bottom: 118px;
  background:
    radial-gradient(46% 75% at 84% 46%, rgba(43, 38, 151, .16), transparent 72%),
    radial-gradient(34% 55% at 3% 44%, rgba(93, 38, 162, .10), transparent 78%),
    linear-gradient(180deg, rgba(5,6,18,.14), rgba(7,7,20,.72) 48%, rgba(5,5,13,.18));
}

body.home-v2 .ff-automation::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(119, 108, 255, .11) 1px, transparent 1.25px);
  background-size: 22px 22px;
  opacity: .22;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.38) 40%, transparent 54%);
  mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.38) 40%, transparent 54%);
}

body.home-v2 .ff-automation-layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(420px, .72fr) minmax(720px, 1.28fr);
  gap: 54px;
  align-items: center;
}

body.home-v2 .ff-automation-copy {
  position: relative;
  z-index: 4;
}

body.home-v2 .ff-automation-copy .ff-kicker {
  margin-bottom: 22px;
  border-color: rgba(128, 90, 235, .34);
  background: rgba(38, 24, 78, .34);
  color: #d0c3ff;
}

body.home-v2 .ff-automation-copy h2 {
  max-width: 575px;
  font-size: clamp(46px, 4.1vw, 66px);
  line-height: .99;
  letter-spacing: -.052em;
}

body.home-v2 .ff-automation-copy > p {
  max-width: 590px;
  margin-top: 25px;
  color: #aaa6bc;
  font-size: 15px;
  line-height: 1.8;
}

body.home-v2 .ff-auto-stats {
  max-width: 580px;
  margin: 32px 0 28px;
  gap: 14px;
}

body.home-v2 .ff-auto-stats > div {
  position: relative;
  min-height: 100px;
  padding: 18px 18px 18px 70px;
  border: 1px solid rgba(112, 95, 229, .32);
  border-radius: 15px;
  background:
    linear-gradient(140deg, rgba(17,18,52,.88), rgba(10,9,28,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 18px 34px -30px rgba(52, 33, 158, .85);
}

body.home-v2 .ff-auto-stat-icon {
  position: absolute;
  left: 19px;
  top: 50%;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 12px;
  color: #c776ff;
  background: rgba(111, 49, 207, .18);
  border: 1px solid rgba(144, 94, 239, .20);
}

body.home-v2 .ff-auto-stat-icon svg { width: 21px; height: 21px; }
body.home-v2 .ff-auto-stats strong { color: #bd6cff; font-size: 27px; }
body.home-v2 .ff-auto-stats small { color: #8f8aa0; font-size: 10px; }

body.home-v2 .ff-automation-copy > .ff-btn {
  min-height: 56px;
  padding: 0 27px;
  border-radius: 13px;
  box-shadow: 0 15px 38px -17px rgba(124,58,237,.86), inset 0 1px 0 rgba(255,255,255,.20);
}

body.home-v2 .ff-automation-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 28px;
  color: #aaa4b7;
  font: 500 10px/1.3 'Inter', sans-serif;
}

body.home-v2 .ff-automation-proof span { display: inline-flex; align-items: center; gap: 8px; }
body.home-v2 .ff-automation-proof i {
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #e8dcff;
  background: rgba(83, 41, 171, .72);
  border: 1px solid rgba(152, 109, 255, .42);
  font: 700 10px/1 'Inter', sans-serif;
  font-style: normal;
}

/* ---------------- Engine panel ---------------- */
body.home-v2 .ff-engine-stage {
  width: min(860px, 100%);
  min-height: 700px;
  margin-left: auto;
  perspective: 1700px;
}

body.home-v2 .ff-engine-scene {
  height: 700px;
  border-radius: 28px;
  border: 1px solid rgba(91, 92, 255, .46);
  background:
    radial-gradient(50% 48% at 50% 44%, rgba(58, 42, 174, .26), transparent 66%),
    radial-gradient(38% 50% at 94% 10%, rgba(39, 45, 155, .22), transparent 70%),
    linear-gradient(145deg, rgba(6, 10, 36, .98), rgba(7, 8, 27, .985) 48%, rgba(7, 6, 22, .99));
  box-shadow:
    0 36px 85px -52px rgba(38, 36, 166, .92),
    0 0 0 1px rgba(82, 63, 211, .08) inset,
    inset 0 1px 0 rgba(255,255,255,.03);
}

body.home-v2 .ff-engine-scene:hover {
  border-color: rgba(111, 93, 255, .58);
  box-shadow:
    0 40px 92px -52px rgba(47, 44, 182, .96),
    0 0 0 1px rgba(90, 70, 225, .10) inset,
    inset 0 1px 0 rgba(255,255,255,.04);
}

body.home-v2 .ff-engine-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 29;
  border-radius: inherit;
  box-shadow: inset 0 0 82px rgba(1, 2, 15, .50);
}

body.home-v2 .ff-engine-grid {
  opacity: .42;
  background-image: radial-gradient(circle, rgba(90, 103, 255, .20) 1px, transparent 1.2px);
  background-size: 18px 18px;
  -webkit-mask-image: radial-gradient(82% 72% at 50% 41%, #000 0%, rgba(0,0,0,.82) 57%, transparent 94%);
  mask-image: radial-gradient(82% 72% at 50% 41%, #000 0%, rgba(0,0,0,.82) 57%, transparent 94%);
}

body.home-v2 .ff-engine-ambient {
  top: 42%;
  width: 520px;
  height: 390px;
  background: radial-gradient(circle, rgba(72, 54, 223, .33), rgba(65, 39, 173, .12) 48%, transparent 73%);
  filter: blur(22px);
}

body.home-v2 .ff-engine-ring { top: 42%; }
body.home-v2 .ff-engine-ring-outer {
  width: 705px;
  height: 455px;
  border-color: rgba(73, 96, 255, .50);
  box-shadow: 0 0 26px rgba(62, 71, 255, .14), inset 0 0 18px rgba(74, 53, 230, .08);
}
body.home-v2 .ff-engine-ring-middle {
  width: 605px;
  height: 390px;
  border-color: rgba(133, 78, 255, .48);
}
body.home-v2 .ff-engine-ring-inner {
  width: 490px;
  height: 312px;
  border-color: rgba(97, 74, 239, .35);
}
body.home-v2 .ff-engine-ring::before,
body.home-v2 .ff-engine-ring::after {
  width: 7px;
  height: 7px;
  background: #8468ff;
  box-shadow: 0 0 14px rgba(111, 87, 255, .84);
}

body.home-v2 .ff-engine-orbit-words {
  color: rgba(190, 118, 255, .92);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-shadow: 0 0 18px rgba(139, 75, 238, .28);
}
body.home-v2 .ff-word-automate { left: 16.5%; top: 29%; transform: rotate(-58deg); }
body.home-v2 .ff-word-manage { right: 16%; top: 29%; transform: rotate(58deg); }
body.home-v2 .ff-word-integrate { left: 18%; top: 67%; transform: rotate(35deg); }
body.home-v2 .ff-word-scale { right: 18%; top: 67%; transform: rotate(-35deg); }

body.home-v2 .ff-engine-sync {
  top: 17px;
  min-height: 38px;
  padding: 0 16px;
  border-color: rgba(80, 101, 255, .45);
  background: rgba(7, 11, 34, .92);
  color: #f1edff;
  box-shadow: 0 12px 26px -20px rgba(0,0,0,.92), 0 0 18px rgba(55, 78, 255, .08);
}
body.home-v2 .ff-engine-sync i {
  width: 8px;
  height: 8px;
  background: #28d6a0;
  box-shadow: 0 0 14px rgba(40,214,160,.80);
}

/* ---------------- Moving module cards ---------------- */
body.home-v2 .ff-engine-module {
  top: 42%;
  width: 235px;
  min-height: 120px;
  padding: 11px;
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 11px;
  border-radius: 17px;
  border-color: rgba(112, 96, 255, .58);
  background:
    linear-gradient(145deg, rgba(12, 17, 53, .97), rgba(10, 10, 35, .97));
  box-shadow:
    0 24px 38px -28px rgba(0,0,0,.96),
    0 0 24px rgba(82, 65, 255, .15),
    inset 0 1px 0 rgba(255,255,255,.045);
}
body.home-v2 .ff-engine-module:hover {
  border-color: rgba(137, 107, 255, .80);
  background: linear-gradient(145deg, rgba(17, 21, 64, .99), rgba(11, 10, 38, .99));
  box-shadow: 0 25px 44px -28px rgba(0,0,0,.98), 0 0 30px rgba(82, 65, 255, .21), inset 0 1px 0 rgba(255,255,255,.055);
}

body.home-v2 .ff-engine-module-copy {
  grid-template-columns: 44px minmax(0,1fr);
  gap: 10px;
}
body.home-v2 .ff-engine-module-copy > div { gap: 6px; }
body.home-v2 .ff-engine-module-copy b {
  color: #fff;
  font-size: 13px;
  line-height: 1.08;
}
body.home-v2 .ff-engine-module-copy small {
  color: #a49bb9;
  font-size: 7.4px;
  line-height: 1.42;
}
body.home-v2 .ff-engine-module-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: #ddc3ff;
  background: linear-gradient(145deg, rgba(128, 75, 234, .34), rgba(70, 45, 151, .16));
  border-color: rgba(152, 109, 255, .36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 16px rgba(105, 64, 220, .12);
}
body.home-v2 .ff-engine-module-icon svg { width: 21px; height: 21px; }

body.home-v2 .ff-engine-module-preview {
  position: relative;
  width: 92px;
  height: 72px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(109, 102, 246, .24);
  background: #080b1e;
  box-shadow: 0 12px 24px -18px rgba(0,0,0,.95);
  animation: ffEngineMiniFloat 5s ease-in-out infinite;
}
body.home-v2 .ff-engine-module-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.05), transparent 28%, transparent 78%, rgba(98,78,255,.05));
}
body.home-v2 .ff-engine-module-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.96) contrast(1.07) brightness(.88);
}

/* Cancel the old direct-img animation because preview wrapper now owns it. */
body.home-v2 .ff-engine-module > img { display: none !important; }
body.home-v2 .ff-engine-module:nth-child(2) .ff-engine-module-preview { animation-delay: -.8s; }
body.home-v2 .ff-engine-module:nth-child(3) .ff-engine-module-preview { animation-delay: -1.6s; }
body.home-v2 .ff-engine-module:nth-child(4) .ff-engine-module-preview { animation-delay: -2.4s; }
body.home-v2 .ff-engine-module:nth-child(5) .ff-engine-module-preview { animation-delay: -3.2s; }

body.home-v2 .ff-engine-connector { top: 42%; background: linear-gradient(90deg, rgba(97, 86, 255, .82), rgba(121, 86, 244, .10)); }
body.home-v2 .ff-engine-connector::after { background: repeating-linear-gradient(90deg, transparent 0 10px, rgba(170,161,255,.90) 10px 14px, transparent 14px 22px); }
body.home-v2 .ff-engine-connector i { background: #9c87ff; box-shadow: 0 0 12px rgba(123, 103, 255, .92); }

/* ---------------- Center engine ---------------- */
body.home-v2 .ff-engine-center {
  top: 42%;
  width: 292px;
  z-index: 24;
}
body.home-v2 .ff-engine-center-halo {
  inset: 7% -2% 8%;
  background: radial-gradient(circle, rgba(70, 77, 255, .34), rgba(105, 48, 214, .12) 48%, transparent 72%);
  filter: blur(18px);
}
body.home-v2 .ff-engine-center img {
  filter: saturate(1.04) brightness(.98) contrast(1.04) drop-shadow(0 22px 30px rgba(28, 24, 95, .44));
}

/* ---------------- Capability strip ---------------- */
body.home-v2 .ff-engine-capabilities {
  left: 14px;
  right: 14px;
  bottom: 82px;
  min-height: 74px;
  border-color: rgba(78, 83, 210, .32);
  border-radius: 14px;
  background: rgba(7, 11, 34, .94);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
body.home-v2 .ff-engine-capabilities > div { padding: 11px 10px; border-right-color: rgba(106, 100, 223, .15); }
body.home-v2 .ff-engine-capabilities span {
  width: 34px;
  height: 34px;
  color: #bd83ff;
  border: 1px solid rgba(116, 87, 229, .25);
  background: rgba(95, 49, 173, .19);
}
body.home-v2 .ff-engine-capabilities span svg { width: 17px; height: 17px; }
body.home-v2 .ff-engine-capabilities b { color: #f2effa; font-size: 8px; }
body.home-v2 .ff-engine-capabilities small { color: #77758c; font-size: 6.3px; }

/* ---------------- Integration brand bar ---------------- */
body.home-v2 .ff-engine-integrations {
  left: 14px;
  right: 14px;
  bottom: 14px;
  min-height: 58px;
  padding: 8px 14px;
  display: grid;
  grid-template-columns: 105px minmax(0,1fr);
  gap: 14px;
  border: 1px solid rgba(79, 86, 223, .38);
  border-radius: 14px;
  background: rgba(7, 10, 31, .96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 30px -24px rgba(32,27,122,.8);
}
body.home-v2 .ff-engine-integrations-label {
  color: #9f9aad;
  font: 600 7px/1 'JetBrains Mono', monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.home-v2 .ff-engine-integration-track {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
}
body.home-v2 .ff-engine-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  color: #f4f1fa;
  text-transform: none;
  letter-spacing: -.02em;
  font-family: 'Inter', sans-serif;
  animation: ffEngineLogoFloat 4.6s ease-in-out infinite;
}
body.home-v2 .ff-engine-brand img {
  flex: 0 0 auto;
  width: 25px;
  height: 25px;
  object-fit: contain;
  opacity: 1;
  filter: saturate(1.12) brightness(1.02);
}
body.home-v2 .ff-engine-brand b { color: #fff; font: 700 12px/1 'Inter', sans-serif; }
body.home-v2 .ff-engine-brand em { color: #ddd9e8; font: 500 9px/1 'Inter', sans-serif; font-style: normal; }
body.home-v2 .ff-brand-woo b { padding: 4px 6px; border-radius: 5px; background: #8c4ed8; }
body.home-v2 .ff-brand-amazon b { color: #fff; }
body.home-v2 .ff-brand-daraz b { color: #ff7a2d; }
body.home-v2 .ff-brand-meta b { color: #6aa9ff; }
body.home-v2 .ff-engine-brand:nth-child(2) { animation-delay: -.6s; }
body.home-v2 .ff-engine-brand:nth-child(3) { animation-delay: -1.2s; }
body.home-v2 .ff-engine-brand:nth-child(4) { animation-delay: -1.8s; }
body.home-v2 .ff-engine-brand:nth-child(5) { animation-delay: -2.4s; }
body.home-v2 .ff-engine-brand:nth-child(6) { animation-delay: -3s; }

@media (max-width: 1280px) {
  body.home-v2 .ff-automation-layout { grid-template-columns: minmax(380px,.78fr) minmax(650px,1.22fr); gap: 38px; }
  body.home-v2 .ff-engine-stage { width: min(790px,100%); }
  body.home-v2 .ff-engine-module { width: 214px; grid-template-columns: minmax(0,1fr) 82px; }
  body.home-v2 .ff-engine-module-preview { width: 82px; height: 65px; }
  body.home-v2 .ff-engine-center { width: 268px; }
  body.home-v2 .ff-engine-integration-track { gap: 9px; }
  body.home-v2 .ff-engine-brand b { font-size: 10px; }
  body.home-v2 .ff-engine-brand em { font-size: 8px; }
}

@media (max-width: 1180px) {
  body.home-v2 .ff-automation-layout { grid-template-columns: 1fr; gap: 54px; }
  body.home-v2 .ff-automation-copy { text-align: center; }
  body.home-v2 .ff-automation-copy .ff-kicker { margin-left:auto; margin-right:auto; }
  body.home-v2 .ff-automation-copy h2,
  body.home-v2 .ff-automation-copy > p,
  body.home-v2 .ff-auto-stats { margin-left:auto; margin-right:auto; }
  body.home-v2 .ff-automation-copy > .ff-btn { margin-left:auto; margin-right:auto; }
  body.home-v2 .ff-automation-proof { justify-content:center; }
  body.home-v2 .ff-engine-stage { width:min(860px,100%); margin:0 auto; }
}

@media (max-width: 800px) {
  body.home-v2 .ff-engine-scene { height: 640px; }
  body.home-v2 .ff-engine-ring-outer { width: 570px; height: 370px; }
  body.home-v2 .ff-engine-ring-middle { width: 475px; height: 312px; }
  body.home-v2 .ff-engine-ring-inner { width: 385px; height: 250px; }
  body.home-v2 .ff-engine-module { width: 166px; min-height: 94px; padding:8px; grid-template-columns:minmax(0,1fr) 58px; }
  body.home-v2 .ff-engine-module-copy { grid-template-columns:28px minmax(0,1fr); gap:6px; }
  body.home-v2 .ff-engine-module-icon { width:28px; height:28px; }
  body.home-v2 .ff-engine-module-icon svg { width:14px; height:14px; }
  body.home-v2 .ff-engine-module-copy b { font-size:9px; }
  body.home-v2 .ff-engine-module-copy small { font-size:5.7px; }
  body.home-v2 .ff-engine-module-preview { width:58px; height:50px; }
  body.home-v2 .ff-engine-center { width:205px; }
  body.home-v2 .ff-engine-capabilities { bottom:76px; }
  body.home-v2 .ff-engine-integrations { grid-template-columns:80px 1fr; padding:7px 9px; gap:8px; }
  body.home-v2 .ff-engine-brand { gap:4px; }
  body.home-v2 .ff-engine-brand img { width:18px; height:18px; }
  body.home-v2 .ff-engine-brand b { font-size:7px; }
  body.home-v2 .ff-engine-brand em { display:none; }
}

@media (max-width: 560px) {
  body.home-v2 .ff-automation-copy h2 { font-size:clamp(38px,11vw,50px); }
  body.home-v2 .ff-auto-stats > div { min-height:82px; padding:14px 12px 14px 54px; }
  body.home-v2 .ff-auto-stat-icon { left:13px; width:31px; height:31px; }
  body.home-v2 .ff-auto-stats strong { font-size:22px; }
  body.home-v2 .ff-automation-proof { gap:10px 14px; font-size:8px; }

  body.home-v2 .ff-engine-stage { min-height:570px; }
  body.home-v2 .ff-engine-scene { height:570px; }
  body.home-v2 .ff-engine-ring-outer { width:405px; height:285px; }
  body.home-v2 .ff-engine-ring-middle { width:332px; height:232px; }
  body.home-v2 .ff-engine-ring-inner { width:265px; height:184px; }
  body.home-v2 .ff-engine-center { width:154px; }
  body.home-v2 .ff-engine-module { width:120px; min-height:72px; grid-template-columns:1fr; gap:4px; }
  body.home-v2 .ff-engine-module-copy { grid-template-columns:24px 1fr; }
  body.home-v2 .ff-engine-module-copy b { font-size:7px; }
  body.home-v2 .ff-engine-module-copy small { display:none; }
  body.home-v2 .ff-engine-module-preview { width:100%; height:35px; }
  body.home-v2 .ff-engine-capabilities { left:8px; right:8px; bottom:65px; min-height:50px; }
  body.home-v2 .ff-engine-capabilities > div { padding:5px 2px; }
  body.home-v2 .ff-engine-capabilities span { width:22px; height:22px; }
  body.home-v2 .ff-engine-capabilities b { font-size:5px; }
  body.home-v2 .ff-engine-capabilities small { display:none; }
  body.home-v2 .ff-engine-integrations { left:8px; right:8px; bottom:8px; min-height:49px; grid-template-columns:64px 1fr; padding:6px 7px; }
  body.home-v2 .ff-engine-integrations-label { font-size:5px; }
  body.home-v2 .ff-engine-integration-track { gap:5px; overflow:hidden; }
  body.home-v2 .ff-engine-brand img { width:14px; height:14px; }
  body.home-v2 .ff-engine-brand b { font-size:5.5px; }
  body.home-v2 .ff-brand-woo b { padding:2px 3px; }
}



/* =========================================================
   AUTOMATION HEADING — FORCE EXACTLY 2 LINES
   ========================================================= */

body.home-v2 .ff-automation-copy h2 {
    width: max-content;
    max-width: none;

    margin: 0;

    font-family: 'Poppins', sans-serif;
    font-size: clamp(40px, 3.15vw, 54px);
    font-weight: 650;
    line-height: 1.06;
    letter-spacing: -0.045em;

    text-wrap: nowrap;
}

body.home-v2 .ff-automation-copy h2 .ff-auto-heading-main {
    display: block;

    color: #f8f7ff !important;
    background: none !important;

    -webkit-background-clip: initial !important;
    background-clip: initial !important;

    white-space: nowrap;
}

body.home-v2 .ff-automation-copy h2 .ff-auto-heading-accent {
    display: block;
    width: fit-content;

    margin-top: 2px;

    background: linear-gradient(
        100deg,
        #b579ff 0%,
        #8e4ef7 48%,
        #df4dab 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;

    white-space: nowrap;
}

/* Give heading enough horizontal room */
body.home-v2 .ff-automation-layout {
    grid-template-columns:
        minmax(510px, .9fr)
        minmax(620px, 1.1fr);

    gap: 52px;
}

/* Tablet */
@media (max-width: 1180px) {
    body.home-v2 .ff-automation-copy h2 {
        width: auto;
        font-size: clamp(38px, 4vw, 48px);
    }

    body.home-v2 .ff-automation-layout {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 650px) {
    body.home-v2 .ff-automation-copy h2 {
        font-size: clamp(34px, 10vw, 44px);
        line-height: 1.07;
    }

    body.home-v2 .ff-automation-copy h2 .ff-auto-heading-main {
        white-space: normal;
    }
}

/* ================= PRICING — V2 ================= */
body.home-v2 .ff-pricing {
  position: relative;
  padding-top: 104px;
  padding-bottom: 104px;
  overflow: hidden;
}

body.home-v2 .ff-pricing::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -210px;
  width: min(1180px, 88vw);
  height: 430px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(132, 83, 216, .18);
  background: radial-gradient(ellipse at center, rgba(92, 45, 164, .16) 0%, rgba(61, 27, 117, .08) 42%, transparent 72%);
  box-shadow: 0 -24px 70px -48px rgba(123, 72, 214, .5);
  pointer-events: none;
}

body.home-v2 #pricing .ff-section-head {
  position: relative;
  z-index: 2;
  margin-bottom: 38px;
}

body.home-v2 #pricing .ff-section-head p {
  max-width: 760px;
}

body.home-v2 #pricing .pricing-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 30px auto 0;
  padding: 5px;
  border: 1px solid rgba(176, 145, 233, .16);
  border-radius: 999px;
  background: rgba(14, 10, 25, .82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 18px 35px -28px rgba(0,0,0,.9);
}

body.home-v2 #pricing .pricing-toggle button {
  min-width: 128px;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  color: #9d94aa;
  background: transparent;
  font: 650 13px/1 'Inter', sans-serif;
  cursor: pointer;
  transition: color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s var(--ff-ease);
}

body.home-v2 #pricing .pricing-toggle button span {
  display: inline-flex;
  margin-left: 6px;
  padding: 4px 7px;
  border-radius: 999px;
  color: #73d7a8;
  background: rgba(53, 211, 153, .08);
  border: 1px solid rgba(53, 211, 153, .14);
  font-size: 9px;
  line-height: 1;
  vertical-align: middle;
}

body.home-v2 #pricing .pricing-toggle button:hover {
  color: #efe9f8;
}

body.home-v2 #pricing .pricing-toggle button.active {
  color: #fff;
  background: linear-gradient(135deg, #6d28d9, #8b3ff1);
  box-shadow: 0 10px 24px -16px rgba(124,58,237,.8), inset 0 1px 0 rgba(255,255,255,.14);
}

body.home-v2 #pricing .pricing-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  max-width: 1240px;
  margin: 0 auto;
  align-items: stretch;
}

body.home-v2 #pricing .pricing-card {
  --pricing-spot-x: 50%;
  --pricing-spot-y: 0%;
  position: relative;
  min-height: 590px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(165, 125, 233, .15);
  border-radius: 24px;
  background:
    linear-gradient(160deg, rgba(25, 18, 44, .94), rgba(10, 8, 18, .97));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 28px 52px -44px rgba(0,0,0,.95);
  opacity: 0;
  transform: translateY(34px) scale(.985);
  transition:
    opacity .7s ease,
    transform .7s var(--ff-ease),
    border-color .3s ease,
    box-shadow .3s ease;
}

body.home-v2 #pricing .pricing-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(320px circle at var(--pricing-spot-x) var(--pricing-spot-y), rgba(137, 86, 226, .15), transparent 58%);
  transition: opacity .28s ease;
}

/* Kill any old featured ribbon pseudo element so the OMS triangle can never reappear. */
body.home-v2 #pricing .pricing-card::after,
body.home-v2 #pricing .pricing-card.featured::after,
body.home-v2 #pricing .pricing-card.popular::after {
  content: none !important;
  display: none !important;
}

body.home-v2 #pricing .pricing-card.pricing-show {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: var(--delay, 0ms);
}

body.home-v2 #pricing .pricing-card:hover {
  transform: translateY(-8px);
  border-color: rgba(176, 132, 246, .36);
  box-shadow:
    0 30px 60px -38px rgba(87, 48, 157, .62),
    inset 0 1px 0 rgba(255,255,255,.04);
}

body.home-v2 #pricing .pricing-card:hover::before {
  opacity: 1;
}

body.home-v2 #pricing .pricing-card.featured {
  border-color: rgba(155, 103, 244, .5);
  background:
    linear-gradient(160deg, rgba(33, 21, 58, .97), rgba(12, 9, 22, .98));
  box-shadow:
    0 28px 60px -42px rgba(113, 66, 201, .72),
    inset 0 1px 0 rgba(255,255,255,.04);
}

body.home-v2 #pricing .pricing-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(190, 146, 255, .22);
  border-radius: 999px;
  color: #d9c4ff;
  background: rgba(124,58,237,.12);
  font: 700 9px/1 'Inter', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.home-v2 #pricing .pricing-card-top {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding-right: 4px;
}

body.home-v2 #pricing .pricing-card.featured .pricing-card-top {
  padding-right: 110px;
}

body.home-v2 #pricing .pricing-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: #d9c2ff;
  background: linear-gradient(145deg, rgba(123, 61, 210, .36), rgba(79, 35, 142, .22));
  border: 1px solid rgba(181, 136, 245, .2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 15px 30px -24px rgba(124,58,237,.85);
  transition: transform .32s var(--ff-ease), border-color .3s ease, background .3s ease;
}

body.home-v2 #pricing .pricing-card:hover .pricing-icon {
  transform: translateY(-4px) rotate(-3deg);
  border-color: rgba(191, 150, 250, .36);
  background: linear-gradient(145deg, rgba(139, 75, 225, .42), rgba(80, 36, 143, .26));
}

body.home-v2 #pricing .pricing-icon svg {
  width: 27px;
  height: 27px;
}

body.home-v2 #pricing .pricing-title-wrap {
  min-width: 0;
}

body.home-v2 #pricing .pricing-card h3 {
  margin: 0 0 6px;
  color: #f8f5fc;
  font: 650 20px/1.15 'Poppins', sans-serif;
  letter-spacing: -.03em;
}

body.home-v2 #pricing .pricing-card p {
  margin: 0;
  color: #8f859d;
  font: 500 12px/1.5 'Inter', sans-serif;
}

body.home-v2 #pricing .pricing-price-wrap {
  min-height: 90px;
  display: grid;
  align-items: center;
  margin: 25px 0 16px;
}

body.home-v2 #pricing .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin: 0;
}

body.home-v2 #pricing .price[hidden] {
  display: none !important;
}

body.home-v2 #pricing .price span {
  color: #fff;
  font: 700 clamp(30px, 2.4vw, 38px)/1 'Poppins', sans-serif;
  letter-spacing: -.045em;
}

body.home-v2 #pricing .price small {
  color: #948b9f;
  font: 500 12px/1 'Inter', sans-serif;
}

body.home-v2 #pricing .price em {
  flex-basis: 100%;
  width: fit-content;
  margin-top: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  color: #66d59f;
  background: rgba(53, 211, 153, .07);
  border: 1px solid rgba(53, 211, 153, .12);
  font: 650 9px/1 'Inter', sans-serif;
  font-style: normal;
}

body.home-v2 #pricing .price.price-animation {
  animation: ffPricingSwap .42s var(--ff-ease);
}

body.home-v2 #pricing .onboard {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 20px;
  padding: 11px 13px;
  border: 1px solid rgba(151, 109, 220, .12);
  border-radius: 13px;
  background: rgba(124,58,237,.055);
}

body.home-v2 #pricing .onboard strong {
  color: #b8aec5;
  font: 600 10px/1.2 'Inter', sans-serif;
}

body.home-v2 #pricing .onboard span {
  color: #e8e1f1;
  font: 650 10px/1.2 'Inter', sans-serif;
  text-align: right;
}

body.home-v2 #pricing .pricing-card ul {
  flex: 1 1 auto;
  display: grid;
  align-content: start;
  gap: 11px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

body.home-v2 #pricing .pricing-card li {
  position: relative;
  padding-left: 26px;
  color: #bbb2c5;
  font: 500 12px/1.45 'Inter', sans-serif;
}

body.home-v2 #pricing .pricing-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23b98aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 6'/%3E%3C/svg%3E") center/13px 13px no-repeat,
    rgba(124,58,237,.08);
  border: 1px solid rgba(159, 115, 229, .13);
}

body.home-v2 #pricing .pricing-cta {
  width: 100%;
  min-height: 48px;
  margin-top: auto;
}

body.home-v2 #pricing .pricing-assurance {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 34px auto 0;
  padding: 14px 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  border: 1px solid rgba(155, 111, 255, .12);
  border-radius: 18px;
  background: rgba(14,10,24,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

body.home-v2 #pricing .pricing-assurance > div {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 8px 12px;
}

body.home-v2 #pricing .pricing-assurance > div + div {
  border-left: 1px solid rgba(255,255,255,.05);
}

body.home-v2 #pricing .pricing-assurance > div > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  color: #c9a5ff;
  background: rgba(124,58,237,.08);
  border: 1px solid rgba(160, 114, 230, .13);
}

body.home-v2 #pricing .pricing-assurance svg {
  width: 17px;
  height: 17px;
}

body.home-v2 #pricing .pricing-assurance p {
  display: grid;
  gap: 4px;
  margin: 0;
}

body.home-v2 #pricing .pricing-assurance strong {
  color: #eae4f1;
  font: 650 11px/1 'Inter', sans-serif;
}

body.home-v2 #pricing .pricing-assurance small {
  color: #786f83;
  font: 500 9px/1 'Inter', sans-serif;
}

@keyframes ffPricingSwap {
  from { opacity: 0; transform: translateY(10px) scale(.985); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1180px) {
  body.home-v2 #pricing .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 920px;
  }
}

@media (max-width: 760px) {
  body.home-v2 .ff-pricing {
    padding-top: 84px;
    padding-bottom: 84px;
  }

  body.home-v2 #pricing .pricing-toggle {
    width: min(100%, 330px);
  }

  body.home-v2 #pricing .pricing-toggle button {
    min-width: 0;
    flex: 1;
    padding: 0 12px;
  }

  body.home-v2 #pricing .pricing-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
    gap: 16px;
  }

  body.home-v2 #pricing .pricing-card {
    min-height: 0;
    padding: 24px;
  }

  body.home-v2 #pricing .pricing-card.featured .pricing-card-top {
    padding-right: 0;
    padding-top: 34px;
  }

  body.home-v2 #pricing .pricing-badge {
    top: 14px;
    right: 14px;
  }

  body.home-v2 #pricing .pricing-assurance {
    grid-template-columns: 1fr;
    max-width: 480px;
  }

  body.home-v2 #pricing .pricing-assurance > div {
    justify-content: flex-start;
  }

  body.home-v2 #pricing .pricing-assurance > div + div {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-v2 #pricing .pricing-card {
    opacity: 1;
    transform: none;
    transition: none;
  }
}



/* =========================================================
   AUTOMATION ENGINE — CLEAN INTEGRATION LOGO STRIP
   Only affects bottom integration bar
========================================================= */

body.home-v2 .ff-engine-integrations{
    position:absolute;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:31;

    min-height:62px;
    padding:9px 14px;

    display:grid;
    grid-template-columns:92px minmax(0, 1fr);
    align-items:center;
    gap:12px;

    overflow:hidden;

    border:1px solid rgba(91, 92, 218, .34);
    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(8, 11, 34, .97),
            rgba(10, 9, 29, .97)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 12px 30px -24px rgba(35,31,126,.75);
}


/* CONNECTED WITH */

body.home-v2 .ff-engine-integrations-label{
    display:block;

    color:#918c9f;

    font-family:'JetBrains Mono', monospace;
    font-size:6.5px;
    line-height:1.35;
    font-weight:600;

    letter-spacing:.13em;
    text-transform:uppercase;
    white-space:nowrap;
}


/* =========================================
   10 LOGOS — PERFECT EVEN GRID
========================================= */

body.home-v2 .ff-engine-integration-track{
    width:100%;
    min-width:0;

    display:grid;

    grid-template-columns:
        repeat(10, minmax(0, 1fr));

    align-items:center;
    justify-items:center;

    gap:7px;

    overflow:visible;
}


/* =========================================
   EACH INTEGRATION BADGE
========================================= */

body.home-v2 .ff-engine-brand{
    position:relative;

    width:38px;
    height:38px;

    min-width:38px;
    flex:none;

    display:grid;
    place-items:center;

    padding:6px;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(241,238,247,.92)
        );

    border:
        1px solid rgba(255,255,255,.85);

    box-shadow:
        0 5px 15px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,1),
        0 0 0 1px rgba(128,94,218,.05);

    animation:
        ffEngineIntegrationFloat
        5s ease-in-out infinite;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}


/* remove old brand names completely */

body.home-v2 .ff-engine-brand b,
body.home-v2 .ff-engine-brand em{
    display:none !important;
}


/* LOGO IMAGE */

body.home-v2 .ff-engine-brand img{
    display:block;

    width:25px !important;
    height:25px !important;

    max-width:25px;
    max-height:25px;

    object-fit:contain;

    opacity:1 !important;

    filter:
        saturate(1.08)
        contrast(1.04)
        brightness(1.01) !important;

    animation:none !important;

    transition:
        transform .28s ease;
}


/* HOVER */

body.home-v2 .ff-engine-brand:hover{
    transform:
        translateY(-4px)
        scale(1.06);

    border-color:
        rgba(191,166,255,.72);

    box-shadow:
        0 9px 22px rgba(0,0,0,.28),
        0 0 16px rgba(123,90,211,.16),
        inset 0 1px 0 rgba(255,255,255,1);
}

body.home-v2 .ff-engine-brand:hover img{
    transform:scale(1.08);
}


/* =========================================
   SOFT FLOATING ANIMATION
========================================= */

body.home-v2 .ff-engine-brand:nth-child(2){
    animation-delay:-.5s;
}

body.home-v2 .ff-engine-brand:nth-child(3){
    animation-delay:-1s;
}

body.home-v2 .ff-engine-brand:nth-child(4){
    animation-delay:-1.5s;
}

body.home-v2 .ff-engine-brand:nth-child(5){
    animation-delay:-2s;
}

body.home-v2 .ff-engine-brand:nth-child(6){
    animation-delay:-2.5s;
}

body.home-v2 .ff-engine-brand:nth-child(7){
    animation-delay:-3s;
}

body.home-v2 .ff-engine-brand:nth-child(8){
    animation-delay:-3.5s;
}

body.home-v2 .ff-engine-brand:nth-child(9){
    animation-delay:-4s;
}

body.home-v2 .ff-engine-brand:nth-child(10){
    animation-delay:-4.5s;
}


@keyframes ffEngineIntegrationFloat{

    0%,
    100%{
        translate:0 0;
    }

    50%{
        translate:0 -2px;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:800px){

    body.home-v2 .ff-engine-integrations{
        left:10px;
        right:10px;

        grid-template-columns:76px minmax(0,1fr);

        gap:8px;

        padding:
            8px 9px;
    }

    body.home-v2 .ff-engine-integration-track{
        gap:5px;
    }

    body.home-v2 .ff-engine-brand{
        width:31px;
        height:31px;

        min-width:31px;

        padding:5px;
    }

    body.home-v2 .ff-engine-brand img{
        width:21px !important;
        height:21px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:560px){

    body.home-v2 .ff-engine-integrations{
        left:8px;
        right:8px;
        bottom:8px;

        min-height:50px;

        grid-template-columns:58px minmax(0,1fr);

        gap:5px;

        padding:
            6px 7px;
    }

    body.home-v2 .ff-engine-integrations-label{
        font-size:4.7px;

        letter-spacing:.09em;
    }

    body.home-v2 .ff-engine-integration-track{
        gap:3px;
    }

    body.home-v2 .ff-engine-brand{
        width:24px;
        height:24px;

        min-width:24px;

        padding:4px;
    }

    body.home-v2 .ff-engine-brand img{
        width:16px !important;
        height:16px !important;

        max-width:16px;
        max-height:16px;
    }
}


/* Accessibility */

@media(prefers-reduced-motion:reduce){

    body.home-v2 .ff-engine-brand{
        animation:none !important;
    }
}



/* =========================================================
   FULFILIX AUTOMATION ENGINE
   FINAL GLASS + READABILITY PATCH
   Only module cards / capability strip / integration strip
========================================================= */


/* =========================================================
   1. MOVING MODULE CARDS
   Pharmacy / Restaurant / ONEERP / OMS / Dropshipping
========================================================= */

body.home-v2 .ff-engine-module{
    width:238px;
    min-height:122px;

    padding:12px;

    grid-template-columns:
        minmax(0, 1fr)
        92px;

    gap:12px;

    border-radius:18px;

    /* TRANSPARENT GLASS */
    background:
        linear-gradient(
            145deg,
            rgba(19, 18, 48, .50),
            rgba(8, 10, 30, .32)
        ) !important;

    border:
        1px solid rgba(157, 125, 255, .42);

    -webkit-backdrop-filter:
        blur(18px) saturate(140%);

    backdrop-filter:
        blur(18px) saturate(140%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(130,94,255,.05),
        0 18px 38px -26px rgba(0,0,0,.90),
        0 0 24px rgba(100,72,220,.10);

    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


/* subtle glass shine */

body.home-v2 .ff-engine-module::before{
    content:"";

    position:absolute;

    inset:0;

    border-radius:inherit;

    pointer-events:none;

    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.075),
            transparent 24%,
            transparent 72%,
            rgba(139,100,255,.035)
        );
}


/* HOVER */

body.home-v2 .ff-engine-module:hover{
    background:
        linear-gradient(
            145deg,
            rgba(30, 24, 66, .58),
            rgba(11, 12, 37, .40)
        ) !important;

    border-color:
        rgba(179,145,255,.65);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        0 22px 44px -26px rgba(0,0,0,.92),
        0 0 30px rgba(110,73,230,.16);
}


/* =========================================================
   MODULE TEXT ALIGNMENT
========================================================= */

body.home-v2 .ff-engine-module-copy{
    position:relative;

    z-index:2;

    min-width:0;

    display:grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    align-items:center;

    gap:10px;
}


body.home-v2 .ff-engine-module-copy > div{
    min-width:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:5px;

    text-align:left;
}


/* MAIN TITLE */

body.home-v2 .ff-engine-module-copy b{
    display:block;

    color:#ffffff !important;

    font-family:
        'Poppins',
        sans-serif;

    font-size:14px !important;

    line-height:1.15;

    font-weight:650;

    letter-spacing:-.02em;

    text-shadow:
        0 2px 8px rgba(0,0,0,.35);
}


/* SMALL DESCRIPTION */

body.home-v2 .ff-engine-module-copy small{
    display:block;

    color:
        rgba(225,219,239,.80) !important;

    font-family:
        'Inter',
        sans-serif;

    font-size:8.6px !important;

    line-height:1.42;

    font-weight:500;

    letter-spacing:0;
}


/* =========================================================
   ICON
========================================================= */

body.home-v2 .ff-engine-module-icon{
    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    flex:none;

    border-radius:12px;

    color:#e0c9ff;

    background:
        linear-gradient(
            145deg,
            rgba(143,92,240,.28),
            rgba(89,54,168,.16)
        );

    border:
        1px solid rgba(181,146,255,.30);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 20px rgba(63,35,137,.12);
}


body.home-v2 .ff-engine-module-icon svg{
    width:20px;
    height:20px;
}


/* =========================================================
   MODULE MINI SCREEN
========================================================= */

body.home-v2 .ff-engine-module-preview{
    width:92px;
    height:70px;

    border-radius:10px;

    border:
        1px solid rgba(155,128,255,.28);

    background:
        rgba(7,9,24,.48);

    -webkit-backdrop-filter:
        blur(10px);

    backdrop-filter:
        blur(10px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 24px -18px rgba(0,0,0,.90);
}


body.home-v2 .ff-engine-module-preview img{
    width:100%;
    height:100%;

    object-fit:cover;

    filter:
        saturate(1.02)
        contrast(1.08)
        brightness(.96);
}


/* =========================================================
   2. CAPABILITY BAR
   AI Automation / Analytics / Multi-Channel etc.
========================================================= */

body.home-v2 .ff-engine-capabilities{
    left:14px;
    right:14px;

    bottom:82px;

    min-height:76px;

    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));

    overflow:hidden;

    border:
        1px solid rgba(151,120,255,.33);

    border-radius:15px;

    /* GLASS */
    background:
        linear-gradient(
            135deg,
            rgba(18,16,45,.43),
            rgba(8,10,30,.30)
        ) !important;

    -webkit-backdrop-filter:
        blur(20px) saturate(145%);

    backdrop-filter:
        blur(20px) saturate(145%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 12px 28px -22px rgba(0,0,0,.75);
}


/* EACH ITEM */

body.home-v2 .ff-engine-capabilities > div{
    min-width:0;

    padding:
        10px 11px;

    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    grid-template-rows:
        auto auto;

    column-gap:9px;

    row-gap:4px;

    align-content:center;
    align-items:center;

    border-right:
        1px solid rgba(180,158,255,.12);
}


body.home-v2 .ff-engine-capabilities > div:last-child{
    border-right:0;
}


/* ICON */

body.home-v2 .ff-engine-capabilities span{
    grid-row:1 / 3;

    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    border-radius:10px;

    color:#d6b9ff;

    background:
        rgba(117,72,204,.20);

    border:
        1px solid rgba(167,128,245,.26);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06);
}


body.home-v2 .ff-engine-capabilities span svg{
    width:17px;
    height:17px;
}


/* CAPABILITY TITLE */

body.home-v2 .ff-engine-capabilities b{
    display:block;

    color:#ffffff !important;

    font-family:
        'Inter',
        sans-serif;

    font-size:9.8px !important;

    line-height:1.15;

    font-weight:700;

    letter-spacing:-.01em;

    white-space:nowrap;
}


/* CAPABILITY DESCRIPTION */

body.home-v2 .ff-engine-capabilities small{
    display:block;

    color:
        rgba(207,201,220,.72) !important;

    font-family:
        'Inter',
        sans-serif;

    font-size:7.4px !important;

    line-height:1.25;

    font-weight:500;

    white-space:nowrap;
}


/* =========================================================
   3. CONNECTED WITH BAR
========================================================= */

body.home-v2 .ff-engine-integrations{
    left:14px;
    right:14px;

    bottom:14px;

    min-height:58px;

    padding:
        8px 13px;

    grid-template-columns:
        92px minmax(0,1fr);

    gap:12px;

    border:
        1px solid rgba(149,119,255,.31);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(16,14,42,.40),
            rgba(7,9,27,.26)
        ) !important;

    -webkit-backdrop-filter:
        blur(20px) saturate(145%);

    backdrop-filter:
        blur(20px) saturate(145%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 12px 30px -24px rgba(0,0,0,.80);
}


/* LABEL */

body.home-v2 .ff-engine-integrations-label{
    color:
        rgba(226,218,240,.74);

    font-family:
        'JetBrains Mono',
        monospace;

    font-size:7px !important;

    line-height:1.35;

    font-weight:600;

    letter-spacing:.11em;

    text-transform:uppercase;
}


/* alignment for logos */

body.home-v2 .ff-engine-integration-track{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(10,minmax(0,1fr));

    justify-items:center;

    align-items:center;

    gap:7px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:800px){

    body.home-v2 .ff-engine-module{
        width:170px;

        min-height:102px;

        padding:9px;

        grid-template-columns:
            minmax(0,1fr)
            60px;

        gap:7px;
    }

    body.home-v2 .ff-engine-module-copy{
        grid-template-columns:
            30px minmax(0,1fr);

        gap:6px;
    }

    body.home-v2 .ff-engine-module-icon{
        width:30px;
        height:30px;
    }

    body.home-v2 .ff-engine-module-icon svg{
        width:15px;
        height:15px;
    }

    body.home-v2 .ff-engine-module-copy b{
        font-size:10px !important;
    }

    body.home-v2 .ff-engine-module-copy small{
        font-size:6.5px !important;
    }

    body.home-v2 .ff-engine-module-preview{
        width:60px;
        height:52px;
    }


    body.home-v2 .ff-engine-capabilities > div{
        grid-template-columns:1fr;

        grid-template-rows:auto auto;

        justify-items:center;

        text-align:center;

        gap:4px;

        padding:7px 3px;
    }

    body.home-v2 .ff-engine-capabilities span{
        grid-row:auto;

        width:27px;
        height:27px;
    }

    body.home-v2 .ff-engine-capabilities b{
        font-size:7.3px !important;
    }

    body.home-v2 .ff-engine-capabilities small{
        display:none !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:560px){

    body.home-v2 .ff-engine-module{
        width:124px;

        min-height:76px;

        padding:6px;

        grid-template-columns:1fr;
    }

    body.home-v2 .ff-engine-module-copy{
        grid-template-columns:
            24px minmax(0,1fr);

        gap:5px;
    }

    body.home-v2 .ff-engine-module-icon{
        width:24px;
        height:24px;
    }

    body.home-v2 .ff-engine-module-copy b{
        font-size:7.7px !important;
    }

    body.home-v2 .ff-engine-module-copy small{
        display:none !important;
    }

    body.home-v2 .ff-engine-module-preview{
        width:100%;
        height:35px;
    }


    body.home-v2 .ff-engine-capabilities{
        left:8px;
        right:8px;

        bottom:65px;

        min-height:52px;
    }

    body.home-v2 .ff-engine-capabilities > div{
        padding:5px 2px;
    }

    body.home-v2 .ff-engine-capabilities span{
        width:23px;
        height:23px;
    }

    body.home-v2 .ff-engine-capabilities b{
        font-size:5.8px !important;
    }


    body.home-v2 .ff-engine-integrations{
        left:8px;
        right:8px;

        bottom:8px;

        min-height:49px;

        grid-template-columns:
            60px minmax(0,1fr);

        padding:6px;
    }

    body.home-v2 .ff-engine-integrations-label{
        font-size:5px !important;
    }
}


/* =========================================================
   FULFILIX AUTOMATION — TRUE TRANSPARENT GLASS FINAL FIX
   MUST STAY AT VERY END OF home-v2.css
========================================================= */


/* =========================================================
   1. MOVING MODULE CARDS — REAL GLASS
========================================================= */

body.home-v2 .ff-engine-module{
    position:absolute;
    overflow:hidden;

    /* REAL TRANSPARENT GLASS */
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055) 0%,
            rgba(161,122,255,.040) 46%,
            rgba(255,255,255,.018) 100%
        ) !important;

    border:
        1px solid rgba(190,165,255,.34) !important;

    -webkit-backdrop-filter:
        blur(14px) saturate(155%) !important;

    backdrop-filter:
        blur(14px) saturate(155%) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(255,255,255,.025),
        0 12px 30px rgba(0,0,0,.16),
        0 0 18px rgba(116,83,210,.06) !important;
}


/* GLASS LIGHT REFLECTION */

body.home-v2 .ff-engine-module::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:0;

    pointer-events:none;

    border-radius:inherit;

    background:
        linear-gradient(
            118deg,
            rgba(255,255,255,.105) 0%,
            rgba(255,255,255,.025) 20%,
            transparent 42%,
            transparent 78%,
            rgba(160,121,255,.025) 100%
        ) !important;
}


/* Keep actual content above glass */

body.home-v2 .ff-engine-module-copy,
body.home-v2 .ff-engine-module-preview{
    position:relative;
    z-index:2;
}


/* Hover — still transparent */

body.home-v2 .ff-engine-module:hover{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.078),
            rgba(154,111,255,.055),
            rgba(255,255,255,.022)
        ) !important;

    border-color:
        rgba(202,181,255,.55) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.17),
        0 16px 34px rgba(0,0,0,.18),
        0 0 22px rgba(131,91,224,.10) !important;
}


/* =========================================================
   MODULE TEXT — MAXIMUM READABILITY
========================================================= */

body.home-v2 .ff-engine-module-copy b{
    color:#ffffff !important;

    font-size:14px !important;
    font-weight:700 !important;

    line-height:1.12 !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.72),
        0 0 12px rgba(0,0,0,.28);
}


body.home-v2 .ff-engine-module-copy small{
    color:rgba(242,237,250,.88) !important;

    font-size:8.5px !important;
    font-weight:500 !important;

    line-height:1.42 !important;

    text-shadow:
        0 2px 6px rgba(0,0,0,.65);
}


/* ICON ALSO GLASS */

body.home-v2 .ff-engine-module-icon{
    background:
        rgba(138,93,224,.12) !important;

    border:
        1px solid rgba(192,160,255,.30) !important;

    -webkit-backdrop-filter:
        blur(10px);

    backdrop-filter:
        blur(10px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}


/* MINI PREVIEW */

body.home-v2 .ff-engine-module-preview{
    background:
        rgba(5,8,26,.28) !important;

    border:
        1px solid rgba(182,153,255,.25) !important;

    -webkit-backdrop-filter:
        blur(8px);

    backdrop-filter:
        blur(8px);
}


/* =========================================================
   2. CAPABILITY STRIP — TRANSPARENT GLASS
========================================================= */

body.home-v2 .ff-engine-capabilities{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.042),
            rgba(121,88,210,.030),
            rgba(255,255,255,.018)
        ) !important;

    border:
        1px solid rgba(184,158,255,.28) !important;

    -webkit-backdrop-filter:
        blur(15px) saturate(150%) !important;

    backdrop-filter:
        blur(15px) saturate(150%) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11),
        0 10px 24px rgba(0,0,0,.12) !important;
}


/* Capability separators */

body.home-v2 .ff-engine-capabilities > div{
    border-right:
        1px solid rgba(216,199,255,.10) !important;
}


/* Capability icon */

body.home-v2 .ff-engine-capabilities span{
    background:
        rgba(132,85,218,.10) !important;

    border:
        1px solid rgba(190,158,255,.25) !important;

    color:#dabfff !important;
}


/* Capability text */

body.home-v2 .ff-engine-capabilities b{
    color:#ffffff !important;

    font-size:10px !important;
    font-weight:700 !important;

    text-shadow:
        0 2px 7px rgba(0,0,0,.58);
}


body.home-v2 .ff-engine-capabilities small{
    color:rgba(230,224,240,.72) !important;

    font-size:7.5px !important;

    text-shadow:
        0 2px 6px rgba(0,0,0,.48);
}


/* =========================================================
   3. CONNECTED WITH — REAL GLASS
========================================================= */

body.home-v2 .ff-engine-integrations{
    left:14px;
    right:14px;
    bottom:14px;

    min-height:62px;

    padding:
        8px 14px;

    /* More width for bigger label */
    grid-template-columns:
        118px
        minmax(0,1fr) !important;

    gap:12px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.048),
            rgba(127,91,220,.028),
            rgba(255,255,255,.015)
        ) !important;

    border:
        1px solid rgba(186,158,255,.30) !important;

    -webkit-backdrop-filter:
        blur(16px) saturate(155%) !important;

    backdrop-filter:
        blur(16px) saturate(155%) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 10px 24px rgba(0,0,0,.11) !important;
}


/* =========================================================
   CONNECTED WITH — BIG + READABLE
========================================================= */

body.home-v2 .ff-engine-integrations-label{
    display:flex !important;
    align-items:center !important;

    color:#ffffff !important;

    font-family:
        'Inter',
        sans-serif !important;

    font-size:10.5px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:.065em !important;

    text-transform:uppercase;

    white-space:nowrap;

    opacity:1 !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.80),
        0 0 12px rgba(128,86,220,.18);
}


/* Add small purple dot before Connected With */

body.home-v2 .ff-engine-integrations-label::before{
    content:"";

    width:6px;
    height:6px;

    flex:0 0 6px;

    margin-right:8px;

    border-radius:50%;

    background:#ae7cff;

    box-shadow:
        0 0 9px rgba(174,124,255,.60);
}


/* =========================================================
   INTEGRATION LOGO ALIGNMENT
========================================================= */

body.home-v2 .ff-engine-integration-track{
    width:100%;

    display:grid !important;

    grid-template-columns:
        repeat(10,minmax(0,1fr)) !important;

    align-items:center;
    justify-items:center;

    gap:6px !important;
}


/* White logo circles remain clean */

body.home-v2 .ff-engine-brand{
    width:38px;
    height:38px;

    min-width:38px;

    padding:6px;

    border-radius:50%;

    background:
        rgba(255,255,255,.96) !important;

    border:
        1px solid rgba(255,255,255,.86) !important;

    box-shadow:
        0 5px 13px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:800px){

    body.home-v2 .ff-engine-integrations{
        grid-template-columns:
            94px minmax(0,1fr) !important;

        padding:7px 9px;
    }

    body.home-v2 .ff-engine-integrations-label{
        font-size:8px !important;
    }

    body.home-v2 .ff-engine-integrations-label::before{
        width:5px;
        height:5px;

        flex-basis:5px;

        margin-right:5px;
    }

    body.home-v2 .ff-engine-capabilities b{
        font-size:7.5px !important;
    }
}


@media(max-width:560px){

    body.home-v2 .ff-engine-integrations{
        grid-template-columns:
            72px minmax(0,1fr) !important;
    }

    body.home-v2 .ff-engine-integrations-label{
        font-size:6px !important;

        letter-spacing:.035em !important;
    }

    body.home-v2 .ff-engine-brand{
        width:24px;
        height:24px;

        min-width:24px;
    }
}
/* =========================================================
   FULFILIX HOME — READABILITY + ALIGNMENT MASTER OVERRIDE
   2026-09-12
   Keep this block LAST in home-v2.css.
   Does not touch navbar/footer styling.
   ========================================================= */

body.home-v2 {
  --ff-copy-readable: #c4bbd0;
  --ff-copy-soft: #aaa1b7;
  --ff-heading-readable: #fbfaff;
}

/* ---------- GLOBAL CONTENT RHYTHM ---------- */
body.home-v2 .ff-section {
  padding-top: 124px;
  padding-bottom: 124px;
}

body.home-v2 .ff-section-head {
  width: min(920px, 100%);
  margin-bottom: 64px;
}

body.home-v2 .ff-section-head h2,
body.home-v2 .ff-section-split-head h2,
body.home-v2 .ff-automation-copy h2,
body.home-v2 .ff-why-copy h2,
body.home-v2 .ff-faq-aside h2,
body.home-v2 .ff-cta-copy h2 {
  color: var(--ff-heading-readable);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.045em;
}

body.home-v2 .ff-section-head h2 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(42px, 3.25vw, 58px);
  text-align: center;
}

body.home-v2 .ff-section-head p,
body.home-v2 .ff-section-split-head p,
body.home-v2 .ff-automation-copy > p,
body.home-v2 .ff-why-copy > p,
body.home-v2 .ff-faq-aside > p,
body.home-v2 .ff-cta-copy > p,
body.home-v2 .ff-product-card p,
body.home-v2 .ff-bento-card p,
body.home-v2 #pricing .pricing-card p,
body.home-v2 #pricing .pricing-card li,
body.home-v2 .ff-check-list li,
body.home-v2 .ff-stories-slider .t-quote,
body.home-v2 .ff-faq .faq-answer-inner {
  color: var(--ff-copy-readable) !important;
}

body.home-v2 .ff-section-head p {
  max-width: 760px;
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.75;
}

body.home-v2 .ff-kicker,
body.home-v2 .ff-eyebrow {
  font-size: 12px;
  padding: 8px 14px;
  letter-spacing: .11em;
}

/* ---------- BUTTONS ---------- */
body.home-v2 .ff-btn {
  min-height: 54px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15px;
}

/* ---------- HERO ---------- */
body.home-v2 .ff-hero {
  min-height: 850px;
  padding-top: 190px;
  padding-bottom: 88px;
}

body.home-v2 .ff-hero-layout {
  grid-template-columns: minmax(0, .94fr) minmax(590px, 1.06fr);
  gap: 70px;
}

body.home-v2 .ff-hero-copy {
  max-width: 720px;
}

body.home-v2 .ff-display {
  max-width: 720px;
  font-size: clamp(54px, 4.8vw, 76px);
  line-height: 1.03;
  letter-spacing: -.052em;
}

body.home-v2 .ff-hero-lead {
  max-width: 660px;
  margin-top: 28px;
  color: var(--ff-copy-readable);
  font-size: clamp(17px, 1.25vw, 20px);
  line-height: 1.75;
}

body.home-v2 .ff-hero-actions {
  margin-top: 34px;
}

body.home-v2 .ff-benefit-row {
  max-width: 680px;
  margin-top: 42px;
  gap: 16px;
}

body.home-v2 .ff-benefit {
  font-size: 13px;
  line-height: 1.4;
  color: #d8d1e3;
}

body.home-v2 .ff-benefit-icon {
  width: 42px;
  height: 42px;
}

/* ---------- TRUST / INTEGRATIONS ---------- */
body.home-v2 .ff-trust-rail {
  min-height: 98px;
  grid-template-columns: 210px minmax(0, 1fr) 215px;
  padding: 16px 22px;
}

body.home-v2 .ff-trust-copy {
  color: var(--ff-copy-readable);
  font-size: 13px;
  line-height: 1.45;
}

body.home-v2 .ff-trust-rating strong { font-size: 15px; }
body.home-v2 .ff-trust-rating small { font-size: 10.5px; color: var(--ff-copy-soft); }
body.home-v2 .ff-stars { font-size: 13px; }

/* ---------- PRODUCT ECOSYSTEM ---------- */
body.home-v2 .ff-products {
  padding-top: 118px;
}

body.home-v2 .ff-product-grid {
  gap: 18px;
}

body.home-v2 .ff-product-card {
  min-height: 340px;
  padding: 25px 21px 22px;
}

body.home-v2 .ff-product-brand {
  color: #a99eb6;
  font-size: 11px;
}

body.home-v2 .ff-product-card h3 {
  margin-top: 7px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.2;
}

body.home-v2 .ff-product-card p {
  font-size: 13.5px;
  line-height: 1.72;
}

body.home-v2 .ff-card-link {
  padding-top: 24px;
  font-size: 12.5px;
}

/* ---------- INDUSTRIES ---------- */
body.home-v2 .ff-section-split-head {
  grid-template-columns: minmax(0, 1.12fr) minmax(400px, .88fr);
  gap: 74px;
  margin-bottom: 46px;
}

body.home-v2 .ff-section-split-head h2 {
  max-width: 680px;
  font-size: clamp(42px, 3.5vw, 58px);
}

body.home-v2 .ff-section-split-head p {
  font-size: 16px;
  line-height: 1.7;
}

body.home-v2 .ff-text-link {
  font-size: 13.5px;
}

body.home-v2 .ff-industry-track .ff-industry-card {
  flex-basis: 270px;
  min-height: 184px;
}

body.home-v2 .ff-industry-card > span {
  left: 17px;
  right: 17px;
  bottom: 16px;
  font-size: 13.5px;
  line-height: 1.3;
}

/* ---------- METRICS ---------- */
body.home-v2 .ff-metrics-band {
  min-height: 126px;
}

body.home-v2 .ff-metric {
  gap: 16px;
  padding: 22px 30px;
}

body.home-v2 .ff-metric-icon {
  width: 46px;
  height: 46px;
}

body.home-v2 .ff-metric strong {
  font-size: 30px;
}

body.home-v2 .ff-metric small {
  color: #d0c3dd;
  font-size: 11.5px;
}

/* ---------- CORE CAPABILITIES / BENTO ---------- */
body.home-v2 .ff-features {
  padding-top: 118px;
}

body.home-v2 .ff-bento {
  gap: 18px;
}

body.home-v2 .ff-bento-card {
  min-height: 280px;
  padding: 25px;
}

body.home-v2 .ff-bento-card h3 {
  margin-bottom: 12px;
  font-size: 19px;
  line-height: 1.28;
}

body.home-v2 .ff-bento-card p {
  font-size: 13.5px;
  line-height: 1.75;
}

body.home-v2 .ff-bento-card a {
  font-size: 12.5px;
}

body.home-v2 .ff-stock-head { font-size: 10.5px; }
body.home-v2 .ff-stock-head span { font-size: 8.5px; }
body.home-v2 .ff-stock-row { font-size: 8.5px; }
body.home-v2 .ff-flow-mini { font-size: 9px; }
body.home-v2 .ff-pos-mini { font-size: 9px; }
body.home-v2 .ff-money-mini { font-size: 10px; }
body.home-v2 .ff-chip-row span { font-size: 9px; }

/* ---------- AUTOMATION COPY ---------- */
body.home-v2 .ff-automation-layout {
  grid-template-columns: minmax(450px, .76fr) minmax(720px, 1.24fr);
  gap: 66px;
}

body.home-v2 .ff-automation-copy h2 {
  max-width: 620px;
  font-size: clamp(48px, 4.15vw, 66px);
  line-height: 1.04;
}

body.home-v2 .ff-automation-copy h2 .ff-auto-heading-main,
body.home-v2 .ff-automation-copy h2 .ff-auto-heading-accent {
  line-height: 1.04 !important;
}

body.home-v2 .ff-automation-copy > p {
  max-width: 620px;
  font-size: 16.5px;
  line-height: 1.78;
}

body.home-v2 .ff-auto-stats {
  max-width: 610px;
  gap: 15px;
}

body.home-v2 .ff-auto-stats > div {
  min-height: 108px;
}

body.home-v2 .ff-auto-stats strong {
  font-size: 29px;
}

body.home-v2 .ff-auto-stats small {
  color: var(--ff-copy-readable) !important;
  font-size: 11.5px;
}

body.home-v2 .ff-automation-proof {
  gap: 24px;
  color: var(--ff-copy-readable);
  font-size: 11.5px;
}

/* ---------- AUTOMATION ENGINE READABILITY ---------- */
body.home-v2 .ff-engine-module {
  width: 214px;
  min-height: 122px;
}

body.home-v2 .ff-engine-module-copy b {
  color: #fff;
  font-size: 13px;
  line-height: 1.16;
}

body.home-v2 .ff-engine-module-copy small {
  color: #b8b0c4;
  font-size: 8.5px;
  line-height: 1.42;
}

body.home-v2 .ff-engine-capabilities b {
  color: #fff !important;
  font-size: 10.5px !important;
}

body.home-v2 .ff-engine-capabilities small {
  color: #b9b0c5 !important;
  font-size: 8px !important;
}

body.home-v2 .ff-engine-integrations-label {
  font-size: 11px !important;
}

/* ---------- PRICING: LARGER + CLEAN LEFT-ALIGNED FEATURES ---------- */
body.home-v2 #pricing .ff-section-head {
  width: min(960px, 100%);
  margin-bottom: 48px;
}

body.home-v2 #pricing .ff-section-head h2 {
  max-width: 900px;
  font-size: clamp(43px, 3.45vw, 60px);
  line-height: 1.08;
}

body.home-v2 #pricing .ff-section-head p {
  max-width: 820px;
  font-size: 17px;
}

body.home-v2 #pricing .pricing-grid {
  gap: 24px;
  max-width: 1280px;
}

body.home-v2 #pricing .pricing-card {
  min-height: 625px;
  padding: 30px;
  text-align: left;
}

body.home-v2 #pricing .pricing-card-top {
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 16px;
  min-height: 78px;
  text-align: left;
}

body.home-v2 #pricing .pricing-icon {
  width: 62px;
  height: 62px;
}

body.home-v2 #pricing .pricing-card h3 {
  font-size: 22px;
  line-height: 1.18;
  text-align: left;
}

body.home-v2 #pricing .pricing-card p {
  font-size: 13.5px;
  line-height: 1.55;
  text-align: left;
}

body.home-v2 #pricing .price span {
  font-size: clamp(34px, 2.4vw, 40px);
}

body.home-v2 #pricing .price small {
  font-size: 13px;
}

body.home-v2 #pricing .onboard {
  min-height: 62px;
  padding: 12px 14px;
}

body.home-v2 #pricing .onboard strong,
body.home-v2 #pricing .onboard span {
  font-size: 11.5px;
}

body.home-v2 #pricing .pricing-card ul {
  width: 100%;
  justify-items: stretch;
  align-items: stretch;
  gap: 12px;
  margin-top: 2px;
  margin-bottom: 28px;
  text-align: left;
}

body.home-v2 #pricing .pricing-card li {
  width: 100%;
  min-height: 22px;
  padding-left: 31px;
  text-align: left !important;
  font-size: 13.5px;
  line-height: 1.5;
}

body.home-v2 #pricing .pricing-card li::before {
  left: 0;
  top: 1px;
  width: 19px;
  height: 19px;
  background-size: 14px 14px;
}

body.home-v2 #pricing .pricing-cta {
  min-height: 52px;
  font-size: 15px;
}

body.home-v2 #pricing .pricing-assurance p strong {
  font-size: 12px;
}

body.home-v2 #pricing .pricing-assurance p small {
  font-size: 10.5px;
}

/* ---------- WHY / TESTIMONIALS ---------- */
body.home-v2 .ff-why-grid {
  grid-template-columns: minmax(0, .9fr) minmax(560px, 1.1fr);
  gap: 86px;
}

body.home-v2 .ff-why-copy h2 {
  max-width: 610px;
  font-size: clamp(46px, 4vw, 62px);
  line-height: 1.06;
}

body.home-v2 .ff-why-copy > p {
  max-width: 600px;
  font-size: 16.5px;
}

body.home-v2 .ff-check-list {
  gap: 13px;
}

body.home-v2 .ff-check-list li {
  font-size: 14px;
  line-height: 1.5;
}

body.home-v2 .ff-check-list li span {
  width: 22px;
  height: 22px;
}

body.home-v2 .ff-featured-quote blockquote {
  font-size: clamp(19px, 1.65vw, 24px);
  line-height: 1.58;
}

body.home-v2 .ff-featured-quote footer strong { font-size: 13px; }
body.home-v2 .ff-featured-quote footer small { font-size: 10px; }

body.home-v2 .ff-stories-slider .t-card {
  min-height: 255px;
}

body.home-v2 .ff-stories-slider .t-quote {
  font-size: 14px;
  line-height: 1.75;
}

body.home-v2 .ff-stories-slider .t-name {
  font-size: 13px;
}

body.home-v2 .ff-stories-slider .t-role {
  font-size: 11px;
}

/* ---------- FAQ ---------- */
body.home-v2 .ff-faq-grid {
  grid-template-columns: minmax(360px, .65fr) minmax(0, 1.35fr);
  gap: 84px;
}

body.home-v2 .ff-faq-aside h2 {
  max-width: 520px;
  font-size: clamp(44px, 3.7vw, 58px);
  line-height: 1.06;
}

body.home-v2 .ff-faq-aside > p {
  max-width: 500px;
  font-size: 16px;
  line-height: 1.72;
}

body.home-v2 .ff-faq-list {
  gap: 13px;
}

body.home-v2 .ff-faq .faq-question {
  min-height: 72px;
  padding: 0 22px;
  font-size: 14.5px;
  line-height: 1.4;
}

body.home-v2 .ff-faq .faq-answer-inner {
  padding: 0 22px 22px;
  font-size: 13.5px;
  line-height: 1.78;
}

/* ---------- FINAL CTA ---------- */
body.home-v2 .ff-cta-card {
  min-height: 360px;
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr);
  gap: 56px;
  padding: 54px 60px;
}

body.home-v2 .ff-cta-copy h2 {
  max-width: 700px;
  font-size: clamp(42px, 3.5vw, 58px);
  line-height: 1.08;
}

body.home-v2 .ff-cta-copy > p {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.72;
}

/* ---------- DESKTOP COPY CONSISTENCY ---------- */
body.home-v2 .ff-product-card p,
body.home-v2 .ff-bento-card p,
body.home-v2 .ff-section-split-head p,
body.home-v2 .ff-automation-copy > p,
body.home-v2 .ff-why-copy > p,
body.home-v2 .ff-faq-aside > p,
body.home-v2 .ff-cta-copy > p {
  text-wrap: pretty;
}

/* ---------- TABLET ---------- */
@media (max-width: 1180px) {
  body.home-v2 .ff-section { padding-top: 108px; padding-bottom: 108px; }
  body.home-v2 .ff-hero-layout { grid-template-columns: 1fr; gap: 54px; }
  body.home-v2 .ff-hero-copy { max-width: 850px; margin: 0 auto; text-align: center; }
  body.home-v2 .ff-display { max-width: 820px; margin-left: auto; margin-right: auto; }
  body.home-v2 .ff-hero-lead { margin-left: auto; margin-right: auto; }
  body.home-v2 .ff-hero-actions { justify-content: center; }
  body.home-v2 .ff-benefit-row { margin-left: auto; margin-right: auto; }
  body.home-v2 .ff-automation-layout,
  body.home-v2 .ff-why-grid,
  body.home-v2 .ff-faq-grid { grid-template-columns: 1fr; gap: 56px; }
  body.home-v2 .ff-automation-copy,
  body.home-v2 .ff-why-copy,
  body.home-v2 .ff-faq-aside { text-align: center; }
  body.home-v2 .ff-automation-copy h2,
  body.home-v2 .ff-automation-copy > p,
  body.home-v2 .ff-why-copy h2,
  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-faq-aside h2,
  body.home-v2 .ff-faq-aside > p { margin-left: auto; margin-right: auto; }
  body.home-v2 .ff-section-split-head { grid-template-columns: 1fr; gap: 22px; text-align: center; }
  body.home-v2 .ff-section-split-head h2 { margin-left: auto; margin-right: auto; }
  body.home-v2 .ff-section-split-head > div:last-child { justify-self: center; max-width: 720px; }
  body.home-v2 #pricing .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.home-v2 #pricing .pricing-card { min-height: 600px; }
}

/* ---------- MOBILE ---------- */
@media (max-width: 800px) {
  body.home-v2 .ff-section { padding-top: 88px; padding-bottom: 88px; }
  body.home-v2 .ff-section-head { margin-bottom: 44px; }
  body.home-v2 .ff-section-head h2 { font-size: clamp(34px, 8vw, 44px); }
  body.home-v2 .ff-section-head p { font-size: 15.5px; }
  body.home-v2 .ff-display { font-size: clamp(42px, 9.5vw, 58px); }
  body.home-v2 .ff-hero-lead { font-size: 16.5px; }
  body.home-v2 .ff-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.home-v2 .ff-product-card { min-height: 300px; }
  body.home-v2 .ff-product-card p,
  body.home-v2 .ff-bento-card p { font-size: 13px; }
  body.home-v2 .ff-section-split-head h2,
  body.home-v2 .ff-automation-copy h2,
  body.home-v2 .ff-why-copy h2,
  body.home-v2 .ff-faq-aside h2,
  body.home-v2 .ff-cta-copy h2 { font-size: clamp(36px, 8.5vw, 48px); }
  body.home-v2 #pricing .pricing-grid { grid-template-columns: 1fr; max-width: 620px; }
  body.home-v2 #pricing .pricing-card { min-height: auto; padding: 26px; }
  body.home-v2 #pricing .pricing-card li { font-size: 13.5px; }
  body.home-v2 .ff-faq .faq-question { font-size: 14px; }
  body.home-v2 .ff-faq .faq-answer-inner { font-size: 13px; }
  body.home-v2 .ff-cta-card { grid-template-columns: 1fr; text-align: center; padding: 42px 30px; }
  body.home-v2 .ff-cta-copy h2,
  body.home-v2 .ff-cta-copy > p { margin-left: auto; margin-right: auto; }
  body.home-v2 .ff-cta-actions { justify-content: center; }
}

@media (max-width: 560px) {
  body.home-v2 .ff-section { padding-top: 76px; padding-bottom: 76px; }
  body.home-v2 .ff-hero { padding-top: 132px; padding-bottom: 58px; }
  body.home-v2 .ff-display { font-size: clamp(38px, 10.5vw, 48px); }
  body.home-v2 .ff-section-head h2 { font-size: clamp(32px, 9vw, 40px); }
  body.home-v2 .ff-section-head p { font-size: 15px; }
  body.home-v2 .ff-product-grid { grid-template-columns: 1fr; }
  body.home-v2 .ff-product-card { min-height: 270px; }
  body.home-v2 .ff-product-card h3 { font-size: 19px; }
  body.home-v2 .ff-product-card p { font-size: 13.5px; }
  body.home-v2 .ff-bento-card h3 { font-size: 18px; }
  body.home-v2 .ff-bento-card p { font-size: 13.5px; }
  body.home-v2 .ff-auto-stats { grid-template-columns: 1fr; }
  body.home-v2 .ff-automation-proof { justify-content: center; }
  body.home-v2 #pricing .pricing-card { padding: 24px 20px; }
  body.home-v2 #pricing .pricing-card-top { grid-template-columns: 54px minmax(0, 1fr); }
  body.home-v2 #pricing .pricing-icon { width: 54px; height: 54px; }
  body.home-v2 #pricing .pricing-card h3 { font-size: 20px; }
  body.home-v2 #pricing .pricing-card p { font-size: 13px; }
  body.home-v2 #pricing .pricing-card li { font-size: 13.5px; padding-left: 30px; }
  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-faq-aside > p,
  body.home-v2 .ff-cta-copy > p { font-size: 15px; }
  body.home-v2 .ff-faq .faq-question { min-height: 68px; padding: 0 17px; }
  body.home-v2 .ff-faq .faq-answer-inner { padding: 0 17px 18px; }
}
/* =========================================================
   FULFILIX HOME V2 — FINAL TYPOGRAPHY + AUTOMATION LAYOUT FIX
   2026-09-12
   Paste this block at the VERY END of css/home-v2.css.
   Scope: homepage content only. Navbar is untouched.
   ========================================================= */

body.home-v2 {
  --ff-body-copy-final: #c9c1d4;
  --ff-body-copy-soft-final: #b6adc2;
  --ff-heading-final: #fbfaff;
}

/* =========================================================
   1) GLOBAL TYPOGRAPHY — RESTAURANT-LANDING STYLE SCALE
   ========================================================= */
body.home-v2 .ff-section {
  padding-top: 122px;
  padding-bottom: 122px;
}

body.home-v2 .ff-kicker,
body.home-v2 .ff-eyebrow {
  font-size: 12.5px !important;
  line-height: 1 !important;
  padding: 8px 14px !important;
  letter-spacing: .11em !important;
}

body.home-v2 .ff-section-head {
  width: min(940px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 58px !important;
  text-align: center !important;
}

body.home-v2 .ff-section-head h2 {
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--ff-heading-final) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(44px, 3.25vw, 60px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  text-wrap: balance;
}

body.home-v2 .ff-section-head p {
  max-width: 790px !important;
  margin: 21px auto 0 !important;
  color: var(--ff-body-copy-final) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 400 !important;
  line-height: 1.76 !important;
  text-align: center !important;
}

body.home-v2 .ff-btn {
  min-height: 54px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  font-size: 15px !important;
}

/* =========================================================
   2) HERO — CLEANER LARGE TYPE
   ========================================================= */
body.home-v2 .ff-display {
  max-width: 720px !important;
  color: #fff !important;
  font-size: clamp(54px, 4.55vw, 74px) !important;
  font-weight: 700 !important;
  line-height: 1.055 !important;
  letter-spacing: -.052em !important;
}

body.home-v2 .ff-hero-lead {
  max-width: 670px !important;
  color: var(--ff-body-copy-final) !important;
  font-size: clamp(17px, 1.22vw, 20px) !important;
  line-height: 1.78 !important;
}

body.home-v2 .ff-benefit {
  color: #ddd6e7 !important;
  font-size: 13.5px !important;
  line-height: 1.42 !important;
}

body.home-v2 .ff-trust-copy {
  color: var(--ff-body-copy-final) !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

body.home-v2 .ff-trust-rating strong { font-size: 15px !important; }
body.home-v2 .ff-trust-rating small { color: var(--ff-body-copy-soft-final) !important; font-size: 10.5px !important; }

/* =========================================================
   3) PRODUCTS / INDUSTRIES / METRICS
   ========================================================= */
body.home-v2 .ff-product-card {
  min-height: 350px !important;
  padding: 26px 22px 23px !important;
}

body.home-v2 .ff-product-brand {
  color: #aaa0b7 !important;
  font-size: 11.5px !important;
}

body.home-v2 .ff-product-card h3 {
  margin: 7px 0 12px !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.home-v2 .ff-product-card p {
  color: var(--ff-body-copy-final) !important;
  font-size: 14.5px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-card-link {
  color: #e3d8ef !important;
  font-size: 13px !important;
}

body.home-v2 .ff-section-split-head {
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr) !important;
  gap: 76px !important;
  align-items: end !important;
  margin-bottom: 46px !important;
}

body.home-v2 .ff-section-split-head h2 {
  max-width: 720px !important;
  color: var(--ff-heading-final) !important;
  font-size: clamp(45px, 3.45vw, 60px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

body.home-v2 .ff-section-split-head p {
  color: var(--ff-body-copy-final) !important;
  font-size: 16.5px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-text-link { font-size: 13.5px !important; }
body.home-v2 .ff-industry-card > span { font-size: 14px !important; line-height: 1.3 !important; }

body.home-v2 .ff-metric strong { font-size: 30px !important; }
body.home-v2 .ff-metric small { color: #d8cce5 !important; font-size: 11.5px !important; }

/* =========================================================
   4) CORE CAPABILITIES / BENTO
   ========================================================= */
body.home-v2 .ff-bento-card {
  min-height: 290px !important;
  padding: 26px !important;
}

body.home-v2 .ff-bento-card h3 {
  margin-bottom: 12px !important;
  color: #fff !important;
  font-size: 19.5px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
}

body.home-v2 .ff-bento-card p {
  color: var(--ff-body-copy-final) !important;
  font-size: 14.25px !important;
  line-height: 1.74 !important;
}

body.home-v2 .ff-bento-card a { font-size: 12.75px !important; }
body.home-v2 .ff-stock-head { font-size: 10.5px !important; }
body.home-v2 .ff-stock-head span { font-size: 8.5px !important; }
body.home-v2 .ff-stock-row { font-size: 8.6px !important; }
body.home-v2 .ff-flow-mini,
body.home-v2 .ff-pos-mini { font-size: 9.25px !important; }
body.home-v2 .ff-money-mini { font-size: 10.25px !important; }
body.home-v2 .ff-chip-row span { font-size: 9.25px !important; }

/* =========================================================
   5) AUTOMATION — FIX HEADING OVERLAP WITH 3D ENGINE
   Restaurant-page-like left copy sizing and spacing.
   ========================================================= */
body.home-v2 .ff-automation {
  padding-top: 118px !important;
  padding-bottom: 118px !important;
}

body.home-v2 .ff-automation-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 540px) minmax(0, 1fr) !important;
  gap: 74px !important;
  align-items: center !important;
}

body.home-v2 .ff-automation-copy {
  position: relative !important;
  z-index: 5 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 540px !important;
  text-align: left !important;
}

body.home-v2 .ff-automation-copy .ff-kicker {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 22px !important;
}

body.home-v2 .ff-automation-copy h2 {
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(48px, 3.45vw, 56px) !important;
  font-weight: 700 !important;
  line-height: 1.055 !important;
  letter-spacing: -.045em !important;
  text-align: left !important;
  text-wrap: initial !important;
}

body.home-v2 .ff-automation-copy h2 .ff-auto-heading-main,
body.home-v2 .ff-automation-copy h2 .ff-auto-heading-accent {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 1.055 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.home-v2 .ff-automation-copy h2 .ff-auto-heading-main {
  color: #fff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

body.home-v2 .ff-automation-copy h2 .ff-auto-heading-accent {
  margin-top: 3px !important;
  background: linear-gradient(100deg, #b579ff 0%, #8e4ef7 48%, #df4dab 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

body.home-v2 .ff-automation-copy > p {
  width: 100% !important;
  max-width: 535px !important;
  margin: 25px 0 0 !important;
  color: var(--ff-body-copy-final) !important;
  font-size: 16.5px !important;
  line-height: 1.78 !important;
  text-align: left !important;
}

body.home-v2 .ff-auto-stats {
  width: 100% !important;
  max-width: 535px !important;
  margin: 31px 0 28px !important;
  gap: 14px !important;
}

body.home-v2 .ff-auto-stats > div {
  min-height: 106px !important;
}

body.home-v2 .ff-auto-stats strong {
  font-size: 29px !important;
}

body.home-v2 .ff-auto-stats small {
  color: var(--ff-body-copy-final) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

body.home-v2 .ff-automation-copy > .ff-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.home-v2 .ff-automation-proof {
  justify-content: flex-start !important;
  gap: 20px !important;
  margin-top: 28px !important;
  color: var(--ff-body-copy-final) !important;
  font-size: 11.5px !important;
}

/* Engine stays inside its own grid column — never under heading */
body.home-v2 .ff-engine-stage {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 790px !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

/* =========================================================
   6) 3D ENGINE MODULES — FIX TITLE ALIGNMENT + READABILITY
   ========================================================= */
body.home-v2 .ff-engine-module {
  width: 250px !important;
  min-height: 124px !important;
  padding: 12px !important;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  gap: 10px !important;
  align-items: center !important;
}

body.home-v2 .ff-engine-module-copy {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
  text-align: left !important;
}

body.home-v2 .ff-engine-module-copy > div {
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  text-align: left !important;
}

body.home-v2 .ff-engine-module-icon {
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  align-self: center !important;
}

body.home-v2 .ff-engine-module-icon svg {
  width: 17px !important;
  height: 17px !important;
}

body.home-v2 .ff-engine-module-copy b {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: -.018em !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

body.home-v2 .ff-engine-module-copy small {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: rgba(236,231,244,.86) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 8.25px !important;
  font-weight: 500 !important;
  line-height: 1.38 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.home-v2 .ff-engine-module-preview {
  width: 82px !important;
  height: 66px !important;
  align-self: center !important;
}

body.home-v2 .ff-engine-capabilities {
  min-height: 78px !important;
}

body.home-v2 .ff-engine-capabilities > div {
  grid-template-columns: 34px minmax(0,1fr) !important;
  column-gap: 9px !important;
  padding: 10px 9px !important;
  text-align: left !important;
}

body.home-v2 .ff-engine-capabilities b {
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

body.home-v2 .ff-engine-capabilities small {
  color: rgba(226,220,236,.78) !important;
  font-size: 7.8px !important;
  line-height: 1.3 !important;
}

body.home-v2 .ff-engine-integrations-label {
  font-size: 10.5px !important;
}

/* =========================================================
   7) PRICING — LEFT-ALIGNED FEATURE TEXT BESIDE CHECKS
   ========================================================= */
body.home-v2 #pricing .pricing-card {
  text-align: left !important;
}

body.home-v2 #pricing .pricing-card h3 {
  font-size: 22px !important;
  text-align: left !important;
}

body.home-v2 #pricing .pricing-card p {
  color: var(--ff-body-copy-final) !important;
  font-size: 13.75px !important;
  line-height: 1.58 !important;
  text-align: left !important;
}

body.home-v2 #pricing .pricing-card ul {
  width: 100% !important;
  display: grid !important;
  justify-items: stretch !important;
  gap: 12px !important;
  padding: 0 !important;
  text-align: left !important;
}

body.home-v2 #pricing .pricing-card li {
  position: relative !important;
  width: 100% !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 1px 0 1px 31px !important;
  color: var(--ff-body-copy-final) !important;
  font-size: 13.75px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  justify-self: stretch !important;
}

body.home-v2 #pricing .pricing-card li::before {
  left: 0 !important;
  top: 1px !important;
}

/* =========================================================
   8) WHY / TESTIMONIALS / FAQ / CTA
   ========================================================= */
body.home-v2 .ff-why-copy h2,
body.home-v2 .ff-faq-aside h2,
body.home-v2 .ff-cta-copy h2 {
  color: var(--ff-heading-final) !important;
  font-weight: 700 !important;
  line-height: 1.07 !important;
  letter-spacing: -.045em !important;
}

body.home-v2 .ff-why-copy h2 {
  max-width: 620px !important;
  font-size: clamp(47px, 3.85vw, 60px) !important;
}

body.home-v2 .ff-why-copy > p,
body.home-v2 .ff-faq-aside > p,
body.home-v2 .ff-cta-copy > p {
  color: var(--ff-body-copy-final) !important;
  font-size: 16.5px !important;
  line-height: 1.75 !important;
}

body.home-v2 .ff-check-list li {
  color: #d2cadb !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.home-v2 .ff-featured-quote blockquote {
  color: #eee8f4 !important;
  font-size: clamp(19px, 1.6vw, 24px) !important;
  line-height: 1.58 !important;
}

body.home-v2 .ff-stories-slider .t-quote {
  color: var(--ff-body-copy-final) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

body.home-v2 .ff-faq-aside h2 {
  max-width: 520px !important;
  font-size: clamp(45px, 3.6vw, 58px) !important;
}

body.home-v2 .ff-faq .faq-question {
  min-height: 74px !important;
  padding: 0 22px !important;
  color: #f2edf6 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

body.home-v2 .ff-faq .faq-answer-inner {
  padding: 0 22px 22px !important;
  color: var(--ff-body-copy-final) !important;
  font-size: 13.75px !important;
  line-height: 1.78 !important;
}

body.home-v2 .ff-cta-copy h2 {
  max-width: 720px !important;
  font-size: clamp(44px, 3.45vw, 58px) !important;
}

/* =========================================================
   RESPONSIVE — KEEP EVERYTHING READABLE WITHOUT OVERLAP
   ========================================================= */
@media (max-width: 1280px) {
  body.home-v2 .ff-automation-layout {
    grid-template-columns: minmax(0, 500px) minmax(0, 1fr) !important;
    gap: 44px !important;
  }

  body.home-v2 .ff-automation-copy,
  body.home-v2 .ff-automation-copy h2 {
    max-width: 500px !important;
  }

  body.home-v2 .ff-automation-copy h2 {
    font-size: clamp(44px, 3.55vw, 52px) !important;
  }

  body.home-v2 .ff-engine-stage {
    max-width: 650px !important;
  }

  body.home-v2 .ff-engine-module {
    width: 226px !important;
    grid-template-columns: minmax(0,1fr) 72px !important;
  }

  body.home-v2 .ff-engine-module-preview {
    width: 72px !important;
    height: 60px !important;
  }

  body.home-v2 .ff-engine-module-copy {
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  body.home-v2 .ff-engine-module-icon {
    width: 30px !important;
    height: 30px !important;
  }

  body.home-v2 .ff-engine-module-copy b {
    font-size: 12px !important;
  }

  body.home-v2 .ff-engine-module-copy small {
    font-size: 7.5px !important;
  }
}

@media (max-width: 1180px) {
  body.home-v2 .ff-section {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  body.home-v2 .ff-automation-layout {
    grid-template-columns: 1fr !important;
    gap: 58px !important;
  }

  body.home-v2 .ff-automation-copy {
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  body.home-v2 .ff-automation-copy .ff-kicker {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-automation-copy h2 {
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(44px, 5vw, 56px) !important;
    text-align: center !important;
  }

  body.home-v2 .ff-automation-copy > p {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.home-v2 .ff-auto-stats {
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-automation-copy > .ff-btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-automation-proof {
    justify-content: center !important;
  }

  body.home-v2 .ff-engine-stage {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-section-split-head {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    text-align: center !important;
  }

  body.home-v2 .ff-section-split-head h2 {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 800px) {
  body.home-v2 .ff-section {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
  }

  body.home-v2 .ff-section-head h2 {
    font-size: clamp(35px, 8vw, 45px) !important;
  }

  body.home-v2 .ff-section-head p {
    font-size: 15.5px !important;
  }

  body.home-v2 .ff-product-card p,
  body.home-v2 .ff-bento-card p {
    font-size: 13.5px !important;
  }

  body.home-v2 .ff-automation-copy h2 {
    font-size: clamp(38px, 8vw, 48px) !important;
  }

  body.home-v2 .ff-engine-module {
    width: 172px !important;
    min-height: 100px !important;
    padding: 8px !important;
    grid-template-columns: minmax(0,1fr) 58px !important;
    gap: 7px !important;
  }

  body.home-v2 .ff-engine-module-copy {
    grid-template-columns: 26px minmax(0,1fr) !important;
    gap: 6px !important;
  }

  body.home-v2 .ff-engine-module-icon {
    width: 26px !important;
    height: 26px !important;
  }

  body.home-v2 .ff-engine-module-copy b {
    font-size: 9.8px !important;
    line-height: 1.15 !important;
  }

  body.home-v2 .ff-engine-module-copy small {
    font-size: 6.3px !important;
  }

  body.home-v2 .ff-engine-module-preview {
    width: 58px !important;
    height: 50px !important;
  }

  body.home-v2 .ff-engine-capabilities > div {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.home-v2 .ff-engine-capabilities b {
    font-size: 7.4px !important;
  }

  body.home-v2 .ff-engine-capabilities small {
    display: none !important;
  }
}

@media (max-width: 560px) {
  body.home-v2 .ff-section {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }

  body.home-v2 .ff-section-head h2 {
    font-size: clamp(32px, 9vw, 40px) !important;
  }

  body.home-v2 .ff-section-head p {
    font-size: 15px !important;
  }

  body.home-v2 .ff-automation-copy h2 {
    font-size: clamp(35px, 10vw, 43px) !important;
  }

  body.home-v2 .ff-automation-copy > p {
    font-size: 15.5px !important;
  }

  body.home-v2 .ff-auto-stats {
    grid-template-columns: 1fr !important;
  }

  body.home-v2 .ff-engine-module {
    width: 126px !important;
    min-height: 78px !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  body.home-v2 .ff-engine-module-copy {
    grid-template-columns: 23px minmax(0,1fr) !important;
    gap: 5px !important;
  }

  body.home-v2 .ff-engine-module-icon {
    width: 23px !important;
    height: 23px !important;
  }

  body.home-v2 .ff-engine-module-copy b {
    font-size: 7.8px !important;
  }

  body.home-v2 .ff-engine-module-copy small {
    display: none !important;
  }

  body.home-v2 .ff-engine-module-preview {
    width: 100% !important;
    height: 35px !important;
  }

  body.home-v2 #pricing .pricing-card li {
    font-size: 13.5px !important;
  }
}


/* =========================================================
   FULFILIX HOME — RETAIL + DROPSHIPPING CONTENT PATCH
   Added for the expanded product ecosystem on index.php.
   ========================================================= */

/* Seven product cards read better as a premium 4 + 3 layout than six narrow columns. */
body.home-v2 .ff-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

body.home-v2 .ff-product-card {
  min-width: 0;
}

body.home-v2 .ff-product-dropshipping::after {
  opacity: .55;
  background: linear-gradient(90deg, transparent, rgba(190,150,255,.68), transparent);
}

/* Keep the expanded industry marquee consistent after adding Dropshipping. */
body.home-v2 .ff-industry-track .ff-industry-card {
  flex: 0 0 244px;
}

/* Retail / Dropshipping capability cards use the same footer-link rhythm as Pharmacy/Admin. */
body.home-v2 .ff-bento-card .ff-inline-link {
  left: 22px;
  right: 22px;
  bottom: 22px;
  width: fit-content;
}

/* Give bento cards enough breathing room now that product-specific capability cards are present. */
body.home-v2 .ff-bento-card {
  min-height: 270px;
}

/* Responsive product ecosystem */
@media (max-width: 1280px) {
  body.home-v2 .ff-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  body.home-v2 .ff-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.home-v2 .ff-industry-track .ff-industry-card {
    flex-basis: 210px;
  }
}

@media (max-width: 560px) {
  body.home-v2 .ff-product-grid {
    grid-template-columns: 1fr;
  }

  body.home-v2 .ff-bento-card {
    min-height: 250px;
  }

  body.home-v2 .ff-industry-track .ff-industry-card {
    flex-basis: 188px;
  }
}


/* =========================================================
   FULFILIX HOME — FINAL LARGE & READABLE TYPOGRAPHY OVERRIDE
   2026-09-12
   IMPORTANT:
   - KEEP THIS BLOCK AT THE VERY END OF home-v2.css
   - Does NOT change navbar layout.
   - Increases all homepage content typography and supporting UI text.
   ========================================================= */

body.home-v2 {
  --ff-readable-body: #d0c7da;
  --ff-readable-soft: #b2a9bf;
  --ff-readable-heading: #fbfaff;
}

/* ---------- MAIN SECTION TYPOGRAPHY ---------- */
body.home-v2 .ff-section-head {
  width: min(1040px, 100%) !important;
  margin-bottom: 72px !important;
}

body.home-v2 .ff-section-head h2 {
  max-width: 1000px !important;
  font-size: clamp(48px, 3.65vw, 66px) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;
  letter-spacing: -.045em !important;
}

body.home-v2 .ff-section-head p {
  max-width: 840px !important;
  margin-top: 22px !important;
  color: var(--ff-readable-body) !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-kicker,
body.home-v2 .ff-eyebrow {
  padding: 9px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
}

/* ---------- HERO ---------- */
body.home-v2 .ff-display {
  max-width: 760px !important;
  font-size: clamp(60px, 5.15vw, 84px) !important;
  line-height: 1.015 !important;
  font-weight: 700 !important;
}

body.home-v2 .ff-hero-lead {
  max-width: 690px !important;
  color: var(--ff-readable-body) !important;
  font-size: clamp(18px, 1.35vw, 21px) !important;
  line-height: 1.74 !important;
}

body.home-v2 .ff-btn {
  min-height: 56px !important;
  padding-left: 27px !important;
  padding-right: 27px !important;
  font-size: 15.5px !important;
}

body.home-v2 .ff-benefit {
  color: #e1d9e9 !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
}

body.home-v2 .ff-benefit-icon {
  width: 44px !important;
  height: 44px !important;
}

/* ---------- TRUST STRIP ---------- */
body.home-v2 .ff-trust-copy {
  color: #ddd5e5 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body.home-v2 .ff-trust-rating strong {
  font-size: 16px !important;
}

body.home-v2 .ff-trust-rating small {
  color: #b6adbf !important;
  font-size: 11.5px !important;
}

body.home-v2 .ff-stars {
  font-size: 14px !important;
}

/* ---------- PRODUCT ECOSYSTEM ---------- */
body.home-v2 .ff-product-card {
  min-height: 375px !important;
  padding: 28px 24px 24px !important;
}

body.home-v2 .ff-product-brand {
  color: #b8aec2 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body.home-v2 .ff-product-card h3 {
  margin: 8px 0 14px !important;
  font-size: 23px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
}

body.home-v2 .ff-product-card p {
  color: var(--ff-readable-body) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-card-link {
  padding-top: 26px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

/* ---------- INDUSTRIES ---------- */
body.home-v2 .ff-section-split-head h2 {
  max-width: 760px !important;
  font-size: clamp(48px, 3.7vw, 64px) !important;
  line-height: 1.07 !important;
}

body.home-v2 .ff-section-split-head p {
  color: var(--ff-readable-body) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-text-link {
  font-size: 15px !important;
}

body.home-v2 .ff-industry-card > span {
  font-size: 15px !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
}

/* ---------- METRICS ---------- */
body.home-v2 .ff-metric strong {
  font-size: 33px !important;
}

body.home-v2 .ff-metric small {
  color: #ddd0e8 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

/* ---------- CORE CAPABILITIES / BENTO ---------- */
body.home-v2 .ff-bento-card {
  min-height: 310px !important;
  padding: 28px !important;
}

body.home-v2 .ff-bento-card h3 {
  margin-bottom: 13px !important;
  color: #fbf8ff !important;
  font-size: 21px !important;
  line-height: 1.27 !important;
  font-weight: 700 !important;
}

body.home-v2 .ff-bento-card p {
  color: var(--ff-readable-body) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-bento-card a {
  font-size: 14px !important;
  font-weight: 650 !important;
}

/* Mini functional UI inside bento cards */
body.home-v2 .ff-stock-head { font-size: 12px !important; }
body.home-v2 .ff-stock-head span { font-size: 10px !important; }
body.home-v2 .ff-stock-row { font-size: 10px !important; }
body.home-v2 .ff-flow-mini { font-size: 10.5px !important; }
body.home-v2 .ff-pos-mini { font-size: 10.5px !important; }
body.home-v2 .ff-money-mini { font-size: 11px !important; }
body.home-v2 .ff-chip-row span { font-size: 10px !important; }

/* ---------- AUTOMATION ---------- */
body.home-v2 .ff-automation-copy h2 {
  max-width: 650px !important;
  font-size: clamp(50px, 3.8vw, 62px) !important;
  line-height: 1.045 !important;
  font-weight: 700 !important;
}

body.home-v2 .ff-automation-copy > p {
  max-width: 620px !important;
  color: var(--ff-readable-body) !important;
  font-size: 17px !important;
  line-height: 1.76 !important;
}

body.home-v2 .ff-auto-stats strong {
  font-size: 31px !important;
}

body.home-v2 .ff-auto-stats small {
  color: #bcb2c7 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.home-v2 .ff-automation-proof {
  color: #c7bdcf !important;
  font-size: 11.5px !important;
}

/* Automation moving cards */
body.home-v2 .ff-engine-module-copy b {
  font-size: 15px !important;
  line-height: 1.15 !important;
}

body.home-v2 .ff-engine-module-copy small {
  color: rgba(242,237,250,.90) !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}

body.home-v2 .ff-engine-capabilities b {
  font-size: 10.5px !important;
}

body.home-v2 .ff-engine-capabilities small {
  font-size: 8px !important;
}

body.home-v2 .ff-engine-integrations-label {
  font-size: 11px !important;
}

/* ---------- PRICING ---------- */
body.home-v2 #pricing .pricing-card {
  min-height: 635px !important;
  padding: 30px !important;
}

body.home-v2 #pricing .pricing-card h3 {
  font-size: 24px !important;
  line-height: 1.2 !important;
}

body.home-v2 #pricing .pricing-card p {
  color: var(--ff-readable-body) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

body.home-v2 #pricing .price span {
  font-size: clamp(35px, 2.55vw, 42px) !important;
}

body.home-v2 #pricing .price small {
  font-size: 13.5px !important;
}

body.home-v2 #pricing .onboard strong,
body.home-v2 #pricing .onboard span {
  font-size: 11.5px !important;
}

body.home-v2 #pricing .pricing-card li {
  color: #d1c8da !important;
  font-size: 14.5px !important;
  line-height: 1.52 !important;
}

body.home-v2 #pricing .pricing-toggle button {
  font-size: 14px !important;
}

body.home-v2 #pricing .pricing-assurance strong {
  font-size: 12.5px !important;
}

body.home-v2 #pricing .pricing-assurance small {
  color: #aaa1b3 !important;
  font-size: 10.5px !important;
}

/* ---------- WHY / TESTIMONIALS ---------- */
body.home-v2 .ff-why-copy h2 {
  max-width: 680px !important;
  font-size: clamp(52px, 4vw, 64px) !important;
  line-height: 1.05 !important;
}

body.home-v2 .ff-why-copy > p {
  max-width: 620px !important;
  color: var(--ff-readable-body) !important;
  font-size: 17px !important;
  line-height: 1.76 !important;
}

body.home-v2 .ff-check-list li {
  color: #d9d0e0 !important;
  font-size: 15.5px !important;
  line-height: 1.5 !important;
}

body.home-v2 .ff-featured-quote blockquote {
  color: #f0eaf5 !important;
  font-size: clamp(21px, 1.7vw, 26px) !important;
  line-height: 1.58 !important;
}

body.home-v2 .ff-featured-quote footer strong {
  font-size: 14px !important;
}

body.home-v2 .ff-featured-quote footer small {
  color: #aaa0b5 !important;
  font-size: 11px !important;
}

body.home-v2 .ff-stories-slider .t-quote {
  color: var(--ff-readable-body) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

body.home-v2 .ff-stories-slider .t-name {
  font-size: 13.5px !important;
}

body.home-v2 .ff-stories-slider .t-role {
  color: #aaa0b5 !important;
  font-size: 11.5px !important;
}

/* ---------- FAQ ---------- */
body.home-v2 .ff-faq-aside h2 {
  max-width: 580px !important;
  font-size: clamp(50px, 3.75vw, 62px) !important;
  line-height: 1.06 !important;
}

body.home-v2 .ff-faq-aside > p {
  color: var(--ff-readable-body) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

body.home-v2 .ff-faq .faq-question {
  min-height: 78px !important;
  padding: 0 24px !important;
  color: #f5f0f8 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}

body.home-v2 .ff-faq .faq-answer-inner {
  padding: 0 24px 24px !important;
  color: var(--ff-readable-body) !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}

/* ---------- FINAL CTA ---------- */
body.home-v2 .ff-cta-copy h2 {
  max-width: 760px !important;
  font-size: clamp(49px, 3.7vw, 62px) !important;
  line-height: 1.06 !important;
}

body.home-v2 .ff-cta-copy > p {
  color: var(--ff-readable-body) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* ---------- FOOTER CONTENT ---------- */
body.home-v2 .ff-footer-brand > p {
  color: #bcb2c6 !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

body.home-v2 .ff-footer-grid h3 {
  color: #f1ebf4 !important;
  font-size: 14px !important;
}

body.home-v2 .ff-footer-grid a {
  color: #afa5ba !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

body.home-v2 .ff-footer-subscribe p {
  color: #afa5ba !important;
  font-size: 12.5px !important;
  line-height: 1.6 !important;
}

body.home-v2 .ff-subscribe-ui {
  font-size: 11.5px !important;
}

body.home-v2 .ff-footer-bottom {
  color: #978da2 !important;
  font-size: 11px !important;
}

/* =========================================================
   RESPONSIVE TYPOGRAPHY
   ========================================================= */

@media (max-width: 1280px) {
  body.home-v2 .ff-display {
    font-size: clamp(56px, 5vw, 74px) !important;
  }

  body.home-v2 .ff-product-card p,
  body.home-v2 .ff-bento-card p,
  body.home-v2 #pricing .pricing-card p {
    font-size: 14.5px !important;
  }
}

@media (max-width: 800px) {
  body.home-v2 .ff-section-head h2 {
    font-size: clamp(38px, 8vw, 49px) !important;
  }

  body.home-v2 .ff-section-head p,
  body.home-v2 .ff-section-split-head p,
  body.home-v2 .ff-automation-copy > p,
  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-faq-aside > p,
  body.home-v2 .ff-cta-copy > p {
    font-size: 16px !important;
  }

  body.home-v2 .ff-display {
    font-size: clamp(46px, 9.5vw, 62px) !important;
  }

  body.home-v2 .ff-hero-lead {
    font-size: 17px !important;
  }

  body.home-v2 .ff-product-card h3,
  body.home-v2 .ff-bento-card h3 {
    font-size: 20px !important;
  }

  body.home-v2 .ff-product-card p,
  body.home-v2 .ff-bento-card p {
    font-size: 14.5px !important;
  }

  body.home-v2 #pricing .pricing-card li {
    font-size: 14px !important;
  }

  body.home-v2 .ff-faq .faq-question {
    font-size: 15px !important;
  }

  body.home-v2 .ff-faq .faq-answer-inner {
    font-size: 14px !important;
  }
}

@media (max-width: 560px) {
  body.home-v2 .ff-kicker,
  body.home-v2 .ff-eyebrow {
    font-size: 10.5px !important;
  }

  body.home-v2 .ff-display {
    font-size: clamp(40px, 11vw, 52px) !important;
  }

  body.home-v2 .ff-hero-lead {
    font-size: 16px !important;
  }

  body.home-v2 .ff-section-head h2,
  body.home-v2 .ff-section-split-head h2,
  body.home-v2 .ff-why-copy h2,
  body.home-v2 .ff-faq-aside h2,
  body.home-v2 .ff-cta-copy h2 {
    font-size: clamp(34px, 9.2vw, 43px) !important;
  }

  body.home-v2 .ff-section-head p,
  body.home-v2 .ff-section-split-head p,
  body.home-v2 .ff-automation-copy > p,
  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-faq-aside > p,
  body.home-v2 .ff-cta-copy > p {
    font-size: 15.5px !important;
    line-height: 1.72 !important;
  }

  body.home-v2 .ff-product-card p,
  body.home-v2 .ff-bento-card p,
  body.home-v2 #pricing .pricing-card p,
  body.home-v2 #pricing .pricing-card li,
  body.home-v2 .ff-stories-slider .t-quote,
  body.home-v2 .ff-faq .faq-answer-inner {
    font-size: 14px !important;
  }

  body.home-v2 .ff-benefit {
    font-size: 12.5px !important;
  }

  body.home-v2 .ff-footer-brand > p {
    font-size: 13px !important;
  }

  body.home-v2 .ff-footer-grid h3 {
    font-size: 13.5px !important;
  }

  body.home-v2 .ff-footer-grid a,
  body.home-v2 .ff-footer-subscribe p {
    font-size: 12px !important;
  }
}


/* =========================================================
   FULFILIX HOME — PROFESSIONAL HEADING ALIGNMENT FINAL PATCH
   2026-09-12
   KEEP THIS BLOCK AT THE ABSOLUTE END OF home-v2.css.
   Purpose:
   - balanced desktop line breaks
   - better text/visual proportions
   - consistent left edges
   - professional SaaS landing-page heading rhythm
   ========================================================= */

/* Reusable controlled heading lines */
body.home-v2 .ff-heading-line {
  display: block !important;
  width: fit-content;
  max-width: 100%;
}

body.home-v2 .ff-heading-line-white {
  color: #fbfaff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

body.home-v2 .ff-heading-line-accent {
  background: linear-gradient(100deg, #b579ff 0%, #9354f4 48%, #df4dab 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* ---------------------------------------------------------
   1) HERO — balanced 3-line title + better visual ratio
   --------------------------------------------------------- */
body.home-v2 .ff-hero {
  min-height: 820px !important;
  padding-top: 168px !important;
  padding-bottom: 78px !important;
}

body.home-v2 .ff-hero-layout {
  grid-template-columns: minmax(560px, .92fr) minmax(620px, 1.08fr) !important;
  gap: 58px !important;
  align-items: center !important;
}

body.home-v2 .ff-hero-copy {
  width: 100%;
  max-width: 650px !important;
  align-self: center;
}

body.home-v2 .ff-hero-copy .ff-eyebrow {
  margin-bottom: 22px !important;
}

body.home-v2 .ff-display-pro {
  width: 100% !important;
  max-width: 650px !important;
  margin: 0 !important;
  font-size: clamp(58px, 4.25vw, 72px) !important;
  line-height: .99 !important;
  letter-spacing: -.052em !important;
  text-wrap: initial !important;
}

body.home-v2 .ff-display-pro .ff-heading-line {
  white-space: nowrap;
}

body.home-v2 .ff-display-pro .ff-heading-line:nth-child(2) {
  margin-top: 8px;
}

body.home-v2 .ff-display-pro .ff-heading-line:nth-child(3) {
  margin-top: 2px;
}

body.home-v2 .ff-hero-lead {
  max-width: 625px !important;
  margin-top: 26px !important;
}

body.home-v2 .ff-hero-actions {
  margin-top: 30px !important;
}

body.home-v2 .ff-benefit-row {
  max-width: 640px !important;
  margin-top: 36px !important;
}

body.home-v2 .ff-hero-stage {
  min-height: 560px !important;
}

body.home-v2 .ff-hero-mock-wrap {
  width: min(100%, 690px) !important;
  margin: 0 auto !important;
}

/* ---------------------------------------------------------
   2) AUTOMATION — force exactly 2 clean lines
   --------------------------------------------------------- */
body.home-v2 .ff-automation {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

body.home-v2 .ff-automation-layout {
  grid-template-columns: minmax(540px, .84fr) minmax(690px, 1.16fr) !important;
  gap: 52px !important;
  align-items: center !important;
}

body.home-v2 .ff-automation-copy {
  width: 100%;
  max-width: 600px !important;
  align-self: center !important;
}

body.home-v2 .ff-automation-copy .ff-kicker {
  margin-bottom: 20px !important;
}

body.home-v2 .ff-pro-heading-automation {
  width: 100% !important;
  max-width: 600px !important;
  margin: 0 !important;
  font-size: clamp(50px, 3.45vw, 58px) !important;
  line-height: 1.01 !important;
  letter-spacing: -.048em !important;
  text-wrap: initial !important;
}

body.home-v2 .ff-pro-heading-automation .ff-heading-line {
  white-space: nowrap !important;
}

body.home-v2 .ff-pro-heading-automation .ff-heading-line + .ff-heading-line {
  margin-top: 7px;
}

body.home-v2 .ff-automation-copy > p {
  max-width: 585px !important;
  margin-top: 24px !important;
}

body.home-v2 .ff-auto-stats {
  max-width: 585px !important;
  margin-top: 28px !important;
  margin-bottom: 26px !important;
}

/* ---------------------------------------------------------
   3) WHY CHOOSE — clean 2-line heading, vertically centered
   --------------------------------------------------------- */
body.home-v2 .ff-why {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

body.home-v2 .ff-why-grid {
  grid-template-columns: minmax(535px, .88fr) minmax(600px, 1.12fr) !important;
  gap: 72px !important;
  align-items: center !important;
}

body.home-v2 .ff-why-copy {
  width: 100%;
  max-width: 590px !important;
  align-self: center;
}

body.home-v2 .ff-why-copy .ff-kicker {
  margin-bottom: 20px !important;
}

body.home-v2 .ff-pro-heading-why {
  width: 100% !important;
  max-width: 590px !important;
  margin: 0 !important;
  font-size: clamp(49px, 3.45vw, 57px) !important;
  line-height: 1.015 !important;
  letter-spacing: -.047em !important;
  text-wrap: initial !important;
}

body.home-v2 .ff-pro-heading-why .ff-heading-line {
  white-space: nowrap !important;
}

body.home-v2 .ff-pro-heading-why .ff-heading-line + .ff-heading-line {
  margin-top: 7px;
}

body.home-v2 .ff-why-copy > p {
  max-width: 575px !important;
  margin-top: 23px !important;
}

body.home-v2 .ff-check-list {
  margin-top: 24px !important;
  margin-bottom: 28px !important;
}

body.home-v2 .ff-featured-quote {
  min-height: 390px !important;
  align-self: center;
}

/* ---------------------------------------------------------
   4) FAQ — professional 2-line title, aligned to FAQ stack
   --------------------------------------------------------- */
body.home-v2 .ff-faq {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}

body.home-v2 .ff-faq-grid {
  grid-template-columns: minmax(470px, .72fr) minmax(680px, 1.28fr) !important;
  gap: 72px !important;
  align-items: start !important;
}

body.home-v2 .ff-faq-aside {
  top: 132px !important;
  width: 100%;
  max-width: 500px !important;
  padding-top: 8px;
}

body.home-v2 .ff-faq-aside .ff-kicker {
  margin-bottom: 20px !important;
}

body.home-v2 .ff-pro-heading-faq {
  width: 100% !important;
  max-width: 500px !important;
  margin: 0 !important;
  font-size: clamp(48px, 3.3vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.047em !important;
  text-wrap: initial !important;
}

body.home-v2 .ff-pro-heading-faq .ff-heading-line {
  white-space: nowrap !important;
}

body.home-v2 .ff-pro-heading-faq .ff-heading-line + .ff-heading-line {
  margin-top: 7px;
}

body.home-v2 .ff-faq-aside > p {
  max-width: 470px !important;
  margin-top: 23px !important;
  margin-bottom: 26px !important;
}

body.home-v2 .ff-faq-list {
  padding-top: 0 !important;
}

body.home-v2 .ff-faq .faq-item {
  border-radius: 16px !important;
}

body.home-v2 .ff-faq .faq-question {
  min-height: 76px !important;
}

/* ---------------------------------------------------------
   General desktop heading polish
   --------------------------------------------------------- */
body.home-v2 .ff-pro-heading,
body.home-v2 .ff-display-pro {
  text-align: left !important;
}

body.home-v2 .ff-pro-heading .ff-heading-line,
body.home-v2 .ff-display-pro .ff-heading-line {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------------------------------------------------------
   Medium desktop / laptop
   --------------------------------------------------------- */
@media (max-width: 1380px) {
  body.home-v2 .ff-hero-layout {
    grid-template-columns: minmax(500px, .9fr) minmax(550px, 1.1fr) !important;
    gap: 44px !important;
  }

  body.home-v2 .ff-display-pro {
    font-size: clamp(52px, 4.35vw, 66px) !important;
  }

  body.home-v2 .ff-automation-layout {
    grid-template-columns: minmax(490px, .84fr) minmax(620px, 1.16fr) !important;
    gap: 42px !important;
  }

  body.home-v2 .ff-pro-heading-automation {
    font-size: clamp(46px, 3.65vw, 54px) !important;
  }

  body.home-v2 .ff-why-grid {
    grid-template-columns: minmax(490px, .9fr) minmax(550px, 1.1fr) !important;
    gap: 54px !important;
  }

  body.home-v2 .ff-pro-heading-why {
    font-size: clamp(45px, 3.6vw, 53px) !important;
  }

  body.home-v2 .ff-faq-grid {
    grid-template-columns: minmax(430px, .72fr) minmax(590px, 1.28fr) !important;
    gap: 54px !important;
  }

  body.home-v2 .ff-pro-heading-faq {
    font-size: clamp(44px, 3.45vw, 52px) !important;
  }
}

/* ---------------------------------------------------------
   Tablet: stack sections and center heading groups
   --------------------------------------------------------- */
@media (max-width: 1080px) {
  body.home-v2 .ff-hero-layout,
  body.home-v2 .ff-automation-layout,
  body.home-v2 .ff-why-grid,
  body.home-v2 .ff-faq-grid {
    grid-template-columns: 1fr !important;
  }

  body.home-v2 .ff-hero-copy,
  body.home-v2 .ff-automation-copy,
  body.home-v2 .ff-why-copy,
  body.home-v2 .ff-faq-aside {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.home-v2 .ff-display-pro,
  body.home-v2 .ff-pro-heading {
    width: auto !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.home-v2 .ff-display-pro .ff-heading-line,
  body.home-v2 .ff-pro-heading .ff-heading-line {
    width: fit-content;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-hero-lead,
  body.home-v2 .ff-automation-copy > p,
  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-faq-aside > p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-auto-stats,
  body.home-v2 .ff-check-list {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-hero-actions,
  body.home-v2 .ff-automation-proof {
    justify-content: center !important;
  }

  body.home-v2 .ff-faq-aside {
    position: static !important;
  }
}

/* ---------------------------------------------------------
   Mobile: allow natural wrapping, never overflow
   --------------------------------------------------------- */
@media (max-width: 650px) {
  body.home-v2 .ff-display-pro,
  body.home-v2 .ff-pro-heading-automation,
  body.home-v2 .ff-pro-heading-why,
  body.home-v2 .ff-pro-heading-faq {
    font-size: clamp(37px, 10vw, 47px) !important;
    line-height: 1.045 !important;
  }

  body.home-v2 .ff-display-pro .ff-heading-line,
  body.home-v2 .ff-pro-heading .ff-heading-line {
    white-space: normal !important;
    width: auto !important;
  }

  body.home-v2 .ff-display-pro .ff-heading-line,
  body.home-v2 .ff-pro-heading .ff-heading-line {
    text-align: center !important;
  }

  body.home-v2 .ff-hero {
    padding-top: 132px !important;
  }

  body.home-v2 .ff-hero-stage {
    min-height: 390px !important;
  }
}

/* =========================================================
   FULFILIX HOME V2 — FINAL HEADING / FAQ STICKY FIX
   2026-09-12
   Keep this block at the ABSOLUTE END of home-v2.css.
   ========================================================= */

body.home-v2 .ff-heading-line{display:block!important;width:auto!important;max-width:100%!important}
body.home-v2 .ff-display-pro,body.home-v2 .ff-pro-heading{overflow:visible!important}
body.home-v2 .ff-heading-line-white{color:#fbfaff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
body.home-v2 .ff-heading-line-accent{background:linear-gradient(100deg,#b579ff 0%,#9454f5 48%,#df4dab 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* HERO — exactly two desktop lines */
body.home-v2 .ff-hero{min-height:800px!important;padding-top:160px!important;padding-bottom:72px!important}
body.home-v2 .ff-hero-layout{grid-template-columns:minmax(0,670px) minmax(0,1fr)!important;gap:52px!important;align-items:center!important}
body.home-v2 .ff-hero-copy{width:100%!important;max-width:670px!important;min-width:0!important}
body.home-v2 .ff-hero-title-final{width:100%!important;max-width:670px!important;margin:0!important;font-size:clamp(50px,3.45vw,60px)!important;line-height:1.035!important;letter-spacing:-.052em!important;text-align:left!important;text-wrap:initial!important}
body.home-v2 .ff-hero-title-final .ff-heading-line{width:100%!important;max-width:none!important;white-space:nowrap!important}
body.home-v2 .ff-hero-title-final .ff-heading-line+.ff-heading-line{margin-top:9px!important}
body.home-v2 .ff-hero-lead{width:100%!important;max-width:640px!important;margin-top:27px!important}
body.home-v2 .ff-hero-actions{margin-top:28px!important}
body.home-v2 .ff-benefit-row{width:100%!important;max-width:650px!important;margin-top:34px!important}
body.home-v2 .ff-hero-stage{width:100%!important;min-width:0!important}
body.home-v2 .ff-hero-mock-wrap{width:min(100%,690px)!important;margin-inline:auto!important}

/* AUTOMATION — keep heading inside left column */
body.home-v2 .ff-automation-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr)!important;gap:58px!important;align-items:center!important}
body.home-v2 .ff-automation-copy{width:100%!important;max-width:560px!important;min-width:0!important}
body.home-v2 .ff-pro-heading-automation{width:100%!important;max-width:560px!important;margin:0!important;font-size:clamp(44px,3.05vw,52px)!important;line-height:1.035!important;letter-spacing:-.047em!important;text-align:left!important;text-wrap:initial!important}
body.home-v2 .ff-pro-heading-automation .ff-heading-line{white-space:nowrap!important}
body.home-v2 .ff-pro-heading-automation .ff-heading-line+.ff-heading-line{margin-top:7px!important}
body.home-v2 .ff-automation-copy>p,body.home-v2 .ff-auto-stats{width:100%!important;max-width:550px!important}

/* WHY CHOOSE — no overlap with quote card */
body.home-v2 .ff-why-grid{grid-template-columns:minmax(0,550px) minmax(0,1fr)!important;gap:68px!important;align-items:center!important}
body.home-v2 .ff-why-copy{width:100%!important;max-width:550px!important;min-width:0!important}
body.home-v2 .ff-pro-heading-why{width:100%!important;max-width:550px!important;margin:0!important;font-size:clamp(42px,2.9vw,50px)!important;line-height:1.04!important;letter-spacing:-.045em!important;text-align:left!important;text-wrap:initial!important}
body.home-v2 .ff-pro-heading-why .ff-heading-line{white-space:nowrap!important}
body.home-v2 .ff-pro-heading-why .ff-heading-line+.ff-heading-line{margin-top:7px!important}
body.home-v2 .ff-why-copy>p{max-width:530px!important;margin-top:22px!important}
body.home-v2 .ff-featured-quote{width:100%!important;min-width:0!important;margin:0!important}

/* FAQ — sticky left block keeps Contact Support visible */
body.home-v2 .ff-faq-grid{grid-template-columns:minmax(0,430px) minmax(0,1fr)!important;gap:78px!important;align-items:start!important}
body.home-v2 .ff-faq-aside{position:sticky!important;top:120px!important;align-self:start!important;width:100%!important;max-width:430px!important;z-index:5!important}
body.home-v2 .ff-pro-heading-faq{width:100%!important;max-width:430px!important;margin:0!important;font-size:clamp(43px,3vw,51px)!important;line-height:1.035!important;letter-spacing:-.045em!important;text-align:left!important}
body.home-v2 .ff-pro-heading-faq .ff-heading-line{white-space:nowrap!important}
body.home-v2 .ff-faq-aside>p{width:100%!important;max-width:415px!important;margin:22px 0 22px!important}
body.home-v2 .ff-faq-support-btn{position:relative!important;z-index:6!important;width:fit-content!important;min-width:154px!important;min-height:50px!important;margin:0!important}
body.home-v2 .ff-faq-list{width:100%!important;min-width:0!important}

@media (max-width:1380px) and (min-width:1081px){
  body.home-v2 .ff-hero-layout{grid-template-columns:minmax(0,590px) minmax(0,1fr)!important;gap:40px!important}
  body.home-v2 .ff-hero-copy,body.home-v2 .ff-hero-title-final{max-width:590px!important}
  body.home-v2 .ff-hero-title-final{font-size:47px!important}
  body.home-v2 .ff-automation-layout{grid-template-columns:minmax(0,500px) minmax(0,1fr)!important;gap:42px!important}
  body.home-v2 .ff-automation-copy,body.home-v2 .ff-pro-heading-automation{max-width:500px!important}
  body.home-v2 .ff-pro-heading-automation{font-size:44px!important}
  body.home-v2 .ff-why-grid{grid-template-columns:minmax(0,500px) minmax(0,1fr)!important;gap:48px!important}
  body.home-v2 .ff-why-copy,body.home-v2 .ff-pro-heading-why{max-width:500px!important}
  body.home-v2 .ff-pro-heading-why{font-size:43px!important}
  body.home-v2 .ff-faq-grid{grid-template-columns:minmax(0,390px) minmax(0,1fr)!important;gap:58px!important}
  body.home-v2 .ff-faq-aside,body.home-v2 .ff-pro-heading-faq{max-width:390px!important}
  body.home-v2 .ff-pro-heading-faq{font-size:43px!important}
}

@media (max-width:1080px){
  body.home-v2 .ff-hero-layout,body.home-v2 .ff-automation-layout,body.home-v2 .ff-why-grid,body.home-v2 .ff-faq-grid{grid-template-columns:1fr!important}
  body.home-v2 .ff-hero-copy,body.home-v2 .ff-automation-copy,body.home-v2 .ff-why-copy,body.home-v2 .ff-faq-aside{max-width:760px!important;margin-inline:auto!important;text-align:center!important}
  body.home-v2 .ff-hero-title-final,body.home-v2 .ff-pro-heading-automation,body.home-v2 .ff-pro-heading-why,body.home-v2 .ff-pro-heading-faq{max-width:760px!important;margin-inline:auto!important;text-align:center!important}
  body.home-v2 .ff-hero-title-final .ff-heading-line,body.home-v2 .ff-pro-heading .ff-heading-line{width:fit-content!important;margin-inline:auto!important}
  body.home-v2 .ff-hero-lead,body.home-v2 .ff-automation-copy>p,body.home-v2 .ff-auto-stats,body.home-v2 .ff-why-copy>p,body.home-v2 .ff-check-list,body.home-v2 .ff-faq-aside>p{margin-left:auto!important;margin-right:auto!important}
  body.home-v2 .ff-faq-aside{position:static!important}
  body.home-v2 .ff-faq-support-btn{margin-inline:auto!important}
}

@media (max-width:650px){
  body.home-v2 .ff-hero-title-final,body.home-v2 .ff-pro-heading-automation,body.home-v2 .ff-pro-heading-why,body.home-v2 .ff-pro-heading-faq{font-size:clamp(36px,10vw,46px)!important;line-height:1.045!important}
  body.home-v2 .ff-hero-title-final .ff-heading-line,body.home-v2 .ff-pro-heading .ff-heading-line{width:auto!important;white-space:normal!important;text-align:center!important}
  body.home-v2 .ff-faq-support-btn{width:100%!important}
}

/* =========================================================
   FULFILIX HOME V2 — WHY + FAQ LAYOUT FINAL FIX
   Prevents heading/card overlap + real sticky FAQ support CTA.
   Keep this block at the absolute end of home-v2.css.
   ========================================================= */

/* ---------------------------------------------------------
   WHY CHOOSE FULFILIX
   The two heading lines are intentionally sized separately:
   the longer white line is slightly smaller so it NEVER
   enters the testimonial card.
   --------------------------------------------------------- */
body.home-v2 .ff-why {
  overflow: hidden !important;
}

body.home-v2 .ff-why .ff-shell {
  overflow: visible !important;
}

body.home-v2 .ff-why-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 430px) minmax(0, 1fr) !important;
  column-gap: 104px !important;
  row-gap: 52px !important;
  align-items: center !important;
}

body.home-v2 .ff-why-copy {
  width: 100% !important;
  max-width: 430px !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

body.home-v2 .ff-pro-heading-why {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.04 !important;
  letter-spacing: -.045em !important;
  text-align: left !important;
  text-wrap: initial !important;
  overflow: visible !important;
}

body.home-v2 .ff-pro-heading-why .ff-heading-line {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body.home-v2 .ff-pro-heading-why .ff-heading-line-white {
  font-size: 38px !important;
  line-height: 1.08 !important;
}

body.home-v2 .ff-pro-heading-why .ff-heading-line-accent {
  margin-top: 10px !important;
  font-size: 44px !important;
  line-height: 1.04 !important;
}

body.home-v2 .ff-why-copy > p {
  width: 100% !important;
  max-width: 410px !important;
  margin: 26px 0 0 !important;
}

body.home-v2 .ff-check-list {
  max-width: 410px !important;
  margin: 24px 0 30px !important;
}

body.home-v2 .ff-featured-quote {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}


/* ---------------------------------------------------------
   FAQ
   Left column is physically separated from the accordion.
   No heading can enter the accordion column.
   --------------------------------------------------------- */
body.home-v2 .ff-faq {
  overflow: visible !important;
  padding-top: 112px !important;
  padding-bottom: 126px !important;
}

body.home-v2 .ff-faq .ff-shell {
  overflow: visible !important;
}

body.home-v2 .ff-faq-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 350px) minmax(0, 1fr) !important;
  column-gap: 108px !important;
  row-gap: 48px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

body.home-v2 .ff-faq-aside {
  position: relative !important;
  top: auto !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 350px !important;
  min-width: 0 !important;
  padding: 6px 0 0 !important;
  z-index: 3 !important;
  transform: none !important;
}

body.home-v2 .ff-faq-aside .ff-kicker {
  margin-bottom: 20px !important;
}

body.home-v2 .ff-pro-heading-faq {
  width: 100% !important;
  max-width: 350px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.04 !important;
  letter-spacing: -.044em !important;
  text-align: left !important;
  text-wrap: initial !important;
  overflow: visible !important;
}

body.home-v2 .ff-pro-heading-faq .ff-heading-line {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body.home-v2 .ff-pro-heading-faq .ff-heading-line-white {
  font-size: 35px !important;
  line-height: 1.08 !important;
}

body.home-v2 .ff-pro-heading-faq .ff-heading-line-accent {
  margin-top: 10px !important;
  font-size: 43px !important;
  line-height: 1.04 !important;
}

body.home-v2 .ff-faq-aside > p {
  width: 100% !important;
  max-width: 340px !important;
  margin: 26px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

/*
  IMPORTANT:
  The aside stretches to the same height as the FAQ accordion.
  This wrapper is the element that becomes sticky — not the
  whole heading block. So the heading scrolls normally, while
  Contact Support remains visible inside the FAQ section.
*/
body.home-v2 .ff-faq-support-sticky {
  position: sticky !important;
  top: 118px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 26px !important;
  z-index: 20 !important;
}

body.home-v2 .ff-faq-support-btn {
  position: relative !important;
  display: inline-flex !important;
  width: fit-content !important;
  min-width: 160px !important;
  min-height: 52px !important;
  margin: 0 !important;
  z-index: 21 !important;
}

body.home-v2 .ff-faq-list {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

body.home-v2 .ff-faq .faq-item {
  width: 100% !important;
}

body.home-v2 .ff-faq .faq-question {
  min-height: 76px !important;
}


/* ---------------------------------------------------------
   LAPTOP / MEDIUM DESKTOP
   --------------------------------------------------------- */
@media (max-width: 1380px) and (min-width: 1081px) {
  body.home-v2 .ff-why-grid {
    grid-template-columns: minmax(0, 385px) minmax(0, 1fr) !important;
    column-gap: 82px !important;
  }

  body.home-v2 .ff-why-copy,
  body.home-v2 .ff-pro-heading-why {
    max-width: 385px !important;
  }

  body.home-v2 .ff-pro-heading-why .ff-heading-line-white {
    font-size: 34px !important;
  }

  body.home-v2 .ff-pro-heading-why .ff-heading-line-accent {
    font-size: 39px !important;
  }

  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-check-list {
    max-width: 380px !important;
  }

  body.home-v2 .ff-faq-grid {
    grid-template-columns: minmax(0, 315px) minmax(0, 1fr) !important;
    column-gap: 82px !important;
  }

  body.home-v2 .ff-faq-aside,
  body.home-v2 .ff-pro-heading-faq {
    max-width: 315px !important;
  }

  body.home-v2 .ff-pro-heading-faq .ff-heading-line-white {
    font-size: 31px !important;
  }

  body.home-v2 .ff-pro-heading-faq .ff-heading-line-accent {
    font-size: 38px !important;
  }

  body.home-v2 .ff-faq-aside > p {
    max-width: 305px !important;
  }
}


/* ---------------------------------------------------------
   TABLET
   Sticky is intentionally disabled once the columns stack.
   --------------------------------------------------------- */
@media (max-width: 1080px) {
  body.home-v2 .ff-why-grid,
  body.home-v2 .ff-faq-grid {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  body.home-v2 .ff-why-copy,
  body.home-v2 .ff-faq-aside {
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.home-v2 .ff-pro-heading-why,
  body.home-v2 .ff-pro-heading-faq {
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body.home-v2 .ff-pro-heading-why .ff-heading-line,
  body.home-v2 .ff-pro-heading-faq .ff-heading-line {
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-pro-heading-why .ff-heading-line-white {
    font-size: 40px !important;
  }

  body.home-v2 .ff-pro-heading-why .ff-heading-line-accent {
    font-size: 44px !important;
  }

  body.home-v2 .ff-pro-heading-faq .ff-heading-line-white {
    font-size: 38px !important;
  }

  body.home-v2 .ff-pro-heading-faq .ff-heading-line-accent {
    font-size: 43px !important;
  }

  body.home-v2 .ff-why-copy > p,
  body.home-v2 .ff-check-list,
  body.home-v2 .ff-faq-aside > p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home-v2 .ff-faq-support-sticky {
    position: static !important;
    top: auto !important;
    margin: 26px auto 0 !important;
  }

  body.home-v2 .ff-faq-support-btn {
    margin: 0 auto !important;
  }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media (max-width: 650px) {
  body.home-v2 .ff-pro-heading-why .ff-heading-line,
  body.home-v2 .ff-pro-heading-faq .ff-heading-line {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.home-v2 .ff-pro-heading-why .ff-heading-line-white,
  body.home-v2 .ff-pro-heading-why .ff-heading-line-accent,
  body.home-v2 .ff-pro-heading-faq .ff-heading-line-white,
  body.home-v2 .ff-pro-heading-faq .ff-heading-line-accent {
    font-size: clamp(34px, 9.4vw, 42px) !important;
    line-height: 1.07 !important;
  }

  body.home-v2 .ff-faq-support-sticky,
  body.home-v2 .ff-faq-support-btn {
    width: 100% !important;
  }
}


/* =========================================================
   FULFILIX — CLIENT FEEDBACK / GAPSOE-INSPIRED SECTION
   Scoped to .ff-feedback only.
   ========================================================= */
body.home-v2 .ff-feedback {
  --feedback-accent: #9b5cff;
  --feedback-accent-2: #d94cb9;
  --feedback-line: rgba(167, 121, 255, .17);
  position: relative;
  overflow: hidden;
  padding: 0 0 110px;
  background:
    radial-gradient(48% 42% at 50% 58%, rgba(111, 54, 202, .10), transparent 72%),
    linear-gradient(180deg, rgba(7,7,13,.10), rgba(7,7,13,.96));
}

body.home-v2 .ff-feedback::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(155, 92, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155, 92, 255, .025) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(65% 62% at 50% 50%, #000 0%, transparent 82%);
  mask-image: radial-gradient(65% 62% at 50% 50%, #000 0%, transparent 82%);
}

body.home-v2 .ff-feedback-marquee {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding: 38px 0 34px;
  margin-bottom: 58px;
  border-top: 1px solid rgba(255,255,255,.045);
  border-bottom: 1px solid rgba(255,255,255,.045);
  background: rgba(255,255,255,.006);
}

body.home-v2 .ff-feedback-marquee::before,
body.home-v2 .ff-feedback-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 11vw;
  pointer-events: none;
}
body.home-v2 .ff-feedback-marquee::before {
  left: 0;
  background: linear-gradient(90deg, #07070d 0%, transparent 100%);
}
body.home-v2 .ff-feedback-marquee::after {
  right: 0;
  background: linear-gradient(270deg, #07070d 0%, transparent 100%);
}

body.home-v2 .ff-feedback-marquee-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 40px;
  will-change: transform;
  animation: ffFeedbackMarquee 30s linear infinite;
}

body.home-v2 .ff-feedback-marquee-track span {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1px rgba(218, 208, 234, .22);
  font-family: 'Poppins', sans-serif;
  font-size: clamp(54px, 5.4vw, 88px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.045em;
}

body.home-v2 .ff-feedback-marquee-track b {
  display: inline-block;
  color: transparent;
  -webkit-text-stroke: 0;
  background: linear-gradient(180deg, #bc7bff, #8f48f4 55%, #d64cb9);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: .78em;
  font-weight: 700;
  transform: skewX(-10deg);
}

body.home-v2 .ff-feedback-stage {
  position: relative;
  z-index: 2;
  min-height: 555px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

body.home-v2 .ff-feedback-avatars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 18px;
}

body.home-v2 .ff-feedback-avatar {
  width: 46px;
  height: 46px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(180, 137, 255, .16);
  background: rgba(255,255,255,.035);
  color: #7f768d;
  cursor: pointer;
  opacity: .56;
  transform: scale(.90);
  transition: opacity .28s ease, transform .28s var(--ff-ease), border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

body.home-v2 .ff-feedback-avatar span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #26202f, #15121b);
  color: #9e95aa;
  font: 700 10px/1 'Inter', sans-serif;
}

body.home-v2 .ff-feedback-avatar-mid {
  width: 58px;
  height: 58px;
  opacity: 1;
  transform: scale(1);
  border-color: rgba(183, 126, 255, .78);
  background: linear-gradient(145deg, rgba(131,72,226,.30), rgba(218,76,185,.12));
  box-shadow: 0 0 0 3px rgba(124,58,237,.07), 0 14px 32px -18px rgba(124,58,237,.82);
}

body.home-v2 .ff-feedback-avatar-mid span {
  width: 44px;
  height: 44px;
  color: #fff;
  background: linear-gradient(135deg, #6d28d9, #d946b8);
  font-size: 11px;
}

body.home-v2 .ff-feedback-avatar:hover {
  opacity: 1;
  transform: scale(1);
}

body.home-v2 .ff-feedback-person {
  display: grid;
  justify-items: center;
  gap: 5px;
  margin-bottom: 28px;
  text-align: center;
}

body.home-v2 .ff-feedback-person strong {
  color: #fbfaff;
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.025em;
}

body.home-v2 .ff-feedback-person span {
  color: #9e94aa;
  font: 500 13px/1.4 'Inter', sans-serif;
}

body.home-v2 .ff-feedback-view {
  position: relative;
  width: 100%;
  min-height: 292px;
  display: grid;
  place-items: center;
}

body.home-v2 .ff-feedback-card {
  position: relative;
  z-index: 4;
  width: min(640px, 58vw);
  min-height: 286px;
  padding: 54px 58px 46px;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(124,58,237,.09), transparent 46%),
    linear-gradient(145deg, rgba(24,20,31,.95), rgba(16,15,20,.98));
  box-shadow:
    0 34px 70px -52px rgba(124,58,237,.72),
    inset 0 1px 0 rgba(255,255,255,.025);
}

body.home-v2 .ff-feedback-card::before {
  content: "“";
  position: absolute;
  left: 30px;
  top: 18px;
  color: rgba(176, 112, 255, .16);
  font: 800 86px/.9 Georgia, serif;
}

body.home-v2 .ff-feedback-card-stars,
body.home-v2 .ff-feedback-side-stars {
  color: #ffbb35;
  letter-spacing: 4px;
}

body.home-v2 .ff-feedback-card-stars {
  margin-bottom: 26px;
  font-size: 19px;
}

body.home-v2 .ff-feedback-card blockquote {
  max-width: 530px;
  margin: 0;
  color: #e2dce8;
  font-family: 'Inter', sans-serif;
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: -.015em;
  text-wrap: balance;
}

body.home-v2 .ff-feedback-side {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: min(410px, 31vw);
  padding: 24px 28px;
  transform: translateY(-50%);
  opacity: .105;
  filter: saturate(.65);
  transition: opacity .32s ease, transform .32s var(--ff-ease);
  pointer-events: none;
}

body.home-v2 .ff-feedback-side-left {
  left: -42px;
  text-align: right;
}
body.home-v2 .ff-feedback-side-right {
  right: -42px;
  text-align: left;
}

body.home-v2 .ff-feedback-side-stars {
  margin-bottom: 18px;
  font-size: 15px;
}

body.home-v2 .ff-feedback-side p {
  margin: 0;
  color: #c6bdcf;
  font: 500 14px/1.7 'Inter', sans-serif;
}

body.home-v2 .ff-feedback-arrow {
  position: absolute;
  top: 50%;
  z-index: 7;
  width: 52px;
  height: 52px;
  padding: 0;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(174, 126, 255, .34);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #6d28d9, #a855f7);
  box-shadow: 0 18px 34px -20px rgba(124,58,237,.85), inset 0 1px 0 rgba(255,255,255,.16);
  cursor: pointer;
  transition: transform .25s var(--ff-ease), box-shadow .25s ease, background .25s ease;
}

body.home-v2 .ff-feedback-arrow svg {
  width: 21px;
  height: 21px;
}

body.home-v2 .ff-feedback-prev { left: 20px; }
body.home-v2 .ff-feedback-next { right: 20px; }

body.home-v2 .ff-feedback-arrow:hover {
  transform: translateY(-50%) scale(1.07);
  box-shadow: 0 22px 38px -18px rgba(124,58,237,.95), inset 0 1px 0 rgba(255,255,255,.2);
}

body.home-v2 .ff-feedback-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 28px;
}

body.home-v2 .ff-feedback-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 1px solid rgba(185, 136, 255, .68);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: width .25s var(--ff-ease), border-radius .25s ease, background .25s ease, border-color .25s ease;
}

body.home-v2 .ff-feedback-dot.active {
  width: 28px;
  border-radius: 999px;
  border-color: transparent;
  background: linear-gradient(90deg, #7c3aed, #d946b8);
  box-shadow: 0 0 18px rgba(124,58,237,.28);
}

body.home-v2 .ff-feedback-stage.is-changing .ff-feedback-card {
  animation: ffFeedbackCardIn .42s var(--ff-ease);
}
body.home-v2 .ff-feedback-stage.is-changing .ff-feedback-avatar-mid {
  animation: ffFeedbackAvatarIn .42s var(--ff-ease);
}

@keyframes ffFeedbackMarquee {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}

@keyframes ffFeedbackCardIn {
  0% { opacity: .35; transform: translateY(8px) scale(.985); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ffFeedbackAvatarIn {
  0% { transform: scale(.88); opacity: .55; }
  100% { transform: scale(1); opacity: 1; }
}

@media (max-width: 1080px) {
  body.home-v2 .ff-feedback { padding-bottom: 92px; }
  body.home-v2 .ff-feedback-card { width: min(680px, 72vw); }
  body.home-v2 .ff-feedback-side { width: 29vw; opacity: .075; }
  body.home-v2 .ff-feedback-prev { left: 0; }
  body.home-v2 .ff-feedback-next { right: 0; }
}

@media (max-width: 800px) {
  body.home-v2 .ff-feedback-marquee { margin-bottom: 48px; padding: 28px 0 26px; }
  body.home-v2 .ff-feedback-marquee-track span { font-size: clamp(42px, 9vw, 62px); }
  body.home-v2 .ff-feedback-stage { min-height: 500px; }
  body.home-v2 .ff-feedback-card {
    width: calc(100% - 96px);
    min-height: 270px;
    padding: 44px 34px 38px;
  }
  body.home-v2 .ff-feedback-side { display: none; }
  body.home-v2 .ff-feedback-prev { left: 4px; }
  body.home-v2 .ff-feedback-next { right: 4px; }
  body.home-v2 .ff-feedback-arrow { width: 46px; height: 46px; }
}

@media (max-width: 560px) {
  body.home-v2 .ff-feedback { padding-bottom: 72px; }
  body.home-v2 .ff-feedback-marquee { margin-bottom: 38px; }
  body.home-v2 .ff-feedback-marquee-track { gap: 26px; animation-duration: 22s; }
  body.home-v2 .ff-feedback-marquee-track span { gap: 20px; font-size: 38px; }
  body.home-v2 .ff-feedback-avatars { gap: 8px; }
  body.home-v2 .ff-feedback-avatar { width: 40px; height: 40px; }
  body.home-v2 .ff-feedback-avatar span { width: 30px; height: 30px; }
  body.home-v2 .ff-feedback-avatar-mid { width: 52px; height: 52px; }
  body.home-v2 .ff-feedback-avatar-mid span { width: 40px; height: 40px; }
  body.home-v2 .ff-feedback-person strong { font-size: 18px; }
  body.home-v2 .ff-feedback-person span { font-size: 12px; }
  body.home-v2 .ff-feedback-view { min-height: 320px; }
  body.home-v2 .ff-feedback-card {
    width: calc(100% - 20px);
    min-height: 286px;
    padding: 46px 24px 34px;
  }
  body.home-v2 .ff-feedback-card-stars { margin-bottom: 20px; font-size: 16px; }
  body.home-v2 .ff-feedback-card blockquote { font-size: 15px; line-height: 1.68; }
  body.home-v2 .ff-feedback-arrow {
    top: auto;
    bottom: -64px;
    width: 43px;
    height: 43px;
    transform: none;
  }
  body.home-v2 .ff-feedback-arrow:hover { transform: scale(1.06); }
  body.home-v2 .ff-feedback-prev { left: calc(50% - 76px); }
  body.home-v2 .ff-feedback-next { right: calc(50% - 76px); }
  body.home-v2 .ff-feedback-dots { margin-top: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  body.home-v2 .ff-feedback-marquee-track,
  body.home-v2 .ff-feedback-stage.is-changing .ff-feedback-card,
  body.home-v2 .ff-feedback-stage.is-changing .ff-feedback-avatar-mid {
    animation: none !important;
  }
}

/* =========================================================
   TRUST STRIP — FINAL PER-BRAND LOGO SIZE OVERRIDE
   Pills stay the same size. Only requested logo artwork grows.
   Added !important + cache-busted stylesheet to prevent old
   generic 34px rules / browser cache from winning.
   ========================================================= */

/* Keep every logo centered in its existing pill */
body.home-v2 .ff-trust .ff-brand-logo {
  align-items: center !important;
  justify-content: center !important;
}

/* Base logos stay exactly as before: Daraz / TRAX / M&P */
body.home-v2 .ff-trust .ff-brand-logo > img {
  object-fit: contain !important;
  object-position: center !important;
}

/* SHOPIFY — clearly larger */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
  width: 72px !important;
  height: 40px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.22) !important;
  transform-origin: center center !important;
}

/* WOOCOMMERCE — clearly larger */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
  width: 76px !important;
  height: 40px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.28) !important;
  transform-origin: center center !important;
}

/* META — clearly larger */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
  width: 66px !important;
  height: 38px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.20) !important;
  transform-origin: center center !important;
}

/* AMAZON — only slightly larger */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
  width: 48px !important;
  height: 32px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.10) !important;
  transform-origin: center center !important;
}

/* TIKTOK — only slightly larger */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"] {
  width: 48px !important;
  height: 32px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.10) !important;
  transform-origin: center center !important;
}

/* Do not let the generic hover rule shrink/reset the requested brands */
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/s.png"] {
  transform: scale(1.27) !important;
}
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Woocommerce.png"] {
  transform: scale(1.33) !important;
}
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Meta.png"] {
  transform: scale(1.25) !important;
}
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/AMAZONE.png"],
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Tiktok.png"] {
  transform: scale(1.15) !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
    width: 62px !important;
    height: 35px !important;
  }
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
    width: 66px !important;
    height: 35px !important;
  }
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
    width: 58px !important;
    height: 33px !important;
  }
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"] {
    width: 43px !important;
    height: 29px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
    width: 54px !important;
    height: 31px !important;
  }
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
    width: 58px !important;
    height: 31px !important;
  }
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
    width: 51px !important;
    height: 29px !important;
  }
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"] {
    width: 38px !important;
    height: 26px !important;
  }
}

/* =========================================================
   TRUST LOGOS — FINAL VISUAL BALANCE V2
   Meta is the visual reference size.
   Shopify + WooCommerce slightly reduced.
   TikTok / TRAX / M&P / Amazon matched to Meta.
   ========================================================= */

/* Shopify: slightly smaller so it sits comfortably inside its pill */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
  width: 62px !important;
  height: 36px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.08) !important;
  transform-origin: center center !important;
}

/* WooCommerce: reduce more because it was touching / crossing the pill */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
  width: 70px !important;
  height: 35px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.08) !important;
  transform-origin: center center !important;
}

/* Meta remains the approved reference size */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
  width: 66px !important;
  height: 38px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.20) !important;
  transform-origin: center center !important;
}

/* Match these four logos to Meta's visual footprint */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"],
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"],
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"],
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
  width: 46px !important;
  height: 38px !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.20) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Keep hover proportional instead of jumping to an old generic scale */
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/s.png"] {
  transform: scale(1.12) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Woocommerce.png"] {
  transform: scale(1.12) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Meta.png"],
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Tiktok.png"],
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/TRAX-LOGO.png"],
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/m-and-p-Logo.png"],
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/AMAZONE.png"] {
  transform: scale(1.24) !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
    width: 56px !important;
    height: 32px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
    width: 54px !important;
    height: 31px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
    width: 58px !important;
    height: 33px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
    width: 48px !important;
    height: 28px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
    width: 47px !important;
    height: 27px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
    width: 50px !important;
    height: 29px !important;
  }
}

/* =========================================================
   TRUST LOGOS — TRAX / M&P / DARAZ FINAL TUNING
   Keep this block at the VERY END of home-v2.css.
   TRAX + M&P back to the earlier compact size.
   Daraz enlarged, but kept safely inside the pill.
   ========================================================= */

/* TRAX — back to compact/original visual size */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
width: 84px !important;
    height: 74px !important;
    max-width: 44px !important;
    max-height: 74px !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* M&P — back to compact/original visual size */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
  width: 34px !important;
  height: 38px !important;
  max-width: 34px !important;
  max-height: 38px !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* DARAZ — larger than before, still safely inside the pill */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 58px !important;
    height: 42px !important;
    max-width: 68px !important;
    max-height: 42px !important;
    transform: scale(1.06) !important;
    transform-origin: center center !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Hover: keep proportions controlled */
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/TRAX-LOGO.png"],
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/m-and-p-Logo.png"] {
  transform: scale(1.06) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Daraz.png"] {
  transform: scale(1.10) !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 52px !important;
    height: 29px !important;
    max-width: 52px !important;
    max-height: 29px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"],
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
    width: 27px !important;
    height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 46px !important;
    height: 26px !important;
    max-width: 46px !important;
    max-height: 26px !important;
  }
}

/* =========================================================
   DARAZ — FINAL SLIGHT SIZE INCREASE
   Keep this block at the VERY END of home-v2.css
   ========================================================= */

body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
  width: 66px !important;
  height: 36px !important;
  max-width: 66px !important;
  max-height: 36px !important;
  transform: scale(1.10) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Daraz.png"] {
  transform: scale(1.14) !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 58px !important;
    height: 32px !important;
    max-width: 58px !important;
    max-height: 32px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 50px !important;
    height: 28px !important;
    max-width: 50px !important;
    max-height: 28px !important;
  }
}

/* =========================================================
   TRUST STRIP — ABSOLUTE FINAL PER-BRAND LOGO SIZING
   IMPORTANT: KEEP THIS BLOCK AT THE VERY END OF home-v2.css
   Every logo has its OWN selector so one brand can never
   inherit another brand's width/height/transform.
   ========================================================= */

/* Common alignment only — NO common image size here */
body.home-v2 .ff-trust .ff-brand-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.home-v2 .ff-trust .ff-brand-logo > img {
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  opacity: 1 !important;
  transform-origin: center center !important;
}

/* ---------------------------------------------------------
   1. TIKTOK
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"] {
  width: 52px !important;
  height: 28px !important;
  max-width: 52px !important;
  max-height: 28px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   2. META — reference size
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
  width: 58px !important;
  height: 30px !important;
  max-width: 58px !important;
  max-height: 30px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   3. TRAX — SMALLER
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
  width: 36px !important;
  height: 26px !important;
  max-width: 36px !important;
  max-height: 26px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   4. M&P — SMALLER
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
  width: 38px !important;
  height: 27px !important;
  max-width: 38px !important;
  max-height: 27px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   5. SHOPIFY
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
  width: 58px !important;
  height: 30px !important;
  max-width: 58px !important;
  max-height: 30px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   6. WOOCOMMERCE
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
  width: 60px !important;
  height: 29px !important;
  max-width: 60px !important;
  max-height: 29px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   7. DARAZ — BIGGER
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
  width: 68px !important;
  height: 34px !important;
  max-width: 68px !important;
  max-height: 34px !important;
  transform: scale(1.08) !important;
}

/* ---------------------------------------------------------
   8. AMAZON
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
  width: 48px !important;
  height: 27px !important;
  max-width: 48px !important;
  max-height: 27px !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   Individual hover sizing — prevents old generic hover rules
   from making TRAX / M&P huge again.
   --------------------------------------------------------- */
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Tiktok.png"] {
  transform: scale(1.05) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Meta.png"] {
  transform: scale(1.05) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/TRAX-LOGO.png"] {
  transform: scale(1.04) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/m-and-p-Logo.png"] {
  transform: scale(1.04) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/s.png"] {
  transform: scale(1.05) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Woocommerce.png"] {
  transform: scale(1.05) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Daraz.png"] {
  transform: scale(1.12) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/AMAZONE.png"] {
  transform: scale(1.05) !important;
}

/* ---------------------------------------------------------
   TABLET — still separate per brand
   --------------------------------------------------------- */
@media (max-width: 991px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"] {
    width: 46px !important;
    height: 25px !important;
    max-width: 46px !important;
    max-height: 25px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
    width: 51px !important;
    height: 27px !important;
    max-width: 51px !important;
    max-height: 27px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
    width: 32px !important;
    height: 23px !important;
    max-width: 32px !important;
    max-height: 23px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
    width: 34px !important;
    height: 24px !important;
    max-width: 34px !important;
    max-height: 24px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
    width: 52px !important;
    height: 27px !important;
    max-width: 52px !important;
    max-height: 27px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
    width: 54px !important;
    height: 26px !important;
    max-width: 54px !important;
    max-height: 26px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 60px !important;
    height: 31px !important;
    max-width: 60px !important;
    max-height: 31px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
    width: 43px !important;
    height: 24px !important;
    max-width: 43px !important;
    max-height: 24px !important;
  }
}

/* ---------------------------------------------------------
   MOBILE — still separate per brand
   --------------------------------------------------------- */
@media (max-width: 767px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Tiktok.png"] {
    width: 40px !important;
    height: 22px !important;
    max-width: 40px !important;
    max-height: 22px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Meta.png"] {
    width: 44px !important;
    height: 24px !important;
    max-width: 44px !important;
    max-height: 24px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
    width: 29px !important;
    height: 21px !important;
    max-width: 29px !important;
    max-height: 21px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
    width: 31px !important;
    height: 22px !important;
    max-width: 31px !important;
    max-height: 22px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/s.png"] {
    width: 45px !important;
    height: 24px !important;
    max-width: 45px !important;
    max-height: 24px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Woocommerce.png"] {
    width: 47px !important;
    height: 23px !important;
    max-width: 47px !important;
    max-height: 23px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 53px !important;
    height: 27px !important;
    max-width: 53px !important;
    max-height: 27px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/AMAZONE.png"] {
    width: 38px !important;
    height: 22px !important;
    max-width: 38px !important;
    max-height: 22px !important;
  }
}

/* =========================================================
   TRUST STRIP — FINAL SIZE TUNING
   TRAX + M&P smaller, Daraz slightly bigger.
   KEEP THIS BLOCK AT THE ABSOLUTE END OF home-v2.css.
   ========================================================= */

/* TRAX — smaller */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
  width: 29px !important;
  height: 21px !important;
  max-width: 29px !important;
  max-height: 21px !important;
  transform: none !important;
}

/* M&P — smaller */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
  width: 31px !important;
  height: 22px !important;
  max-width: 31px !important;
  max-height: 22px !important;
  transform: none !important;
}

/* Daraz — slightly bigger */
body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
  width: 72px !important;
  height: 36px !important;
  max-width: 72px !important;
  max-height: 36px !important;
  transform: scale(1.08) !important;
  transform-origin: center center !important;
}

/* Controlled hover sizes */
body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/TRAX-LOGO.png"] {
  transform: scale(1.04) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/m-and-p-Logo.png"] {
  transform: scale(1.04) !important;
}

body.home-v2 .ff-trust .ff-brand-logo:hover > img[src$="images/Daraz.png"] {
  transform: scale(1.12) !important;
}

/* Tablet */
@media (max-width: 991px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
    width: 27px !important;
    height: 20px !important;
    max-width: 27px !important;
    max-height: 20px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
    width: 29px !important;
    height: 21px !important;
    max-width: 29px !important;
    max-height: 21px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 63px !important;
    height: 32px !important;
    max-width: 63px !important;
    max-height: 32px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/TRAX-LOGO.png"] {
    width: 25px !important;
    height: 18px !important;
    max-width: 25px !important;
    max-height: 18px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/m-and-p-Logo.png"] {
    width: 27px !important;
    height: 19px !important;
    max-width: 27px !important;
    max-height: 19px !important;
  }

  body.home-v2 .ff-trust .ff-brand-logo > img[src$="images/Daraz.png"] {
    width: 55px !important;
    height: 28px !important;
    max-width: 55px !important;
    max-height: 28px !important;
  }
}