:root[data-theme="light"] body.page-home {
  --home-purple: #8d4fd0;
  --home-purple-deep: #6e3fb2;
  --home-purple-button: #7943bd;
  --home-green-deep: #08783e;
  --home-ink: #18131b;
  --home-ink-soft: #3f3749;
  --home-muted-readable: #554d60;
  --home-line: #d8cec2;
}

:root[data-theme="light"] body.page-home .pricing-universal-shell .reveal-up {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

:root[data-theme="light"] body.page-home .brand-logo-wordmark span,
:root[data-theme="light"] body.page-home .hero-accent,
:root[data-theme="light"] body.page-home .hero-decrypt-line {
  color: var(--home-purple) !important;
  -webkit-text-fill-color: var(--home-purple) !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body.page-home .eyebrow,
:root[data-theme="light"] body.page-home .section-divider-head .eyebrow,
:root[data-theme="light"] body.page-home .lower-homepage .eyebrow,
:root[data-theme="light"] body.page-home .pricing-how-tag,
:root[data-theme="light"] body.page-home .universal-purchase-tag,
:root[data-theme="light"] body.page-home .bulk-order-tag,
:root[data-theme="light"] body.page-home .purchase-summary-kicker,
:root[data-theme="light"] body.page-home .pricing-badge,
:root[data-theme="light"] body.page-home .pricing-inline-note,
:root[data-theme="light"] body.page-home .hiw-step-tag,
:root[data-theme="light"] body.page-home .buy-check-step,
:root[data-theme="light"] body.page-home .cta-proof-label {
  color: var(--home-purple-deep) !important;
  background: rgba(141, 79, 208, 0.1) !important;
  border-color: rgba(141, 79, 208, 0.26) !important;
}

:root[data-theme="light"] body.page-home .hero-badge--status,
:root[data-theme="light"] body.page-home .pricing-head-badge--green {
  color: var(--home-green-deep) !important;
  background: rgba(8, 120, 62, 0.12) !important;
  border-color: rgba(8, 120, 62, 0.28) !important;
}

:root[data-theme="light"] body.page-home .btn-glow,
:root[data-theme="light"] body.page-home .hero-primary-cta,
:root[data-theme="light"] body.page-home .nav-cta-btn,
:root[data-theme="light"] body.page-home .lower-cta-btn-primary,
:root[data-theme="light"] body.page-home .pricing-support-submit:not(:disabled),
:root[data-theme="light"] body.page-home .mn-cta {
  background-color: var(--home-purple-button) !important;
  color: #ffffff !important;
}

:root[data-theme="light"] body.page-home .btn-glow *,
:root[data-theme="light"] body.page-home .hero-primary-cta *,
:root[data-theme="light"] body.page-home .nav-cta-btn *,
:root[data-theme="light"] body.page-home .lower-cta-btn-primary *,
:root[data-theme="light"] body.page-home .pricing-support-submit:not(:disabled) *,
:root[data-theme="light"] body.page-home .mn-cta * {
  color: #ffffff !important;
}

:root[data-theme="light"] body.page-home .mn-num {
  color: #4c4553 !important;
  background: rgba(24, 19, 27, 0.06) !important;
  border-color: rgba(24, 19, 27, 0.1) !important;
}

:root[data-theme="light"] body.page-home .mobile-nav {
  background:
    radial-gradient(circle at 0% 0%, rgba(141, 79, 208, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(246, 239, 230, 0.98)) !important;
  border-color: rgba(24, 19, 27, 0.12) !important;
  box-shadow: 0 24px 70px rgba(60, 52, 42, 0.16) !important;
}

:root[data-theme="light"] body.page-home .mobile-nav-header,
:root[data-theme="light"] body.page-home .mobile-nav-footer {
  border-color: rgba(24, 19, 27, 0.1) !important;
}

:root[data-theme="light"] body.page-home .mobile-nav-body a {
  color: var(--home-ink) !important;
  background: rgba(255, 255, 255, 0.68) !important;
  border-color: rgba(24, 19, 27, 0.1) !important;
}

:root[data-theme="light"] body.page-home .mobile-nav-body a:hover,
:root[data-theme="light"] body.page-home .mobile-nav-body a.active {
  background: rgba(141, 79, 208, 0.1) !important;
  border-color: rgba(141, 79, 208, 0.24) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card,
:root[data-theme="light"] body.page-home .balance-input-card,
:root[data-theme="light"] body.page-home .universal-amount-card,
:root[data-theme="light"] body.page-home .purchase-summary-card--bar {
  background: linear-gradient(180deg, #ffffff 0%, #fbf8f2 100%) !important;
  border-color: var(--home-line) !important;
  color: var(--home-ink) !important;
  box-shadow: 0 20px 50px rgba(76, 54, 31, 0.09) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-head h3,
:root[data-theme="light"] body.page-home .balance-input-card-head h4,
:root[data-theme="light"] body.page-home .universal-amount-display strong,
:root[data-theme="light"] body.page-home .purchase-summary-metric strong {
  color: var(--home-ink) !important;
}

:root[data-theme="light"] body.page-home .balance-input-label,
:root[data-theme="light"] body.page-home .balance-input-meta,
:root[data-theme="light"] body.page-home .universal-amount-note,
:root[data-theme="light"] body.page-home .purchase-benefits span,
:root[data-theme="light"] body.page-home .purchase-summary-metric span {
  color: var(--home-muted-readable) !important;
}

:root[data-theme="light"] body.page-home .balance-input-label strong,
:root[data-theme="light"] body.page-home .balance-input-mobile-summary strong {
  color: var(--home-ink) !important;
}

:root[data-theme="light"] body.page-home .balance-input-label-balance,
:root[data-theme="light"] body.page-home .balance-savings-pct,
:root[data-theme="light"] body.page-home .purchase-summary-value--green,
:root[data-theme="light"] body.page-home .universal-amount-note-value,
:root[data-theme="light"] body.page-home .purchase-benefits span::before {
  color: var(--home-green-deep) !important;
}

:root[data-theme="light"] body.page-home .balance-savings-label {
  color: #5f5668 !important;
}

:root[data-theme="light"] body.page-home .balance-savings-official,
:root[data-theme="light"] body.page-home .purchase-summary-value--official {
  color: #8b4f11 !important;
}

:root[data-theme="light"] body.page-home .balance-input-shell,
:root[data-theme="light"] body.page-home .balance-input-mobile-summary {
  background: #ffffff !important;
  border-color: var(--home-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 24px rgba(76, 54, 31, 0.06) !important;
}

:root[data-theme="light"] body.page-home .balance-input-shell span {
  color: var(--home-purple-deep) !important;
}

:root[data-theme="light"] body.page-home .balance-input-shell input,
:root[data-theme="light"] body.page-home .balance-preset-select {
  color: var(--home-ink) !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-shell {
  background: #ffffff !important;
  border-color: var(--home-line) !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table thead th {
  color: #675d6f !important;
  background: #f4ede5 !important;
  border-bottom-color: #ded2c5 !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table tbody tr {
  background: #ffffff !important;
  border-color: #ded2c5 !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table td {
  background: #ffffff !important;
  border-color: #ede4da !important;
  color: var(--home-ink-soft) !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table td::before {
  color: #5d5570 !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table tbody tr:nth-child(2n) td {
  background: #fcfaf6 !important;
}

:root[data-theme="light"] body.page-home .pricing-model-row:hover td {
  background: #f8f1fb !important;
}

:root[data-theme="light"] body.page-home .pricing-model-name,
:root[data-theme="light"] body.page-home .pricing-group-label,
:root[data-theme="light"] body.page-home .pricing-group-base,
:root[data-theme="light"] body.page-home .pricing-provider-name {
  color: var(--home-ink) !important;
}

:root[data-theme="light"] body.page-home .pricing-provider-cell {
  color: var(--home-ink-soft) !important;
}

:root[data-theme="light"] body.page-home .pricing-cell--cheap .pricing-rate,
:root[data-theme="light"] body.page-home .pricing-cell--cheap .pricing-rate-unit {
  color: #08783e !important;
}

:root[data-theme="light"] body.page-home .pricing-cell--official .pricing-rate,
:root[data-theme="light"] body.page-home .pricing-cell--official .pricing-rate-unit,
:root[data-theme="light"] body.page-home .pricing-na {
  color: #6f6677 !important;
  text-decoration-color: rgba(111, 102, 119, 0.72) !important;
}

:root[data-theme="light"] body.page-home .pricing-support-input::placeholder,
:root[data-theme="light"] body.page-home .pricing-support-textarea::placeholder,
:root[data-theme="light"] body.page-home .balance-input-shell input::placeholder {
  color: #756c7d !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.page-home .pricing-support-submit:disabled,
:root[data-theme="light"] body.page-home .pricing-support-submit:disabled *,
:root[data-theme="light"] body.page-home .pricing-support-card.pricing-support-card--bulk .pricing-support-submit:disabled,
:root[data-theme="light"] body.page-home .pricing-support-card.pricing-support-card--bulk .pricing-support-submit:disabled *,
:root[data-theme="light"] body.page-home .pricing-support-card.pricing-support-card--flow .pricing-support-submit:disabled,
:root[data-theme="light"] body.page-home .pricing-support-card.pricing-support-card--flow .pricing-support-submit:disabled * {
  color: #51485c !important;
}

:root[data-theme="light"] body.page-home .hiw-num {
  color: rgba(24, 19, 27, 0.16) !important;
}

:root[data-theme="light"] body.page-home .hiw-card h3,
:root[data-theme="light"] body.page-home .guar-list li,
:root[data-theme="light"] body.page-home .guar-summary-item span {
  color: var(--home-ink-soft) !important;
}

:root[data-theme="light"] body.page-home .guar-copy .sec-sub,
:root[data-theme="light"] body.page-home .guar-summary-card p,
:root[data-theme="light"] body.page-home .cta-copy p,
:root[data-theme="light"] body.page-home .cta-proof-copy,
:root[data-theme="light"] body.page-home .footer-social-copy,
:root[data-theme="light"] body.page-home .foot-brand-card p {
  color: var(--home-muted-readable) !important;
}

:root[data-theme="light"] body.page-home .guar-summary-item {
  background: #ffffff !important;
  border-color: var(--home-line) !important;
}

:root[data-theme="light"] body.page-home .foot-col a {
  color: #554d60 !important;
}

:root[data-theme="light"] body.page-home .foot-col a:hover {
  color: var(--home-purple-deep) !important;
}

:root[data-theme="light"] body.page-home .foot-bottom p {
  color: #554d60 !important;
}

@media (width <= 768px) {
  :root[data-theme="light"] body.page-home .pricing-comparison-shell {
    background: transparent !important;
    border: none !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table tbody {
    gap: 16px !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table tr {
    background: linear-gradient(180deg, #ffffff 0%, #fbf8f3 100%) !important;
    border: 1px solid var(--home-line) !important;
    box-shadow: 0 14px 28px rgba(76, 54, 31, 0.09) !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table td {
    background: #ffffff !important;
    border: 1px solid #e5dacf !important;
    color: var(--home-ink-soft) !important;
    box-shadow: none !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table td:first-child {
    background: transparent !important;
    border: none !important;
  }
}

/* V4: keep the polished light theme crisp through selected states and lower sections. */
:root[data-theme="light"] body.page-home .reveal-up {
  opacity: 1 !important;
  transform: none !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card .balance-preset.active {
  background: linear-gradient(180deg, #f2f0ff 0%, #ffffff 100%) !important;
  border-color: rgba(99, 91, 255, 0.58) !important;
  color: #221b5f !important;
  box-shadow: 0 14px 28px rgba(99, 91, 255, 0.16), inset 0 0 0 1px rgba(99, 91, 255, 0.08) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card .balance-preset.active .balance-preset-value {
  color: #2f28a9 !important;
  -webkit-text-fill-color: #2f28a9 !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card .balance-preset.active .balance-preset-meta {
  color: #047857 !important;
  background: #dcfce7 !important;
  border: 1px solid rgba(4, 120, 87, 0.18) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card .balance-preset--custom.active .balance-preset-meta {
  color: #5046d7 !important;
  background: #ebe9ff !important;
  border-color: rgba(99, 91, 255, 0.18) !important;
}

:root[data-theme="light"] body.page-home .guar-list li {
  color: #3f4658 !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.page-home .guar-check {
  background: #ecfdf5 !important;
  border-color: rgba(4, 120, 87, 0.22) !important;
  color: #047857 !important;
}

:root[data-theme="light"] body.page-home .hiw-card,
:root[data-theme="light"] body.page-home .feat-card,
:root[data-theme="light"] body.page-home .buy-check-card {
  box-shadow: 0 16px 38px rgba(30, 41, 59, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

/* V5: make the hero particle field visible on bright surfaces without darkening the page. */
:root[data-theme="light"] body.page-home .hero-pixel-snow:not(.is-hidden) {
  opacity: 0.62 !important;
  mix-blend-mode: multiply !important;
  filter: saturate(1.18) contrast(1.32) drop-shadow(0 0 1px rgba(99, 91, 255, 0.18)) !important;
  -webkit-mask-image: linear-gradient(#000 0%, rgba(0, 0, 0, 0.96) 68%, rgba(0, 0, 0, 0.44) 88%, transparent 100%) !important;
  mask-image: linear-gradient(#000 0%, rgba(0, 0, 0, 0.96) 68%, rgba(0, 0, 0, 0.44) 88%, transparent 100%) !important;
}

:root[data-theme="light"] body.page-home .hero-pixel-snow.is-hidden {
  opacity: 0 !important;
}

@media (width <= 768px) {
  :root[data-theme="light"] body.page-home .hero-pixel-snow:not(.is-hidden) {
    opacity: 0.7 !important;
  }
}

/* V6: add product proof directly in the hero without turning it into a busy dashboard. */
body.page-home .hero-subline {
  color: rgba(226, 232, 240, 0.78);
  max-width: 720px;
  margin: 18px auto 0;
  font-size: clamp(0.98rem, 1.45vw, 1.08rem);
  font-weight: 600;
  line-height: 1.65;
  text-align: center;
}

body.page-home .hero-proof-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 18px auto 28px;
  max-width: 860px;
}

body.page-home .hero-proof-row--clean {
  margin-top: 16px;
  margin-bottom: 28px;
}

body.page-home .hero-proof-row .hero-badge {
  margin: 0 !important;
}

body.page-home .hero-proof-chip {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: #eef2ff;
  display: inline-flex;
  gap: 8px;
  min-height: 34px;
  padding: 7px 12px;
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.page-home .hero-proof-chip--endpoint {
  padding-left: 10px;
}

body.page-home .hero-proof-label {
  color: rgba(216, 180, 254, 0.9);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-home .hero-proof-chip code {
  color: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  font-weight: 800;
}

:root[data-theme="light"] body.page-home .hero-subline {
  color: #475569 !important;
}

:root[data-theme="light"] body.page-home .hero-proof-chip {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
  color: #273244 !important;
  box-shadow: 0 10px 24px rgba(30, 41, 59, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

:root[data-theme="light"] body.page-home .hero-proof-chip--endpoint {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: rgba(99, 91, 255, 0.24) !important;
}

:root[data-theme="light"] body.page-home .hero-proof-label {
  color: #5046d7 !important;
}

@media (width <= 768px) {
  body.page-home .hero-subline {
    max-width: 330px;
    margin-top: 14px;
    font-size: 0.9rem;
    line-height: 1.55;
  }

  body.page-home .hero-proof-row {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-top: 14px;
    margin-bottom: 22px;
    width: 100%;
  }

  body.page-home .hero-proof-chip,
  body.page-home .hero-proof-row .hero-badge {
    justify-content: center;
    max-width: 100%;
    min-height: 36px;
  }
}

/* V3: stronger hierarchy, clearer pricing controls, and provider-specific rail accents. */
:root[data-theme="light"] body.page-home .hero-stats {
  backdrop-filter: blur(18px) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
}

:root[data-theme="light"] body.page-home .hs-item {
  border-radius: 16px;
  position: relative;
}

:root[data-theme="light"] body.page-home .hs-item:not(:last-child)::after {
  content: "";
  background: linear-gradient(180deg, transparent, rgba(148, 163, 184, 0.34), transparent);
  width: 1px;
  position: absolute;
  top: 12px;
  right: 0;
  bottom: 12px;
}

:root[data-theme="light"] body.page-home .hs-unit,
:root[data-theme="light"] body.page-home .hs-unit--icon {
  color: #7c3aed !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card,
:root[data-theme="light"] body.page-home .pricing-table-panel,
:root[data-theme="light"] body.page-home .pricing-support-card,
:root[data-theme="light"] body.page-home .hiw-card,
:root[data-theme="light"] body.page-home .guar-shell,
:root[data-theme="light"] body.page-home .cta-box {
  position: relative;
}

:root[data-theme="light"] body.page-home .universal-purchase-card::before,
:root[data-theme="light"] body.page-home .pricing-table-panel::before,
:root[data-theme="light"] body.page-home .pricing-support-card::before,
:root[data-theme="light"] body.page-home .guar-shell::before,
:root[data-theme="light"] body.page-home .cta-box::before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #635bff 0%, #0ea5e9 48%, #047857 100%);
  height: 3px;
  opacity: 0.72;
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  z-index: 1;
}

:root[data-theme="light"] body.page-home .pricing-support-card::before {
  left: 22px;
  right: 22px;
}

:root[data-theme="light"] body.page-home .balance-preset {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: #dbe4f0 !important;
  box-shadow: 0 8px 18px rgba(30, 41, 59, 0.06) !important;
}

:root[data-theme="light"] body.page-home .balance-preset:hover {
  background: #f4f7ff !important;
  border-color: rgba(99, 91, 255, 0.34) !important;
  box-shadow: 0 12px 24px rgba(99, 91, 255, 0.12) !important;
}

:root[data-theme="light"] body.page-home .balance-preset.active {
  background: linear-gradient(135deg, #635bff 0%, #7c3aed 100%) !important;
  border-color: rgba(80, 70, 215, 0.84) !important;
  box-shadow: 0 14px 28px rgba(99, 91, 255, 0.22) !important;
}

:root[data-theme="light"] body.page-home .balance-preset.active .balance-preset-value {
  color: #ffffff !important;
}

:root[data-theme="light"] body.page-home .balance-preset.active .balance-preset-meta {
  color: #065f46 !important;
  background: #ecfdf5 !important;
}

:root[data-theme="light"] body.page-home .balance-preset--custom.active .balance-preset-meta {
  color: #5046d7 !important;
  background: #f1efff !important;
}

:root[data-theme="light"] body.page-home .balance-input-card--primary {
  background:
    radial-gradient(circle at 94% 16%, rgba(99, 91, 255, 0.07), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: #ccd7e8 !important;
}

:root[data-theme="light"] body.page-home .balance-input-shell:focus-within,
:root[data-theme="light"] body.page-home .pricing-support-input:focus,
:root[data-theme="light"] body.page-home .pricing-support-textarea:focus {
  border-color: rgba(99, 91, 255, 0.48) !important;
  box-shadow: 0 0 0 4px rgba(99, 91, 255, 0.1), 0 10px 24px rgba(30, 41, 59, 0.06) !important;
}

:root[data-theme="light"] body.page-home .balance-savings-panel {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.76), rgba(255, 255, 255, 0.52));
  border-left-color: #dbe4f0 !important;
  border-radius: 0 18px 18px 0;
}

:root[data-theme="light"] body.page-home .pricing-head-badge--neutral {
  color: #475569 !important;
  background: #f8fafc !important;
  border-color: #dbe4f0 !important;
}

:root[data-theme="light"] body.page-home .pricing-head-badge--green,
:root[data-theme="light"] body.page-home .hero-badge--status {
  box-shadow: 0 10px 24px rgba(4, 120, 87, 0.09) !important;
}

:root[data-theme="light"] body.page-home .pricing-model-name {
  letter-spacing: -0.015em;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table td:first-child {
  border-left: 3px solid transparent !important;
}

:root[data-theme="light"] body.page-home .pricing-model-row:hover td:first-child {
  border-left-color: #635bff !important;
}

:root[data-theme="light"] body.page-home .pricing-support-toggle-btn {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

:root[data-theme="light"] body.page-home .pricing-support-radio:checked + .pricing-support-toggle-btn {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 10px 22px rgba(99, 91, 255, 0.14) !important;
}

:root[data-theme="light"] body.page-home .pricing-support-icon,
:root[data-theme="light"] body.page-home .hiw-ico-shell,
:root[data-theme="light"] body.page-home .foot-social-icon {
  background: linear-gradient(180deg, #f3f0ff 0%, #eaf5ff 100%) !important;
  border-color: rgba(99, 91, 255, 0.22) !important;
  color: #635bff !important;
}

:root[data-theme="light"] body.page-home .guar-check {
  background: #ecfdf5 !important;
  border-color: rgba(4, 120, 87, 0.22) !important;
  color: #047857 !important;
}

:root[data-theme="light"] body.page-home .guar-summary-shield {
  filter: drop-shadow(0 14px 24px rgba(4, 120, 87, 0.12)) !important;
}

:root[data-theme="light"] body.page-home .cta-trust span {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 8px 18px rgba(30, 41, 59, 0.06) !important;
}

:root[data-theme="light"] body.page-home .foot-social-card {
  box-shadow: 0 10px 22px rgba(30, 41, 59, 0.06) !important;
}

:root[data-theme="light"] body.page-home .foot-social-card:hover {
  border-color: rgba(99, 91, 255, 0.34) !important;
  background: #f4f7ff !important;
}

@supports selector(.logo-loop__item:has(img)) {
  :root[data-theme="light"] body.page-home .logo-loop__item:has(img[src$="openai.png"])::before {
    background: linear-gradient(90deg, #111827, #475569) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__item:has(img[src$="anthropic.png"])::before {
    background: linear-gradient(90deg, #c46f3a, #f59e0b) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__item:has(img[src$="google.png"])::before {
    background: linear-gradient(90deg, #4285f4, #34a853, #fbbc05, #ea4335) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__item:has(img[src$="zai.svg"])::before {
    background: linear-gradient(90deg, #25164c, #635bff) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__item--brand::before {
    background: linear-gradient(90deg, #635bff, #0ea5e9) !important;
  }
}

@media (width <= 768px) {
  :root[data-theme="light"] body.page-home .hs-item:not(:last-child)::after {
    display: none;
  }

  :root[data-theme="light"] body.page-home .balance-savings-panel {
    border-radius: 16px;
    border-left: none !important;
  }

  :root[data-theme="light"] body.page-home .universal-purchase-card::before,
  :root[data-theme="light"] body.page-home .pricing-table-panel::before,
  :root[data-theme="light"] body.page-home .pricing-support-card::before,
  :root[data-theme="light"] body.page-home .guar-shell::before,
  :root[data-theme="light"] body.page-home .cta-box::before {
    left: 18px;
    right: 18px;
  }
}

/* V2 light-mode direction: neutral SaaS surfaces with stronger provider identity. */
:root[data-theme="light"] body.page-home {
  --home-purple: #635bff;
  --home-purple-deep: #5046d7;
  --home-purple-button: #5b4cf0;
  --home-green-deep: #047857;
  --home-ink: #111827;
  --home-ink-soft: #2f3748;
  --home-muted-readable: #475569;
  --home-line: #d7deec;
  --home-line-strong: #b9c3d7;
  --home-surface: #ffffff;
  --home-surface-soft: #f8fbff;
  --home-shadow: 0 22px 54px rgba(30, 41, 59, 0.1);
  --home-shadow-soft: 0 12px 30px rgba(30, 41, 59, 0.08);
  background:
    radial-gradient(circle at 18% 6%, rgba(99, 91, 255, 0.12), transparent 27%),
    radial-gradient(circle at 84% 20%, rgba(4, 120, 87, 0.1), transparent 25%),
    linear-gradient(180deg, #fbfdff 0%, #f4f7fb 48%, #f8fafc 100%) !important;
}

:root[data-theme="light"] body.page-home .hero {
  background:
    radial-gradient(circle at 18% 10%, rgba(99, 91, 255, 0.13), transparent 28%),
    radial-gradient(circle at 84% 12%, rgba(14, 165, 233, 0.1), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f7f9ff 54%, #eef3fb 100%) !important;
}

:root[data-theme="light"] body.page-home .hero-grid {
  opacity: 0.7 !important;
  background-image:
    linear-gradient(rgba(99, 102, 241, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.06) 1px, transparent 1px) !important;
}

:root[data-theme="light"] body.page-home .hero-pixel-snow {
  opacity: 0.18 !important;
  mix-blend-mode: multiply !important;
}

:root[data-theme="light"] body.page-home .navbar.scrolled {
  background: rgba(255, 255, 255, 0.84) !important;
  border-bottom-color: rgba(148, 163, 184, 0.25) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

:root[data-theme="light"] body.page-home .hero-decrypt-line {
  color: var(--home-ink) !important;
  -webkit-text-fill-color: var(--home-ink) !important;
}

:root[data-theme="light"] body.page-home .hero-accent {
  background: linear-gradient(92deg, #5046d7 0%, #7c3aed 52%, #0f8c62 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

:root[data-theme="light"] body.page-home .hero-primary-cta,
:root[data-theme="light"] body.page-home .btn-glow,
:root[data-theme="light"] body.page-home .nav-cta-btn,
:root[data-theme="light"] body.page-home .lower-cta-btn-primary,
:root[data-theme="light"] body.page-home .pricing-support-submit:not(:disabled),
:root[data-theme="light"] body.page-home .mn-cta {
  background: linear-gradient(135deg, #635bff 0%, #7c3aed 100%) !important;
  background-color: #5b4cf0 !important;
  border-color: rgba(80, 70, 215, 0.8) !important;
  box-shadow: 0 16px 34px rgba(99, 91, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

:root[data-theme="light"] body.page-home .hero-primary-cta:hover,
:root[data-theme="light"] body.page-home .btn-glow:hover,
:root[data-theme="light"] body.page-home .nav-cta-btn:hover {
  box-shadow: 0 20px 42px rgba(99, 91, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

:root[data-theme="light"] body.page-home .hero-secondary-cta,
:root[data-theme="light"] body.page-home .btn-outline-docs,
:root[data-theme="light"] body.page-home .cta-secondary-link,
:root[data-theme="light"] body.page-home .lower-cta-btn-secondary,
:root[data-theme="light"] body.page-home .guar-contact-btn,
:root[data-theme="light"] body.page-home .foot-tg,
:root[data-theme="light"] body.page-home .bulk-order-cta {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: var(--home-line) !important;
  color: var(--home-ink) !important;
  box-shadow: var(--home-shadow-soft) !important;
}

:root[data-theme="light"] body.page-home .hero-stats,
:root[data-theme="light"] body.page-home .pricing-table-panel,
:root[data-theme="light"] body.page-home .universal-purchase-card,
:root[data-theme="light"] body.page-home .pricing-support-card,
:root[data-theme="light"] body.page-home .lower-section-shell,
:root[data-theme="light"] body.page-home .hiw-card,
:root[data-theme="light"] body.page-home .guar-shell,
:root[data-theme="light"] body.page-home .guar-summary-card,
:root[data-theme="light"] body.page-home .cta-box,
:root[data-theme="light"] body.page-home .cta-action-panel,
:root[data-theme="light"] body.page-home .cta-proof,
:root[data-theme="light"] body.page-home .foot-brand-card,
:root[data-theme="light"] body.page-home .footer-social-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: var(--home-line) !important;
  box-shadow: var(--home-shadow) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card,
:root[data-theme="light"] body.page-home .pricing-table-panel,
:root[data-theme="light"] body.page-home .pricing-support-card,
:root[data-theme="light"] body.page-home .hiw-card,
:root[data-theme="light"] body.page-home .guar-shell,
:root[data-theme="light"] body.page-home .cta-box {
  outline: 1px solid rgba(99, 91, 255, 0.05);
}

:root[data-theme="light"] body.page-home .balance-input-card,
:root[data-theme="light"] body.page-home .balance-input-shell,
:root[data-theme="light"] body.page-home .pricing-support-input,
:root[data-theme="light"] body.page-home .pricing-support-textarea,
:root[data-theme="light"] body.page-home .pricing-support-field,
:root[data-theme="light"] body.page-home .guar-summary-item,
:root[data-theme="light"] body.page-home .cta-trust span,
:root[data-theme="light"] body.page-home .foot-social-card {
  background: #fbfdff !important;
  border-color: var(--home-line) !important;
}

:root[data-theme="light"] body.page-home .section-divider-line {
  background: linear-gradient(90deg, transparent 0%, rgba(99, 91, 255, 0.26) 45%, rgba(4, 120, 87, 0.18) 100%) !important;
}

:root[data-theme="light"] body.page-home .lower-homepage,
:root[data-theme="light"] body.page-home .footer {
  background:
    radial-gradient(circle at 10% 8%, rgba(99, 91, 255, 0.07), transparent 27%),
    radial-gradient(circle at 90% 25%, rgba(14, 165, 233, 0.07), transparent 24%),
    linear-gradient(180deg, #f8fafc 0%, #f2f6fb 100%) !important;
}

:root[data-theme="light"] body.page-home .coin-scroll {
  background: rgba(255, 255, 255, 0.82) !important;
  border-top-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 -10px 28px rgba(30, 41, 59, 0.05) !important;
}

:root[data-theme="light"] body.page-home .coin-scroll::before {
  background: linear-gradient(90deg, #f7f9ff 0%, rgba(247, 249, 255, 0.9) 34%, rgba(247, 249, 255, 0) 100%) !important;
}

:root[data-theme="light"] body.page-home .coin-scroll::after {
  background: linear-gradient(270deg, #f7f9ff 0%, rgba(247, 249, 255, 0.9) 34%, rgba(247, 249, 255, 0) 100%) !important;
}

:root[data-theme="light"] body.page-home .logo-loop__item {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  box-shadow: 0 12px 26px rgba(30, 41, 59, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

:root[data-theme="light"] body.page-home .logo-loop__item::before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #635bff, #0ea5e9, #047857);
  border-radius: inherit;
  height: 2px;
  opacity: 0.55;
  position: absolute;
  top: -1px;
  left: 12px;
  right: 12px;
}

:root[data-theme="light"] body.page-home .logo-loop__item--brand {
  border-color: rgba(99, 91, 255, 0.32) !important;
}

:root[data-theme="light"] body.page-home .logo-loop__mark {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.32) !important;
  box-shadow: 0 8px 18px rgba(30, 41, 59, 0.08) !important;
}

:root[data-theme="light"] body.page-home .logo-loop__copy strong {
  color: var(--home-ink) !important;
}

:root[data-theme="light"] body.page-home .logo-loop__copy small {
  color: var(--home-muted-readable) !important;
}

:root[data-theme="light"] body.page-home .provider-logo-chip {
  border-color: rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 8px 18px rgba(30, 41, 59, 0.08) !important;
}

:root[data-theme="light"] body.page-home .provider-logo-chip img {
  filter: none !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.page-home .provider-logo-chip--openai {
  background: #111827 !important;
  border-color: #111827 !important;
}

:root[data-theme="light"] body.page-home .provider-logo-chip--anthropic {
  background: #33241b !important;
  border-color: rgba(196, 111, 58, 0.44) !important;
}

:root[data-theme="light"] body.page-home .provider-logo-chip--google {
  background: #ffffff !important;
  border-color: rgba(14, 165, 233, 0.28) !important;
}

:root[data-theme="light"] body.page-home .provider-logo-chip--zai {
  background: #25164c !important;
  border-color: rgba(99, 91, 255, 0.38) !important;
}

@supports selector(.logo-loop__mark:has(img)) {
  :root[data-theme="light"] body.page-home .logo-loop__mark:has(img[src$="openai.png"]) {
    background: #111827 !important;
    border-color: #111827 !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__mark:has(img[src$="anthropic.png"]) {
    background: #33241b !important;
    border-color: rgba(196, 111, 58, 0.46) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__mark:has(img[src$="google.png"]) {
    background: #ffffff !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__mark:has(img[src$="zai.svg"]) {
    background: #25164c !important;
    border-color: rgba(99, 91, 255, 0.42) !important;
  }
}

:root[data-theme="light"] body.page-home .logo-loop__mark img[src$="openai.png"],
:root[data-theme="light"] body.page-home .logo-loop__mark img[src$="anthropic.png"],
:root[data-theme="light"] body.page-home .logo-loop__mark img[src$="zai.svg"],
:root[data-theme="light"] body.page-home .provider-logo-chip img[src$="openai.png"],
:root[data-theme="light"] body.page-home .provider-logo-chip img[src$="anthropic.png"],
:root[data-theme="light"] body.page-home .provider-logo-chip img[src$="zai.svg"] {
  filter: none !important;
}

:root[data-theme="light"] body.page-home .logo-loop__mark--brand {
  background: #ffffff !important;
  border-color: rgba(99, 91, 255, 0.28) !important;
}

:root[data-theme="light"] body.page-home .logo-loop__mark--brand .logo-mark--light {
  filter: none !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-shell {
  background: #ffffff !important;
  border-color: var(--home-line) !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table thead th {
  color: #475569 !important;
  background: #f1f5f9 !important;
  border-bottom-color: var(--home-line) !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table tbody tr,
:root[data-theme="light"] body.page-home .pricing-comparison-table td {
  background: #ffffff !important;
  border-color: #dbe4f0 !important;
}

:root[data-theme="light"] body.page-home .pricing-comparison-table tbody tr:nth-child(2n) td {
  background: #f8fafc !important;
}

:root[data-theme="light"] body.page-home .pricing-model-row:hover td {
  background: #f4f7ff !important;
}

@media (width <= 768px) {
  :root[data-theme="light"] body.page-home .hero {
    background:
      radial-gradient(circle at 50% 4%, rgba(99, 91, 255, 0.14), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%) !important;
  }

  :root[data-theme="light"] body.page-home .logo-loop__item {
    min-width: 166px !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table tr {
    background: #ffffff !important;
    border-color: var(--home-line) !important;
    box-shadow: 0 16px 34px rgba(30, 41, 59, 0.09) !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table td {
    background: #fbfdff !important;
    border-color: #dbe4f0 !important;
  }

  :root[data-theme="light"] body.page-home .pricing-comparison-table td:first-child {
    background: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
  }
}

/* V7: product-led hero with a compact API proof card. */
body.page-home .hero-dev-card {
  background: rgba(10, 12, 18, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #eef2ff;
  display: grid;
  gap: 9px;
  margin: 18px auto 28px;
  max-width: 620px;
  padding: 12px 14px;
  position: relative;
  overflow: hidden;
}

body.page-home .hero-dev-card::before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #635bff 0%, #0ea5e9 48%, #047857 100%);
  height: 2px;
  opacity: 0.72;
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
}

body.page-home .hero-dev-card-head {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}

body.page-home .hero-dev-status,
body.page-home .hero-dev-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  gap: 7px;
  min-height: 26px;
  padding: 0 9px;
  white-space: nowrap;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
}

body.page-home .hero-dev-status {
  color: #a7f3d0;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.24);
}

body.page-home .hero-dev-chip {
  color: #ddd6fe;
  background: rgba(99, 91, 255, 0.12);
  border: 1px solid rgba(99, 91, 255, 0.24);
}

body.page-home .hero-dev-code {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #eef2ff;
  margin: 0;
  overflow-x: auto;
  padding: 11px 12px;
  text-align: left;
}

body.page-home .hero-dev-code code {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(0.72rem, 1.15vw, 0.82rem);
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

body.page-home .hero-dev-muted {
  color: #a7b0ca;
}

body.page-home .hero-dev-key {
  color: #93c5fd;
}

body.page-home .hero-dev-string {
  color: #86efac;
}

:root[data-theme="light"] body.page-home .hero-dev-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 251, 255, 0.86) 100%) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 18px 42px rgba(30, 41, 59, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  color: #111827 !important;
}

:root[data-theme="light"] body.page-home .hero-dev-code {
  background: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #eef2ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

:root[data-theme="light"] body.page-home .hero-dev-status {
  color: #047857 !important;
  background: #ecfdf5 !important;
  border-color: rgba(4, 120, 87, 0.22) !important;
}

:root[data-theme="light"] body.page-home .hero-dev-chip {
  color: #5046d7 !important;
  background: #eeedff !important;
  border-color: rgba(99, 91, 255, 0.22) !important;
}

:root[data-theme="light"] body.page-home .hero-dev-muted {
  color: #94a3b8 !important;
}

:root[data-theme="light"] body.page-home .hero-dev-key {
  color: #93c5fd !important;
}

:root[data-theme="light"] body.page-home .hero-dev-string {
  color: #86efac !important;
}

@media (width <= 768px) {
  body.page-home .hero-dev-card {
    border-radius: 16px;
    margin: 16px auto 22px;
    max-width: 100%;
    padding: 11px;
  }

  body.page-home .hero-dev-card-head {
    justify-content: center;
    flex-wrap: wrap;
  }

  body.page-home .hero-dev-code {
    padding: 10px;
  }

  body.page-home .hero-dev-code code {
    font-size: 0.68rem;
  }
}

/* V8: prevent descenders in the static hero headline from reading as clipped letters. */
body.page-home .hero-h1 {
  line-height: 1.1 !important;
  overflow: visible !important;
}

body.page-home .hero-h1 .hero-decrypt-line {
  line-height: 1.1 !important;
  padding-bottom: 0.05em;
  overflow: visible !important;
}

/* V9: richer light mode, closer to the dark theme's depth without becoming dark. */
:root[data-theme="light"] body.page-home {
  --home-purple: #5b4cf0;
  --home-purple-deep: #4338ca;
  --home-cyan: #0ea5e9;
  --home-teal: #0f8c8c;
  --home-green-deep: #047857;
  --home-amber: #d97706;
  --home-rose: #c026d3;
  --home-ink: #0f172a;
  --home-ink-soft: #334155;
  --home-muted-readable: #475569;
  --home-line: #cbd5e1;
  --home-line-strong: #94a3b8;
  --home-shadow: 0 24px 68px rgba(15, 23, 42, 0.13);
  --home-shadow-soft: 0 14px 34px rgba(15, 23, 42, 0.09);
  background:
    linear-gradient(112deg, rgba(99, 91, 255, 0.11) 0%, rgba(99, 91, 255, 0) 31%),
    linear-gradient(248deg, rgba(14, 165, 233, 0.12) 0%, rgba(14, 165, 233, 0) 34%),
    linear-gradient(180deg, #fbfdff 0%, #edf4ff 47%, #f8fafc 100%) !important;
}

:root[data-theme="light"] body.page-home .hero {
  background:
    linear-gradient(118deg, rgba(99, 91, 255, 0.16) 0%, rgba(99, 91, 255, 0.04) 27%, transparent 52%),
    linear-gradient(236deg, rgba(14, 165, 233, 0.17) 0%, rgba(14, 165, 233, 0.05) 29%, transparent 54%),
    linear-gradient(180deg, #ffffff 0%, #f4f8ff 49%, #eaf2fd 100%) !important;
  isolation: isolate;
}

:root[data-theme="light"] body.page-home .hero::before {
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(99, 91, 255, 0.11) 28%, rgba(14, 165, 233, 0.11) 50%, rgba(4, 120, 87, 0.1) 72%, transparent 100%),
    linear-gradient(135deg, transparent 12%, rgba(99, 91, 255, 0.08) 29%, transparent 46%, rgba(14, 165, 233, 0.08) 64%, transparent 82%);
  opacity: 0.72;
  position: absolute;
  inset: 0;
  z-index: 0;
}

:root[data-theme="light"] body.page-home .hero-grid,
:root[data-theme="light"] body.page-home .hero-pixel-snow,
:root[data-theme="light"] body.page-home .hero-body,
:root[data-theme="light"] body.page-home .coin-scroll {
  position: relative;
}

:root[data-theme="light"] body.page-home .hero-grid,
:root[data-theme="light"] body.page-home .hero-pixel-snow {
  z-index: 1;
}

:root[data-theme="light"] body.page-home .hero-body,
:root[data-theme="light"] body.page-home .coin-scroll {
  z-index: 2;
}

:root[data-theme="light"] body.page-home .hero-grid {
  opacity: 0.9 !important;
  background-image:
    linear-gradient(rgba(99, 91, 255, 0.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, 0.065) 1px, transparent 1px) !important;
}

:root[data-theme="light"] body.page-home .hero-h1 {
  text-shadow: 0 10px 34px rgba(99, 91, 255, 0.08);
}

:root[data-theme="light"] body.page-home .hero-accent {
  background: linear-gradient(92deg, #5b4cf0 0%, #7c3aed 38%, #0ea5e9 68%, #047857 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

:root[data-theme="light"] body.page-home .hero-subline {
  color: #334155 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.76);
}

:root[data-theme="light"] body.page-home .hero-proof-chip,
:root[data-theme="light"] body.page-home .hero-badge--status {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(246, 250, 255, 0.9) 100%) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

:root[data-theme="light"] body.page-home .hero-proof-chip:nth-child(2) {
  border-color: rgba(91, 76, 240, 0.32) !important;
  color: #4338ca !important;
}

:root[data-theme="light"] body.page-home .hero-proof-chip:nth-child(3) {
  border-color: rgba(14, 165, 233, 0.32) !important;
  color: #0f6686 !important;
}

:root[data-theme="light"] body.page-home .hero-primary-cta,
:root[data-theme="light"] body.page-home .btn-glow,
:root[data-theme="light"] body.page-home .nav-cta-btn,
:root[data-theme="light"] body.page-home .mn-cta {
  background: linear-gradient(135deg, #5b4cf0 0%, #7c3aed 48%, #0ea5e9 100%) !important;
  border-color: rgba(79, 70, 229, 0.55) !important;
  box-shadow: 0 20px 40px rgba(91, 76, 240, 0.28), 0 8px 22px rgba(14, 165, 233, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

:root[data-theme="light"] body.page-home .hero-secondary-cta,
:root[data-theme="light"] body.page-home .btn-outline-docs {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(248, 251, 255, 0.88) 100%) padding-box,
    linear-gradient(135deg, rgba(91, 76, 240, 0.34), rgba(14, 165, 233, 0.28), rgba(4, 120, 87, 0.22)) border-box !important;
  border-color: transparent !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

:root[data-theme="light"] body.page-home .hero-stats {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 251, 255, 0.9) 100%) padding-box,
    linear-gradient(90deg, rgba(91, 76, 240, 0.36), rgba(14, 165, 233, 0.32), rgba(4, 120, 87, 0.26)) border-box !important;
  border-color: transparent !important;
  box-shadow: 0 22px 58px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

:root[data-theme="light"] body.page-home .hero-stats .hs-item:nth-child(1) .hs-unit,
:root[data-theme="light"] body.page-home .hero-stats .hs-item:nth-child(1) .hs-val {
  color: #4f46e5 !important;
}

:root[data-theme="light"] body.page-home .hero-stats .hs-item:nth-child(2) .hs-unit {
  color: #7c3aed !important;
}

:root[data-theme="light"] body.page-home .hero-stats .hs-item:nth-child(3) .hs-unit {
  color: #0ea5e9 !important;
}

:root[data-theme="light"] body.page-home .coin-scroll {
  background:
    linear-gradient(90deg, rgba(91, 76, 240, 0.05), rgba(14, 165, 233, 0.06), rgba(4, 120, 87, 0.04)),
    rgba(255, 255, 255, 0.88) !important;
  border-top-color: rgba(91, 76, 240, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 -14px 34px rgba(15, 23, 42, 0.07) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card,
:root[data-theme="light"] body.page-home .pricing-table-panel,
:root[data-theme="light"] body.page-home .pricing-support-card,
:root[data-theme="light"] body.page-home .lower-section-shell,
:root[data-theme="light"] body.page-home .hiw-card,
:root[data-theme="light"] body.page-home .guar-shell,
:root[data-theme="light"] body.page-home .cta-box,
:root[data-theme="light"] body.page-home .footer-social-card,
:root[data-theme="light"] body.page-home .foot-brand-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.92) 100%) padding-box,
    linear-gradient(135deg, rgba(91, 76, 240, 0.18), rgba(14, 165, 233, 0.14), rgba(4, 120, 87, 0.12)) border-box !important;
  border-color: transparent !important;
  box-shadow: var(--home-shadow) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card::before,
:root[data-theme="light"] body.page-home .pricing-table-panel::before,
:root[data-theme="light"] body.page-home .pricing-support-card::before,
:root[data-theme="light"] body.page-home .guar-shell::before,
:root[data-theme="light"] body.page-home .cta-box::before {
  background: linear-gradient(90deg, #5b4cf0 0%, #0ea5e9 42%, #047857 70%, #d97706 100%) !important;
  opacity: 0.86 !important;
}

:root[data-theme="light"] body.page-home .lower-homepage,
:root[data-theme="light"] body.page-home .footer {
  background:
    linear-gradient(132deg, rgba(91, 76, 240, 0.08) 0%, transparent 34%),
    linear-gradient(228deg, rgba(14, 165, 233, 0.09) 0%, transparent 36%),
    linear-gradient(180deg, #eef4ff 0%, #f8fafc 46%, #f3f7fd 100%) !important;
}

@media (width <= 768px) {
  :root[data-theme="light"] body.page-home .hero {
    background:
      linear-gradient(128deg, rgba(91, 76, 240, 0.18) 0%, transparent 46%),
      linear-gradient(232deg, rgba(14, 165, 233, 0.14) 0%, transparent 44%),
      linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%) !important;
  }

  :root[data-theme="light"] body.page-home .hero-proof-chip,
  :root[data-theme="light"] body.page-home .hero-badge--status {
    box-shadow: 0 9px 22px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  }
}

/* V10: restore hero stacking and give light mode stronger dark-theme-style flow. */
:root[data-theme="light"] body.page-home {
  --home-flow-purple: #5b4cf0;
  --home-flow-blue: #0ea5e9;
  --home-flow-teal: #0f766e;
  --home-flow-orange: #f97316;
  --home-panel-strong: rgba(255, 255, 255, 0.92);
  --home-panel-soft: rgba(248, 251, 255, 0.84);
  --home-border-flow: rgba(91, 76, 240, 0.24);
  --home-border-cyan: rgba(14, 165, 233, 0.22);
  --home-text-strong: #07111f;
  --home-text-body: #243244;
  --home-shadow-flow: 0 28px 72px rgba(15, 23, 42, 0.13);
  background:
    radial-gradient(circle at 16% 8%, rgba(91, 76, 240, 0.14), transparent 30%),
    radial-gradient(circle at 84% 12%, rgba(14, 165, 233, 0.15), transparent 31%),
    radial-gradient(circle at 74% 54%, rgba(15, 118, 110, 0.08), transparent 34%),
    linear-gradient(180deg, #fbfdff 0%, #edf5ff 42%, #f9fbff 100%) !important;
}

:root[data-theme="light"] body.page-home .hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 18% 8%, rgba(91, 76, 240, 0.2), transparent 35%),
    radial-gradient(ellipse at 82% 10%, rgba(14, 165, 233, 0.19), transparent 36%),
    radial-gradient(ellipse at 55% 64%, rgba(15, 118, 110, 0.08), transparent 39%),
    linear-gradient(180deg, #ffffff 0%, #f2f7ff 48%, #eaf2fd 100%) !important;
}

:root[data-theme="light"] body.page-home .hero::before {
  z-index: 0 !important;
  opacity: 0.82 !important;
  background:
    linear-gradient(100deg, transparent 0%, rgba(91, 76, 240, 0.14) 26%, rgba(14, 165, 233, 0.13) 50%, rgba(15, 118, 110, 0.09) 73%, transparent 100%),
    linear-gradient(155deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.72) 37%, rgba(255, 255, 255, 0) 62%);
}

:root[data-theme="light"] body.page-home .hero::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 72px max(18px, 4vw) auto max(18px, 4vw);
  height: min(56vh, 560px);
  border: 1px solid rgba(91, 76, 240, 0.16);
  border-radius: 38px;
  background:
    linear-gradient(90deg, rgba(91, 76, 240, 0.08), rgba(14, 165, 233, 0.06), rgba(15, 118, 110, 0.04)),
    rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 34px 90px rgba(15, 23, 42, 0.09);
  z-index: 0 !important;
}

:root[data-theme="light"] body.page-home .hero-grid {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  opacity: 0.86 !important;
  background-size: 42px 42px !important;
  background-image:
    linear-gradient(rgba(91, 76, 240, 0.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, 0.075) 1px, transparent 1px) !important;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.38) 62%, transparent 100%) !important;
}

:root[data-theme="light"] body.page-home .hero-pixel-snow {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 0.54 !important;
  mix-blend-mode: multiply !important;
  filter: saturate(1.24) contrast(1.28) drop-shadow(0 0 1px rgba(91, 76, 240, 0.16)) !important;
}

:root[data-theme="light"] body.page-home .hero-body,
:root[data-theme="light"] body.page-home .coin-scroll {
  position: relative !important;
  z-index: 3 !important;
}

:root[data-theme="light"] body.page-home .hero-copy {
  position: relative;
}

:root[data-theme="light"] body.page-home .hero-copy::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: -38px -34px -24px;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.3)),
    linear-gradient(135deg, rgba(91, 76, 240, 0.08), rgba(14, 165, 233, 0.04), rgba(15, 118, 110, 0.03));
  box-shadow: 0 30px 82px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

:root[data-theme="light"] body.page-home .hero-h1 {
  color: var(--home-text-strong) !important;
  text-shadow: 0 14px 36px rgba(91, 76, 240, 0.1);
}

:root[data-theme="light"] body.page-home .hero-accent {
  background: linear-gradient(92deg, #4338ca 0%, #6d28d9 35%, #0284c7 68%, #0f766e 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body.page-home .hero-subline {
  color: var(--home-text-body) !important;
}

:root[data-theme="light"] body.page-home .hero-badge--status,
:root[data-theme="light"] body.page-home .hero-proof-chip {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 255, 0.9)) padding-box,
    linear-gradient(135deg, rgba(91, 76, 240, 0.3), rgba(14, 165, 233, 0.24), rgba(15, 118, 110, 0.2)) border-box !important;
  border-color: transparent !important;
  color: #263449 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

:root[data-theme="light"] body.page-home .hero-primary-cta,
:root[data-theme="light"] body.page-home .btn-glow,
:root[data-theme="light"] body.page-home .nav-cta-btn,
:root[data-theme="light"] body.page-home .lower-cta-btn-primary,
:root[data-theme="light"] body.page-home .pricing-support-submit:not(:disabled),
:root[data-theme="light"] body.page-home .mn-cta,
:root[data-theme="light"] body.page-home .universal-buy-btn--hero {
  background-color: #5b4cf0 !important;
  background-image: linear-gradient(135deg, #5b4cf0 0%, #7c3aed 44%, #0ea5e9 100%) !important;
  border-color: rgba(67, 56, 202, 0.54) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 44px rgba(91, 76, 240, 0.3), 0 9px 22px rgba(14, 165, 233, 0.19), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

:root[data-theme="light"] body.page-home .hero-primary-cta *,
:root[data-theme="light"] body.page-home .btn-glow *,
:root[data-theme="light"] body.page-home .nav-cta-btn *,
:root[data-theme="light"] body.page-home .lower-cta-btn-primary *,
:root[data-theme="light"] body.page-home .pricing-support-submit:not(:disabled) *,
:root[data-theme="light"] body.page-home .mn-cta *,
:root[data-theme="light"] body.page-home .universal-buy-btn--hero * {
  color: #ffffff !important;
}

:root[data-theme="light"] body.page-home .hero-secondary-cta,
:root[data-theme="light"] body.page-home .btn-outline-docs {
  color: #132033 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 250, 255, 0.88)) padding-box,
    linear-gradient(135deg, rgba(91, 76, 240, 0.42), rgba(14, 165, 233, 0.34), rgba(15, 118, 110, 0.25)) border-box !important;
  border-color: transparent !important;
}

:root[data-theme="light"] body.page-home .hero-stats {
  position: relative;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 255, 0.9)) padding-box,
    linear-gradient(90deg, rgba(91, 76, 240, 0.42), rgba(14, 165, 233, 0.36), rgba(15, 118, 110, 0.3)) border-box !important;
  border-color: transparent !important;
  box-shadow: 0 26px 68px rgba(15, 23, 42, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

:root[data-theme="light"] body.page-home .hero-stats::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #5b4cf0, #0ea5e9, #0f766e, #f97316);
  opacity: 0.88;
}

:root[data-theme="light"] body.page-home .hs-lbl {
  color: #475569 !important;
}

:root[data-theme="light"] body.page-home .logo-loop,
:root[data-theme="light"] body.page-home .coin-scroll {
  background:
    linear-gradient(90deg, rgba(91, 76, 240, 0.07), rgba(14, 165, 233, 0.08), rgba(15, 118, 110, 0.05)),
    rgba(255, 255, 255, 0.88) !important;
  border-top-color: rgba(91, 76, 240, 0.18) !important;
  border-bottom-color: rgba(14, 165, 233, 0.14) !important;
}

:root[data-theme="light"] body.page-home .logo-pill,
:root[data-theme="light"] body.page-home .coin-item {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 250, 255, 0.86)) padding-box,
    linear-gradient(135deg, rgba(91, 76, 240, 0.24), rgba(14, 165, 233, 0.2), rgba(15, 118, 110, 0.14)) border-box !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

:root[data-theme="light"] body.page-home .universal-purchase-card,
:root[data-theme="light"] body.page-home .pricing-table-panel,
:root[data-theme="light"] body.page-home .pricing-support-card,
:root[data-theme="light"] body.page-home .lower-section-shell,
:root[data-theme="light"] body.page-home .hiw-card,
:root[data-theme="light"] body.page-home .guar-shell,
:root[data-theme="light"] body.page-home .cta-box,
:root[data-theme="light"] body.page-home .footer-social-card,
:root[data-theme="light"] body.page-home .foot-brand-card {
  background:
    linear-gradient(180deg, var(--home-panel-strong), var(--home-panel-soft)) padding-box,
    linear-gradient(135deg, rgba(91, 76, 240, 0.22), rgba(14, 165, 233, 0.18), rgba(15, 118, 110, 0.14)) border-box !important;
  border-color: transparent !important;
  box-shadow: var(--home-shadow-flow) !important;
}

:root[data-theme="light"] body.page-home .lower-homepage,
:root[data-theme="light"] body.page-home .footer {
  background:
    radial-gradient(circle at 10% 7%, rgba(91, 76, 240, 0.11), transparent 28%),
    radial-gradient(circle at 91% 18%, rgba(14, 165, 233, 0.12), transparent 27%),
    radial-gradient(circle at 72% 76%, rgba(15, 118, 110, 0.08), transparent 30%),
    linear-gradient(180deg, #edf5ff 0%, #f9fbff 45%, #f2f7fd 100%) !important;
}

@media (width <= 768px) {
  :root[data-theme="light"] body.page-home .hero::after {
    inset: 66px 12px auto;
    height: min(68vh, 620px);
    border-radius: 24px;
  }

  :root[data-theme="light"] body.page-home .hero-copy::before {
    inset: -22px -14px -18px;
    border-radius: 24px;
  }

  :root[data-theme="light"] body.page-home .hero-grid {
    background-size: 34px 34px !important;
    opacity: 0.74 !important;
  }

  :root[data-theme="light"] body.page-home .hero-pixel-snow {
    opacity: 0.58 !important;
  }
}

/* V11: keep the richer light-mode atmosphere, but remove the extra hero boxes. */
:root[data-theme="light"] body.page-home .hero::after,
:root[data-theme="light"] body.page-home .hero-copy::before {
  content: none !important;
  display: none !important;
}

/* V12: keep the mobile hero inside the viewport. */
body.page-home .hero-decrypt-line {
  max-width: 100%;
  white-space: normal;
}

@media (width <= 600px) {
  body.page-home .hero {
    justify-content: flex-start;
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 30px;
  }

  body.page-home .hero-body {
    width: 100%;
    max-width: 100%;
    padding-inline: 20px;
  }

  body.page-home .hero-h1 {
    max-width: 100%;
    font-size: clamp(2.28rem, 10.7vw, 2.95rem);
    letter-spacing: -1.15px;
    line-height: 1.06;
    text-wrap: balance;
    overflow-wrap: normal;
  }

  body.page-home .hero-decrypt-line {
    display: block;
    overflow-wrap: normal;
  }

  body.page-home .hero-subline {
    max-width: 31ch;
    margin-bottom: 16px;
    font-size: 0.94rem;
    line-height: 1.55;
  }

  body.page-home .hero-proof-row--clean {
    max-width: 100%;
    gap: 10px;
  }

  body.page-home .hero-proof-chip,
  body.page-home .hero-badge--status {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  body.page-home .hero-ctas {
    width: 100%;
    max-width: 360px;
    margin-inline: auto;
    margin-bottom: 24px;
    padding: 0;
  }

  body.page-home .hero-ctas a {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.page-home .hero-stats {
    width: 100%;
    max-width: 360px;
    padding: 16px 18px;
  }
}

@media (width <= 420px) {
  body.page-home .hero-body {
    padding-inline: 18px;
  }

  body.page-home .hero-h1 {
    font-size: clamp(2.12rem, 10.5vw, 2.55rem);
    letter-spacing: -0.95px;
  }

  body.page-home .hero-subline {
    max-width: 29ch;
  }

  body.page-home .hero-stats {
    max-width: 340px;
  }
}

/* V13: keep mobile homepage sections visible if reveal observers miss fast scroll positions. */
@media (width <= 768px) {
  body.page-home .reveal-up,
  body.page-home .reveal-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body.page-home .pricing-section,
  body.page-home .pricing-universal-shell,
  body.page-home .lower-homepage {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
  }
}