/* Prospera AI Realtors - Master Optimized Global Stylesheet */
:root { --bg-primary: #F8F9FA; --bg-secondary: #FFFFFF; --bg-card: #FFFFFF; --bg-elevated: #F1F5F9; --bg-subtle: #F8FAFC; --text-primary: #0F172A; --text-secondary: #334155; --text-muted: #64748B; --border-primary: rgba(212, 175, 55, 0.28); --border-secondary: #E2E8F0; --gold-primary: #D4AF37; --gold-text: #996515; --gold-text-muted: #806118; --emerald-text: #047857; --emerald-bg: #ECFDF5; --emerald-border: #A7F3D0; --shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 0 1px 1px rgba(212, 175, 55, 0.18); }
[data-theme="dark"] { --bg-primary: #070708; --bg-secondary: #0E0E11; --bg-card: #0E0E11; --bg-elevated: #16161C; --bg-subtle: #070708; --text-primary: #FFFFFF; --text-secondary: #94A3B8; --text-muted: #64748B; --border-primary: rgba(212, 175, 55, 0.20); --border-secondary: #22222A; --gold-primary: #D4AF37; --gold-text: #E4BF3F; --gold-text-muted: #EDD36E; --emerald-text: #34D399; --emerald-bg: rgba(6, 78, 59, 0.6); --emerald-border: rgba(16, 185, 129, 0.4); --shadow-card: 0 0 35px -5px rgba(212, 175, 55, 0.3); }
[data-theme="light"] body { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; }
[data-theme="light"] header.glass-panel { background: rgba(255, 255, 255, 0.92) !important; border-color: rgba(212, 175, 55, 0.22) !important; box-shadow: 0 2px 15px -2px rgba(0, 0, 0, 0.05) !important; }
[data-theme="light"] header nav a { color: #475569 !important; }
[data-theme="light"] header nav a:hover { color: #AA8524 !important; }
[data-theme="light"] .bg-obsidian-950 { background-color: var(--bg-primary) !important; }
[data-theme="light"] .bg-obsidian-900 { background-color: var(--bg-card) !important; }
[data-theme="light"] .bg-obsidian-900\/60,
[data-theme="light"] .bg-obsidian-900\/70,
[data-theme="light"] .bg-obsidian-900\/80,
[data-theme="light"] .bg-obsidian-900\/90,
[data-theme="light"] .bg-obsidian-900\/95 { background-color: rgba(255, 255, 255, 0.95) !important; }
[data-theme="light"] .bg-obsidian-800 { background-color: var(--bg-elevated) !important; }
[data-theme="light"] .bg-obsidian-800\/80,
[data-theme="light"] .bg-obsidian-800\/70,
[data-theme="light"] .bg-obsidian-800\/60,
[data-theme="light"] .bg-obsidian-800\/50,
[data-theme="light"] .bg-obsidian-800\/40 { background-color: rgba(241, 245, 249, 0.9) !important; }
[data-theme="light"] .bg-obsidian-700,
[data-theme="light"] .bg-obsidian-600 { background-color: #E2E8F0 !important; }
[data-theme="light"] .bg-obsidian-900 .bg-obsidian-950 { background-color: var(--bg-subtle) !important; border-color: var(--border-secondary) !important; }
[data-theme="light"] .bg-dark-200,
[data-theme="light"] .bg-dark-300 { background-color: var(--bg-card) !important; }
[data-theme="light"] .bg-dark-300\/60 { background-color: var(--bg-elevated) !important; }
[data-theme="light"] .glass-panel { background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border-color: rgba(212, 175, 55, 0.22) !important; }
[data-theme="light"] .glass-card { background: #FFFFFF !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: var(--shadow-card) !important; border-color: rgba(212, 175, 55, 0.25) !important; }
[data-theme="light"] .bg-gradient-to-r:not(.gold-btn-gradient):not([class*="from-gold"]),
[data-theme="light"] .bg-gradient-to-b:not(.gold-btn-gradient):not([class*="from-gold"]),
[data-theme="light"] .bg-gradient-to-br:not(.gold-btn-gradient):not([class*="from-gold"]),
[data-theme="light"] .bg-gradient-to-tr:not(.gold-btn-gradient):not([class*="from-gold"]),
[data-theme="light"] .bg-gradient-to-t:not(.gold-btn-gradient):not([class*="from-gold"]) { background-image: none !important; background-color: var(--bg-card) !important; }
[data-theme="light"] .w-10.h-10.rounded-xl.bg-gradient-to-br,
[data-theme="light"] .w-10.h-10.rounded-full.bg-gradient-to-tr,
[data-theme="light"] .w-8.h-8.rounded-full.bg-gradient-to-tr,
[data-theme="light"] div.w-10.h-10.rounded-xl.bg-gradient-to-br,
[data-theme="light"] .w-36.h-36.rounded-full,
[data-theme="light"] .w-44.h-44.rounded-full { background-image: initial !important; background-color: initial !important; }
[data-theme="light"] main .gold-btn-gradient:not(header *):not(footer *) { background-image: none !important; background-color: #171717 !important; color: #FFFFFF !important; }
[data-theme="light"] .relative.h-56 .absolute.inset-0,
[data-theme="light"] .relative.overflow-hidden .absolute.inset-0[class*="bg-gradient"] { background-image: initial !important; background-color: initial !important; }
[data-theme="light"] .border-slate-800,
[data-theme="light"] .border-slate-800\/80,
[data-theme="light"] .border-slate-800\/60,
[data-theme="light"] .border-slate-800\/50,
[data-theme="light"] .border-slate-800\/40,
[data-theme="light"] .border-slate-700,
[data-theme="light"] .border-slate-900,
[data-theme="light"] .border-slate-900\/80,
[data-theme="light"] .border-obsidian-800,
[data-theme="light"] .border-obsidian-900,
[data-theme="light"] .border-obsidian-950 { border-color: var(--border-secondary) !important; }
[data-theme="light"] .divide-slate-800 > :not([hidden]) ~ :not([hidden]),
[data-theme="light"] .divide-slate-800\/60 > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-secondary) !important; }
[data-theme="light"] .gold-border-glow { border-color: rgba(212, 175, 55, 0.3) !important; box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .gold-border-glow:hover { border-color: rgba(212, 175, 55, 0.7) !important; box-shadow: 0 8px 30px -4px rgba(212, 175, 55, 0.22) !important; }
/* Light Mode text-white override: DO NOT apply to dark backgrounds/cards! */
[data-theme="light"] .text-white:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(#why-different table *):not(#why-different [class*="bg-"] *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *) { color: var(--text-primary) !important; }
[data-theme="light"] h1:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *),
[data-theme="light"] h2:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *),
[data-theme="light"] h3:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *),
[data-theme="light"] h4:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *),
[data-theme="light"] h5:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *),
[data-theme="light"] h6:not([class*="bg-black"] *):not([class*="bg-[#0"] *):not([class*="bg-[#1"] *):not([class*="bg-[#2"] *):not([class*="dark-"] *):not(#motivation *):not(.dark-container *):not(#review-cta *):not(.review-cta-card *) { color: var(--text-primary); }

/* Force pure white on all elements inside dark containers across light mode */
[data-theme="light"] #review-cta *,
[data-theme="light"] .review-cta-card *,
[data-theme="light"] [class*="bg-[#000000]"] h1,
[data-theme="light"] [class*="bg-[#000000]"] h2,
[data-theme="light"] [class*="bg-[#000000]"] h3,
[data-theme="light"] [class*="bg-[#000000]"] h4,
[data-theme="light"] [class*="bg-[#000000]"] h5,
[data-theme="light"] [class*="bg-[#000000]"] h6,
[data-theme="light"] [class*="bg-[#000000]"] .text-white,
[data-theme="light"] [class*="bg-[#141414]"] h1,
[data-theme="light"] [class*="bg-[#141414]"] h2,
[data-theme="light"] [class*="bg-[#141414]"] h3,
[data-theme="light"] [class*="bg-[#141414]"] h4,
[data-theme="light"] [class*="bg-[#141414]"] .text-white,
[data-theme="light"] [class*="bg-black"] h1,
[data-theme="light"] [class*="bg-black"] h2,
[data-theme="light"] [class*="bg-black"] h3,
[data-theme="light"] [class*="bg-black"] h4,
[data-theme="light"] [class*="bg-black"] .text-white,
[data-theme="light"] #motivation h1,
[data-theme="light"] #motivation h2,
[data-theme="light"] #motivation h3,
[data-theme="light"] #motivation .text-white,
[data-theme="light"] #why-different [class*="bg-[#000000]"] *,
[data-theme="light"] #why-different [class*="bg-black"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
[data-theme="light"] #voiceModal,
[data-theme="light"] #voiceModal h1,
[data-theme="light"] #voiceModal h2,
[data-theme="light"] #voiceModal h3,
[data-theme="light"] #voiceModal h4 { color: #FFFFFF !important; }
[data-theme="light"] #voiceModal .text-white { color: #FFFFFF !important; }
[data-theme="light"] #voiceModal .text-slate-300 { color: #CBD5E1 !important; }
[data-theme="light"] #voiceModal .text-slate-400 { color: #94A3B8 !important; }
[data-theme="light"] #voiceModal .bg-obsidian-900 { background-color: #0E0E11 !important; }
[data-theme="light"] #voiceModal .bg-gradient-to-r,
[data-theme="light"] #voiceModal .bg-gradient-to-tr,
[data-theme="light"] #voiceModal .bg-gradient-to-b { background-image: initial !important; background-color: initial !important; }

[data-theme="light"] .relative.h-56 .absolute .text-white,
[data-theme="light"] .relative.h-56 .absolute h3,
[data-theme="light"] .relative.overflow-hidden .absolute .text-white,
[data-theme="light"] .relative.overflow-hidden .absolute h3 { color: #FFFFFF !important; }
[data-theme="light"] .relative.h-56 .absolute .text-slate-300 { color: #E2E8F0 !important; }
[data-theme="light"] .text-slate-100,
[data-theme="light"] .text-slate-200,
[data-theme="light"] .text-gray-100,
[data-theme="light"] .text-gray-200 { color: var(--text-primary) !important; }
[data-theme="light"] .text-slate-300,
[data-theme="light"] .text-gray-300 { color: var(--text-secondary) !important; }
[data-theme="light"] .text-slate-400,
[data-theme="light"] .text-slate-500,
[data-theme="light"] .text-slate-600,
[data-theme="light"] .text-gray-400,
[data-theme="light"] .text-gray-500 { color: var(--text-muted) !important; }
[data-theme="light"] .text-gold-300 { color: var(--gold-text) !important; }
[data-theme="light"] .text-gold-400 { color: var(--gold-text-muted) !important; }
[data-theme="light"] .text-gold-500 { color: #AA8524 !important; }
[data-theme="light"] .gold-gradient-text { background: linear-gradient(135deg, #AA8524 0%, #806118 50%, #57400F 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
main .gold-btn-gradient:not(header *):not(footer *) * { color: #FFFFFF !important; }
[data-theme="light"] .text-emerald-400,
[data-theme="light"] .text-emerald-300,
[data-theme="light"] .text-emerald-200 { color: var(--emerald-text) !important; }
[data-theme="light"] .bg-emerald-950,
[data-theme="light"] .bg-emerald-950\/80,
[data-theme="light"] .bg-emerald-950\/60,
[data-theme="light"] .bg-emerald-950\/50 { background-color: var(--emerald-bg) !important; border-color: var(--emerald-border) !important; color: var(--emerald-text) !important; }
[data-theme="light"] .bg-emerald-500\/10,
[data-theme="light"] .bg-emerald-500\/20 { background-color: var(--emerald-bg) !important; border-color: var(--emerald-border) !important; color: var(--emerald-text) !important; }
[data-theme="light"] .bg-gold-500\/10 { background-color: #FFFBEB !important; border-color: rgba(212, 175, 55, 0.4) !important; color: #854D0E !important; }
[data-theme="light"] .bg-gold-500\/20 { background-color: #FEF3C7 !important; border-color: rgba(212, 175, 55, 0.5) !important; color: #854D0E !important; }
[data-theme="light"] .cat-btn:not(.bg-gold-500) { background-color: #F1F5F9 !important; border-color: #CBD5E1 !important; color: #475569 !important; }
[data-theme="light"] .cat-btn:not(.bg-gold-500):hover { background-color: #FFFFFF !important; border-color: #D4AF37 !important; color: #0F172A !important; }
[data-theme="light"] #reportPreviewBox { background-color: #F8FAFC !important; border-color: rgba(212, 175, 55, 0.45) !important; color: #0F172A !important; }
[data-theme="light"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] select,
[data-theme="light"] textarea { background-color: #FFFFFF !important; color: #0F172A !important; border-color: #CBD5E1 !important; }
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #94A3B8 !important; }
[data-theme="light"] table { color: #1E293B !important; }
[data-theme="light"] th { background-color: #F1F5F9 !important; color: #0F172A !important; border-color: #E2E8F0 !important; }
[data-theme="light"] td { border-color: #E2E8F0 !important; }
[data-theme="light"] footer { background-color: #F1F5F9 !important; border-color: #E2E8F0 !important; }
[data-theme="light"] footer h4,
[data-theme="light"] footer h3 { color: #0F172A !important; }
[data-theme="light"] footer a { color: #475569 !important; }
[data-theme="light"] footer a:hover { color: #AA8524 !important; }
[data-theme="light"] footer .bg-obsidian-800 { background-color: #FFFFFF !important; border-color: #CBD5E1 !important; color: #AA8524 !important; }
[data-theme="light"] footer .bg-obsidian-800:hover { background-color: #D4AF37 !important; color: #070708 !important; }
[data-theme="light"] footer .text-white { color: #0F172A !important; }
[data-theme="light"] #mobileMenu { background: rgba(255, 255, 255, 0.98) !important; border-color: #E2E8F0 !important; }
[data-theme="light"] #mobileMenu a { color: #334155 !important; }
[data-theme="light"] #mobileMenu a:hover { color: #AA8524 !important; background-color: rgba(212, 175, 55, 0.08) !important; }
#voiceModal { background-color: rgba(7, 7, 8, 0.96) !important; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #F1F5F9 !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border: 1px solid #E2E8F0 !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #94A3B8 !important; }
/* ============================================================
   PROSPERA GLOBAL MASTER NAVBAR SYSTEM
   Strict Palette: White (#FFF), Black/Dark Charcoal (#182033), Warm Gold (#D4AF37 / #B58A2A)
   ============================================================ */
header,
header.prospera-site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  color: #182033 !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none;
}
header a:hover {
  color: #b58a2a !important;
}
.prospera-site-header .pointer-events-auto {
  pointer-events: auto;
}
.prospera-nav-capsule {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px -4px rgba(24, 32, 51, 0.08), 0 2px 8px -1px rgba(212, 175, 55, 0.12) !important;
  height: 78px !important;
  min-height: 78px !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: all 0.25s ease !important;
  pointer-events: auto;
}
.prospera-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 280px !important;
  height: 72px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
.prospera-logo-frame {
  display: flex !important;
  width: 100% !important;
  height: 72px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}
.prospera-logo-image {
  display: block !important;
  width: auto !important;
  height: 68px !important;
  max-width: 100% !important;
  max-height: 68px !important;
  object-fit: contain !important;
  object-position: left center !important;
  flex: 0 0 auto !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}
.prospera-footer-brand .prospera-logo-image,
.prospera-footer-brand-logo .prospera-logo-image {
  width: auto !important;
  height: 74px !important;
  max-width: 290px !important;
  max-height: 74px !important;
  object-fit: contain !important;
}
.prospera-logo-for-light {
  display: flex !important;
}
.prospera-logo-for-dark {
  display: none !important;
}
.prospera-nav-link {
  position: relative !important;
  color: #182033 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 8px 2px !important;
  transition: color 0.18s ease !important;
}
.prospera-nav-link:hover,
.prospera-nav-link.is-active {
  color: #B58A2A !important;
}
.prospera-nav-link.is-active::after {
  content: "" !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: #D4AF37 !important;
  border-radius: 2px !important;
}
#mobileMenu,
.prospera-mobile-menu-card {
  margin-top: 10px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(24, 32, 51, 0.12) !important;
  overflow: hidden !important;
  pointer-events: auto;
}
#mobileMenu nav a,
.prospera-mobile-nav-link {
  display: block !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  color: #182033 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: background 0.18s ease, color 0.18s ease !important;
}
#mobileMenu nav a:hover,
#mobileMenu nav a.is-active,
.prospera-mobile-nav-link:hover,
.prospera-mobile-nav-link.is-active {
  background: #FCF9EE !important;
  color: #B58A2A !important;
}
#mobileMenuBtn,
.prospera-mobile-toggle {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  color: #182033 !important;
  box-shadow: 0 2px 8px rgba(24, 32, 51, 0.05) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}
#mobileMenuBtn:hover,
.prospera-mobile-toggle:hover {
  background: #FCF9EE !important;
  color: #B58A2A !important;
  border-color: #D4AF37 !important;
}
.prospera-about-dropdown {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.prospera-about-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  background: transparent !important;
  color: #182033 !important;
  font: inherit !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  padding: 8px 2px !important;
  transition: color 0.18s ease !important;
}
.prospera-about-trigger:hover,
.prospera-about-dropdown.is-open .prospera-about-trigger,
.prospera-about-trigger.is-active {
  color: #B58A2A !important;
}
.prospera-about-chevron {
  font-size: 10px !important;
  transition: transform 0.22s ease !important;
  color: #B58A2A !important;
}
.prospera-about-dropdown:hover .prospera-about-chevron,
.prospera-about-dropdown.is-open .prospera-about-chevron {
  transform: rotate(180deg) !important;
}
.prospera-about-menu {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: 0 !important;
  width: 220px !important;
  padding: 8px !important;
  border: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 36px rgba(24, 32, 51, 0.12) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
  z-index: 120 !important;
}
.prospera-about-menu::before {
  content: "" !important;
  position: absolute !important;
  right: 24px !important;
  top: -6px !important;
  width: 10px !important;
  height: 10px !important;
  background: #FFFFFF !important;
  border-left: 1px solid rgba(212, 175, 55, 0.28) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.28) !important;
  transform: rotate(45deg) !important;
}
.prospera-about-dropdown:hover .prospera-about-menu,
.prospera-about-dropdown.is-open .prospera-about-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.prospera-about-menu-label,
.prospera-about-menu-icon,
.prospera-about-menu a span:last-child small,
.prospera-about-menu a strong {
  display: none !important;
}
.prospera-about-menu a {
  display: block !important;
  width: 100% !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #182033 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background 0.16s ease, color 0.16s ease !important;
}
.prospera-about-menu a:hover,
.prospera-about-menu a:focus-visible,
.prospera-about-menu a.is-active {
  background: #FCF9EE !important;
  color: #B58A2A !important;
  transform: none !important;
  outline: none !important;
}
.prospera-mobile-about {
  border-radius: 12px !important;
  overflow: hidden !important;
}
.prospera-mobile-about-trigger {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #182033 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: background 0.18s ease, color 0.18s ease !important;
}
.prospera-mobile-about-trigger:hover,
.prospera-mobile-about.is-open .prospera-mobile-about-trigger,
.prospera-mobile-about-trigger.is-active {
  background: #FCF9EE !important;
  color: #B58A2A !important;
}
.prospera-mobile-about-menu {
  display: grid !important;
  grid-template-rows: 0fr !important;
  opacity: 0 !important;
  transition: grid-template-rows 0.25s ease, opacity 0.2s ease !important;
  padding: 0 8px !important;
}
.prospera-mobile-about-menu > * {
  min-height: 0 !important;
  overflow: hidden !important;
}
.prospera-mobile-about.is-open .prospera-mobile-about-menu {
  grid-template-rows: 1fr !important;
  opacity: 1 !important;
  padding-bottom: 6px !important;
}
.prospera-mobile-about-menu a {
  display: block !important;
  padding: 9px 14px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  transition: background 0.18s ease, color 0.18s ease !important;
}
.prospera-mobile-about-menu a:hover,
.prospera-mobile-about-menu a.is-active {
  background: #FCF9EE !important;
  color: #B58A2A !important;
}
.prospera-mobile-about .prospera-about-chevron {
  transition: transform 0.22s ease !important;
}
.prospera-mobile-about.is-open .prospera-mobile-about-chevron {
  transform: rotate(180deg) !important;
}
@media (max-width: 767px) {
  .prospera-about-dropdown {
    display: none !important;
  }
  .prospera-nav-capsule {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
  }
  .prospera-brand-logo {
    width: auto !important;
    max-width: 210px !important;
    height: 54px !important;
  }
  .prospera-logo-frame,
  .prospera-logo-image {
    height: 52px !important;
    max-height: 52px !important;
  }
}
.max-w-7xl, .container-1280, .prospera-container, .agents-container { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; }
.section-title-bg,
.heading-bg-box,
.eyebrow-box,
[class*="bg-obsidian-900"],
[class*="bg-obsidian-800"] { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
.kicker-text,
.eyebrow-text,
.section-eyebrow,
.section-tag,
span.section-kicker { background: transparent !important; background-color: transparent !important; color: #0F172A !important; font-weight: 800 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; box-shadow: none !important; border: none !important; }
.online-badge,
[class*="bg-emerald"],
.bg-green-500\/10,
.bg-emerald-500\/10 { background: transparent !important; background-color: transparent !important; box-shadow: none !important; }
.prospera-online,
.agent-live,
.online-badge { color: #059669 !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; border: none !important; }
.prospera-agent-card .prospera-online { position: absolute !important; top: 24px !important; right: 24px !important; color: #059669 !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; background: transparent !important; border: none !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; }
.prospera-agent-card .prospera-online i { display: inline-block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background-color: #059669 !important; }
/* ============================================================
   UNIVERSAL AI AGENT MODALS (ABOVE NAVBAR WITH LUXURY BLUR & CIRCLE CLOSE)
   ============================================================ */
.agent-modal,
#agentModal,
.bp-modal,
#builderAiModal {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(12, 14, 20, 0.76) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  z-index: 999999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(20px, 2.5vh) 16px !important;
  box-sizing: border-box !important;
}
.agent-modal.open,
#agentModal.open,
.bp-modal.open,
#builderAiModal.open {
  display: flex !important;
}
.agent-modal-close-circle,
.bp-modal-close-circle,
.agent-modal-head button[aria-label*="Close"],
.bp-modal-head button[aria-label*="Close"] {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
  background: #FAF8F5 !important;
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
  color: #182033 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}
.agent-modal-close-circle:hover,
.bp-modal-close-circle:hover,
.agent-modal-head button[aria-label*="Close"]:hover,
.bp-modal-head button[aria-label*="Close"]:hover {
  background: #000000 !important;
  color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  transform: rotate(90deg) scale(1.08) !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35) !important;
}

.agent-modal-head button,
.modal-close-btn,
.agent-chat-input button,
.mic-chat,
#agent-chat-modal button[aria-label="Close"],
#agent-chat-modal button.mic-btn,
#agent-chat-modal button.send-btn,
#agentModal button[aria-label="Close"],
#agentModal .agent-chat-input button,
#direct-modal button[aria-label="Close"] { background: #FFFFFF !important; background-color: #FFFFFF !important; border: 1.5px solid #B58A2A !important; color: #9B7628 !important; border-radius: 9999px !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important; transition: all 0.2s ease !important; }
.agent-modal-head button:hover,
.modal-close-btn:hover,
.agent-chat-input button:hover,
.mic-chat:hover,
#agent-chat-modal button:hover,
#agentModal button:hover { background: #FAF6EE !important; border-color: #9B7628 !important; color: #806118 !important; }
.prospera-agent-stats { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin: 14px 0 !important; padding: 10px !important; background: #F8FAFC !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; text-align: center !important; }
.prospera-agent-stats span { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; }
.prospera-agent-stats strong { color: #0F172A !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.2 !important; }
.prospera-agent-stats small { color: #64748B !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
.prospera-agent-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-top: 32px !important; }
@media (max-width: 1024px) { .prospera-agent-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 640px) { .prospera-agent-grid { grid-template-columns: 1fr !important; } }
.prospera-agent-card { position: relative !important; background: #FFFFFF !important; border: 1px solid rgba(181, 138, 42, 0.22) !important; border-radius: 18px !important; padding: 24px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important; }
.prospera-agent-card:hover { transform: translateY(-5px) !important; box-shadow: 0 16px 36px -4px rgba(15, 23, 42, 0.09), 0 6px 14px -2px rgba(181, 138, 42, 0.14) !important; border-color: rgba(181, 138, 42, 0.45) !important; }
.prospera-agent-avatar { width: 72px !important; height: 72px !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; border: 2px solid rgba(212, 175, 55, 0.55) !important; background: #FAF8F5 !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 800 !important; font-size: 20px !important; margin-bottom: 16px !important; box-shadow: 0 4px 14px rgba(212, 175, 55, 0.2) !important; flex-shrink: 0 !important; }
.prospera-agent-avatar img, .prospera-agent-img, .prospera-agent-photo { width: 100% !important; height: 100% !important; aspect-ratio: 1 / 1 !important; border-radius: 50% !important; object-fit: cover !important; object-position: center top !important; display: block !important; }
.prospera-agent-label { font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.08em !important; color: #B58A2A !important; text-transform: uppercase !important; margin-bottom: 4px !important; }
.prospera-agent-card h3 { font-family: 'Playfair Display', 'DM Serif Display', serif !important; font-size: 20px !important; font-weight: 700 !important; color: #0F172A !important; margin-bottom: 6px !important; }
.prospera-agent-card p { font-size: 13px !important; color: #475569 !important; line-height: 1.5 !important; margin-bottom: 16px !important; }
.prospera-agent-card button { width: 100% !important; padding: 12px 16px !important; background: #171717 !important; background-color: #171717 !important; background-image: none !important; color: #FFFFFF !important; border: 1px solid #171717 !important; border-radius: 12px !important; font-weight: 700 !important; font-size: 14px !important; cursor: pointer !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important; transition: all 0.2s ease !important; }
.prospera-agent-card button:hover { background: #000000 !important; background-color: #000000 !important; background-image: none !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; border-color: #D4AF37 !important; transform: translateY(-1px) !important; box-shadow: 0 6px 18px rgba(212, 175, 55, 0.35) !important; }
body, p, span, li, a, button, input, select, textarea { font-family: 'Plus Jakarta Sans', sans-serif !important; }
h1, h2, h3, h4, h5, h6, .font-serif, .font-heading { font-family: 'DM Serif Display', 'Playfair Display', serif !important; }
main h1:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(#review-cta *):not(.review-cta-card *), 
main h2:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main h3:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main h4:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main h5:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main h6:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main strong:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main b:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *) { color: #000000 !important; }
main p:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *), 
main li:not(.text-white):not([class*="text-white"]):not([class*="dark-card"] *):not([class*="dark-section"] *):not(.bp-agent-assigned-card *):not([class*="bp-agent"] *):not(#review-cta *):not(.review-cta-card *) { color: #000000 !important; }
small, .text-muted { color: #525252 !important; }
main button:not(header *):not(footer *):not(.bg-white):not([class*="bg-white"]):not(.modal-close-btn):not(.date-quick-btn):not(.time-slot-btn):not(.budget-chip):not(.type-chip):not(.cat-btn):not(.property-option-chip):not([onclick*="resetAllFilters"]):not([onclick*="resetFilters"]):not(.btn-visit-secondary):not(.btn-compare-secondary):not([class*="secondary"]):not([class*="btn-back"]):not(#submit-btn):not(.btn-gold-primary):not([class*="btn-gold"]):not(.btn-agent-talk):not(#final-cta button):not(#final-cta a):not(.bp-agent-chat):not([class*="bp-agent"]):not(#voiceSimBtn):not(.voice-sim-gold-btn),
main a[role="button"]:not(header *):not(footer *):not(.bg-white):not([class*="bg-white"]):not(.btn-visit-secondary):not(.btn-compare-secondary):not([class*="secondary"]):not([class*="btn-back"]):not(#submit-btn):not(.btn-gold-primary):not([class*="btn-gold"]):not(.btn-agent-talk):not(#final-cta button):not(#final-cta a):not(.bp-agent-chat):not([class*="bp-agent"]):not(#voiceSimBtn):not(.voice-sim-gold-btn),
main .gold-btn-gradient:not(header *):not(footer *):not(#voiceSimBtn),
main .gold-gradient-btn:not(header *):not(footer *):not(#voiceSimBtn),
main .btn-primary:not(header *):not(footer *):not(#voiceSimBtn),
main button.gold-btn:not(header *):not(footer *):not(#voiceSimBtn),
main [class*="gold-btn"]:not(header *):not(footer *):not(#voiceSimBtn):not(.voice-sim-gold-btn):not(.btn-gold-primary),
main [class*="from-[#F2D280]"]:not(header *):not(footer *),
body main .gold-btn-gradient:not(header *):not(footer *),
body main .gold-gradient-btn:not(header *):not(footer *),
.prospera-card-cta,
.prospera-primary-btn,
.prospera-agent-card button,
.direct-connect-btn,
.talk-to-ai,
.talk-ai { background: #171717 !important; background-color: #171717 !important; background-image: none !important; border: 1px solid #171717 !important; color: #FFFFFF !important; border-radius: 12px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 700 !important; box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important; transition: all 0.2s ease !important; cursor: pointer !important; }
main button:not(header *):not(footer *):not(.bg-white):not([class*="bg-white"]):not(.modal-close-btn):not(.date-quick-btn):not(.time-slot-btn):not(.budget-chip):not(.type-chip):not(.cat-btn):not(.property-option-chip):not([onclick*="resetAllFilters"]):not([onclick*="resetFilters"]):not(.btn-visit-secondary):not(.btn-compare-secondary):not([class*="secondary"]):not([class*="btn-back"]):not(#submit-btn):not(.btn-gold-primary):not([class*="btn-gold"]):not(.btn-agent-talk):not(#final-cta button):not(#final-cta a):not(.bp-agent-chat):not([class*="bp-agent"]):not(#voiceSimBtn):not(.voice-sim-gold-btn):hover,
main a[role="button"]:not(header *):not(footer *):not(.bg-white):not([class*="bg-white"]):not(.btn-visit-secondary):not(.btn-compare-secondary):not([class*="secondary"]):not([class*="btn-back"]):not(#submit-btn):not(.btn-gold-primary):not([class*="btn-gold"]):not(.btn-agent-talk):not(#final-cta button):not(#final-cta a):not(.bp-agent-chat):not([class*="bp-agent"]):not(#voiceSimBtn):not(.voice-sim-gold-btn):hover,
main .gold-btn-gradient:not(header *):not(footer *):not(#voiceSimBtn):hover,
main .gold-gradient-btn:not(header *):not(footer *):not(#voiceSimBtn):hover,
main .btn-primary:not(header *):not(footer *):not(#voiceSimBtn):hover,
main button.gold-btn:not(header *):not(footer *):not(#voiceSimBtn):hover,
main [class*="gold-btn"]:not(header *):not(footer *):not(#voiceSimBtn):not(.voice-sim-gold-btn):not(.btn-gold-primary):hover,
main [class*="from-[#F2D280]"]:not(header *):not(footer *):hover,
body main .gold-btn-gradient:not(header *):not(footer *):hover,
body main .gold-gradient-btn:not(header *):not(footer *):hover,
.prospera-card-cta:hover,
.prospera-primary-btn:hover,
.direct-connect-btn:hover,
.talk-to-ai:hover,
.talk-ai:hover { background: #242424 !important; background-color: #242424 !important; background-image: none !important; border-color: #242424 !important; color: #FFFFFF !important; transform: translateY(-1px) !important; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.14) !important; }
main button:not(header *):not(footer *):not(.bg-white):not([class*="bg-white"]):not(.modal-close-btn):not(.date-quick-btn):not(.time-slot-btn):not(.budget-chip):not(.type-chip):not(.cat-btn):not(.property-option-chip):not(.btn-visit-secondary):not(.btn-compare-secondary):not([class*="secondary"]):not([class*="btn-back"]):not(#submit-btn):not(.btn-gold-primary):not([class*="btn-gold"]):not(.btn-agent-talk):not(#final-cta button):not(#final-cta a):not(.bp-agent-chat):not([class*="bp-agent"]):not(#voiceSimBtn):not(.voice-sim-gold-btn) *,
main a[role="button"]:not(header *):not(footer *):not(.bg-white):not([class*="bg-white"]) *,
main .gold-btn-gradient:not(header *):not(footer *) *,
main .gold-gradient-btn:not(header *):not(footer *) *,
body main .gold-btn-gradient:not(header *):not(footer *) *,
.prospera-card-cta *,
.prospera-primary-btn * { color: #FFFFFF !important; }
[data-theme="light"] .budget-chip:not(.active):not(.is-active):not(.is-selected),
[data-theme="light"] .type-chip:not(.active):not(.is-active):not(.is-selected),
[data-theme="light"] .cat-btn:not(.active):not(.is-active):not(.is-selected),
[data-theme="light"] .property-option-chip:not(.active):not(.is-active):not(.is-selected),
[data-theme="light"] .date-quick-btn:not(.active):not(.is-active):not(.is-selected),
[data-theme="light"] .time-slot-btn:not(.active):not(.is-active):not(.is-selected) { background: #FFFFFF !important; background-color: #FFFFFF !important; background-image: none !important; border: 1.5px solid rgba(212, 175, 55, 0.35) !important; color: #000000 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important; transition: all 0.18s ease !important; font-weight: 600 !important; }
[data-theme="light"] .budget-chip:not(.active):not(.is-active):not(.is-selected) *,
[data-theme="light"] .type-chip:not(.active):not(.is-active):not(.is-selected) *,
[data-theme="light"] .cat-btn:not(.active):not(.is-active):not(.is-selected) *,
[data-theme="light"] .property-option-chip:not(.active):not(.is-active):not(.is-selected) *,
[data-theme="light"] .date-quick-btn:not(.active):not(.is-active):not(.is-selected) *,
[data-theme="light"] .time-slot-btn:not(.active):not(.is-active):not(.is-selected) * { color: #000000 !important; }
[data-theme="light"] button[onclick*="resetAllFilters"],
[data-theme="light"] button[onclick*="resetFilters"] { border: none !important; background: transparent !important; background-color: transparent !important; color: #806118 !important; font-weight: 700 !important; box-shadow: none !important; }
[data-theme="light"] button[onclick*="resetAllFilters"]:hover,
[data-theme="light"] button[onclick*="resetFilters"]:hover { color: #57400F !important; text-decoration: underline !important; background: transparent !important; }
[data-theme="light"] .budget-chip:not(.active):not(.is-active):not(.is-selected):hover,
[data-theme="light"] .type-chip:not(.active):not(.is-active):not(.is-selected):hover,
[data-theme="light"] .cat-btn:not(.active):not(.is-active):not(.is-selected):hover,
[data-theme="light"] .property-option-chip:not(.active):not(.is-active):not(.is-selected):hover,
[data-theme="light"] .date-quick-btn:not(.active):not(.is-active):not(.is-selected):hover,
[data-theme="light"] .time-slot-btn:not(.active):not(.is-active):not(.is-selected):hover { background: #D4AF37 !important; background-color: #D4AF37 !important; border-color: #D4AF37 !important; color: #000000 !important; -webkit-text-fill-color: #000000 !important; }
[data-theme="light"] .cat-btn:not(.active):not(.is-active):not(.is-selected):hover * { color: #000000 !important; -webkit-text-fill-color: #000000 !important; }
[data-theme="light"] .budget-chip.active,
[data-theme="light"] .type-chip.active,
[data-theme="light"] .cat-btn.active,
[data-theme="light"] .cat-btn.is-active,
[data-theme="light"] .property-option-chip.is-selected,
[data-theme="light"] .budget-chip.bg-gold-500,
[data-theme="light"] .type-chip.bg-gold-500 { background: #000000 !important; background-color: #000000 !important; border-color: #000000 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
[data-theme="light"] .budget-chip.active:hover,
[data-theme="light"] .type-chip.active:hover,
[data-theme="light"] .cat-btn.active:hover,
[data-theme="light"] .cat-btn.is-active:hover { background: #000000 !important; background-color: #000000 !important; border-color: #D4AF37 !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35) !important; }
[data-theme="light"] .budget-chip.active *,
[data-theme="light"] .type-chip.active *,
[data-theme="light"] .cat-btn.active *,
[data-theme="light"] .cat-btn.is-active *,
[data-theme="light"] .cat-btn.active:hover *,
[data-theme="light"] .cat-btn.is-active:hover *,
[data-theme="light"] .property-option-chip.is-selected * { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; }
.agents-section-head { display: block !important; text-align: center !important; max-width: 720px !important; margin: 0 auto 36px auto !important; }
.agents-section-head > div { display: block !important; text-align: center !important; }
.agents-section-head h2 { text-align: center !important; margin: 8px 0 12px 0 !important; font-family: 'DM Serif Display', 'Playfair Display', serif !important; font-size: clamp(2.2rem, 4vw, 3.2rem) !important; font-weight: 700 !important; color: #0F172A !important; }
.agents-section-head > p { text-align: center !important; max-width: 640px !important; margin: 0 auto !important; color: #475569 !important; font-size: 15px !important; line-height: 1.65 !important; }
.section-kicker,
.section-kicker span,
div.section-kicker { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; color: #0F172A !important; font-weight: 800 !important; font-size: 12px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }
.section-kicker span { display: none !important; }
.gold-gradient-text { background: linear-gradient(135deg, #FFF0B2 0%, #D4AF37 50%, #996515 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.gold-border-glow { border: 1px solid rgba(212, 175, 55, 0.3); transition: all 0.3s ease; }
.gold-border-glow:hover { border-color: rgba(212, 175, 55, 0.8); box-shadow: 0 0 25px rgba(212, 175, 55, 0.25); }


/* ============================================================
   SHARED LUXURY CTA & BUSINESS CARDS: INDEX.HTML & AGENTS.HTML
   ============================================================ */
html body #final-cta,
html body .agent-business-section {
  background: transparent !important;
}

html body #final-cta .prospera-final-card,
html body .agent-business-section .business-panel,
html body .business-panel {
  background: linear-gradient(145deg, #2a2418, #57400f) !important;
  background-color: #2a2418 !important;
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 60px rgba(35, 28, 10, 0.25) !important;
}

/* Headings in CTA and Business cards: 100% PURE WHITE */
html body #final-cta .prospera-final-card h2,
html body .agent-business-section .business-panel h2,
html body .business-copy h2,
html body [data-theme="light"] #final-cta .prospera-final-card h2,
html body [data-theme="light"] .business-copy h2,
html body main #final-cta .prospera-final-card h2,
html body main .business-copy h2,
main .business-copy h2,
main #final-cta .prospera-final-card h2 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Paragraphs in CTA and Business cards: LIGHT WHITE */
html body #final-cta .prospera-final-card p,
html body .agent-business-section .business-panel p,
html body .business-copy p,
html body [data-theme="light"] #final-cta .prospera-final-card p,
html body [data-theme="light"] .business-copy p,
html body main #final-cta .prospera-final-card p,
html body main .business-copy p,
main .business-copy p,
main #final-cta .prospera-final-card p {
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

/* Kickers */
html body #final-cta .prospera-kicker,
html body .business-copy .section-kicker,
html body .section-kicker.light {
  color: #F3E5C3 !important;
  -webkit-text-fill-color: #F3E5C3 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
}

/* Stat Metrics in Business Panel (Agents.html) */
html body .business-metrics div {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 16px !important;
}
html body .business-metrics strong {
  color: #F3E5C3 !important;
  -webkit-text-fill-color: #F3E5C3 !important;
}
html body .business-metrics span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Buttons: GOLD background with WHITE text, NO hover color inversion */
html body #final-cta button,
html body #final-cta a[class*="btn"],
html body #final-cta .prospera-primary-btn,
html body #final-cta .prospera-secondary-btn,
html body .btn-agent-talk,
html body .prospera-agent-card button,
html body .prospera-agent-card a.btn-agent-talk,
html body .business-panel button,
html body .business-panel a[class*="btn"] {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1.5px solid #D4AF37 !important;
  border-color: #D4AF37 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.28) !important;
  transition: all 0.2s ease !important;
}

html body #final-cta button:hover,
html body #final-cta a[class*="btn"]:hover,
html body #final-cta .prospera-primary-btn:hover,
html body #final-cta .prospera-secondary-btn:hover,
html body .btn-agent-talk:hover,
html body .prospera-agent-card button:hover,
html body .prospera-agent-card a.btn-agent-talk:hover,
html body .business-panel button:hover,
html body .business-panel a[class*="btn"]:hover,
html body .btn-agent-talk:focus,
html body .prospera-agent-card button:focus {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: #D4AF37 !important;
  transform: none !important;
  filter: brightness(1.05) !important;
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
}

html body #final-cta button *,
html body #final-cta a[class*="btn"] *,
html body #final-cta button:hover *,
html body #final-cta a[class*="btn"]:hover *,
html body .btn-agent-talk *,
html body .btn-agent-talk:hover *,
html body .prospera-agent-card button *,
html body .prospera-agent-card button:hover * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* ============================================================
   GLOBAL GOLD BUTTONS WITH WHITE TEXT & NO HOVER INVERSION
   ============================================================ */
html body main button#submit-btn,
html body button#submit-btn,
html body #submit-btn,
html body main button#voiceSimBtn,
html body button#voiceSimBtn,
html body #voiceSimBtn,
html body .voice-sim-gold-btn,
html body .btn-gold-primary,
html body main .btn-gold-primary,
html body .gold-btn-primary,
html body .btn-agent-talk,
html body #final-cta .prospera-primary-btn,
html body #final-cta .prospera-secondary-btn {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1.5px solid #D4AF37 !important;
  border-color: #D4AF37 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html body main button#submit-btn:hover,
html body button#submit-btn:hover,
html body #submit-btn:hover,
html body main button#voiceSimBtn:hover,
html body button#voiceSimBtn:hover,
html body #voiceSimBtn:hover,
html body .voice-sim-gold-btn:hover,
html body .btn-gold-primary:hover,
html body main .btn-gold-primary:hover,
html body #submit-btn:focus,
html body .btn-gold-primary:focus,
html body #voiceSimBtn:focus,
html body .btn-agent-talk:hover,
html body .btn-agent-talk:focus,
html body #final-cta .prospera-primary-btn:hover,
html body #final-cta .prospera-secondary-btn:hover {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: #D4AF37 !important;
  transform: none !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.45) !important;
}

html body main button#voiceSimBtn *,
html body button#voiceSimBtn *,
html body #voiceSimBtn *,
html body .voice-sim-gold-btn * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body #submit-btn *,
html body #submit-btn:hover *,
html body .btn-gold-primary *,
html body .btn-gold-primary:hover *,
html body .btn-agent-talk *,
html body .btn-agent-talk:hover *,
html body #final-cta .prospera-primary-btn *,
html body #final-cta .prospera-secondary-btn * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ============================================================
   BUILDER PROFILE - ASSIGNED AI AGENT CONTRAST & GOLD BUTTON
   ============================================================ */
html body .bp-agent-assigned-card,
html body main .bp-agent-assigned-card {
  background: linear-gradient(145deg, #2a2418 0%, #16161C 100%) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

html body .bp-agent-assigned-card strong,
html body main .bp-agent-assigned-card strong,
html body .bp-agent-assigned-copy strong,
html body main .bp-agent-assigned-copy strong {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-size: 1.4rem !important;
  font-family: 'DM Serif Display', serif !important;
  font-weight: 700 !important;
}

html body .bp-agent-assigned-card p,
html body main .bp-agent-assigned-card p,
html body .bp-agent-assigned-note,
html body main .bp-agent-assigned-note {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
}

html body .bp-agent-assigned-eyebrow,
html body main .bp-agent-assigned-eyebrow,
html body .bp-agent-assigned-eyebrow * {
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
}

html body .bp-agent-active,
html body main .bp-agent-active,
html body .bp-agent-active * {
  color: #34D399 !important;
  -webkit-text-fill-color: #34D399 !important;
}

html body main button.bp-agent-chat,
html body main .bp-agent-chat,
html body .bp-agent-chat {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border: 1.5px solid #D4AF37 !important;
  border-color: #D4AF37 !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
  cursor: pointer !important;
}

html body main button.bp-agent-chat:hover,
html body main .bp-agent-chat:hover,
html body .bp-agent-chat:hover,
html body main button.bp-agent-chat:focus {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: #D4AF37 !important;
  transform: none !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.5) !important;
}

html body .bp-agent-chat *,
html body .bp-agent-chat:hover * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

#modal-agent-subtitle,
.bp-modal-head #modal-agent-subtitle,
html body #modal-agent-subtitle,
html body .bp-modal-head #modal-agent-subtitle {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 0.95 !important;
}

.project-item h3,
.project-item .font-heading,
html body .project-item h3,
html body .project-item .font-heading {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-shadow: none !important;
}





/* ============================================================
   PROSPERA AI — GLOBAL FOOTER
   Premium responsive floating footer
   ============================================================ */

.prospera-global-footer {
  width: 100%;
  padding: 56px 16px 64px 16px;
  background: transparent;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .prospera-global-footer {
    padding: 72px 28px 80px 28px;
  }
}

.prospera-footer-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-radius: 32px;
  box-shadow: 0 20px 50px -12px rgba(24, 32, 51, 0.05), 0 2px 10px -2px rgba(212, 175, 55, 0.06);
  padding: 52px 56px 36px 56px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .prospera-footer-container {
    padding: 40px 36px 30px 36px;
    border-radius: 26px;
  }
}

@media (max-width: 767px) {
  .prospera-footer-container {
    width: calc(100% - 8px);
    margin: 0 auto;
    padding: 32px 20px 24px 20px;
    border-radius: 22px;
  }
}

/* Main 4-Column Section */
.prospera-footer-main {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .prospera-footer-main {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 36px 32px !important;
  }
  .prospera-footer-vdivider,
  .prospera-footer-hdivider-mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .prospera-footer-container {
    width: calc(100% - 16px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 32px 18px 24px 18px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
  }

  .prospera-footer-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .prospera-footer-col {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  .prospera-footer-brand {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .prospera-footer-brand-logo {
    display: inline-flex !important;
    margin-bottom: 14px !important;
    width: auto !important;
    height: auto !important;
  }

  .prospera-footer-brand-logo img,
  .prospera-footer-brand .prospera-logo-image {
    height: 58px !important;
    width: auto !important;
    max-width: 230px !important;
    max-height: 58px !important;
    display: block !important;
    object-fit: contain !important;
  }

  .prospera-footer-desc {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #64748B !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .prospera-footer-vdivider {
    display: none !important;
  }

  .prospera-footer-hdivider-mobile {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(24, 32, 51, 0.08) !important;
    margin: 24px 0 !important;
    border: none !important;
    clear: both !important;
  }

  .prospera-footer-links,
  .prospera-footer-locations,
  .prospera-footer-contact {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Columns */
.prospera-footer-col {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1025px) {
  .prospera-footer-brand {
    flex: 1.35 1 0;
    min-width: 0;
    padding-right: 40px;
  }
  .prospera-footer-links {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 40px;
    padding-right: 32px;
  }
  .prospera-footer-locations {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 40px;
    padding-right: 32px;
  }
  .prospera-footer-contact {
    flex: 1.35 1 0;
    min-width: 0;
    padding-left: 28px;
  }
}

/* Vertical Dividers on Desktop */
.prospera-footer-vdivider {
  display: none;
}

@media (min-width: 1025px) {
  .prospera-footer-vdivider {
    display: block;
    width: 1px;
    background: rgba(24, 32, 51, 0.08);
    flex-shrink: 0;
    align-self: stretch;
  }
}

/* Horizontal Dividers on Mobile only */
.prospera-footer-hdivider-mobile {
  display: none;
}

/* Brand Column Content */
.prospera-footer-brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  margin-bottom: 22px;
}

.prospera-footer-brand-logo img,
.prospera-footer-brand .prospera-logo-image {
  height: 74px !important;
  width: auto !important;
  max-width: 290px !important;
  max-height: 74px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}

.prospera-footer-desc {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14.5px;
  line-height: 1.65;
  color: #64748B;
  max-width: 350px;
  margin: 0;
}

/* Column Headings & Gold Underline */
.prospera-footer-heading {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F172A;
  margin: 0;
  padding: 0;
}

.prospera-footer-heading-line {
  display: block;
  width: 28px;
  height: 2px;
  background: #D4AF37;
  border-radius: 2px;
  margin-top: 8px;
  margin-bottom: 22px;
}

/* Navigation Lists & Text Links (NO ARROWS) */
.prospera-footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.prospera-footer-link {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: #475569;
  text-decoration: none;
  display: inline-block;
  transition: color 0.18s ease;
  line-height: 1.4;
}

.prospera-footer-link:hover {
  color: #B58A2A;
}

/* Strict enforcement: NO ARROWS or chevrons on links or hover */
.prospera-footer-link::before,
.prospera-footer-link::after {
  content: none !important;
  display: none !important;
}

/* Contact Column Content */
.prospera-footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 22px;
}

.prospera-footer-contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: inherit;
}

.prospera-footer-contact-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FAF6ED;
  border: 1px solid rgba(212, 175, 55, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.prospera-footer-contact-item:hover .prospera-footer-contact-icon {
  background: #F4EAD3;
  border-color: #D4AF37;
  transform: scale(1.04);
}

.prospera-footer-contact-text {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: #334155;
  transition: color 0.18s ease;
}

.prospera-footer-contact-item:hover .prospera-footer-contact-text {
  color: #B58A2A;
}

.prospera-footer-tel-link {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.18s ease;
}

.prospera-footer-tel-link:hover {
  color: #B58A2A;
  text-decoration: underline;
}

/* Social Media Icons */
.prospera-footer-social-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.prospera-footer-social-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1.5px solid rgba(212, 175, 55, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.2s ease;
}

.prospera-footer-social-icon:hover {
  background: #FAF6ED;
  border-color: #D4AF37;
  transform: scale(1.05);
}

/* Bottom Divider */
.prospera-footer-divider {
  width: 100%;
  height: 1px;
  background: rgba(24, 32, 51, 0.08);
  margin: 40px 0 24px 0;
}

/* Bottom Legal Row */
.prospera-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  color: #8A94A6;
}

.prospera-footer-copyright {
  margin: 0;
  color: #8A94A6;
}

.prospera-footer-rera-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
}

.prospera-footer-bottom-vdivider {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: rgba(24, 32, 51, 0.14);
}

@media (max-width: 640px) {
  .prospera-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .prospera-footer-bottom-vdivider {
    display: none;
  }
}

.prospera-footer-rera {
  margin: 0;
  color: #8A94A6;
}

/* ============================================================
   PROSPERA AI — GLOBAL MOBILE RESPONSIVENESS & STICKY NAVBAR GUARD
   Target: 320px - 767px (All mobile viewports)
   DESKTOP (>= 768px / >= 1025px) IS STRICTLY PRESERVED & UNTOUCHED
   ============================================================ */

@media (max-width: 767px) {
  /* 1. Prevent Any Horizontal Page Overflow */
  html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  /* 2. Universal Sticky Navbar On Mobile */
  header.prospera-site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    pointer-events: none;
  }

  .prospera-nav-capsule {
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    pointer-events: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  @media (max-width: 360px) {
    .prospera-nav-capsule {
      padding: 0 10px !important;
      height: 62px !important;
      min-height: 62px !important;
    }
    .prospera-brand-logo {
      width: auto !important;
      max-width: 180px !important;
      height: 48px !important;
    }
    .prospera-logo-frame,
    .prospera-logo-image {
      height: 46px !important;
      max-height: 46px !important;
    }
    .prospera-mobile-toggle {
      width: 36px !important;
      height: 36px !important;
    }
  }

  #mobileMenu,
  .prospera-mobile-menu-card {
    pointer-events: auto !important;
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
  }

  /* 3. Global Container Sizing on Mobile */
  .max-w-7xl,
  .container,
  .container-1280,
  .prospera-container,
  .agents-container,
  .prospera-home-container,
  main,
  section {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 4. Global Card Grids — 1-Column Responsive Stacking */
  .builder-grid,
  .property-grid,
  .projects-grid,
  .prospera-agent-grid,
  .review-grid,
  .reviews-grid,
  .cards-grid,
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4,
  .md\:grid-cols-2,
  .md\:grid-cols-3,
  .lg\:grid-cols-3,
  .lg\:grid-cols-4 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* 5. All Cards — Full Width, Natural Height, No Overlap */
  .builder-card,
  .property-card,
  .prospera-property-card,
  .prospera-agent-card,
  .agent-card,
  .project-item,
  .card,
  .review-card,
  .property-result-card,
  .premium-project-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Card Head & Brand Info Wrapping */
  .card-head {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .card-brand {
    max-width: 100% !important;
  }

  /* Builder Card Actions on Mobile */
  .card-actions {
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    width: 100% !important;
  }

  /* 6. Form Controls & Filters Responsive */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="search"],
  select,
  textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 7. Global Footer Mobile Layout — Normal Document Flow, Zero Overlap */
  .prospera-global-footer {
    width: 100% !important;
    padding: 36px 8px 48px 8px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .prospera-footer-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 18px 22px 18px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.22) !important;
    box-shadow: 0 10px 30px -4px rgba(24, 32, 51, 0.06) !important;
  }

  .prospera-footer-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .prospera-footer-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* Column 1: Brand */
  .prospera-footer-brand {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .prospera-footer-brand-logo {
    display: inline-flex !important;
    margin-bottom: 12px !important;
    width: auto !important;
    height: auto !important;
  }

  .prospera-footer-brand-logo img,
  .prospera-footer-brand .prospera-logo-image {
    height: 52px !important;
    width: auto !important;
    max-width: 210px !important;
    max-height: 52px !important;
    display: block !important;
    object-fit: contain !important;
  }

  .prospera-footer-desc {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #64748B !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Desktop vertical dividers hidden */
  .prospera-footer-vdivider {
    display: none !important;
  }

  /* Mobile horizontal dividers clean subtle spacing */
  .prospera-footer-hdivider-mobile {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(24, 32, 51, 0.08) !important;
    margin: 22px 0 !important;
    border: none !important;
    clear: both !important;
  }

  /* Columns 2, 3, 4 */
  .prospera-footer-links,
  .prospera-footer-locations,
  .prospera-footer-contact {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .prospera-footer-heading {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #0F172A !important;
    margin: 0 !important;
  }

  .prospera-footer-heading-line {
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    background: #D4AF37 !important;
    border-radius: 2px !important;
    margin-top: 6px !important;
    margin-bottom: 16px !important;
  }

  .prospera-footer-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .prospera-footer-link {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.4 !important;
    display: inline-block !important;
  }

  .prospera-footer-contact-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
    margin-bottom: 18px !important;
    width: 100% !important;
  }

  .prospera-footer-contact-text {
    font-size: 13.5px !important;
    word-break: break-word !important;
  }

  .prospera-footer-social-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .prospera-footer-divider {
    width: 100% !important;
    height: 1px !important;
    background: rgba(24, 32, 51, 0.08) !important;
    margin: 24px 0 16px 0 !important;
  }

  .prospera-footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .prospera-footer-bottom-vdivider {
    display: none !important;
  }

  .prospera-footer-copyright,
  .prospera-footer-rera {
    font-size: 12px !important;
    color: #8A94A6 !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 480px) {
  .card-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .btn-profile,
  .btn-connect {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* =========================================================
   PROSPERA LUXURY EMPTY STATE SYSTEM (GOLD / BLACK / WHITE)
   ========================================================= */
#top-properties .prospera-section-intro {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.prospera-empty-state,
#top-properties .prospera-empty-state,
#top-agents .prospera-empty-state,
#top-properties .prospera-property-grid > .prospera-empty-state,
#top-agents .prospera-agent-grid > .prospera-empty-state {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: 52px 36px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.35) !important;
  border-radius: 20px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px -4px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(212, 175, 55, 0.08) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.prospera-empty-state:hover,
#top-properties .prospera-empty-state:hover,
#top-agents .prospera-empty-state:hover {
  border-color: rgba(212, 175, 55, 0.65) !important;
  box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.06), 0 6px 16px rgba(212, 175, 55, 0.14) !important;
}

.prospera-empty-icon-box {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.12), inset 0 0 12px rgba(212, 175, 55, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 20px auto !important;
  color: #D4AF37 !important;
  font-size: 26px !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
  flex-shrink: 0 !important;
}

.prospera-empty-state:hover .prospera-empty-icon-box {
  transform: translateY(-2px) !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.24) !important;
}

.prospera-empty-title {
  font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

.prospera-empty-desc {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.65) !important;
  max-width: 460px !important;
  margin: 0 auto 24px auto !important;
  line-height: 1.65 !important;
}

.prospera-empty-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 28px !important;
  background: #000000 !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(212, 175, 55, 0.5) !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
  cursor: pointer !important;
}

.prospera-empty-btn:hover {
  background: #D4AF37 !important;
  color: #000000 !important;
  border-color: #000000 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(212, 175, 55, 0.3) !important;
}

#top-properties .prospera-empty-loading,
#top-agents .prospera-agent-loading {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  text-align: center !important;
  justify-self: center !important;
}

@media (max-width: 640px) {
  .prospera-empty-state,
  #top-properties .prospera-empty-state,
  #top-agents .prospera-empty-state {
    padding: 38px 20px !important;
    border-radius: 16px !important;
    max-width: 100% !important;
  }
  .prospera-empty-title {
    font-size: 19px !important;
  }
  .prospera-empty-desc {
    font-size: 13px !important;
    margin-bottom: 20px !important;
  }
}

/* ── STRICT WHITE TEXT FOR ALL BLACK BUTTONS & EMPTY STATE ACTION PILLS ── */
a.bg-black,
a[class*="bg-black"],
button.bg-black,
button[class*="bg-black"],
a.bg-black *,
a[class*="bg-black"] *,
button.bg-black *,
button[class*="bg-black"] *,
.col-span-full a[href*="explore.html"],
.col-span-full a[href*="explore.html"] * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
a.bg-black:hover,
a[class*="bg-black"]:hover,
button.bg-black:hover,
button[class*="bg-black"]:hover {
  border-color: #D4AF37 !important;
}