/* =================================================================
   VARIANT 09 — AI (v2 with AI-analyzed hero image)
   ================================================================= */

.rp-body { background: #0A0E1A; color: #E5E7EB; }
.rp-header { background: rgba(10,14,26,0.8); border-bottom-color: #1F2937; }
.rp-header__phone { color: #E5E7EB; }
.rp-header__nav a { color: #94A3B8; }
.rp-header__nav a:hover { color: #fff; }
.rp-btn--primary { background: #fff; color: #0A0E1A; }
.rp-btn--secondary { color: #E5E7EB; border-color: #374151; background: rgba(255,255,255,0.04); }
.rp-btn--secondary:hover { background: #1F2937; border-color: #E5E7EB; }
.rp-btn--accent { background: #10B981; color: #fff; }
.rp-btn--accent:hover { background: #059669; }
.rp-btn--ghost { background: transparent; color: #E5E7EB; border: 1.5px solid rgba(255,255,255,0.3); }
.rp-btn--ghost:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
.rp-h1, .rp-h2, .rp-h3, .rp-h4 { color: #fff; }
.rp-eyebrow { color: #10B981; }

/* ----- HERO with AI-analyzed image + counters ----- */
.v09-hero { padding: var(--sp-12) 0 var(--sp-16); position: relative; overflow: hidden; }
.v09-status {
  display: inline-flex; align-items: center; gap: 0.75rem;
  background: rgba(16,185,129,0.1);
  border: 1px solid rgba(16,185,129,0.3);
  border-radius: var(--radius-pill);
  padding: 6px 12px; font-size: var(--fs-12); color: #6EE7B7;
  font-family: var(--font-mono); margin-bottom: var(--sp-8);
  flex-wrap: wrap;
}
.v09-status .rp-pulse { background: #10B981; }
.v09-status .rp-pulse::after { background: #10B981; }
.v09-status .rp-kbd { background: rgba(0,0,0,0.3); border-color: rgba(255,255,255,0.1); color: #94A3B8; }

.v09-hero__grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--sp-12); align-items: center; }
.v09-hero__main { position: relative; z-index: 2; }
.v09-h1 { color: #fff; }
.v09-accent { background: linear-gradient(135deg, #10B981, #06B6D4); -webkit-background-clip: text; background-clip: text; color: transparent; }
.v09-lede { color: #94A3B8; font-size: var(--fs-18); line-height: 1.6; max-width: 60ch; }

.v09-prompt { display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; padding: 8px 8px 8px 16px; margin-top: var(--sp-6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: border-color 200ms var(--ease); }
.v09-prompt:focus-within { border-color: #10B981; box-shadow: 0 0 0 4px rgba(16,185,129,0.15); }
.v09-input { flex: 1; background: transparent; border: 0; outline: 0; color: #fff; font-size: var(--fs-16); padding: 8px 0; }
.v09-input::placeholder { color: #6B7280; }
.v09-submit { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; background: #10B981; color: #fff; font-size: 20px; font-weight: 700; transition: background 200ms var(--ease); }
.v09-submit:hover { background: #059669; }

.v09-suggestions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 12px; font-size: var(--fs-12); color: #94A3B8; font-family: var(--font-mono); }
.v09-suggestions a { padding: 4px 10px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 999px; color: #E5E7EB; transition: all 200ms var(--ease); }
.v09-suggestions a:hover { background: rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.4); color: #6EE7B7; }

.v09-cta { display: flex; gap: var(--sp-3); flex-wrap: wrap; margin-top: var(--sp-6); }

/* AI feature image with overlay */
.v09-hero__side { display: flex; flex-direction: column; gap: var(--sp-4); }
.v09-orb { background: rgba(255,255,255,0.04); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius-lg); padding: var(--sp-6); text-align: center; transition: all 220ms var(--ease); position: relative; overflow: hidden; }
.v09-orb:hover { transform: translateY(-2px); border-color: rgba(16,185,129,0.4); }

.v09-orb--feature { padding: 0; text-align: left; }
.v09-orb--feature img { width: 100%; height: 240px; object-fit: cover; display: block; }
.v09-orb__ai-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--sp-4); background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 100%); }
.v09-orb__ai-label { font-family: var(--font-mono); font-size: 11px; color: #10B981; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }
.v09-orb__ai-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.v09-orb__ai-tags span { font-family: var(--font-mono); font-size: 10px; padding: 2px 8px; background: rgba(16,185,129,0.2); border: 1px solid rgba(16,185,129,0.4); border-radius: 4px; color: #6EE7B7; }

.v09-orb--alt { background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(6,182,212,0.05)); }
.v09-orb--alt2 { background: linear-gradient(135deg, rgba(99,102,241,0.1), rgba(236,72,153,0.05)); }
.v09-orb--alt3 { background: linear-gradient(135deg, rgba(6,182,212,0.1), rgba(16,185,129,0.05)); }
.v09-orb__num { font-size: 48px; font-weight: 700; line-height: 1; color: #10B981; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.v09-orb__lbl { font-size: var(--fs-12); color: #94A3B8; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 8px; }

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

.v09-feat { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--radius); padding: var(--sp-6); transition: all 220ms var(--ease); }
.v09-feat:hover { background: rgba(16,185,129,0.06); border-color: rgba(16,185,129,0.3); transform: translateY(-2px); }
.v09-feat__kicker { font-family: var(--font-mono); font-size: var(--fs-12); color: #10B981; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 8px; font-weight: 600; }
.v09-feat h3 { color: #fff; margin-bottom: 8px; }
.v09-feat p { color: #94A3B8; font-size: var(--fs-14); line-height: 1.6; }

.rp-section--alt { background: #0F1424; }
.rp-section--ink { background: #050810; color: #fff; }
.rp-eyebrow--light { color: #6EE7B7; }
.rp-trust-strip { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); }
.rp-trust-strip > div { background: transparent; }
.rp-trust-strip strong { color: #fff; }
.rp-trust-strip span { color: #94A3B8; }

.rp-stat { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); padding: var(--sp-6); text-align: center; }
.rp-stat__num { font-size: 56px; font-weight: 700; line-height: 1; color: #10B981; }
.rp-stat__lbl { font-size: var(--fs-12); color: #94A3B8; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 8px; }
.rp-stats-strip { display: grid; grid-template-columns: repeat(6, 1fr); background: rgba(255,255,255,0.04); border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); padding: var(--sp-8) 0; }
.rp-stats-strip > div { text-align: center; padding: 0 var(--sp-4); border-right: 1px solid rgba(255,255,255,0.08); 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: #94A3B8; 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); gap: var(--sp-4); } .rp-stats-strip > div { border-right: 0; } }
@media (max-width: 500px) { .rp-stats-strip { grid-template-columns: repeat(2, 1fr); } }

.rp-svc { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.08); }
.rp-svc__item { background: transparent; }
.rp-svc__item:hover { background: rgba(16,185,129,0.06); }
.rp-svc__num { color: #10B981; }
.rp-svc__body h3 { color: #fff; }
.rp-svc__body p { color: #94A3B8; }
.rp-svc__price strong { color: #fff; }

.rp-bento__tile { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); }
.rp-bento__tile:hover { background: rgba(16,185,129,0.06); border-color: rgba(16,185,129,0.3); }
.rp-bento__num { color: #10B981; font-weight: 600; }
.rp-bento__name { color: #fff; }
.rp-bento__meta { color: #94A3B8; }
.rp-bento__price strong { color: #fff; }
.rp-bento__price span { color: #94A3B8; }

.rp-quote { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); }
.rp-quote__body { color: #E5E7EB; }
.rp-quote__name { color: #fff; }
.rp-quote__meta { color: #94A3B8; }
.rp-quote__cite { border-top-color: rgba(255,255,255,0.1); }
.rp-cities { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); }
.rp-cities__item { background: transparent; color: #E5E7EB; }
.rp-cities__item span { color: #6EE7B7; }
.rp-faq-item { border-bottom-color: rgba(255,255,255,0.08); }
.rp-faq-item summary { color: #fff; }
.rp-faq-item__a { color: #94A3B8; }
.rp-case__body { color: #94A3B8; }
.rp-case__body p:last-child { color: #fff; }
.rp-creds { color: #E5E7EB; }
.rp-creds th { color: #94A3B8; border-bottom-color: rgba(255,255,255,0.1); }
.rp-creds td { border-bottom-color: rgba(255,255,255,0.05); }
.rp-creds td strong { color: #fff; }