#roseflow-benefits-v2 {
  --font-size-base: 14px;
  --rf2-page: #fff8fe;
  --rf2-ink: #1a0a3a;
  --rf2-muted: #675e73;
  --rf2-line: rgba(84,73,139,.14);
  --rf2-neutral: #ffffff;
  --rf2-lavender: #e0d9fa;
  --rf2-soft-violet: #f0ecfa;
  --rf2-peach: #fbe8c8;
  --rf2-coral: #f6895e;
  --rf2-pink: #fc90e4;
  --rf2-magenta: #dc4ff5;
  --rf2-purple: #54498b;
  --rf2-deep: #1a0a3a;
  --rf2-shadow: 0 18px 52px rgba(49,28,83,.10);
  color-scheme: light;
  position: relative;
  display: block;
  width: 100%;
  overflow-x: clip;
  margin-top: -1px;
  padding: 54px 22px 70px;
  background:
    radial-gradient(ellipse 34% 38% at 0% 42%, rgba(220,79,245,.13), transparent 74%),
    radial-gradient(ellipse 32% 36% at 100% 68%, rgba(246,137,94,.11), transparent 74%),
    var(--rf2-page);
  color: var(--rf2-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  transition: background 240ms ease, color 240ms ease;
}

#roseflow-benefits-v2[data-rf-theme="dark"] {
  --rf2-page: #1a0a3a;
  --rf2-ink: #fbf8ff;
  --rf2-muted: #c6bdd3;
  --rf2-line: rgba(224,217,250,.16);
  --rf2-neutral: #28183c;
  --rf2-lavender: #382651;
  --rf2-soft-violet: #301f47;
  --rf2-peach: #432634;
  --rf2-shadow: 0 22px 62px rgba(0,0,0,.28);
  color-scheme: dark;
  background:
    radial-gradient(ellipse 34% 38% at 0% 42%, rgba(220,79,245,.15), transparent 74%),
    radial-gradient(ellipse 32% 36% at 100% 68%, rgba(149,130,195,.14), transparent 74%),
    var(--rf2-page);
}

#roseflow-benefits-v2,
#roseflow-benefits-v2 *,
#roseflow-benefits-v2 *::before,
#roseflow-benefits-v2 *::after { box-sizing: border-box; }
#roseflow-benefits-v2 button,
#roseflow-benefits-v2 a { font: inherit; }
#roseflow-benefits-v2 button:focus-visible,
#roseflow-benefits-v2 a:focus-visible { outline: 3px solid rgba(220,79,245,.42); outline-offset: 3px; }
#roseflow-benefits-v2 .rf2-shell { width: min(1120px, 100%); margin: 0 auto; }

#roseflow-benefits-v2 .rf2-header { max-width: 1000px; margin: 0 auto 52px; text-align: center; }
#roseflow-benefits-v2 h2 { margin: 0; font-family: Poppins, Inter, sans-serif; font-size: calc(var(--font-size-base) * 4.25); line-height: 1.07; font-weight: 600; letter-spacing: -.06em; text-wrap: balance; }
#roseflow-benefits-v2 h2 span { color: transparent; background: linear-gradient(90deg, #9582c3 0%, #dc4ff5 52%, #f6895e 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#roseflow-benefits-v2 .rf2-sub { width: 100%; margin: 36px auto 12px; color: var(--rf2-ink); font-size: calc(var(--font-size-base) * 1.25); font-style: italic; font-weight: 500; text-align: center; }
#roseflow-benefits-v2 .rf2-support { max-width: 720px; margin: 0 auto; color: var(--rf2-muted); font-size: calc(var(--font-size-base) * 1.05); }
#roseflow-benefits-v2 .rf2-support strong { color: transparent; background: linear-gradient(90deg, #dc4ff5, #f6895e); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: italic; font-weight: 500; letter-spacing: .04em; }
#roseflow-benefits-v2 .rf2-outcome { color: var(--rf2-ink); font-weight: 600; text-decoration: underline; text-decoration-color: #dc4ff5; text-decoration-thickness: .13em; text-underline-offset: .18em; }

#roseflow-benefits-v2 .rf2-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas:
    "c1 c1 c1 c1 c3 c3 c3 c3 c4 c4 c4 c4"
    "c2 c2 c2 c2 c2 c2 c2 c5 c5 c5 c5 c5"
    "c6 c6 c6 c6 c6 c6 c6 c6 c6 c6 c6 c6";
  gap: 18px;
}
#roseflow-benefits-v2 .rf2-card {
  position: relative;
  min-width: 0;
  min-height: 380px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid var(--rf2-line);
  border-radius: 26px;
  box-shadow: var(--rf2-shadow);
  transition: transform 440ms cubic-bezier(.22,1,.36,1) var(--rf2-delay, 0ms), opacity 300ms ease var(--rf2-delay, 0ms), box-shadow 160ms ease, background 240ms ease;
}
#roseflow-benefits-v2 .rf2-c1 { grid-area: c1; color: #fff; background: linear-gradient(145deg, #54498b 0%, #9582c3 42%, #dc4ff5 100%); background-size: 180% 180%; animation: rf2-drift 10s ease-in-out infinite; }
#roseflow-benefits-v2 .rf2-c1::after { content: ""; position: absolute; width: 270px; height: 270px; right: -120px; bottom: -140px; border-radius: 50%; background: rgba(251,232,200,.35); filter: blur(3px); }
#roseflow-benefits-v2 .rf2-c2 { grid-area: c2; min-height: 320px; background: linear-gradient(135deg, var(--rf2-soft-violet), var(--rf2-neutral)); }
#roseflow-benefits-v2 .rf2-c2::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -90px; border-radius: 50%; background: rgba(220,79,245,.13); }
#roseflow-benefits-v2 .rf2-c3 { grid-area: c3; }
#roseflow-benefits-v2 .rf2-c4 { grid-area: c4; }
#roseflow-benefits-v2 .rf2-c5 { grid-area: c5; min-height: 320px; color: #35122d; background: linear-gradient(145deg, #fbe8c8 0%, #fc90e4 115%); }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c5 { color: #fff3fb; background: linear-gradient(145deg, #3c2036 0%, #6b245d 115%); }
#roseflow-benefits-v2 .rf2-c6 { grid-area: c6; min-height: 245px; padding-right: 42%; color: #fff; background: linear-gradient(115deg, #1a0a3a 0%, #54498b 66%, #dc4ff5 125%); }
#roseflow-benefits-v2 .rf2-c6::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 270px;
  right: -70px;
  top: -10px;
  border-radius: 43% 57% 52% 48% / 61% 42% 58% 39%;
  background: conic-gradient(from 220deg at 50% 50%, transparent 0 14%, rgba(246,137,94,.82) 21% 34%, rgba(252,144,228,.32) 43% 51%, transparent 59% 100%);
  -webkit-mask: radial-gradient(ellipse at center, transparent 0 26%, #000 34% 57%, transparent 69%);
  mask: radial-gradient(ellipse at center, transparent 0 26%, #000 34% 57%, transparent 69%);
  filter: blur(8px);
  opacity: .9;
  transform: rotate(-12deg);
  animation: rf2-liquid-swirl 10s ease-in-out infinite;
}

#roseflow-benefits-v2 .rf2-top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
#roseflow-benefits-v2 .rf2-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(84,73,139,.10); color: var(--rf2-purple); font-weight: 500; }
#roseflow-benefits-v2 .rf2-c1 .rf2-icon,
#roseflow-benefits-v2 .rf2-c6 .rf2-icon { color: #fff; background: rgba(255,255,255,.16); }
#roseflow-benefits-v2 .rf2-label { color: var(--rf2-muted); font-weight: 500; letter-spacing: .09em; text-transform: uppercase; }
#roseflow-benefits-v2 .rf2-c1 .rf2-label,
#roseflow-benefits-v2 .rf2-c6 .rf2-label { color: rgba(255,255,255,.78); }
#roseflow-benefits-v2 .rf2-stat { position: relative; z-index: 2; display: block; margin-top: 44px; color: var(--rf2-ink); font-size: calc(var(--font-size-base) * 5.8); line-height: .82; font-weight: 500; letter-spacing: -.085em; white-space: nowrap; }
#roseflow-benefits-v2 .rf2-c1 .rf2-stat { color: #fff; letter-spacing: -.035em; }
#roseflow-benefits-v2 .rf2-stat-slash { display: inline-block; margin: 0 .045em; }
#roseflow-benefits-v2 .rf2-c5 .rf2-stat { color: inherit; }
#roseflow-benefits-v2 .rf2-copy { position: absolute; z-index: 3; right: 30px; bottom: 30px; left: 30px; }
#roseflow-benefits-v2 .rf2-copy h3 { margin: 0 0 9px; font-size: calc(var(--font-size-base) * 1.35); line-height: 1.02; font-weight: 500; letter-spacing: -.035em; }
#roseflow-benefits-v2 .rf2-copy p { max-width: 54ch; margin: 0; color: var(--rf2-muted); }
#roseflow-benefits-v2 .rf2-c1 .rf2-copy p,
#roseflow-benefits-v2 .rf2-c6 .rf2-copy p { color: rgba(255,255,255,.80); }
#roseflow-benefits-v2 .rf2-c5 .rf2-copy p { color: #6b415a; }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c5 .rf2-copy p { color: #ead3e2; }

#roseflow-benefits-v2 .rf2-flip { padding: 0; overflow: visible; perspective: 1100px; }
#roseflow-benefits-v2 .rf2-flip-button { position: absolute; inset: 0; width: 100%; padding: 0; border: 0; border-radius: 26px; background: transparent; color: inherit; cursor: pointer; text-align: left; }
#roseflow-benefits-v2 .rf2-flip-inner { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform 420ms ease; }
#roseflow-benefits-v2 .rf2-flip-button[aria-pressed="true"] .rf2-flip-inner { transform: rotateY(180deg); }
#roseflow-benefits-v2 .rf2-face { position: absolute; inset: 0; overflow: hidden; padding: 30px; border: 1px solid var(--rf2-line); border-radius: 26px; backface-visibility: hidden; }
#roseflow-benefits-v2 .rf2-c3 .rf2-face { background: var(--rf2-lavender); }
#roseflow-benefits-v2 .rf2-c4 .rf2-face { background: linear-gradient(145deg, var(--rf2-neutral) 20%, #fce5f7 100%); }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-face { background: linear-gradient(145deg, var(--rf2-neutral) 20%, #3a1938 100%); }
#roseflow-benefits-v2 .rf2-face.rf2-back { transform: rotateY(180deg); background: linear-gradient(145deg, #54498b, #9582c3); color: #fff; }
#roseflow-benefits-v2 .rf2-back .rf2-label,
#roseflow-benefits-v2 .rf2-back .rf2-copy p { color: rgba(255,255,255,.80); }
#roseflow-benefits-v2 .rf2-back .rf2-icon { color: #fff; background: rgba(255,255,255,.14); }
#roseflow-benefits-v2 .rf2-cue { position: absolute; right: 23px; bottom: 20px; color: var(--rf2-muted); opacity: .65; }
#roseflow-benefits-v2 .rf2-back .rf2-cue { color: #fff; }
#roseflow-benefits-v2 .rf2-language { display: flex; gap: 8px; margin-top: 42px; }
#roseflow-benefits-v2 .rf2-language span { padding: 10px 14px; border-radius: 999px; background: rgba(220,79,245,.12); color: var(--rf2-purple); font-weight: 500; }
#roseflow-benefits-v2 .rf2-handoff-art { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#roseflow-benefits-v2 .rf2-dark-art { display: none; top: -15%; height: 130%; }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-light-art { display: none; }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-dark-art { display: block; }
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back)::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(84,73,139,.92) 0%, rgba(149,130,195,.62) 38%, rgba(149,130,195,.10) 72%); pointer-events: none; }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c3 .rf2-face:not(.rf2-back)::after { background: linear-gradient(180deg, rgba(15,8,28,.90) 0%, rgba(15,8,28,.46) 38%, rgba(15,8,28,0) 68%); }
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-top,
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-copy,
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-cue { z-index: 2; }
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-copy { top: 92px; bottom: auto; max-width: 88%; }
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-icon { color: #fff; background: rgba(255,255,255,.16); }
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-label,
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-copy h3,
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-copy p,
#roseflow-benefits-v2 .rf2-c3 .rf2-face:not(.rf2-back) .rf2-cue { color: #fff; }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c3 .rf2-face:not(.rf2-back) .rf2-icon { color: #fff; background: rgba(255,255,255,.14); }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c3 .rf2-face:not(.rf2-back) .rf2-label,
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c3 .rf2-face:not(.rf2-back) .rf2-copy p,
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c3 .rf2-face:not(.rf2-back) .rf2-cue { color: rgba(255,255,255,.84); }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-face:not(.rf2-back) .rf2-icon { color: #fff; background: rgba(255,255,255,.14); }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-face:not(.rf2-back) .rf2-label,
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-face:not(.rf2-back) .rf2-copy h3,
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-face:not(.rf2-back) .rf2-copy p,
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-face:not(.rf2-back) .rf2-cue { color: #fff; }
#roseflow-benefits-v2[data-rf-theme="dark"] .rf2-c4 .rf2-language span { color: #fff; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.12); }
#roseflow-benefits-v2 .rf2-detail-note { margin-top: 13px !important; color: rgba(255,255,255,.72) !important; font-size: calc(var(--font-size-base) * .78); }
#roseflow-benefits-v2 .rf2-detail-note a { color: #fff; font-weight: 500; text-underline-offset: 3px; }
#roseflow-benefits-v2 .rf2-copy-high { top: 94px; bottom: auto; }
#roseflow-benefits-v2 .rf2-steps { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; position: absolute; z-index: 3; top: 70px; right: 30px; max-width: 48%; }
#roseflow-benefits-v2 .rf2-steps span { padding: 6px 9px; border: 1px solid var(--rf2-line); border-radius: 999px; background: var(--rf2-neutral); color: var(--rf2-muted); font-size: calc(var(--font-size-base) * .72); }
#roseflow-benefits-v2 .rf2-c2 .rf2-copy { right: 34%; }
#roseflow-benefits-v2 .rf2-c6 .rf2-copy { right: 42%; }
#roseflow-benefits-v2 .rf2-c6 .rf2-copy h3 { font-size: calc(var(--font-size-base) * 2.5); letter-spacing: -.05em; }
#roseflow-benefits-v2 .rf2-bubbles { position: absolute; z-index: 3; right: 4%; top: 50%; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; width: 33%; transform: translateY(-50%); }
#roseflow-benefits-v2 .rf2-package-choice { grid-column: 1 / -1; display: block; margin-bottom: 3px; color: rgba(255,255,255,.76); font-size: calc(var(--font-size-base) * .72); font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
#roseflow-benefits-v2 .rf2-bubbles span { padding: 11px; border-radius: 999px; background: rgba(255,255,255,.15); color: #fff; text-align: center; backdrop-filter: blur(8px); }
#roseflow-benefits-v2 .rf2-bubbles .rf2-package-live { background: linear-gradient(105deg, #f6895e, #dc4ff5); box-shadow: 0 8px 22px rgba(220,79,245,.28); }
#roseflow-benefits-v2 .rf2-bubbles span:nth-of-type(2) { background: rgba(251,232,200,.20); }
#roseflow-benefits-v2 .rf2-bubbles span:nth-of-type(3) { background: rgba(252,144,228,.22); }
#roseflow-benefits-v2 .rf2-bubbles span:nth-of-type(4) { background: rgba(224,217,250,.20); }

#roseflow-benefits-v2 .rf2-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 40px; }
#roseflow-benefits-v2 .rf2-primary,
#roseflow-benefits-v2 .rf2-secondary { min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 13px; text-decoration: none; font-weight: 600; transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
#roseflow-benefits-v2 .rf2-primary { border: 1px solid transparent; color: #fff; background: linear-gradient(105deg, #54498b, #dc4ff5 65%, #f6895e); box-shadow: 0 14px 30px rgba(220,79,245,.22); }
#roseflow-benefits-v2 .rf2-secondary { border: 1px solid var(--rf2-line); color: var(--rf2-ink); background: transparent; }
#roseflow-benefits-v2 .rf2-primary:hover,
#roseflow-benefits-v2 .rf2-secondary:hover { color: #fff; border-color: transparent; background: linear-gradient(105deg, #54498b, #dc4ff5 65%, #f6895e); box-shadow: 0 18px 36px rgba(220,79,245,.25); transform: translateY(-2px); }

#roseflow-benefits-v2.rf2-motion-ready .rf2-header,
#roseflow-benefits-v2.rf2-motion-ready .rf2-actions { opacity: 0; transform: translateY(10px); }
#roseflow-benefits-v2.rf2-motion-ready .rf2-grid .rf2-card:nth-child(odd) { opacity: 0; transform: translateX(-44px); }
#roseflow-benefits-v2.rf2-motion-ready .rf2-grid .rf2-card:nth-child(even) { opacity: 0; transform: translateX(44px); }
#roseflow-benefits-v2.rf2-motion-ready .rf2-header.rf2-entered,
#roseflow-benefits-v2.rf2-motion-ready .rf2-actions.rf2-entered,
#roseflow-benefits-v2.rf2-motion-ready .rf2-grid .rf2-card.rf2-entered { opacity: 1; transform: translate(0, 0); }

@keyframes rf2-drift { 0%,100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } }
@keyframes rf2-liquid-swirl {
  0%,100% { border-radius: 43% 57% 52% 48% / 61% 42% 58% 39%; transform: rotate(-12deg) scale(1); }
  50% { border-radius: 58% 42% 39% 61% / 45% 57% 43% 55%; transform: rotate(10deg) scale(1.08); }
}

@media (hover: hover) {
  #roseflow-benefits-v2 .rf2-card.rf2-entered:hover { transform: translateY(-4px); box-shadow: 0 0 0 1px rgba(220,79,245,.40), 0 0 34px rgba(220,79,245,.24), 0 26px 64px rgba(49,28,83,.20); filter: saturate(1.06) brightness(1.02); }
  #roseflow-benefits-v2[data-rf-theme="dark"] .rf2-card:hover { box-shadow: 0 0 0 1px rgba(246,94,216,.58), 0 0 38px rgba(220,79,245,.34), 0 26px 68px rgba(0,0,0,.38); }
  #roseflow-benefits-v2 .rf2-flip:hover .rf2-flip-inner { transform: rotateY(180deg); }
}

@media (max-width: 767px) {
  #roseflow-benefits-v2 { padding: 46px 13px 52px; }
  #roseflow-benefits-v2 .rf2-header { margin-bottom: 36px; }
  #roseflow-benefits-v2 h2 { font-size: calc(var(--font-size-base) * 2.75); }
  #roseflow-benefits-v2 h2 { line-height: 1.1; }
  #roseflow-benefits-v2 .rf2-sub { margin-top: 28px; }
  #roseflow-benefits-v2 .rf2-grid { grid-template-columns: 1fr; grid-template-areas: "c1" "c3" "c4" "c2" "c5" "c6"; gap: 14px; }
  #roseflow-benefits-v2 .rf2-card { min-height: 370px; border-radius: 22px; }
  #roseflow-benefits-v2 .rf2-stat { font-size: calc(var(--font-size-base) * 4.65); }
  #roseflow-benefits-v2 .rf2-face,
  #roseflow-benefits-v2 .rf2-flip-button { border-radius: 22px; }
  #roseflow-benefits-v2 .rf2-c2,
  #roseflow-benefits-v2 .rf2-c5 { min-height: 340px; }
  #roseflow-benefits-v2 .rf2-c2 .rf2-copy { right: 30px; }
  #roseflow-benefits-v2 .rf2-steps { top: 82px; right: 30px; left: 30px; max-width: none; justify-content: flex-start; }
  #roseflow-benefits-v2 .rf2-c2 .rf2-stat { margin-top: 90px; }
  #roseflow-benefits-v2 .rf2-c6 { min-height: 420px; padding-right: 30px; }
  #roseflow-benefits-v2 .rf2-c6 .rf2-copy { right: 30px; bottom: 155px; }
  #roseflow-benefits-v2 .rf2-bubbles { top: auto; right: 30px; bottom: 30px; left: 30px; width: auto; transform: none; }
  #roseflow-benefits-v2 .rf2-actions { flex-direction: column; }
  #roseflow-benefits-v2 .rf2-actions a { width: min(100%, 280px); }
}

@media (prefers-reduced-motion: reduce) {
  #roseflow-benefits-v2 * { animation: none !important; transition: none !important; }
  #roseflow-benefits-v2.rf2-motion-ready .rf2-header,
  #roseflow-benefits-v2.rf2-motion-ready .rf2-card,
  #roseflow-benefits-v2.rf2-motion-ready .rf2-actions { opacity: 1; transform: none; }
}