:root {
  --rt-public-page-dark: #2B2825;
  --rt-public-page-dark-alt: #332F2B;
  --rt-public-shell-dark: #3A3632;
  --rt-public-shell-dark-elev: #46413C;
  --rt-public-panel-dark: #35302C;
  --rt-public-header-dark: rgba(43, 40, 37, 0.9);
  --rt-public-text-dark: #F2EDE6;
  --rt-public-muted-dark: #E8DED1;
  --rt-public-dim-dark: #D9CCBA;
  --rt-public-line-dark: rgba(255, 255, 255, 0.08);
  --rt-public-accent-dark: #C89F36;
  --rt-public-accent-soft: #D7B15A;
  --rt-public-shadow-dark: 0 28px 70px rgba(0, 0, 0, 0.18);
}

.cta-btn-wrap {
  border: 3px solid #C44E08;
  border-radius: 14px;
  padding: 4px;
  background: #C44E08;
}

body.rt-public-page {
  --text: #1C1C1E;
  --text-muted: #57524C;
  --text-dim: #746D66;
  --accent: #B8860B;
  --bg-card: #F0F0F0;
  --bg-hover: #E8E8E8;
}

html[data-theme="dark"] body.rt-public-page {
  background: linear-gradient(180deg, var(--rt-public-page-dark) 0%, var(--rt-public-page-dark-alt) 100%);
  background-attachment: fixed;
  color: var(--rt-public-text-dark);
  --text: var(--rt-public-text-dark);
  --text-muted: var(--rt-public-muted-dark);
  --text-dim: var(--rt-public-dim-dark);
  --accent: var(--rt-public-accent-dark);
  --bg-card: var(--rt-public-panel-dark);
  --bg-hover: var(--rt-public-shell-dark-elev);
}

html[data-theme="dark"] body.rt-public-page .rt-public-header,
html[data-theme="dark"] .site-header {
  background: transparent !important;
  border-bottom: 1px solid var(--rt-public-line-dark) !important;
  box-shadow: none;
}

html[data-theme="dark"] body.rt-public-page .rt-public-shell {
  background: linear-gradient(180deg, #403A35 0%, var(--rt-public-shell-dark) 100%);
  border-left: 1px solid var(--rt-public-line-dark);
  border-right: 1px solid var(--rt-public-line-dark);
  box-shadow: var(--rt-public-shadow-dark);
}

html[data-theme="dark"] body.rt-public-page .rt-public-shell,
html[data-theme="dark"] body.rt-public-page .product-summary,
html[data-theme="dark"] body.rt-public-page .price-summary,
html[data-theme="dark"] body.rt-public-page .bump-offer,
html[data-theme="dark"] body.rt-public-page .countdown-bar,
html[data-theme="dark"] body.rt-public-page .faq-item,
html[data-theme="dark"] body.rt-public-page .faq-answer,
html[data-theme="dark"] body.rt-public-page .value-stack,
html[data-theme="dark"] body.rt-public-page .card,
html[data-theme="dark"] body.rt-public-page .founder-card,
html[data-theme="dark"] body.rt-public-page .social-proof,
html[data-theme="dark"] body.rt-public-page .sticky-cta,
html[data-theme="dark"] body.rt-public-page .exit-card,
html[data-theme="dark"] body.rt-public-page .guarantee-box,
html[data-theme="dark"] body.rt-public-page .archetype-banner,
html[data-theme="dark"] body.rt-public-page .review-card,
html[data-theme="dark"] body.rt-public-page .item {
  border-color: var(--rt-public-line-dark);
}

html[data-theme="dark"] body.rt-public-page .product-summary,
html[data-theme="dark"] body.rt-public-page .price-summary,
html[data-theme="dark"] body.rt-public-page .bump-offer,
html[data-theme="dark"] body.rt-public-page .countdown-bar,
html[data-theme="dark"] body.rt-public-page .faq-item,
html[data-theme="dark"] body.rt-public-page .faq-answer,
html[data-theme="dark"] body.rt-public-page .value-stack,
html[data-theme="dark"] body.rt-public-page .card,
html[data-theme="dark"] body.rt-public-page .founder-card,
html[data-theme="dark"] body.rt-public-page .review-card,
html[data-theme="dark"] body.rt-public-page .social-proof,
html[data-theme="dark"] body.rt-public-page .sticky-cta,
html[data-theme="dark"] body.rt-public-page .exit-card,
html[data-theme="dark"] body.rt-public-page .item {
  background: var(--rt-public-panel-dark);
  color: var(--rt-public-text-dark);
  box-shadow: none;
}

html[data-theme="dark"] body.rt-public-page .bundle-image,
html[data-theme="dark"] body.rt-public-page .cta-section,
html[data-theme="dark"] body.rt-public-page .future-pacing,
html[data-theme="dark"] body.rt-public-page .faq-section {
  background: transparent;
}

html[data-theme="dark"] body.rt-public-page .guarantee-box {
  background: linear-gradient(135deg, #3C3732 0%, #312C28 100%);
}

html[data-theme="dark"] body.rt-public-page .checkout-heading,
html[data-theme="dark"] body.rt-public-page .result-title,
html[data-theme="dark"] body.rt-public-page .result-archetype-line,
html[data-theme="dark"] body.rt-public-page .faq-item summary,
html[data-theme="dark"] body.rt-public-page .faq-block h3,
html[data-theme="dark"] body.rt-public-page .product-info strong,
html[data-theme="dark"] body.rt-public-page .price-total,
html[data-theme="dark"] body.rt-public-page .countdown-timer,
html[data-theme="dark"] body.rt-public-page .guarantee-box-text h4,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-item strong,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-total .vs-now,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-header,
html[data-theme="dark"] body.rt-public-page .item-title,
html[data-theme="dark"] body.rt-public-page h1,
html[data-theme="dark"] body.rt-public-page h2,
html[data-theme="dark"] body.rt-public-page h3,
html[data-theme="dark"] body.rt-public-page h4,
html[data-theme="dark"] body.rt-public-page strong {
  color: var(--rt-public-text-dark);
}

html[data-theme="dark"] body.rt-public-page .item-desc,
html[data-theme="dark"] body.rt-public-page .product-info span,
html[data-theme="dark"] body.rt-public-page .price-line,
html[data-theme="dark"] body.rt-public-page .price-line span:last-child,
html[data-theme="dark"] body.rt-public-page .bump-offer .bump-text span,
html[data-theme="dark"] body.rt-public-page .guarantee-box-text p,
html[data-theme="dark"] body.rt-public-page .future-pacing p,
html[data-theme="dark"] body.rt-public-page .secure-note,
html[data-theme="dark"] body.rt-public-page .cta-onetime,
html[data-theme="dark"] body.rt-public-page .faq-item .faq-answer,
html[data-theme="dark"] body.rt-public-page .footer-note,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-desc,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-value,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-total .vs-old,
html[data-theme="dark"] body.rt-public-page p,
html[data-theme="dark"] body.rt-public-page li,
html[data-theme="dark"] body.rt-public-page small {
  color: var(--rt-public-muted-dark);
}

html[data-theme="dark"] body.rt-public-page .site-header .logo-text span,
html[data-theme="dark"] body.rt-public-page .welcome-badge,
html[data-theme="dark"] body.rt-public-page .question-count,
html[data-theme="dark"] body.rt-public-page .product-summary-label,
html[data-theme="dark"] body.rt-public-page .countdown-label,
html[data-theme="dark"] body.rt-public-page .archetype-tag,
html[data-theme="dark"] body.rt-public-page .tag {
  color: var(--rt-public-accent-dark);
}

html[data-theme="dark"] body.rt-public-page .review-label,
html[data-theme="dark"] body.rt-public-page .subtitle,
html[data-theme="dark"] body.rt-public-page .item-desc {
  color: var(--rt-public-muted-dark);
}

html[data-theme="dark"] body.rt-public-page .product-badge {
  background: rgba(149, 178, 160, 0.18);
  color: #B9D1C2;
}

html[data-theme="dark"] body.rt-public-page .cta-subtext {
  color: var(--rt-public-muted-dark);
}

html[data-theme="dark"] body.rt-public-page .guarantee-box h4 {
  color: var(--rt-public-text-dark);
}

html[data-theme="dark"] body.rt-public-page .guarantee-box p {
  color: var(--rt-public-muted-dark);
}

html[data-theme="dark"] body.rt-public-page .guarantee-badge-img,
html[data-theme="dark"] body.rt-public-page .guarantee-box .theme-image-dark {
  filter: brightness(1.25) contrast(1.05);
}

html[data-theme="dark"] body.rt-public-page .product-line + .product-line,
html[data-theme="dark"] body.rt-public-page .price-total,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-item,
html[data-theme="dark"] body.rt-public-page .value-stack .vs-total,
html[data-theme="dark"] body.rt-public-page .faq-item,
html[data-theme="dark"] body.rt-public-page .faq-item .faq-answer,
html[data-theme="dark"] body.rt-public-page h2 {
  border-color: var(--rt-public-line-dark);
}

@media (max-width: 767px) {
  html[data-theme="dark"] body.rt-public-page {
    padding: 10px 10px 0;
  }

  html[data-theme="dark"] body.rt-public-page .rt-public-header {
    width: 100%;
    max-width: none;
    margin: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
  }

  html[data-theme="dark"] body.rt-public-page .rt-public-shell {
    max-width: none;
    min-height: calc(100vh - 10px);
    min-height: calc(100dvh - 10px);
    border-radius: 0 0 26px 26px;
    overflow: hidden;
  }
}
