/* ==========================================================================
   Reasvan homepage redesign
   Editorial serif headings + soft, airy layout inspired by the reference,
   keeping the existing dark (theme-5) palette and logo colours.
   This file is loaded after main.css / custom.css so it can refine them.
   ========================================================================== */

/* Elegant serif display type for headings (the signature look) */
.font-display {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.08;
}

.font-display-italic {
  font-style: italic;
  font-weight: 500;
}

/* Tighten balance on big centred headings */
.text-balance {
  text-wrap: balance;
}

/* Soft eyebrow label used above section headings */
.rv-eyebrow {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Numbered "How it works" steps — large editorial numeral
   -------------------------------------------------------------------------- */
.rv-step-num {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  font-size: clamp(3.2rem, 6vw, 4.75rem);
  opacity: 0.55;
}

/* --------------------------------------------------------------------------
   Soft surface cards (rounded, faint border, gentle gradient)
   -------------------------------------------------------------------------- */
.rv-card {
  border-radius: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  backdrop-filter: blur(2px);
  transition: transform 0.35s ease, border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.rv-card:hover {
  transform: translateY(-4px);
  border-color: rgba(193, 255, 180, 0.4); /* primary tint */
  box-shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.65);
}

/* --------------------------------------------------------------------------
   Pricing / service packages
   -------------------------------------------------------------------------- */
.rv-plan {
  border-radius: 1.75rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.04),
    rgba(255, 255, 255, 0)
  );
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.rv-plan:hover {
  transform: translateY(-4px);
}
.rv-plan--featured {
  border-color: rgba(193, 255, 180, 0.55);
  background: linear-gradient(
    180deg,
    rgba(193, 255, 180, 0.16),
    rgba(193, 255, 180, 0.03)
  );
  box-shadow: 0 30px 80px -40px rgba(193, 255, 180, 0.35);
}
.rv-plan__badge {
  background: var(--color-primary, #c1ffb4);
  color: #0c5263;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.rv-check {
  color: var(--color-primary, #c1ffb4);
  flex: 0 0 auto;
}

/* --------------------------------------------------------------------------
   Closing CTA banner — soft glow panel
   -------------------------------------------------------------------------- */
.rv-cta {
  border-radius: 2rem;
  overflow: hidden;
  background:
    radial-gradient(120% 140% at 50% 0%, rgba(185, 206, 233, 0.22), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01));
  border: 1px solid rgba(255, 255, 255, 0.12);
}