/* ============================================================
   Marketing site dark theme — match homepage (home-clean.css)
   Load after style.css on About, Pricing, Experts, etc.
   Do NOT load on WiserFin / Wiserlytics app shells.
   ============================================================ */

:root {
  --sd-bg: #050816;
  --sd-surface: #0b1228;
  --sd-card: rgba(15, 23, 42, 0.85);
  --sd-text: #ffffff;
  --sd-muted: rgba(255, 255, 255, 0.65);
  --sd-border: rgba(255, 255, 255, 0.12);
  --sd-purple: #8b5cf6;
  --sd-pink: #ec4899;
  --sd-blue: #3b82f6;
}

html,
body {
  background: var(--sd-bg) !important;
  color: var(--sd-text) !important;
}

/* ── Header (match homepage) ── */
header {
  background: rgba(5, 8, 22, 0.94) !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

header .logo {
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}

header a.logo.logo--img,
header .logo.logo--img {
  background: none !important;
  -webkit-text-fill-color: unset !important;
  line-height: 0;
}

header .brand-logo-img {
  display: block !important;
  height: 40px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
}

header nav a {
  color: rgba(255, 255, 255, 0.75) !important;
}

header nav a:hover {
  color: #fff !important;
}

header .signin-btn {
  background: linear-gradient(90deg, var(--sd-purple), var(--sd-pink)) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(236, 72, 153, 0.25);
}

header .mobile-menu-toggle {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ── Footer ── */
footer {
  background: #040816 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

footer .logo,
footer a,
footer p,
footer h3,
footer h4 {
  color: rgba(255, 255, 255, 0.75) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  background: none !important;
}

footer h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── About ── */
.about-hero {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 45%, #4c1d95 100%) !important;
  color: #fff !important;
}

.about-content {
  background: transparent !important;
}

.about-section {
  background: var(--sd-surface) !important;
  border: 1px solid var(--sd-border) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
  color: var(--sd-text) !important;
}

.about-section:hover {
  border-color: rgba(139, 92, 246, 0.55) !important;
  box-shadow: 0 16px 40px rgba(139, 92, 246, 0.2) !important;
}

.about-section h2 {
  color: #a78bfa !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.about-section-content,
.about-section-content p {
  color: var(--sd-muted) !important;
}

/* ── Experts ── */
.experts-page {
  background: var(--sd-bg) !important;
}

.experts-top {
  background: transparent !important;
  border-bottom: 1px solid var(--sd-border) !important;
}

.experts-top h1 {
  color: #fff !important;
}

.experts-top .experts-sub {
  color: var(--sd-muted) !important;
}

.experts-search,
.experts-search-row .flt-mode select,
.experts-filters select,
.flt select {
  background: var(--sd-surface) !important;
  border-color: var(--sd-border) !important;
  color: #fff !important;
}

.experts-search input {
  background: transparent !important;
  color: #fff !important;
}

.experts-search input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.experts-search:focus-within {
  border-color: var(--sd-purple) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2) !important;
}

.experts-count,
.experts-results-meta {
  color: var(--sd-muted) !important;
}

.expert-card,
.experts-grid .card,
.ex-card {
  background: var(--sd-surface) !important;
  border: 1px solid var(--sd-border) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

.expert-card h3,
.ex-card h3,
.expert-card .name {
  color: #fff !important;
}

.expert-card p,
.expert-card .meta,
.ex-card .meta,
.expert-card .desc {
  color: var(--sd-muted) !important;
}

/* ── Pricing page ── */
.pricing,
.pricing-unified,
section.pricing {
  background: linear-gradient(180deg, #0a0e27 0%, #050816 100%) !important;
  color: #fff !important;
}

.pricing h2,
.pricing-intro-wrap h2,
.pricing-page-subhead,
.pricing-save-note,
.pricing-token-disclaimer {
  color: #fff !important;
}

.pricing-page-subhead,
.pricing-save-note,
.pricing-token-disclaimer {
  color: var(--sd-muted) !important;
}

.pricing-toggle-bar {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--sd-border) !important;
}

.pb-billing-btn {
  color: rgba(255, 255, 255, 0.55) !important;
}

.pb-billing-btn.is-active {
  color: #fff !important;
}

.pb-billing-indicator {
  background: linear-gradient(90deg, var(--sd-purple), var(--sd-blue)) !important;
}

/* Pricing cards — dark glass like homepage */
.pb-col {
  background: var(--sd-surface) !important;
  color: #fff !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
}

.pb-col--featured {
  border-color: rgba(167, 139, 250, 0.95) !important;
  box-shadow: 0 0 36px rgba(139, 92, 246, 0.35) !important;
}

.pb-title,
.pb-price,
.pb-credit-val,
.pb-price-val {
  color: #fff !important;
}

.pb-sub,
.pb-equiv,
.pb-features li,
.pb-price-note,
.pb-phase {
  color: var(--sd-muted) !important;
}

.pb-credit-box {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.pb-slider-track {
  background: rgba(255, 255, 255, 0.14) !important;
}

.pb-slider-fill {
  background: linear-gradient(90deg, var(--sd-blue), var(--sd-purple)) !important;
}

.pb-slider {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  accent-color: var(--sd-pink);
}

.pb-slider::-webkit-slider-runnable-track {
  background: transparent !important;
}

.pb-slider::-moz-range-track {
  background: transparent !important;
}

.pb-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background: var(--sd-pink) !important;
  border: 3px solid #fff !important;
}

.pb-tick {
  color: rgba(255, 255, 255, 0.45) !important;
}

.pb-tick.is-active {
  color: #fff !important;
}

.pb-cta {
  background: linear-gradient(90deg, var(--sd-purple), var(--sd-pink)) !important;
  color: #fff !important;
}

/* ── Contact / Help / Careers / Docs / Privacy heroes ── */
.contact-hero,
.page-hero,
.checkout-hero,
.account-hero,
.app-hero,
.help-header,
.documentation-wrapper .docs-hero {
  background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 100%) !important;
  color: #fff !important;
}

.content-section,
.help-wrapper,
.documentation-wrapper,
.careers-wrapper,
.contact-content,
.about-content {
  background: transparent !important;
  color: var(--sd-text) !important;
}

.content-card,
.help-category,
.help-topic,
.docs-card,
.contact-card,
.card {
  background: var(--sd-surface) !important;
  border: 1px solid var(--sd-border) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

.content-card h2,
.content-card h3,
.help-category h3,
.card h2,
.card h3 {
  color: #a78bfa !important;
}

.content-card p,
.help-category p,
.card p,
.help-topic a {
  color: var(--sd-muted) !important;
}

input,
select,
textarea {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--sd-border) !important;
  color: #fff !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

label {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Legal pages */
.legal-page,
.legal-page .wrap,
.wrap.legal-wrap {
  background: var(--sd-bg) !important;
  color: var(--sd-text) !important;
}

.legal-page .card,
.wrap .card {
  background: var(--sd-surface) !important;
  border-color: var(--sd-border) !important;
  color: var(--sd-text) !important;
}

/* Experts cards (beat page inline light styles) */
.experts-page .expert-row {
  background: #0b1228 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
  color: #fff !important;
}

.experts-page .expert-row-main h2 {
  color: #fff !important;
}

.experts-page .expert-row-spec,
.experts-page .expert-row-exp,
.experts-page .expert-row-bio,
.experts-page .expert-row-meta,
.experts-page .expert-row-fee small {
  color: rgba(255, 255, 255, 0.65) !important;
}

.experts-page .expert-row-fee {
  color: #fff !important;
}

.experts-page .experts-count {
  color: rgba(255, 255, 255, 0.6) !important;
}

.experts-page .experts-filters-inner label {
  color: rgba(255, 255, 255, 0.55) !important;
}

.experts-page .experts-filters-inner select,
.experts-page .experts-search-row .flt-mode select {
  background: #0b1228 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

.experts-page .ex-btn-book {
  background: linear-gradient(90deg, #8b5cf6, #ec4899) !important;
  color: #fff !important;
  border: none !important;
}

.experts-page .ex-link-profile {
  color: #a78bfa !important;
}

.experts-page .experts-pager button,
.experts-page .experts-pager a {
  background: #0b1228 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

.experts-page .experts-note,
.experts-page .experts-empty {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Ensure pricing board dark wins over pricing-mobile.css */
body .pb-col {
  background: #0b1228 !important;
  color: #fff !important;
}

body .pb-col--consult .pb-credit-box {
  background: rgba(251, 191, 36, 0.08) !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
}

body .pb-credit-box {
  background: rgba(255, 255, 255, 0.04) !important;
}

body .pb-title,
body .pb-price,
body .pb-credit-val,
body .pb-price-val,
body .pb-currency {
  color: #fff !important;
}

body .pb-sub,
body .pb-equiv,
body .pb-features li,
body .pb-price-note {
  color: rgba(255, 255, 255, 0.68) !important;
}

body .pb-features li {
  border-bottom: none !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

body .pb-features li + li {
  border-top: none !important;
}

/* Help / Contact / Expert profile — kill white cards */
.help-wrapper,
.help-header,
.category-card,
.popular-topics,
.faq-section,
.topic-item,
.contact-wrapper,
.contact-info,
.info-item,
.contact-form,
.ep-card,
.ep-book,
.ep-review {
  background: #0b1228 !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

.help-header h1,
.category-card h3,
.popular-topics h2,
.faq-category-title,
.faq-question,
.contact-form h2,
.info-content h3,
.ep-title h1,
.ep-section h2,
.ep-book h2 {
  color: #a78bfa !important;
}

.category-card p,
.topic-item,
.faq-answer,
.info-content p,
.contact-form label,
.ep-title p,
.ep-section p,
.ep-section li,
.ep-review {
  color: rgba(255, 255, 255, 0.7) !important;
}

.topic-item {
  background: rgba(255, 255, 255, 0.05) !important;
}

.topic-item:hover {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #fff !important;
}

.faq-item,
.faq-category-title,
.ep-reviews {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.info-item {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.info-item + .info-item,
.info-content p + p {
  border-top: none !important;
}

.search-box input,
.ep-book select,
.ep-book input,
.contact-form input,
.contact-form textarea {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

.ep-tag {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #c4b5fd !important;
}

.ep-back {
  color: #a78bfa !important;
}

footer[style] {
  background: #040816 !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.experts-page .expert-row-book,
.expert-row-book {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Pricing feature rows — no divider lines */
body .pb-features li,
.pb-features li,
.hc-pricing .pb-features li {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

body .pb-platform-note {
  background: rgba(139, 92, 246, 0.12) !important;
  border-color: rgba(139, 92, 246, 0.35) !important;
  color: #c4b5fd !important;
}

body .pb-link {
  color: #a78bfa !important;
}

body .pb-tick.is-active .pb-tick-label,
body .pb-credit-head {
  color: #fff !important;
}

/* Careers / docs / checkout cards */
.content-card,
.content-card-content,
.checkout-main,
.checkout-sidebar,
.order-item,
.payment-option {
  background: #0b1228 !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.content-card h2,
.content-card-content,
.content-card-content p,
.checkout-main h2,
.order-item-name,
.price-row,
.payment-methods h3 {
  color: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.content-card h2,
.payment-methods h3,
.order-summary h2 {
  color: #a78bfa !important;
}

.order-summary,
.price-row.total {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Academy / blog surfaces */
.academy-shell,
.academy-card,
.blog-card,
.ac-card,
.ac-list,
.ac-filters,
.course-card {
  background: #0b1228 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}

/* Venture marketing pages (neowplay, hisaabio, etc.) */
.page-app,
.page-app .app-hero,
.page-app .app-section,
.page-app .app-features,
.page-app .feature-card,
.page-app .content-card,
.page-app .how-it-works {
  background: #050816 !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.page-app .app-hero {
  background: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 100%) !important;
}

.page-app .how-it-works .step,
.page-app .step {
  background: #0b1228 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

.page-app h1,
.page-app h2,
.page-app h3,
.page-app .how-it-works h2,
.page-app .step h3 {
  color: #fff !important;
}

.page-app p,
.page-app .app-sub,
.page-app li,
.page-app .how-lead,
.page-app .step p {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Academy / courses — keep body + cards dark with readable text */
body.academy-page-courses,
body.academy-page-community,
body.academy-page-events,
.academy-wrap {
  background: #050816 !important;
  color: #fff !important;
}

.academy-section-title {
  color: #fff !important;
}

.academy-section-sub {
  color: rgba(255, 255, 255, 0.65) !important;
}

.course-card,
.course-card-body {
  background: #0b1228 !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.course-card-body h3 {
  color: #fff !important;
}

.course-card-body p,
.course-card-meta {
  color: rgba(255, 255, 255, 0.65) !important;
}

.course-card-price {
  color: #34d399 !important;
}

.course-card-cta {
  color: #a78bfa !important;
}

#razorpayDevMockBanner,
.checkout-signin-banner {
  background: rgba(251, 191, 36, 0.12) !important;
  border: 1px solid rgba(251, 191, 36, 0.35) !important;
  color: #fde68a !important;
}

#razorpayDevMockBanner code,
.checkout-signin-banner code {
  color: #fff !important;
}

footer[style*="background:#fff"],
footer[style*="background: #fff"] {
  background: #040816 !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}