/* =================================================================
   VARIANT 07 — MAXI (v2 with hero image card)
   ================================================================= */

.rp-body { background: #FAF6F0; color: #0A0A0A; }
.rp-header { background: rgba(250,246,240,0.92); border-bottom: 1px solid #0A0A0A; }
.rp-btn { border-radius: 4px; }
.rp-btn--primary { background: #0A0A0A; color: #fff; }
.rp-btn--secondary { color: #0A0A0A; border: 1.5px solid #0A0A0A; }
.rp-btn--accent { background: #7C3AED; color: #fff; }
.rp-btn--accent:hover { background: #5B21B6; }
.rp-btn--ghost { background: transparent; color: #0A0A0A; border: 1.5px solid #0A0A0A; }
.rp-btn--ghost:hover { background: #0A0A0A; color: #fff; }
.rp-h1, .rp-h2, .rp-h3, .rp-h4 { color: #0A0A0A; }
.rp-eyebrow { color: #7C3AED; }

/* ----- HERO with image card in side ----- */
.v07-hero { padding: var(--sp-12) 0 var(--sp-16); background: #FAF6F0; border-bottom: 2px solid #0A0A0A; position: relative; }
.v07-hero__inner { display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--sp-12); align-items: start; }
.v07-hero__col--main h1 { margin-top: 12px; }
.v07-h1 { font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 700; line-height: 1.0; letter-spacing: -0.035em; color: #0A0A0A; }
.v07-accent { color: #7C3AED; text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 8px; }
.v07-lede { font-size: var(--fs-20); line-height: 1.6; color: #2A2A2A; max-width: 60ch; margin-top: var(--sp-6); }
.v07-cta { display: flex; gap: var(--sp-3); flex-wrap: wrap; margin-top: var(--sp-8); }

.v07-hero__col--side { display: flex; flex-direction: column; gap: 0; border: 2px solid #0A0A0A; background: #fff; }
.v07-side-card { padding: var(--sp-5); border-bottom: 1.5px solid #0A0A0A; }
.v07-side-card:last-child { border-bottom: 0; }
.v07-side-card--alt { background: #0A0A0A; color: #fff; }
.v07-side-card--alt .v07-side-card__kicker { color: #A78BFA; }
.v07-side-card--img { padding: 0; position: relative; }
.v07-side-card--img img { width: 100%; height: 240px; object-fit: cover; display: block; }
.v07-side-card--img .v07-side-card__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--sp-3) var(--sp-4); background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%); color: #fff; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }
.v07-side-card__kicker { font-family: var(--font-mono); font-size: var(--fs-12); font-weight: 700; color: #7C3AED; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 8px; }
.v07-side-card p { font-size: var(--fs-14); line-height: 1.5; }

@media (max-width: 900px) { .v07-hero__inner { grid-template-columns: 1fr; } }

.rp-stats-strip { display: grid; grid-template-columns: repeat(6, 1fr); background: #0A0A0A; padding: var(--sp-6) 0; gap: 0; }
.rp-stats-strip > div { text-align: center; padding: var(--sp-4); border-right: 1.5px solid #1F1F1F; display: flex; flex-direction: column; gap: 4px; }
.rp-stats-strip > div:last-child { border-right: 0; }
.rp-stats-strip > div > * { color: #fff; }
.rp-stats-strip > div > span:last-child { font-size: var(--fs-12); color: rgba(255,255,255,0.5); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.04em; }
.rp-stat__big { font-size: 40px; font-weight: 700; line-height: 1; }
@media (max-width: 900px) { .rp-stats-strip { grid-template-columns: repeat(3, 1fr); } .rp-stats-strip > div { border-right: 0; border-bottom: 1.5px solid #1F1F1F; } }
@media (max-width: 500px) { .rp-stats-strip { grid-template-columns: repeat(2, 1fr); } }

.rp-bento__tile { background: #fff; border: 1.5px solid #0A0A0A; border-radius: 4px; transition: all 220ms var(--ease); }
.rp-bento__tile:hover { background: #7C3AED; color: #fff; transform: translateY(-2px); }
.rp-bento__tile:hover .rp-bento__num, .rp-bento__tile:hover .rp-bento__name, .rp-bento__tile:hover .rp-bento__meta, .rp-bento__tile:hover .rp-bento__price strong, .rp-bento__tile:hover .rp-bento__price span { color: #fff; }
.rp-bento__num { color: #7C3AED; font-weight: 700; }
.rp-bento__name { color: #0A0A0A; font-weight: 700; }
.rp-bento__price strong { color: #0A0A0A; }

.rp-section--alt { background: #F0EAD9; }
.rp-section--ink { background: #0A0A0A; color: #fff; }
.rp-eyebrow--light { color: #A78BFA; }
.rp-stat { background: #fff; border: 1.5px solid #0A0A0A; border-radius: 4px; padding: var(--sp-6); text-align: center; }
.rp-stat__num { font-size: 56px; font-weight: 700; line-height: 1; color: #7C3AED; }
.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; gap: 0; }
.rp-svc__item { background: #fff; border: 1.5px solid #0A0A0A; border-radius: 0; border-bottom: 0; padding: var(--sp-5) var(--sp-6); }
.rp-svc__item:last-child { border-bottom: 1.5px solid #0A0A0A; }
.rp-svc__item:hover { background: #F0EAD9; }
.rp-svc__num { color: #7C3AED; font-weight: 700; }
.rp-svc__body h3 { color: #0A0A0A; }
.rp-quote { background: #fff; border: 1.5px solid #0A0A0A; border-radius: 4px; }
.rp-quote__stars { color: #7C3AED; }
.rp-quote__body { color: #0A0A0A; }
.rp-cities { background: #fff; border: 1.5px solid #0A0A0A; border-radius: 4px; }
.rp-cities__item { background: transparent; color: #0A0A0A; }
.rp-cities__item span { color: #7C3AED; font-weight: 600; }
.rp-faq-item { border-bottom: 1.5px solid #0A0A0A; }
.rp-faq-item summary { color: #0A0A0A; font-weight: 600; }
.rp-case__body { color: #2A2A2A; }
.rp-case__body p:last-child { color: #fff; background: #7C3AED; padding: var(--sp-5); border-radius: 4px; }
.rp-creds { border-top: 2px solid #0A0A0A; }
.rp-creds th { color: #0A0A0A; border-bottom: 1.5px solid #0A0A0A; }
.rp-creds td { border-bottom: 1px solid #C7C7C2; }