/* =========================================================
   FULFILIX CLOUD — PREMIUM MOBILE EXPERIENCE
   Reference-match mobile layer
   Load AFTER every homepage stylesheet.
   Desktop/tablet above 767px is intentionally untouched.
   ========================================================= */

@media (max-width: 767px) {

  html {
    scroll-behavior: smooth;
    overflow-x: hidden;
  }

  body.home-v2 {
    overflow-x: hidden !important;
    background:
      radial-gradient(110% 42% at 50% -4%, rgba(105, 49, 215, .24), transparent 66%),
      radial-gradient(85% 30% at 105% 23%, rgba(130, 50, 220, .12), transparent 72%),
      #07070d !important;
  }

  body.home-v2 * {
    box-sizing: border-box;
  }

  body.home-v2 .ff-home-main {
    overflow: hidden !important;
  }

  body.home-v2 .ff-home-main::after {
    opacity: .22 !important;
    background-size: 42px 42px !important;
  }

  /* ---------- Global mobile rhythm ---------- */
  body.home-v2 .ff-shell {
    width: calc(100% - 32px) !important;
    max-width: 560px !important;
    margin-inline: auto !important;
  }

  body.home-v2 .ff-section {
    padding: 72px 0 !important;
  }

  body.home-v2 .ff-section::before {
    left: 16px !important;
    right: 16px !important;
  }

  body.home-v2 .ff-kicker,
  body.home-v2 .ff-eyebrow {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.home-v2 .ff-section-head {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 32px !important;
    padding: 0 2px !important;
  }

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

  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-faq-aside h2,
  body.home-v2 .ff-cta-copy h2 {
    font-size: clamp(30px, 8.8vw, 40px) !important;
    line-height: 1.07 !important;
    letter-spacing: -.042em !important;
    text-align: center !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !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-faq-aside > p,
  body.home-v2 .ff-cta-copy > p {
    margin-top: 14px !important;
    color: #bcb3c9 !important;
    font-size: 14px !important;
    line-height: 1.72 !important;
    text-align: center !important;
  }

  body.home-v2 .ff-btn {
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  /* ---------- Mobile navbar shell ---------- */
  body.home-v2 .navbar {
    padding: 10px 12px 0 !important;
  }

  body.home-v2 .navbar .nav-shell,
  body.home-v2 .navbar.scrolled .nav-shell {
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 10px 0 14px !important;
    border-radius: 17px !important;
    gap: 8px !important;
    background: rgba(248, 247, 252, .98) !important;
    border: 1px solid rgba(255,255,255,.96) !important;
    box-shadow:
      0 12px 32px -22px rgba(44, 10, 95, .78),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  }

  body.home-v2 .navbar .nav-logo,
  body.home-v2 .navbar.scrolled .nav-logo {
    min-width: 0 !important;
    padding: 0 !important;
  }

  body.home-v2 .navbar .nav-logo img,
  body.home-v2 .navbar.scrolled .nav-logo img {
    width: 126px !important;
    max-width: 126px !important;
    height: 36px !important;
    object-fit: contain !important;
  }

  body.home-v2 .navbar .nav-links,
  body.home-v2 .navbar .nav-actions .nav-trial {
    display: none !important;
  }

  body.home-v2 .navbar .nav-toggle,
  body.home-v2 .navbar .menu-toggle,
  body.home-v2 .navbar .navbar-toggler,
  body.home-v2 .navbar .hamburger {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
  }

  /* ---------- Hero ---------- */
  body.home-v2 .ff-hero {
    min-height: auto !important;
    padding: 104px 0 42px !important;
    align-items: flex-start !important;
  }

  body.home-v2 .ff-hero-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }

  body.home-v2 .ff-hero-copy {
    width: 100% !important;
    text-align: center !important;
  }

  body.home-v2 .ff-hero-copy .ff-eyebrow {
    margin: 0 auto 16px !important;
  }

  body.home-v2 .ff-display,
  body.home-v2 .ff-hero-title-final {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    font-size: clamp(38px, 10.4vw, 50px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.052em !important;
    text-align: center !important;
  }

  body.home-v2 .ff-display .ff-heading-line,
  body.home-v2 .ff-hero-title-final .ff-heading-line {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.home-v2 .ff-hero-lead {
    max-width: 450px !important;
    margin: 16px auto 0 !important;
    color: #bbb2c8 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;
  }

  body.home-v2 .ff-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 22px auto 0 !important;
  }

  body.home-v2 .ff-hero-actions .ff-btn {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 12px !important;
  }

  body.home-v2 .ff-benefit-row {
    width: 100% !important;
    max-width: 440px !important;
    margin: 24px auto 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.home-v2 .ff-benefit {
    min-width: 0 !important;
    display: grid !important;
    justify-items: center !important;
    gap: 7px !important;
    text-align: center !important;
    color: #d9d1e4 !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  body.home-v2 .ff-benefit-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

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

  body.home-v2 .ff-hero-stage {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: block !important;
    perspective: none !important;
  }

  body.home-v2 .ff-stage-glow {
    width: 96% !important;
    height: 80% !important;
    inset: 10% 2% auto !important;
    filter: blur(24px) !important;
    opacity: .65 !important;
  }

  body.home-v2 .ff-orbit {
    display: none !important;
  }

  body.home-v2 .ff-hero-mock-wrap,
  body.home-v2 .ff-dashboard-wrap {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    transform: none !important;
    animation: none !important;
  }

  body.home-v2 .ff-hero-mock {
    width: 100% !important;
    border-radius: 18px !important;
    transform: none !important;
    box-shadow:
      0 24px 50px -34px rgba(112, 58, 220, .65),
      0 0 0 1px rgba(255,255,255,.025) inset !important;
  }

  /* ---------- Trust / integrations ---------- */
  body.home-v2 .ff-trust {
    padding: 0 0 26px !important;
  }

  body.home-v2 .ff-trust-rail {
    min-height: 0 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body.home-v2 .ff-trust-copy {
    display: none !important;
  }

  body.home-v2 .ff-trust-rating {
    order: -1 !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px 8px !important;
    text-align: center !important;
  }

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

  body.home-v2 .ff-trust-rating small {
    width: 100% !important;
    grid-column: auto !important;
    font-size: 9px !important;
  }

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

  body.home-v2 .ff-trust-marquee {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.home-v2 .ff-trust-track {
    gap: 10px !important;
    animation-duration: 22s !important;
  }

  body.home-v2 .ff-brand-logo {
    flex: 0 0 58px !important;
    width: 58px !important;
    height: 36px !important;
    padding: 5px !important;
  }

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

  /* ---------- Products: compact premium list cards ---------- */
  body.home-v2 .ff-products {
    padding-top: 68px !important;
  }

  body.home-v2 .ff-product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }

  body.home-v2 .ff-product-card {
    min-height: 0 !important;
    padding: 15px 46px 15px 15px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: center !important;
    border-radius: 16px !important;
    background:
      linear-gradient(145deg, rgba(27, 19, 50, .82), rgba(10, 8, 19, .94)) !important;
  }

  body.home-v2 .ff-product-card::after {
    left: 10% !important;
    right: 10% !important;
  }

  body.home-v2 .ff-product-icon {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 13px !important;
  }

  body.home-v2 .ff-product-brand {
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 8px !important;
  }

  body.home-v2 .ff-product-card h3 {
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  body.home-v2 .ff-product-card p {
    grid-column: 2 !important;
    margin: 2px 0 0 !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body.home-v2 .ff-card-link {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(169, 116, 255, .18) !important;
    border-radius: 50% !important;
    background: rgba(124,58,237,.09) !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  body.home-v2 .ff-card-link b {
    color: #b37cff !important;
    font-size: 16px !important;
  }

  /* ---------- Industries ---------- */
  body.home-v2 .ff-industries {
    padding-top: 68px !important;
    padding-bottom: 60px !important;
  }

  body.home-v2 .ff-section-split-head {
    display: block !important;
    margin-bottom: 26px !important;
    text-align: center !important;
  }

  body.home-v2 .ff-section-split-head .ff-kicker {
    margin: 0 auto 14px !important;
  }

  body.home-v2 .ff-section-split-head > div:last-child {
    max-width: 100% !important;
    margin-top: 12px !important;
  }

  body.home-v2 .ff-text-link {
    justify-content: center !important;
    font-size: 11px !important;
  }

  body.home-v2 .ff-industry-marquee {
    margin-inline: -16px !important;
    padding-inline: 16px !important;
  }

  body.home-v2 .ff-industry-track {
    gap: 10px !important;
    animation-duration: 30s !important;
  }

  body.home-v2 .ff-industry-track .ff-industry-card {
    flex: 0 0 176px !important;
    min-height: 120px !important;
    border-radius: 15px !important;
  }

  body.home-v2 .ff-industry-card > span {
    left: 12px !important;
    right: 12px !important;
    bottom: 11px !important;
    font-size: 10px !important;
  }

  /* ---------- Metrics ---------- */
  body.home-v2 .ff-metrics {
    padding-bottom: 14px !important;
  }

  body.home-v2 .ff-metrics-band {
    min-height: 0 !important;
    grid-template-columns: repeat(2, 1fr) !important;
    border-radius: 17px !important;
  }

  body.home-v2 .ff-metric {
    min-height: 86px !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  body.home-v2 .ff-metric:nth-child(3) {
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
  }

  body.home-v2 .ff-metric:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.09) !important;
  }

  body.home-v2 .ff-metric-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
  }

  body.home-v2 .ff-metric strong {
    font-size: 21px !important;
  }

  body.home-v2 .ff-metric small {
    font-size: 8px !important;
  }

  /* ---------- Features / bento ---------- */
  body.home-v2 .ff-features {
    padding-top: 70px !important;
  }

  body.home-v2 .ff-bento {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }

  body.home-v2 .ff-bento-card,
  body.home-v2 .ff-bento-wide {
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 17px !important;
    display: block !important;
    grid-column: auto !important;
  }

  body.home-v2 .ff-bento-icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 12px !important;
  }

  body.home-v2 .ff-bento-card h3 {
    max-width: 100% !important;
    margin: 0 0 7px !important;
    font-size: 16px !important;
    line-height: 1.28 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.home-v2 .ff-bento-card p {
    font-size: 11px !important;
    line-height: 1.58 !important;
  }

  body.home-v2 .ff-bento-card a {
    margin-top: 14px !important;
    font-size: 10px !important;
  }

  body.home-v2 .ff-inline-link {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  body.home-v2 .ff-stock-ui {
    margin-top: 14px !important;
    padding: 11px !important;
    border-radius: 12px !important;
  }

  body.home-v2 .ff-stock-head {
    font-size: 8px !important;
  }

  body.home-v2 .ff-stock-row {
    padding: 7px 0 !important;
    gap: 5px !important;
    font-size: 6.5px !important;
  }

  body.home-v2 .ff-flow-mini,
  body.home-v2 .ff-pos-mini,
  body.home-v2 .ff-spark,
  body.home-v2 .ff-money-mini,
  body.home-v2 .ff-chip-row {
    margin-top: 14px !important;
  }

  /* ---------- Automation ---------- */
  body.home-v2 .ff-automation {
    padding: 72px 0 !important;
  }

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

  body.home-v2 .ff-automation-copy {
    text-align: center !important;
  }

  body.home-v2 .ff-automation-copy .ff-kicker {
    margin: 0 auto 14px !important;
  }

  body.home-v2 .ff-pro-heading-automation,
  body.home-v2 .ff-automation-copy h2 {
    width: 100% !important;
    max-width: 500px !important;
    margin-inline: auto !important;
    font-size: clamp(31px, 9vw, 40px) !important;
  }

  body.home-v2 .ff-pro-heading-automation .ff-heading-line {
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.home-v2 .ff-auto-stats {
    max-width: 100% !important;
    margin: 22px auto !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 9px !important;
  }

  body.home-v2 .ff-auto-stats > div {
    min-height: 78px !important;
    padding: 12px 10px !important;
    text-align: center !important;
    border-radius: 13px !important;
  }

  body.home-v2 .ff-auto-stat-icon {
    position: static !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 auto 6px !important;
    transform: none !important;
  }

  body.home-v2 .ff-auto-stat-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

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

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

  body.home-v2 .ff-automation-copy > .ff-btn {
    width: 100% !important;
    max-width: 420px !important;
    margin-inline: auto !important;
  }

  body.home-v2 .ff-automation-proof {
    justify-content: center !important;
    gap: 10px 14px !important;
    margin-top: 18px !important;
    font-size: 8px !important;
  }

  /* Simplify the complex desktop 3D orbit on phones */
  body.home-v2 .ff-engine-stage {
    width: 100% !important;
    min-height: 420px !important;
    margin: 0 auto !important;
    perspective: none !important;
  }

  body.home-v2 .ff-engine-scene {
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    border-radius: 20px !important;
    transform: none !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 37%, rgba(74, 58, 208, .24), transparent 37%),
      linear-gradient(150deg, rgba(7, 12, 39, .98), rgba(8, 7, 24, .99)) !important;
  }

  body.home-v2 .ff-engine-ring,
  body.home-v2 .ff-engine-orbit-words,
  body.home-v2 .ff-engine-connectors,
  body.home-v2 .ff-engine-modules {
    display: none !important;
  }

  body.home-v2 .ff-engine-sync {
    top: 12px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 7px !important;
  }

  body.home-v2 .ff-engine-center {
    left: 50% !important;
    top: 39% !important;
    width: min(66%, 235px) !important;
    transform: translate(-50%, -50%) !important;
  }

  body.home-v2 .ff-engine-capabilities {
    left: 10px !important;
    right: 10px !important;
    bottom: 58px !important;
    min-height: 60px !important;
    grid-template-columns: repeat(5, 1fr) !important;
    border-radius: 13px !important;
  }

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

  body.home-v2 .ff-engine-capabilities span {
    grid-row: auto !important;
    width: 25px !important;
    height: 25px !important;
  }

  body.home-v2 .ff-engine-capabilities b {
    font-size: 6px !important;
    white-space: normal !important;
  }

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

  body.home-v2 .ff-engine-integrations {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    min-height: 38px !important;
    padding: 5px 7px !important;
    grid-template-columns: 60px minmax(0,1fr) !important;
    gap: 5px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

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

  body.home-v2 .ff-engine-integration-track {
    min-width: 0 !important;
    gap: 3px !important;
    justify-content: space-between !important;
  }

  body.home-v2 .ff-engine-brand {
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 3px !important;
  }

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

  /* ---------- Pricing ---------- */
  body.home-v2 #pricing {
    padding-top: 72px !important;
  }

  body.home-v2 #pricing .pricing-toggle {
    width: 100% !important;
    max-width: 360px !important;
    margin: 18px auto 0 !important;
    padding: 4px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  body.home-v2 #pricing .pricing-toggle button {
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  body.home-v2 #pricing .pricing-toggle button span {
    display: none !important;
  }

  body.home-v2 #pricing .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    max-width: 500px !important;
  }

  body.home-v2 #pricing .pricing-card {
    min-height: 0 !important;
    padding: 20px !important;
    border-radius: 19px !important;
  }

  body.home-v2 #pricing .pricing-card:hover {
    transform: none !important;
  }

  body.home-v2 #pricing .pricing-card-top {
    grid-template-columns: 46px minmax(0,1fr) !important;
    gap: 10px !important;
  }

  body.home-v2 #pricing .pricing-icon {
    width: 46px !important;
    height: 46px !important;
  }

  body.home-v2 #pricing .pricing-title-wrap h3 {
    font-size: 18px !important;
  }

  body.home-v2 #pricing .pricing-title-wrap p {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body.home-v2 #pricing .pricing-price-wrap {
    margin-top: 18px !important;
  }

  body.home-v2 #pricing .price span {
    font-size: 31px !important;
  }

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

  body.home-v2 #pricing .onboard {
    margin-top: 14px !important;
    padding: 10px 12px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  body.home-v2 #pricing .pricing-card ul {
    margin: 16px 0 !important;
    gap: 8px !important;
  }

  body.home-v2 #pricing .pricing-card li {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  body.home-v2 #pricing .pricing-cta {
    min-height: 46px !important;
  }

  body.home-v2 #pricing .pricing-badge {
    top: 12px !important;
    right: 12px !important;
    min-height: 24px !important;
    font-size: 7px !important;
  }

  body.home-v2 #pricing .pricing-assurance {
    margin-top: 16px !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  /* ---------- Feedback ---------- */
  body.home-v2 .ff-feedback {
    padding-bottom: 72px !important;
  }

  body.home-v2 .ff-feedback-marquee {
    padding: 18px 0 !important;
    margin-bottom: 34px !important;
  }

  body.home-v2 .ff-feedback-marquee-track {
    gap: 22px !important;
  }

  body.home-v2 .ff-feedback-marquee-track span {
    font-size: clamp(27px, 8.5vw, 38px) !important;
  }

  body.home-v2 .ff-feedback-stage {
    padding-inline: 0 !important;
  }

  body.home-v2 .ff-feedback-avatars {
    margin-bottom: 12px !important;
  }

  body.home-v2 .ff-feedback-person {
    margin-bottom: 18px !important;
    text-align: center !important;
  }

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

  body.home-v2 .ff-feedback-person span {
    font-size: 9px !important;
  }

  body.home-v2 .ff-feedback-view {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) 34px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  body.home-v2 .ff-feedback-side {
    display: none !important;
  }

  body.home-v2 .ff-feedback-card {
    grid-column: 2 !important;
    min-height: 0 !important;
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }

  body.home-v2 .ff-feedback-card blockquote {
    margin: 12px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  body.home-v2 .ff-feedback-arrow {
    width: 34px !important;
    height: 34px !important;
  }

  body.home-v2 .ff-feedback-prev {
    grid-column: 1 !important;
  }

  body.home-v2 .ff-feedback-next {
    grid-column: 3 !important;
  }

  /* ---------- FAQ ---------- */
  body.home-v2 .ff-faq-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.home-v2 .ff-faq-aside {
    position: static !important;
    text-align: center !important;
  }

  body.home-v2 .ff-faq-aside .ff-kicker {
    margin: 0 auto 14px !important;
  }

  body.home-v2 .ff-faq-support-sticky,
  body.home-v2 .ff-faq-support-btn {
    width: 100% !important;
  }

  body.home-v2 .ff-faq-list {
    gap: 8px !important;
  }

  body.home-v2 .ff-faq .faq-item {
    border-radius: 13px !important;
  }

  body.home-v2 .ff-faq .faq-question {
    min-height: 56px !important;
    padding: 0 14px !important;
    gap: 10px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.home-v2 .ff-faq .faq-chevron {
    width: 26px !important;
    height: 26px !important;
  }

  body.home-v2 .ff-faq .faq-answer-inner {
    padding: 0 14px 15px !important;
    font-size: 10.5px !important;
    line-height: 1.65 !important;
  }

  /* ---------- Final CTA ---------- */
  body.home-v2 .ff-cta {
    padding-top: 68px !important;
    padding-bottom: 70px !important;
  }

  body.home-v2 .ff-cta-card {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 28px 18px !important;
    border-radius: 20px !important;
    text-align: center !important;
  }

  body.home-v2 .ff-cta-copy .ff-kicker {
    margin: 0 auto 14px !important;
  }

  body.home-v2 .ff-cta-copy > p {
    margin-inline: auto !important;
  }

  body.home-v2 .ff-cta-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.home-v2 .ff-cloud-art {
    min-height: 170px !important;
    width: 100% !important;
  }

  body.home-v2 .ff-cloud-mock-wrap {
    width: min(100%, 300px) !important;
    animation: none !important;
  }

  /* ---------- Footer ---------- */
  body.home-v2 .ff-footer {
    padding: 48px 0 22px !important;
  }

  body.home-v2 .ff-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 18px !important;
  }

  body.home-v2 .ff-footer-brand,
  body.home-v2 .ff-footer-subscribe {
    grid-column: 1 / -1 !important;
  }

  body.home-v2 .ff-footer-brand {
    text-align: center !important;
  }

  body.home-v2 .ff-footer-brand > img {
    width: 155px !important;
  }

  body.home-v2 .ff-footer-brand > p {
    max-width: 380px !important;
    margin: 14px auto !important;
    font-size: 10.5px !important;
    line-height: 1.65 !important;
  }

  body.home-v2 .ff-footer-socials {
    justify-content: center !important;
  }

  body.home-v2 .ff-footer-grid > div:not(.ff-footer-brand) {
    gap: 8px !important;
  }

  body.home-v2 .ff-footer-grid h3 {
    font-size: 11px !important;
  }

  body.home-v2 .ff-footer-grid a,
  body.home-v2 .ff-footer-subscribe p {
    font-size: 9px !important;
  }

  body.home-v2 .ff-footer-bottom {
    margin-top: 34px !important;
    padding-top: 16px !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
    font-size: 8px !important;
  }

  body.home-v2 .ff-footer-bottom div {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
  }

  /* ---------- Floating scroll button ---------- */
  body.home-v2 .scroll-top {
    right: 14px !important;
    bottom: 16px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    z-index: 90 !important;
  }

  /* ---------- Touch/mobile motion cleanup ---------- */
  body.home-v2 .ff-tilt,
  body.home-v2 .ff-product-card,
  body.home-v2 .ff-bento-card,
  body.home-v2 .ff-industry-card {
    transform: none !important;
  }
}


/* Extra-small phones */
@media (max-width: 420px) {
  body.home-v2 .ff-shell {
    width: calc(100% - 24px) !important;
  }

  body.home-v2 .ff-hero {
    padding-top: 96px !important;
  }

  body.home-v2 .ff-display,
  body.home-v2 .ff-hero-title-final {
    font-size: clamp(34px, 10.5vw, 42px) !important;
  }

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

  body.home-v2 .ff-benefit-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 8px !important;
  }

  body.home-v2 .ff-benefit {
    grid-template-columns: 30px 1fr !important;
    justify-items: start !important;
    text-align: left !important;
  }

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

  body.home-v2 .ff-product-card {
    padding-right: 42px !important;
  }

  body.home-v2 .ff-product-card p {
    -webkit-line-clamp: 3 !important;
  }

  body.home-v2 .ff-metric {
    padding: 12px !important;
  }

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

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

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

  body.home-v2 .ff-engine-center {
    width: min(70%, 210px) !important;
  }

  body.home-v2 #pricing .pricing-card {
    padding: 18px 16px !important;
  }

  body.home-v2 .ff-feedback-view {
    grid-template-columns: 30px minmax(0,1fr) 30px !important;
  }

  body.home-v2 .ff-feedback-arrow {
    width: 30px !important;
    height: 30px !important;
  }

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

  body.home-v2 .ff-footer-brand,
  body.home-v2 .ff-footer-subscribe {
    grid-column: auto !important;
  }
}


/* Landscape phones */
@media (max-width: 767px) and (orientation: landscape) {
  body.home-v2 .ff-hero {
    padding-top: 92px !important;
  }

  body.home-v2 .ff-display,
  body.home-v2 .ff-hero-title-final {
    max-width: 620px !important;
    font-size: clamp(34px, 6.5vw, 44px) !important;
  }

  body.home-v2 .ff-hero-stage {
    max-width: 620px !important;
    margin-inline: auto !important;
  }
}


/* Reduce heavy motion on touch devices while keeping the page premium. */
@media (hover: none) and (pointer: coarse) {
  body.home-v2 .ff-product-card:hover,
  body.home-v2 .ff-bento-card:hover,
  body.home-v2 .ff-industry-card:hover,
  body.home-v2 #pricing .pricing-card:hover {
    transform: none !important;
  }

  body.home-v2 .ff-hero-mock-wrap,
  body.home-v2 .ff-cloud-mock-wrap {
    animation: none !important;
  }
}
/* =========================================================
   FULFILIX CLOUD — MOBILE ALIGNMENT / COMPACTION FIX V2
   Requested mobile-only corrections:
   - tighter headings / fewer wrapped lines
   - two CTA buttons on one row
   - product-card arrows aligned consistently
   - pricing cards equal full width
   - pricing assurance 2 + 1 layout
   - testimonial arrows moved beside avatar row
   - testimonial card uses full mobile width
   Desktop remains untouched.
   ========================================================= */

@media (max-width: 767px) {

  /* ---------- Heading compaction ---------- */
  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-faq-aside h2,
  body.home-v2 .ff-cta-copy h2 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(25px, 7.1vw, 31px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.048em !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* Hero: allow the three desktop spans to flow as a balanced 2-line title */
  body.home-v2 .ff-display,
  body.home-v2 .ff-hero-title-final {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(26px, 7.45vw, 31px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance !important;
  }

  body.home-v2 .ff-display .ff-heading-line,
  body.home-v2 .ff-hero-title-final .ff-heading-line {
    display: inline !important;
    width: auto !important;
    white-space: normal !important;
  }

  /* Core capabilities: remove desktop forced break so it balances to ~3 lines */
  body.home-v2 #ffFeaturesTitle br {
    display: none !important;
  }

  body.home-v2 #ffFeaturesTitle {
    max-width: 100% !important;
    margin-inline: auto !important;
    font-size: clamp(25px, 6.9vw, 30px) !important;
    line-height: 1.06 !important;
  }

  /* Keep section copy clearly separated from compacted headings */
  body.home-v2 .ff-section-head h2 + p,
  body.home-v2 .ff-section-split-head h2 + p,
  body.home-v2 .ff-cta-copy h2 + p {
    margin-top: 16px !important;
  }

  /* ---------- Paired mobile CTA buttons: always one row ---------- */
  body.home-v2 .ff-hero-actions,
  body.home-v2 .ff-cta-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-v2 .ff-hero-actions .ff-btn,
  body.home-v2 .ff-cta-actions .ff-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding-inline: 10px !important;
    justify-content: center !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
  }

  body.home-v2 .ff-hero-actions .ff-btn svg {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
  }

  /* ---------- Products: lock every arrow to the same right-center position ---------- */
  body.home-v2 .ff-product-card {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 58px !important;
  }

  body.home-v2 .ff-card-link {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    z-index: 3 !important;
  }

  body.home-v2 .ff-card-link b {
    display: block !important;
    width: auto !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  /* ---------- Pricing: every one of the six cards gets identical width ---------- */
  body.home-v2 #pricing .pricing-grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
  }

  body.home-v2 #pricing .pricing-card,
  body.home-v2 #pricing .pricing-card.featured {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.home-v2 #pricing .pricing-card-top,
  body.home-v2 #pricing .pricing-price-wrap,
  body.home-v2 #pricing .onboard,
  body.home-v2 #pricing .pricing-card ul,
  body.home-v2 #pricing .pricing-cta {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Pricing footer benefits: first two side-by-side, third on next row */
  body.home-v2 #pricing .pricing-assurance {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: stretch !important;
  }

  body.home-v2 #pricing .pricing-assurance > div {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
  }

  body.home-v2 #pricing .pricing-assurance > div:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  body.home-v2 #pricing .pricing-assurance p {
    min-width: 0 !important;
  }

  body.home-v2 #pricing .pricing-assurance strong {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }

  body.home-v2 #pricing .pricing-assurance small {
    font-size: 8px !important;
    line-height: 1.3 !important;
  }

  /* ---------- Feedback: arrows beside avatar strip, quote card full width ---------- */
  body.home-v2 .ff-feedback-stage {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-v2 .ff-feedback-avatars {
    position: relative !important;
    width: max-content !important;
    max-width: calc(100% - 96px) !important;
    margin: 0 auto 12px !important;
    min-height: 42px !important;
  }

  body.home-v2 .ff-feedback-view {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home-v2 .ff-feedback-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    box-sizing: border-box !important;
  }

  body.home-v2 .ff-feedback-arrow {
    position: absolute !important;
    top: 3px !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 12 !important;
  }

  body.home-v2 .ff-feedback-prev {
    left: 0 !important;
    right: auto !important;
  }

  body.home-v2 .ff-feedback-next {
    right: 0 !important;
    left: auto !important;
  }

  body.home-v2 .ff-feedback-person {
    width: 100% !important;
    margin: 10px auto 18px !important;
  }

  body.home-v2 .ff-feedback-dots {
    margin-top: 18px !important;
  }

  /* ---------- Final CTA: 2-line title + buttons on same row ---------- */
  body.home-v2 #ffCtaTitle {
    width: 100% !important;
    max-width: 360px !important;
    margin-inline: auto !important;
    font-size: clamp(27px, 7.3vw, 31px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.05em !important;
    text-wrap: balance !important;
  }

  body.home-v2 .ff-cta-copy > p {
    max-width: 390px !important;
    margin-inline: auto !important;
  }
}


/* Extra-small phones: DO NOT stack the paired CTAs again */
@media (max-width: 420px) {

  body.home-v2 .ff-hero-actions,
  body.home-v2 .ff-cta-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.home-v2 .ff-hero-actions .ff-btn,
  body.home-v2 .ff-cta-actions .ff-btn {
    min-height: 46px !important;
    padding-inline: 7px !important;
    font-size: 10.5px !important;
  }

  body.home-v2 .ff-display,
  body.home-v2 .ff-hero-title-final {
    font-size: clamp(25px, 7.45vw, 29px) !important;
  }

  body.home-v2 #ffFeaturesTitle {
    font-size: clamp(24px, 6.8vw, 28px) !important;
  }

  body.home-v2 #ffCtaTitle {
    max-width: 330px !important;
    font-size: clamp(26px, 7.2vw, 29px) !important;
  }

  body.home-v2 .ff-feedback-arrow {
    width: 36px !important;
    height: 36px !important;
    top: 4px !important;
  }

  body.home-v2 #pricing .pricing-assurance {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-v2 #pricing .pricing-assurance > div:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
}

/* =========================================================
   FULFILIX — FEEDBACK MOBILE LAYOUT FIX
   Mobile only:
   - arrows align with avatar row (far left / far right)
   - feedback card uses full available width
   ========================================================= */
@media (max-width: 767px) {

  body.home-v2 .ff-feedback-stage {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Avatar row stays centered, arrows sit at its outer left/right level */
  body.home-v2 .ff-feedback-avatars {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    margin: 0 auto 10px !important;
    padding: 0 52px !important;
  }

  body.home-v2 .ff-feedback-person {
    width: 100% !important;
    margin: 8px auto 18px !important;
    text-align: center !important;
  }

  /*
   * Important:
   * .ff-feedback-view must NOT be positioned, otherwise the absolutely
   * positioned arrows stay attached to the quote/card row.
   */
  body.home-v2 .ff-feedback-view {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home-v2 .ff-feedback-side {
    display: none !important;
  }

  /* Full-width quote card */
  body.home-v2 .ff-feedback-card {
    position: relative !important;
    display: block !important;
    grid-column: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
  }

  body.home-v2 .ff-feedback-card blockquote {
    width: 100% !important;
    max-width: none !important;
    margin: 12px 0 0 !important;
  }

  /* Move arrows from quote-card sides to avatar-row left/right corners */
  body.home-v2 .ff-feedback-arrow {
    position: absolute !important;
    top: 5px !important;
    bottom: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 20 !important;
  }

  body.home-v2 .ff-feedback-prev {
    left: 0 !important;
    right: auto !important;
  }

  body.home-v2 .ff-feedback-next {
    right: 0 !important;
    left: auto !important;
  }

  body.home-v2 .ff-feedback-dots {
    width: 100% !important;
    margin-top: 18px !important;
  }
}

/* Keep the exact same layout on smaller phones too */
@media (max-width: 420px) {
  body.home-v2 .ff-feedback-avatars {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }

  body.home-v2 .ff-feedback-arrow {
    top: 6px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  body.home-v2 .ff-feedback-card {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    padding: 22px 18px !important;
  }
}

/* =========================================================
   FULFILIX — FEEDBACK MOBILE FINAL GRID FIX
   Exact mobile structure:
   ←     [prev] [current] [next]     →
             Client Name
               Client Role
   ┌──────────────────────────────────┐
   │              ★★★★★               │
   │        Full testimonial text     │
   └──────────────────────────────────┘
                 dots
   ========================================================= */
@media (max-width: 767px) {

  body.home-v2 .ff-feedback-stage {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    align-items: center !important;
    justify-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /*
   * Promote the arrows + testimonial card into the stage grid.
   * This avoids absolute-positioning and keeps the layout stable.
   */
  body.home-v2 .ff-feedback-view {
    display: contents !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Row 1: ←  avatars  → */
  body.home-v2 .ff-feedback-avatars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: center !important;
  }

  body.home-v2 .ff-feedback-arrow {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    align-self: center !important;
    justify-self: center !important;
    z-index: 5 !important;
  }

  body.home-v2 .ff-feedback-arrow:hover {
    transform: none !important;
  }

  body.home-v2 .ff-feedback-prev {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.home-v2 .ff-feedback-next {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  /* Row 2: client name + role */
  body.home-v2 .ff-feedback-person {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 20px !important;
    padding: 0 8px !important;
    text-align: center !important;
    justify-self: stretch !important;
  }

  body.home-v2 .ff-feedback-person strong {
    font-size: 17px !important;
    line-height: 1.25 !important;
  }

  body.home-v2 .ff-feedback-person span {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  /* Desktop faded side cards are not used on phones */
  body.home-v2 .ff-feedback-side {
    display: none !important;
  }

  /* Row 3: full-width testimonial card */
  body.home-v2 .ff-feedback-card {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    position: relative !important;
    z-index: 3 !important;

    display: grid !important;
    align-content: center !important;
    justify-items: center !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;

    min-height: 265px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 42px 24px 34px !important;

    box-sizing: border-box !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    border-radius: 18px !important;
    overflow: hidden !important;
    text-align: center !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }

  body.home-v2 .ff-feedback-card-stars {
    width: 100% !important;
    margin: 0 0 18px !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.home-v2 .ff-feedback-card blockquote {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
    text-wrap: balance !important;

    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.home-v2 .ff-feedback-card::before {
    left: 20px !important;
    top: 14px !important;
    font-size: 70px !important;
  }

  /* Row 4: dots */
  body.home-v2 .ff-feedback-dots {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 420px) {
  body.home-v2 .ff-feedback-stage {
    grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    column-gap: 7px !important;
  }

  body.home-v2 .ff-feedback-arrow {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  body.home-v2 .ff-feedback-avatars {
    gap: 7px !important;
    min-height: 48px !important;
    padding: 0 !important;
  }

  body.home-v2 .ff-feedback-person {
    margin: 10px 0 18px !important;
  }

  body.home-v2 .ff-feedback-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 250px !important;
    padding: 38px 18px 30px !important;
  }

  body.home-v2 .ff-feedback-card blockquote {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
  }
}