:root {
  --vana-lime: #dfff38;
  --vana-lime-soft: #ecff7a;
  --vana-olive: #7f912d;
  --vana-blue: #4667df;
  --vana-ink: #0b0d0b;
  --vana-muted: #4c5147;
  --vana-paper: #f4f4ef;
  --vana-panel: rgba(244, 244, 239, 0.9);
  --vana-panel-strong: rgba(255, 255, 250, 0.94);
  --vana-line: rgba(11, 13, 11, 0.12);
  --vana-shadow: 0 28px 80px rgba(38, 50, 9, 0.24);
  --lux-gold: #ecd06f;
  --accent-gold: #ecd06f;
  --gold: #ecd06f;
}

html {
  background: var(--vana-lime);
  overflow-x: hidden;
}

body {
  background:
    linear-gradient(rgba(13, 20, 12, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13, 20, 12, 0.055) 1px, transparent 1px),
    radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.64), transparent 44%),
    linear-gradient(180deg, var(--vana-lime) 0%, #c7e44d 45%, var(--vana-olive) 100%) !important;
  background-size: 56px 56px, 56px 56px, auto, auto !important;
  color: var(--vana-ink) !important;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 22%, rgba(255, 255, 255, 0.36) 22.1% 22.8%, transparent 23% 100%),
    linear-gradient(35deg, transparent 0 62%, rgba(11, 13, 11, 0.08) 62.1% 62.6%, transparent 62.8% 100%);
  opacity: 0.55;
}

body > * {
  position: relative;
  z-index: 1;
}

h1,
h2,
h3,
h4,
.brand-word,
.brand-word strong,
.section-title,
.course-title,
.plan-title,
.headline,
.auth-title,
.legal-title {
  color: var(--vana-ink) !important;
  letter-spacing: 0 !important;
}

p,
li,
small,
label,
.section-copy,
.muted,
.course-copy,
.plan-copy,
.legal-copy {
  color: var(--vana-muted) !important;
}

a {
  color: var(--vana-ink);
}

.announcement,
.sale-strip,
.promo-strip {
  background: rgba(11, 13, 11, 0.86) !important;
  color: var(--vana-lime-soft) !important;
  border: 0 !important;
}

.announcement *,
.sale-strip *,
.promo-strip * {
  color: inherit !important;
}

.nav-wrap,
.site-nav,
.top-nav {
  width: min(1540px, calc(100% - 32px)) !important;
  margin: 12px auto 0 !important;
  border-radius: 22px !important;
  background: rgba(244, 244, 239, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 18px 46px rgba(35, 50, 8, 0.2) !important;
  backdrop-filter: blur(18px);
}

.nav-links a,
.menu a,
nav a {
  color: var(--vana-ink) !important;
}

.nav-links a:hover,
.menu a:hover,
nav a:hover {
  color: var(--vana-blue) !important;
}

.brand-badge,
.logo-mark,
.symbol-badge,
.market-icon,
.ticker-icon {
  background: var(--vana-lime) !important;
  color: var(--vana-ink) !important;
  border-color: rgba(11, 13, 11, 0.14) !important;
}

.hero,
.page-hero,
.seo-hero,
.account-hero,
.checkout-shell,
.payment-shell,
.legal-hero,
.news-hero {
  width: min(1540px, calc(100% - 32px)) !important;
  margin: 22px auto !important;
  border-radius: 34px !important;
  background:
    linear-gradient(rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(231, 232, 224, 0.9)) !important;
  background-size: 38px 38px, 38px 38px, auto !important;
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  box-shadow: var(--vana-shadow) !important;
  color: var(--vana-ink) !important;
  overflow: hidden;
}

.hero::before,
.page-hero::before,
.seo-hero::before,
.account-hero::before,
.news-hero::before {
  opacity: 0.16 !important;
  filter: grayscale(1) contrast(0.95);
  mix-blend-mode: multiply;
}

.hero h1,
.page-hero h1,
.seo-hero h1,
.account-hero h1,
.checkout-shell h1,
.payment-shell h1,
.legal-hero h1,
.news-hero h1 {
  color: var(--vana-ink) !important;
  text-shadow: none !important;
}

.hero h1 em,
.page-hero h1 em,
.seo-hero h1 em {
  background: none !important;
  -webkit-text-fill-color: var(--vana-ink) !important;
  color: var(--vana-ink) !important;
  font-style: normal !important;
}

.eyebrow,
.kicker,
.section-eyebrow,
.pill,
.status-pill,
.tag,
.plan-tag,
.course-tag {
  background: rgba(223, 255, 56, 0.76) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.btn,
.button,
.cta,
.primary-btn,
.secondary-btn,
.nav-cta,
.hero-actions a,
button,
button[type="submit"],
input[type="submit"] {
  border-radius: 14px !important;
  background: var(--vana-blue) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(70, 103, 223, 0.24) !important;
}

.btn *,
.button *,
.cta *,
.primary-btn *,
.secondary-btn *,
.nav-cta *,
.hero-actions a *,
button * {
  color: inherit !important;
}

.secondary-btn,
.ghost-btn,
.outline-btn,
.back-link,
.text-btn {
  background: rgba(244, 244, 239, 0.76) !important;
  color: var(--vana-ink) !important;
  box-shadow: none !important;
}

.btn:hover,
.button:hover,
.cta:hover,
.primary-btn:hover,
button:hover {
  transform: translateY(-2px);
  filter: brightness(1.02);
}

.ticker-wrap,
.market-ticker,
.ticker-track,
.market-strip,
.price-strip {
  background: rgba(244, 244, 239, 0.84) !important;
  border-block: 1px solid rgba(11, 13, 11, 0.1) !important;
  color: var(--vana-ink) !important;
  box-shadow: 0 16px 34px rgba(35, 50, 8, 0.14) !important;
}

.ticker-item,
.market-chip,
.price-chip,
.instrument-card {
  background: rgba(255, 255, 250, 0.88) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.11) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(34, 45, 8, 0.12) !important;
}

.ticker-item *,
.market-chip *,
.price-chip *,
.instrument-card * {
  color: inherit !important;
}

.card,
.panel,
.glass-card,
.course-card,
.plan-card,
.plan-panel,
.form-panel,
.checkout-card,
.auth-panel,
.journal-panel,
.journal-card,
.entry-card,
.news-card,
.news-panel,
.legal-card,
.legal-section,
.story-strip,
.story-strip article,
.method-card,
.result-card,
.faq-item,
.lead-mini-card,
.float-card,
.dashboard,
.metric-card,
.report-card,
.feature-card,
.payment-card,
.seo-card,
.seo-course-card,
section > article {
  background: var(--vana-panel) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.68) !important;
  border-radius: 28px !important;
  box-shadow: var(--vana-shadow) !important;
}

.course-card.featured,
.plan-card.featured,
.featured,
.highlight-card {
  background: linear-gradient(180deg, rgba(255, 255, 250, 0.96), rgba(223, 255, 56, 0.46)) !important;
}

.card *,
.panel *,
.glass-card *,
.course-card *,
.plan-card *,
.plan-panel *,
.form-panel *,
.checkout-card *,
.auth-panel *,
.journal-panel *,
.journal-card *,
.entry-card *,
.news-card *,
.legal-card *,
.story-strip *,
.method-card *,
.result-card *,
.faq-item *,
.lead-mini-card *,
.float-card *,
.dashboard *,
.metric-card *,
.report-card *,
.feature-card *,
.payment-card *,
.seo-card *,
.seo-course-card * {
  text-shadow: none !important;
}

input,
select,
textarea {
  background: rgba(255, 255, 250, 0.9) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(76, 81, 71, 0.64) !important;
}

.hero-visual,
.visual-panel,
.chart-card,
.mockup,
.phone-frame,
.desktop-frame,
.media-card {
  background: linear-gradient(180deg, rgba(255, 255, 250, 0.92), rgba(230, 232, 225, 0.9)) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 30px !important;
  box-shadow: var(--vana-shadow) !important;
}

.trading-graph-bg,
.hero-graph,
.market-graph,
.chart-grid {
  opacity: 0.16 !important;
  filter: grayscale(1) contrast(0.85) !important;
  mix-blend-mode: multiply !important;
}

.avatar-row,
.trusted-row,
.social-proof {
  background: rgba(11, 13, 11, 0.82) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

.avatar-row *,
.trusted-row *,
.social-proof * {
  color: inherit !important;
}

.news-grid,
.course-grid,
.plans-grid,
.features-grid,
.method-grid {
  gap: clamp(18px, 3vw, 32px) !important;
}

.final-cta,
.cta-section,
.closing-cta {
  width: min(1540px, calc(100% - 32px)) !important;
  margin-inline: auto !important;
  background: linear-gradient(135deg, #10130d, #2b3211) !important;
  color: #fffbea !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 34px !important;
  box-shadow: 0 26px 70px rgba(20, 25, 8, 0.28) !important;
}

.final-cta *,
.cta-section *,
.closing-cta * {
  color: inherit !important;
}

footer,
.footer {
  background: rgba(11, 13, 11, 0.9) !important;
  color: #fffbea !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

footer *,
.footer * {
  color: inherit !important;
}

@media (max-width: 760px) {
  .nav-wrap,
  .site-nav,
  .top-nav,
  .hero,
  .page-hero,
  .seo-hero,
  .account-hero,
  .checkout-shell,
  .payment-shell,
  .legal-hero,
  .news-hero,
  .final-cta,
  .cta-section,
  .closing-cta {
    width: min(100% - 20px, 720px) !important;
    border-radius: 24px !important;
  }

  .hero,
  .page-hero,
  .seo-hero,
  .account-hero {
    padding-inline: clamp(18px, 6vw, 28px) !important;
  }

  .hero h1,
  .page-hero h1,
  .seo-hero h1,
  .account-hero h1 {
    font-size: clamp(3rem, 17vw, 5.4rem) !important;
    line-height: 0.9 !important;
  }

  .ticker-item,
  .market-chip,
  .price-chip {
    min-width: 220px !important;
  }

  .btn,
  .button,
  .cta,
  .primary-btn,
  button,
  button[type="submit"] {
    min-height: 52px !important;
  }
}

/* Final palette lock: stop older gold styling from leaking into the Vana theme. */
:root {
  --lux-gold: var(--vana-lime) !important;
  --lux-gold-2: var(--vana-ink) !important;
  --accent-gold: var(--vana-blue) !important;
  --gold: var(--vana-blue) !important;
  --gold-soft: var(--vana-ink) !important;
  --text: var(--vana-ink) !important;
  --muted: var(--vana-muted) !important;
  --panel: rgba(255, 255, 250, 0.9) !important;
  --premium-gold: var(--vana-blue) !important;
  --premium-gold-soft: rgba(70, 103, 223, 0.16) !important;
}

.market-header-ticker,
.ticker,
.news-ticker {
  background: rgba(244, 244, 239, 0.88) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  box-shadow: 0 16px 42px rgba(35, 50, 8, 0.14) !important;
}

.market-header-track,
.ticker-inner,
.news-ticker-track {
  color: var(--vana-ink) !important;
}

.header-market-item {
  background: rgba(255, 255, 250, 0.92) !important;
  border: 1px solid rgba(11, 13, 11, 0.12) !important;
  box-shadow: 0 10px 26px rgba(35, 50, 8, 0.12) !important;
}

.header-market-item b,
.header-market-item strong,
.ticker-inner span,
.ticker-inner i,
.news-ticker-track span {
  color: var(--vana-ink) !important;
}

.header-market-item em,
.market-change,
.live-change {
  background: rgba(223, 255, 56, 0.42) !important;
  color: #305c16 !important;
  border: 1px solid rgba(48, 92, 22, 0.12) !important;
}

.header-market-item em.negative,
.live-change.negative,
.market-change.negative {
  background: rgba(255, 111, 89, 0.12) !important;
  color: #9d2f21 !important;
}

.market-logo,
.ticker-icon,
.course-icon,
.brand-mark {
  background: var(--vana-lime) !important;
  color: var(--vana-ink) !important;
}

.market-logo svg path,
.ticker-icon svg path,
.course-icon svg path {
  stroke: var(--vana-ink) !important;
  fill: none !important;
}

.button,
.button-light,
.button-small,
.nav-cta,
.purchase-trigger,
.primary-action,
.quick-lead-bar button,
.checkout-form button,
.form-panel button,
.auth-panel button,
.journal-panel button,
.account-shell button,
.payment-card button {
  background: var(--vana-blue) !important;
  color: #ffffff !important;
  border-color: rgba(11, 13, 11, 0.08) !important;
}

.button span,
.button-light span,
.button-small span,
.nav-cta span,
.purchase-trigger span,
.primary-action span,
.checkout-form button span,
.form-panel button span,
.auth-panel button span {
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.text-link,
.whatsapp-link {
  color: var(--vana-ink) !important;
}

.text-link .play,
.whatsapp-link .play {
  background: rgba(70, 103, 223, 0.14) !important;
  color: var(--vana-blue) !important;
  border-color: rgba(70, 103, 223, 0.28) !important;
}

.eyebrow,
.section-eyebrow,
.kicker,
.badge,
.level,
.step > b,
.card-bottom small,
.dash-top,
.price-row small,
.dash-stats small,
.float-card small {
  color: var(--vana-ink) !important;
}

/* Light visual system for the old black trading preview blocks. */
.hero-visual {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.hero-visual .glow {
  background: rgba(223, 255, 56, 0.5) !important;
  filter: blur(26px) !important;
  opacity: 0.7 !important;
}

.dashboard,
.market-carousel {
  background:
    linear-gradient(rgba(11, 13, 11, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 250, 0.95), rgba(232, 234, 226, 0.94)) !important;
  background-size: 42px 42px, 42px 42px, auto !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 28px 80px rgba(38, 50, 9, 0.2) !important;
}

.dashboard::before,
.dashboard::after,
.market-carousel::before,
.market-carousel::after {
  background: rgba(223, 255, 56, 0.36) !important;
  opacity: 0.55 !important;
}

.dash-top,
.feed-state,
.price-row,
.dash-stats,
.market-pagination {
  color: var(--vana-ink) !important;
}

.grid {
  stroke: rgba(11, 13, 11, 0.14) !important;
}

.line,
.live-line {
  stroke: var(--vana-blue) !important;
}

.area,
.live-area {
  fill: rgba(70, 103, 223, 0.16) !important;
}

.chart-dot,
.live-dot {
  fill: var(--vana-blue) !important;
  stroke: #fffefa !important;
}

.gain,
.safe,
.green {
  color: #305c16 !important;
  background: rgba(223, 255, 56, 0.5) !important;
}

.market-controls button,
.market-pagination button {
  background: rgba(255, 255, 250, 0.92) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.16) !important;
  box-shadow: none !important;
}

.market-controls button:hover,
.market-pagination button.active {
  background: var(--vana-blue) !important;
  color: #ffffff !important;
}

.float-card,
.risk-card,
.lesson-card {
  background: rgba(255, 255, 250, 0.94) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.11) !important;
  box-shadow: 0 18px 42px rgba(38, 50, 9, 0.16) !important;
}

.icon-box,
.check {
  background: var(--vana-lime) !important;
  color: var(--vana-ink) !important;
}

.hero-proof {
  background: rgba(255, 255, 250, 0.88) !important;
  border: 1px solid rgba(11, 13, 11, 0.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(38, 50, 9, 0.12) !important;
}

.hero-proof div {
  background: rgba(244, 244, 239, 0.88) !important;
  border-color: rgba(11, 13, 11, 0.1) !important;
}

.hero-proof small,
.hero-proof b {
  color: var(--vana-ink) !important;
}

.market-image-preview {
  background:
    linear-gradient(rgba(11, 13, 11, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 250, 0.94), rgba(230, 232, 224, 0.9)) !important;
  background-size: 44px 44px, 44px 44px, auto !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow: var(--vana-shadow) !important;
}

.market-image-preview img {
  filter: saturate(0.92) brightness(1.16) contrast(0.9) !important;
  mix-blend-mode: multiply;
}

.market-brand-strip span {
  background: rgba(255, 255, 250, 0.92) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.11) !important;
  box-shadow: 0 12px 30px rgba(38, 50, 9, 0.14) !important;
}

.market-brand-strip small {
  color: var(--vana-ink) !important;
}

.markets-taught {
  background: transparent !important;
}

.markets-taught .section-heading {
  background: rgba(255, 255, 250, 0.7) !important;
  border: 1px solid rgba(11, 13, 11, 0.08) !important;
  border-radius: 28px !important;
  padding: clamp(22px, 4vw, 34px) !important;
  box-shadow: 0 20px 55px rgba(38, 50, 9, 0.14) !important;
}

.market-focus-grid {
  align-items: stretch !important;
}

.market-focus-card,
.visual-market-card {
  background:
    linear-gradient(rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    rgba(255, 255, 250, 0.9) !important;
  background-size: 34px 34px, 34px 34px, auto !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  border-radius: 28px !important;
  box-shadow: 0 22px 62px rgba(38, 50, 9, 0.16) !important;
}

.market-focus-card > span,
.visual-market-card > span {
  color: var(--vana-blue) !important;
  background: rgba(70, 103, 223, 0.12) !important;
  border: 1px solid rgba(70, 103, 223, 0.18) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  display: inline-flex !important;
  width: fit-content !important;
}

.market-focus-card h3,
.visual-market-card h3 {
  color: var(--vana-ink) !important;
}

.market-focus-card p,
.visual-market-card p {
  color: var(--vana-muted) !important;
}

.market-card-visual {
  background: rgba(244, 244, 239, 0.82) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  border-radius: 22px !important;
}

.market-card-visual svg path:first-child {
  stroke: var(--vana-blue) !important;
}

.market-card-visual svg path:last-child {
  stroke: rgba(11, 13, 11, 0.14) !important;
}

/* Final readability polish for sales sections, reviews, and checkout pages. */
html {
  scroll-padding-top: 118px;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.lead-mini-card {
  background: rgba(255, 255, 250, 0.92) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  box-shadow: 0 18px 44px rgba(38, 50, 9, 0.16) !important;
}

.lead-mini-card b {
  color: var(--vana-ink) !important;
}

.lead-mini-card span {
  color: var(--vana-muted) !important;
  opacity: 1 !important;
}

.hero-actions {
  gap: 18px !important;
  flex-wrap: wrap !important;
}

.hero-actions .button,
.purchase-trigger {
  min-width: 210px !important;
  justify-content: center !important;
}

.whatsapp-link {
  min-height: 52px !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  background: #25d366 !important;
  color: #06130b !important;
  border: 1px solid rgba(6, 19, 11, 0.14) !important;
  box-shadow: 0 14px 34px rgba(37, 211, 102, 0.24) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

.whatsapp-link::after {
  content: none !important;
}

.whatsapp-link .play {
  background: #ffffff !important;
  color: #0b7f3a !important;
  border: 0 !important;
  font-weight: 950 !important;
}

.testimonial-grid blockquote,
.trust-grid blockquote,
.results .trust-grid blockquote {
  background:
    linear-gradient(rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    rgba(255, 255, 250, 0.92) !important;
  background-size: 36px 36px, 36px 36px, auto !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  border-radius: 28px !important;
  box-shadow: 0 22px 62px rgba(38, 50, 9, 0.16) !important;
  opacity: 1 !important;
}

.testimonial-grid blockquote::before,
.trust-grid blockquote::before {
  color: rgba(70, 103, 223, 0.2) !important;
}

.testimonial-grid blockquote > b,
.trust-grid blockquote > b,
.testimonial-grid blockquote p,
.trust-grid blockquote p {
  color: var(--vana-ink) !important;
  opacity: 1 !important;
}

.testimonial-grid footer,
.trust-grid footer {
  background: rgba(244, 244, 239, 0.9) !important;
  color: var(--vana-ink) !important;
  border: 1px solid rgba(11, 13, 11, 0.08) !important;
  border-radius: 18px !important;
}

.testimonial-grid footer > span,
.trust-grid footer > span {
  background: var(--vana-lime) !important;
  color: var(--vana-ink) !important;
}

.testimonial-grid footer b,
.trust-grid footer b,
.testimonial-grid footer small,
.trust-grid footer small {
  color: var(--vana-ink) !important;
}

.price-box,
.coupon-summary {
  background: rgba(255, 255, 250, 0.94) !important;
  border: 1px solid rgba(11, 13, 11, 0.12) !important;
  box-shadow: 0 14px 38px rgba(38, 50, 9, 0.12) !important;
}

.price-box span,
.coupon-summary span {
  color: var(--vana-muted) !important;
  opacity: 1 !important;
}

.price-box strong,
.coupon-summary strong,
#baseAmount,
#gstAmount,
#totalPayable,
#discountAmount,
.offer-price,
.card-bottom strong {
  color: var(--vana-ink) !important;
  font-weight: 950 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#gstAmount {
  color: #315f18 !important;
}

.plan-panel li,
.form-panel li,
.checkout-shell li {
  color: var(--vana-muted) !important;
  opacity: 1 !important;
}

.plan-panel li::before,
.form-panel li::before,
.checkout-shell li::before {
  content: "+";
  color: var(--vana-blue) !important;
}

.checkout-shell {
  min-height: auto !important;
}

.checkout-grid {
  align-items: start !important;
}

.plan-panel,
.form-panel {
  background: rgba(255, 255, 250, 0.92) !important;
  color: var(--vana-ink) !important;
}

.market-logo.logo-nifty::after,
.market-logo.logo-bank::after,
.market-logo.logo-btc::after,
.market-logo.logo-gold::after,
.market-logo.logo-forex::after {
  color: var(--vana-ink);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
}

.market-logo.logo-nifty::after {
  content: "N50";
}

.market-logo.logo-bank::after {
  content: "BN";
}

.market-logo.logo-btc::after {
  content: "BTC";
}

.market-logo.logo-gold::after {
  content: "XAU";
}

.market-logo.logo-forex::after {
  content: "FX";
}

.market-logo svg {
  display: none !important;
}

.market-header-track,
.ticker-inner,
.news-ticker-track {
  will-change: auto !important;
}

.market-focus-card,
.testimonial-grid blockquote,
.course-card,
.plan-card,
.value-card {
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.market-focus-card:hover,
.testimonial-grid blockquote:hover,
.course-card:hover,
.plan-card:hover,
.value-card:hover {
  transform: translateY(-4px) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .market-focus-card,
  .testimonial-grid blockquote,
  .course-card {
    animation: vana-card-in 520ms ease both;
  }
}

@keyframes vana-card-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 900px) {
  .hero-actions .button,
  .purchase-trigger,
  .whatsapp-link {
    width: 100% !important;
  }
}

/* Final customer-facing polish: readable, smoother, and fully on-theme. */
html,
body {
  scroll-behavior: smooth !important;
  overscroll-behavior-y: auto !important;
}

main,
section,
.section,
.hero,
.course-grid,
.market-focus-grid,
.testimonial-grid,
.results,
.method,
.faq,
.cta-section {
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
  scroll-snap-type: none !important;
}

.market-carousel,
.hero-visual,
.market-image-preview,
.course-card,
.testimonial-grid blockquote {
  touch-action: pan-y !important;
}

.market-image-preview {
  background:
    linear-gradient(rgba(11, 13, 11, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.045) 1px, transparent 1px),
    rgba(255, 255, 250, 0.9) !important;
  background-size: 36px 36px, 36px 36px, auto !important;
  border: 1px solid rgba(11, 13, 11, 0.1) !important;
  box-shadow: 0 30px 80px rgba(38, 50, 9, 0.16) !important;
}

.market-image-preview img {
  filter: none !important;
}

.market-focus-card,
.visual-market-card,
.value-card,
.masterclass-card,
.steps .step,
.faq details,
.lead-mini-card {
  background:
    linear-gradient(rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.035) 1px, transparent 1px),
    rgba(255, 255, 250, 0.9) !important;
  background-size: 34px 34px, 34px 34px, auto !important;
  color: var(--vana-ink) !important;
  border-color: rgba(11, 13, 11, 0.1) !important;
}

.method,
.results,
.cta-section {
  background:
    radial-gradient(circle at 15% 12%, rgba(255, 255, 250, 0.42), transparent 30%),
    linear-gradient(rgba(11, 13, 11, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 13, 11, 0.045) 1px, transparent 1px),
    linear-gradient(135deg, #e9ff5a 0%, #c7dc55 62%, #9aaa41 100%) !important;
  background-size: auto, 70px 70px, 70px 70px, auto !important;
  color: var(--vana-ink) !important;
}

.method h2,
.method h3,
.method p,
.method .eyebrow,
.method .step,
.results h2,
.results h3,
.results p,
.results .eyebrow,
.cta-section h2,
.cta-section p {
  color: var(--vana-ink) !important;
  opacity: 1 !important;
}

.lead-mini-card,
.lead-mini-card strong,
.lead-mini-card span,
.lead-mini-card p,
.lead-mini-card b,
.lead-mini-card small {
  color: var(--vana-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.button,
.seo-button,
.checkout-submit,
.purchase-trigger,
button[type="submit"],
.round-button.enroll-box {
  background: var(--vana-blue) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 18px 45px rgba(87, 105, 222, 0.24) !important;
}

.button span,
.seo-button span,
.checkout-submit span,
.purchase-trigger span,
button[type="submit"] span {
  color: #ffffff !important;
}

.button:hover,
.seo-button:hover,
.checkout-submit:hover,
.purchase-trigger:hover,
button[type="submit"]:hover {
  background: #4658d6 !important;
  transform: translateY(-2px) !important;
}

.round-button.enroll-box span,
.round-button.enroll-box b {
  color: #ffffff !important;
}

.card-bottom,
.price-box,
.coupon-summary,
.seo-lead-note,
.checkout-grid .plan-panel,
.checkout-grid .form-panel {
  background: rgba(255, 255, 250, 0.96) !important;
  color: var(--vana-ink) !important;
}

.card-bottom small,
.price-box span,
.coupon-summary span,
.seo-card p,
.seo-card li,
.checkout-grid label,
.checkout-grid label span,
.plan-panel p,
.form-panel p {
  color: var(--vana-muted) !important;
  opacity: 1 !important;
}

.card-bottom strong,
.offer-price,
.price-box strong,
.coupon-summary strong,
#planPrice,
#baseAmount,
#gstAmount,
#discountAmount,
#totalPayable,
#finalPrice,
.seo-card strong,
.seo-hero strong,
.seo-price,
.course-price,
.plan-price,
[class*="price"] strong {
  color: var(--vana-ink) !important;
  font-weight: 950 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#gstAmount {
  color: #315f18 !important;
}

.market-logo {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  background: var(--vana-lime) !important;
  box-shadow: inset 0 0 0 1px rgba(11, 13, 11, 0.08), 0 10px 22px rgba(38, 50, 9, 0.12) !important;
}

.header-market-item .market-logo {
  min-width: 42px !important;
  width: 42px !important;
  height: 42px !important;
}

.market-logo.logo-nifty::after,
.market-logo.logo-bank::after,
.market-logo.logo-btc::after,
.market-logo.logo-gold::after,
.market-logo.logo-forex::after {
  font-size: 10px !important;
  color: var(--vana-ink) !important;
}

.market-focus-card h3,
.course-card h3,
.testimonial-grid blockquote,
.trust-grid blockquote,
.seo-card h2 {
  color: var(--vana-ink) !important;
}

.market-focus-card p,
.course-card p,
.course-card li,
.testimonial-grid blockquote p,
.trust-grid blockquote p {
  color: var(--vana-muted) !important;
  opacity: 1 !important;
}

.testimonial-grid blockquote,
.trust-grid blockquote,
.value-card,
.course-card {
  transform: translateZ(0);
}

.value-card::before,
.market-focus-card::before,
.masterclass-card::before,
.limited-deal-tag::before {
  opacity: 0.08 !important;
  animation: none !important;
}

.save-badge,
.offer-price {
  animation: none !important;
}

@media (prefers-reduced-motion: no-preference) {
  .button,
  .seo-button,
  .checkout-submit,
  .purchase-trigger,
  .whatsapp-link {
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
  }
}

@media (max-width: 900px) {
  .market-image-preview,
  .hero,
  .method,
  .results,
  .cta-section {
    border-radius: 28px !important;
  }

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

/* Mobile fit and navigation polish. */
* {
  min-width: 0;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden !important;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

.nav-wrap {
  z-index: 1000 !important;
}

.menu-button {
  position: relative !important;
  width: 54px !important;
  height: 48px !important;
  display: none;
  place-items: center !important;
  border: 1px solid rgba(11, 13, 11, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 250, 0.9) !important;
  box-shadow: 0 12px 30px rgba(38, 50, 9, 0.12) !important;
}

.menu-button span {
  position: absolute !important;
  left: 16px !important;
  width: 22px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--vana-ink) !important;
  transition: transform 180ms ease, opacity 180ms ease !important;
}

.menu-button span:first-child {
  top: 18px !important;
}

.menu-button span:last-child {
  top: 28px !important;
}

.menu-button[aria-expanded="true"] span:first-child {
  transform: translateY(5px) rotate(45deg) !important;
}

.menu-button[aria-expanded="true"] span:last-child {
  transform: translateY(-5px) rotate(-45deg) !important;
}

.nav-menu-open {
  overflow-x: hidden !important;
}

.purchase-trigger,
.nav-cta,
.button-light.purchase-trigger,
.whatsapp-link {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.purchase-trigger::before,
.nav-cta::before,
.whatsapp-link::before {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  font: 950 10px/1 Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.purchase-trigger::before {
  content: "CALL";
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.nav-cta::before {
  content: "GO";
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

.whatsapp-link::before {
  content: "WA";
  background: #ffffff !important;
  color: #0b7f3a !important;
}

.whatsapp-link .play {
  display: none !important;
}

.purchase-trigger span,
.nav-cta span {
  font-size: 0 !important;
  width: 22px !important;
  height: 22px !important;
  margin-left: 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  position: relative !important;
}

.purchase-trigger span::after,
.nav-cta span::after {
  content: "";
  position: absolute;
  inset: 7px 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: no-preference) {
  .purchase-trigger::after,
  .nav-cta::after,
  .whatsapp-link::after {
    content: "";
    position: absolute;
    inset: -40% auto -40% -45%;
    width: 34%;
    transform: skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent);
    animation: cta-sheen 3.8s ease-in-out infinite;
    z-index: -1;
  }
}

@keyframes cta-sheen {
  0%, 55% {
    left: -45%;
  }
  100% {
    left: 120%;
  }
}

@media (max-width: 900px) {
  body {
    background:
      radial-gradient(circle at 12% 4%, rgba(255, 255, 250, 0.52), transparent 26%),
      linear-gradient(rgba(11, 13, 11, 0.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(11, 13, 11, 0.045) 1px, transparent 1px),
      linear-gradient(135deg, #e9ff5a 0%, #c7dc55 62%, #9aaa41 100%) !important;
    background-size: auto, 42px 42px, 42px 42px, auto !important;
  }

  .container,
  .nav,
  .hero.container,
  .section.container,
  .market-news.container,
  .results.container,
  .faq.container,
  .cta-section .container {
    width: min(100% - 24px, 720px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .nav-wrap {
    width: min(100% - 16px, 720px) !important;
    max-width: calc(100% - 16px) !important;
    margin: 8px auto 0 !important;
    border-radius: 24px !important;
  }

  .nav {
    height: auto !important;
    min-height: 72px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  .brand-logo {
    gap: 8px !important;
    min-width: 0 !important;
  }

  .brand-logo .logo-image,
  .brand-mark.logo-image {
    width: 44px !important;
    height: 44px !important;
  }

  .brand-word strong {
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 0.95 !important;
  }

  .brand-word small {
    font-size: 9px !important;
    letter-spacing: 0.26em !important;
  }

  .nav-cta {
    display: none !important;
  }

  .menu-button {
    display: inline-grid !important;
    flex: 0 0 auto !important;
  }

  .nav-links {
    display: none !important;
  }

  .nav-links.open {
    display: grid !important;
    position: fixed !important;
    top: 88px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px !important;
    gap: 8px !important;
    border: 1px solid rgba(11, 13, 11, 0.12) !important;
    border-radius: 24px !important;
    background:
      linear-gradient(rgba(11, 13, 11, 0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(11, 13, 11, 0.035) 1px, transparent 1px),
      rgba(255, 255, 250, 0.98) !important;
    background-size: 30px 30px, 30px 30px, auto !important;
    box-shadow: 0 24px 72px rgba(38, 50, 9, 0.24) !important;
    z-index: 1100 !important;
  }

  .nav-links.open a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    background: rgba(223, 255, 56, 0.22) !important;
    color: var(--vana-ink) !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    opacity: 1 !important;
  }

  .nav-links.open a::after {
    content: ">";
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: var(--vana-blue);
    color: #ffffff;
    font: 900 16px/1 Arial, sans-serif;
  }

  .market-header-ticker {
    width: 100% !important;
    margin: 8px 0 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .market-header-track {
    gap: 10px !important;
    animation-duration: 34s !important;
  }

  .header-market-item {
    min-width: 220px !important;
    padding: 8px 10px !important;
  }

  .hero {
    min-height: auto !important;
    grid-template-columns: 1fr !important;
    margin-top: 24px !important;
    padding: 34px 18px 28px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
  }

  .hero-copy {
    max-width: 100% !important;
  }

  .hero h1 {
    font-size: clamp(3.2rem, 16vw, 4.9rem) !important;
    line-height: 0.92 !important;
    letter-spacing: 0 !important;
  }

  .hero-copy > p {
    font-size: 16px !important;
    line-height: 1.55 !important;
    max-width: 100% !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    margin-bottom: 6px !important;
  }

  .hero-actions .button,
  .purchase-trigger,
  .whatsapp-link {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    border-radius: 18px !important;
  }

  .lead-mini-card {
    width: 100% !important;
    margin-top: 18px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
  }

  .hero-visual {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 24px !important;
  }

  .dashboard {
    width: 100% !important;
    transform: none !important;
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .market-image-preview {
    width: 100% !important;
    margin: 24px auto !important;
    padding: 10px !important;
    border-radius: 24px !important;
  }

  .market-brand-strip,
  .market-focus-grid,
  .course-grid,
  .testimonial-grid,
  .footer-grid,
  .method-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 16px !important;
  }

  .market-brand-strip {
    display: grid !important;
  }

  .market-brand-strip span {
    width: 100% !important;
    min-width: 0 !important;
  }

  .section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .section-heading {
    display: block !important;
    margin-bottom: 26px !important;
  }

  .section-heading h2,
  .method h2,
  .faq h2,
  .cta-section h2 {
    font-size: clamp(2.6rem, 12vw, 4rem) !important;
    letter-spacing: 0 !important;
  }

  .course-card,
  .market-focus-card,
  .testimonial-grid blockquote,
  .steps .step {
    border-radius: 24px !important;
    padding: 22px !important;
    min-height: auto !important;
  }

  .card-bottom {
    gap: 14px !important;
    align-items: stretch !important;
  }

  .enroll-box {
    width: 100% !important;
    max-width: 180px !important;
    border-radius: 16px !important;
  }

  .checkout-drawer,
  .checkout-panel {
    max-width: 100vw !important;
  }
}

@media (max-width: 520px) {
  .container,
  .nav,
  .hero.container,
  .section.container,
  .market-news.container,
  .results.container,
  .faq.container {
    width: min(100% - 18px, 520px) !important;
    max-width: calc(100% - 18px) !important;
  }

  .hero h1 {
    font-size: clamp(2.85rem, 15vw, 4.2rem) !important;
  }

  .brand-word strong {
    font-size: 18px !important;
  }

  .announcement {
    min-height: 44px !important;
    height: auto !important;
    padding: 7px 12px !important;
    flex-wrap: wrap !important;
    line-height: 1.25 !important;
  }

  .market-image-preview {
    padding: 8px !important;
  }

  .purchase-trigger::before,
  .nav-cta::before,
  .whatsapp-link::before {
    width: 30px !important;
    height: 30px !important;
  }
}