/* ── section-rhythm ── */
<style>


/* ── Extra-small phones (≤390px) ─────────────────── */


/* ── section-rhythm (full) ── */

/* ── Section rhythm: break the monotone white card scroll ── */

/* Problem section: keep white but add a subtle warm tint */
.problem-section {
  background: var(--c-bg-alt);
}

/* All-features section: lavender gradient */
.all-features {
  background: var(--gradient-soft);
}

/* Flex / "Your plan, your rules" section: keep alt but give it more edge */
.flex-section {
  background: var(--c-bg);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}

/* Victoria section: deep plum background to break the page */
.victoria-section {
  background: linear-gradient(160deg, #2A1640 0%, #3D2550 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.victoria-section::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(212,197,232,0.1) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
}
.victoria-section .victoria-text p,
.victoria-section .victoria-text .display-title {
  color: #fff;
}
.victoria-section .display-title em {
  color: #C084FC;
}
.victoria-section .victoria-text p {
  color: rgba(255,255,255,0.72);
}
.victoria-section .victoria-text strong {
  color: #fff;
  font-weight: 500;
}
.victoria-section .victoria-pullquote {
  border-color: rgba(212,197,232,0.3);
  color: rgba(255,255,255,0.72);
}
.victoria-section .victoria-pullquote cite {
  color: rgba(255,255,255,0.45);
}
.victoria-section .victoria-btn {
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
  border: 1.5px solid rgba(255,255,255,0.3) !important;
}
.victoria-section .victoria-btn:hover {
  background: rgba(255,255,255,0.22) !important;
}
.victoria-card {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
.victoria-card__name { color: #fff !important; }
.victoria-card__role { color: rgba(255,255,255,0.55) !important; }
.victoria-card__bio  { color: rgba(255,255,255,0.7) !important; }
.victoria-card__sign { color: rgba(255,255,255,0.45) !important; }
.victoria-card__avatar {
  background: rgba(192,132,252,0.25) !important;
  color: #C084FC !important;
}

/* FAQ: warm near-white */
.faq-section {
  background: var(--c-bg-alt);
}

/* Steps section: white */
.steps-section {
  background: var(--c-bg);
}

/* Testimonials: light lavender gradient */
.testimonials-section {
  background: var(--gradient-soft);
}

/* Cormorant display: use more aggressively in section headings */
.hero-features .display-title,
.all-features .display-title,
.flex-section .display-title,
.victoria-section .display-title,
.steps-section .display-title {
  font-size: clamp(32px, 4vw, 56px);
  letter-spacing: -0.03em;
}

/* ── testi-enhance ── */

/* Coloured avatar rings for testimonials */
.testi__avatar {
  background: linear-gradient(135deg, var(--c-primary), var(--c-lilac)) !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: var(--w-semi);
  box-shadow: 0 2px 8px rgba(155,126,189,0.25);
}
.testi {
  position: relative;
}
.testi__quote {
  font-size: var(--t-base) !important;
  font-style: italic;
  line-height: var(--lh-relax);
  color: var(--c-text) !important;
}
.testi__stars {
  color: #E7C256;
}
/* Give each testimonial a very subtle left accent */
.testi:nth-child(1) { border-left: 3px solid #F0997B; }
.testi:nth-child(2) { border-left: 3px solid #9B7EBD; }
.testi:nth-child(3) { border-left: 3px solid #E7C256; }
.testi:nth-child(4) { border-left: 3px solid #5DCAA5; }

/* ── type-boost ── */

/* Let Cormorant breathe more on section headings */
.hero-features .section-inner > h2,
.all-features .section-inner > h2,
.victoria-section .display-title,
.steps-section .section-inner > h2,
#phases-lifestages .display-title {
  font-size: clamp(34px, 4.5vw, 60px) !important;
  letter-spacing: -0.03em;
  line-height: 1.04;
}
/* "One system" section already has inline sizing, leave it */