/* Raho Club Semarang landing page (page-raho-semarang.php) */

.reviva-raho-hero {
	background: var(--reviva-sage-900);
	color: #fff;
	padding-block: var(--space-7);
	text-align: center;
}
.reviva-raho-hero p { color: rgba(255,255,255,0.85); max-width: 60ch; margin: var(--space-3) auto 0; }
.reviva-raho-hero__cta { display: flex; gap: var(--space-3); justify-content: center; flex-wrap: wrap; margin-top: var(--space-5); }

.reviva-raho-pain__intro { color: var(--reviva-text-muted); margin: var(--space-2) 0 var(--space-5); }
.reviva-raho-pain-card { background: var(--reviva-surface); border: 1px solid var(--reviva-border); border-radius: var(--radius-lg); padding: var(--space-4); }
.reviva-raho-pain-card h3 { font-size: 1.0625rem; margin: 0 0 var(--space-2); }
.reviva-raho-pain-card p { margin: 0; color: var(--reviva-text-muted); font-size: 0.9375rem; }

.reviva-raho-bridge { background: var(--reviva-bg); text-align: center; }
.reviva-raho-bridge p { max-width: 60ch; margin: var(--space-2) auto 0; color: var(--reviva-text-muted); }

.reviva-raho-service-list { display: flex; flex-wrap: wrap; gap: var(--space-2); list-style: none; padding: 0; margin: var(--space-3) 0 0; }
.reviva-raho-service-list li { background: var(--reviva-bg); border: 1px solid var(--reviva-border); border-radius: 999px; padding: var(--space-2) var(--space-4); font-size: 0.9375rem; }

.reviva-raho-featured { background: var(--reviva-sage-900); color: #fff; padding-block: var(--space-7); }
.reviva-raho-featured__tag { display: inline-block; background: var(--reviva-gold-600); color: #fff; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: var(--space-1) var(--space-3); border-radius: 999px; margin-bottom: var(--space-3); }
.reviva-raho-featured h2 { color: #fff; }
.reviva-raho-featured p { color: rgba(255,255,255,0.85); max-width: 68ch; }
.reviva-raho-featured__list { list-style: none; padding: 0; margin: var(--space-4) 0; display: grid; gap: var(--space-2); }
.reviva-raho-featured__list li { padding-left: var(--space-4); position: relative; color: rgba(255,255,255,0.9); }
.reviva-raho-featured__list li::before { content: '✓'; position: absolute; left: 0; color: var(--reviva-gold-400); font-weight: 700; }
.reviva-raho-featured__cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-5); }
.reviva-raho-featured .reviva-assessment__disclaimer { color: rgba(255,255,255,0.65); margin-top: var(--space-3); }

.reviva-raho-why-item h3 { font-size: 1.0625rem; margin: 0 0 var(--space-2); color: var(--reviva-sage-700); }
.reviva-raho-why-item p { margin: 0; color: var(--reviva-text-muted); font-size: 0.9375rem; }

.reviva-raho-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-4); margin-top: var(--space-4); }
.reviva-raho-step { text-align: center; }
.reviva-raho-step span { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--reviva-cta); color: #fff; font-weight: 700; margin-bottom: var(--space-2); }
.reviva-raho-step h3 { font-size: 0.9375rem; margin: 0; }

.reviva-raho-areas { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-3) 0; }
.reviva-raho-areas__address { color: var(--reviva-text-muted); font-size: 0.9375rem; margin-top: var(--space-2); }

.reviva-raho-faq { max-width: 72ch; margin-inline: auto; }