/* =================================================================
   VARIANT 06 — MEMPHIS (v2 with hero image + counters)
   ================================================================= */

.rp-body { background: #FFF8F0; color: #0A0A0A; }
.rp-header { background: #FFFFFF; border-bottom: 3px solid #0A0A0A; }
.rp-btn { border-radius: 999px; font-weight: 600; }
.rp-btn--primary { background: #0A0A0A; color: #fff; }
.rp-btn--secondary { color: #0A0A0A; border: 2px solid #0A0A0A; }
.rp-btn--accent { background: var(--rp-orange); color: #fff; }
.rp-btn--accent:hover { background: #EC4899; color: #fff; }
.rp-btn--ghost { background: transparent; color: #0A0A0A; border: 2px solid #0A0A0A; }
.rp-btn--ghost:hover { background: #0A0A0A; color: #fff; }
.rp-h1, .rp-h2, .rp-h3, .rp-h4 { color: #0A0A0A; }
.rp-eyebrow { color: #0A0A0A; }

/* ----- HERO with full-bleed image + Memphis shapes overlay ----- */
.v06-hero {
  position: relative;
  padding: 0;
  background: #0A0A0A;
  border-bottom: 3px solid #0A0A0A;
  overflow: hidden;
}
.v06-hero__bg { position: absolute; inset: 0; z-index: 0; }
.v06-hero__bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
.v06-hero__bg-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,10,10,0.4) 0%, rgba(255,248,240,0.85) 50%, #FFF8F0 100%); }

.v06-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.v06-shape { position: absolute; }
.v06-shape--circle { width: 200px; height: 200px; border-radius: 50%; background: #FFD93D; top: 8%; left: 3%; opacity: 0.85; }
.v06-shape--triangle { width: 0; height: 0; border-left: 80px solid transparent; border-right: 80px solid transparent; border-bottom: 140px solid #EC4899; top: 25%; right: 5%; opacity: 0.85; }
.v06-shape--square { width: 140px; height: 140px; background: #06B6D4; bottom: 12%; right: 22%; opacity: 0.75; transform: rotate(15deg); }
.v06-shape--zigzag { width: 200px; height: 60px; bottom: 8%; left: 25%; background: repeating-linear-gradient(135deg, #10B981 0, #10B981 15px, transparent 15px, transparent 30px); opacity: 0.7; }

.v06-hero__main { position: relative; z-index: 2; padding: var(--sp-16) 0 var(--sp-12); max-width: 1000px; color: #0A0A0A; }
.v06-eyebrow { background: #0A0A0A; color: #FFD93D; padding: 6px 14px; border-radius: 999px; display: inline-block; }
.v06-h1 { color: #0A0A0A; font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; margin-top: var(--sp-4); }
.v06-accent { background: linear-gradient(135deg, #EC4899, #FFD93D); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v06-lede { font-size: var(--fs-20); line-height: 1.6; color: #2A2A2A; max-width: 60ch; margin-top: var(--sp-6); }
.v06-cta { display: flex; gap: var(--sp-3); flex-wrap: wrap; margin-top: var(--sp-6); }

.v06-stats { display: flex; gap: var(--sp-4); margin-top: var(--sp-10); flex-wrap: wrap; }
.v06-stat {
  background: #0A0A0A; color: #FFD93D; padding: var(--sp-6) var(--sp-8); border-radius: var(--radius-lg);
  text-align: center; border: 3px solid #0A0A0A; min-width: 160px;
  transition: transform 220ms var(--ease);
}
.v06-stat:hover { transform: translateY(-4px) rotate(-1deg); }
.v06-stat:nth-child(2) { background: #EC4899; color: #fff; }
.v06-stat:nth-child(3) { background: #06B6D4; color: #0A0A0A; }
.v06-stat__num { font-size: 56px; font-weight: 800; line-height: 1; letter-spacing: -0.04em; }
.v06-stat__num sup { font-size: 0.6em; }
.v06-stat__lbl { font-size: var(--fs-12); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; font-weight: 600; }

.v06-tile { background: #0A0A0A; color: #FFD93D; padding: var(--sp-8); border-radius: var(--radius-lg); text-align: center; border: 3px solid #0A0A0A; transition: transform 220ms var(--ease); }
.v06-tile:hover { transform: translateY(-4px) rotate(-1deg); }
.v06-tile--alt { background: #EC4899; color: #fff; transform: rotate(2deg); }
.v06-tile--alt:hover { transform: translateY(-4px) rotate(0); }
.v06-tile__num { font-size: 72px; font-weight: 800; line-height: 1; letter-spacing: -0.04em; }
.v06-tile__lbl { font-size: var(--fs-14); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 8px; font-weight: 600; }

.rp-stats-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--sp-3); padding: var(--sp-6) 0; background: transparent; }
.rp-stats-strip > div { background: #fff; border: 2px solid #0A0A0A; border-radius: var(--radius); text-align: center; padding: var(--sp-5); display: flex; flex-direction: column; gap: 4px; transition: transform 220ms var(--ease); }
.rp-stats-strip > div:hover { transform: translateY(-2px) rotate(-1deg); background: #FFD93D; }
.rp-stats-strip > div > * { color: #0A0A0A; }
.rp-stats-strip > div > span:last-child { font-size: var(--fs-12); color: #0A0A0A; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
.rp-stat__big { font-size: 32px; font-weight: 800; line-height: 1; }
@media (max-width: 900px) { .rp-stats-strip { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 500px) { .rp-stats-strip { grid-template-columns: repeat(2, 1fr); } }

.rp-bento__tile { background: #fff; border: 2px solid #0A0A0A; border-radius: var(--radius); }
.rp-bento__tile:hover { background: #FFD93D; }
.rp-bento__num { color: #EC4899; font-weight: 700; }
.rp-bento__name { color: #0A0A0A; font-weight: 700; }
.rp-bento__meta { color: #4A4A4A; }
.rp-bento__price strong { color: #0A0A0A; }
.rp-bento__price span { color: #4A4A4A; }

.rp-section--alt { background: #F5EDD7; }
.rp-section--ink { background: #0A0A0A; color: #fff; }
.rp-eyebrow--light { color: #FFD93D; }
.rp-stat { background: #fff; border: 2px solid #0A0A0A; border-radius: var(--radius); padding: var(--sp-6); text-align: center; }
.rp-stat__num { font-size: 56px; font-weight: 800; line-height: 1; color: #EC4899; }
.rp-stat__lbl { font-size: var(--fs-12); color: #0A0A0A; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; margin-top: 8px; }
.rp-svc { background: transparent; border: 0; }
.rp-svc__item { background: #fff; border: 2px solid #0A0A0A; border-radius: var(--radius); margin-bottom: 8px; }
.rp-svc__item:hover { background: #FFD93D; }
.rp-svc__num { color: #EC4899; font-weight: 700; }
.rp-svc__body h3 { color: #0A0A0A; font-weight: 700; }
.rp-svc__price strong { color: #0A0A0A; }
.rp-quote { background: #fff; border: 2px solid #0A0A0A; border-radius: var(--radius); }
.rp-quote__stars { color: #FFD93D; }
.rp-quote__body { color: #0A0A0A; }
.rp-quote__name { color: #0A0A0A; font-weight: 700; }
.rp-cities { background: #fff; border: 2px solid #0A0A0A; border-radius: var(--radius); }
.rp-cities__item { background: transparent; color: #0A0A0A; }
.rp-cities__item span { color: #EC4899; font-weight: 600; }
.rp-faq-item { border-bottom: 2px solid #0A0A0A; }
.rp-faq-item summary { color: #0A0A0A; font-weight: 600; }
.rp-faq-item__a { color: #4A4A4A; }
.rp-case__body { color: #2A2A2A; }
.rp-case__body p:last-child { color: #0A0A0A; font-weight: 700; padding: var(--sp-4); background: #FFD93D; border-radius: var(--radius); }
.rp-creds { border-top: 3px solid #0A0A0A; }
.rp-creds th { color: #0A0A0A; border-bottom: 2px solid #0A0A0A; }
.rp-creds td { border-bottom: 1px solid #C7C7C2; }