/* SOLID v23 — fixed single-theme black/white luxury composition */

/* Theme UI is gone everywhere. */
.sc-theme-toggle,
[data-theme-toggle],
button[aria-label="Theme"],
a[aria-label="Theme"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.sc-nav-actions{min-width:auto!important}

/* More visible silver/white presence in the dark hero without turning it into a light theme. */
html[data-solid-theme="dark"] .sc-hero{
  background:
    radial-gradient(ellipse at 18% 42%,rgba(255,255,255,.115) 0%,rgba(255,255,255,.038) 25%,transparent 48%),
    radial-gradient(ellipse at 76% 45%,rgba(255,255,255,.075) 0%,rgba(255,255,255,.018) 26%,transparent 46%),
    linear-gradient(110deg,rgba(255,255,255,.045),transparent 22%),
    linear-gradient(180deg,#090b0e 0%,#040506 70%,#080a0d 100%)!important;
  background-image:
    radial-gradient(ellipse at 18% 42%,rgba(255,255,255,.115) 0%,rgba(255,255,255,.038) 25%,transparent 48%),
    radial-gradient(ellipse at 76% 45%,rgba(255,255,255,.075) 0%,rgba(255,255,255,.018) 26%,transparent 46%),
    linear-gradient(110deg,rgba(255,255,255,.045),transparent 22%),
    linear-gradient(180deg,#090b0e 0%,#040506 70%,#080a0d 100%)!important;
}
html[data-solid-theme="dark"] .sc-hero::before{
  background:linear-gradient(90deg,rgba(255,255,255,.038),transparent 18%,transparent 78%,rgba(255,255,255,.025))!important;
}

/* PRICING: fixed pearl-white section (not a theme mode). */
html[data-solid-theme="dark"] .sc-pricing-section{
  background:linear-gradient(180deg,#f5f6f7 0%,#e8ebee 100%)!important;
  color:#15181d!important;
  border-top:1px solid rgba(255,255,255,.48)!important;
  border-bottom:1px solid rgba(17,24,39,.08)!important;
}
html[data-solid-theme="dark"] .sc-pricing-section .sc-section-head h2,
html[data-solid-theme="dark"] .sc-pricing-section .sc-plan-head h3,
html[data-solid-theme="dark"] .sc-pricing-section .sc-price{
  color:#13161b!important;
}
html[data-solid-theme="dark"] .sc-pricing-section .sc-section-head h2 span{color:#7c848e!important}
html[data-solid-theme="dark"] .sc-pricing-section .sc-section-head p,
html[data-solid-theme="dark"] .sc-pricing-section .sc-plan-head p,
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card li,
html[data-solid-theme="dark"] .sc-pricing-section .sc-coin-helper{
  color:#626b77!important;
}
html[data-solid-theme="dark"] .sc-pricing-section .sc-eyebrow{color:#747d88!important}
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card:not(.sc-price-card-featured){
  background:linear-gradient(180deg,#ffffff 0%,#f7f8fa 100%)!important;
  border:1px solid rgba(17,24,39,.10)!important;
  color:#15181d!important;
  box-shadow:0 18px 42px rgba(17,24,39,.07)!important;
}
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card:not(.sc-price-card-featured) ul{
  border-top-color:rgba(17,24,39,.09)!important;
}
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card:not(.sc-price-card-featured) .sc-btn-secondary{
  background:linear-gradient(180deg,#171a1f,#0f1216)!important;
  color:#fff!important;
  border-color:rgba(17,24,39,.12)!important;
}
/* keep featured pricing card as the black counterpoint */
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card-featured{
  background:linear-gradient(180deg,#1b1f25 0%,#0d1014 100%)!important;
  border-color:rgba(17,24,39,.22)!important;
  box-shadow:0 24px 54px rgba(17,24,39,.18)!important;
}
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card-featured .sc-plan-head h3,
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card-featured .sc-price,
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card-featured li{color:#f4f6f8!important}
html[data-solid-theme="dark"] .sc-pricing-section .sc-price-card-featured .sc-plan-head p{color:#9ba3ae!important}

/* HOW IT WORKS: another white band so the page reads black / white / black. */
html[data-solid-theme="dark"] .sc-process-section{
  background:linear-gradient(180deg,#eef1f4 0%,#e4e8ec 100%)!important;
  color:#15181d!important;
  border-top:1px solid rgba(17,24,39,.08)!important;
  border-bottom:1px solid rgba(17,24,39,.08)!important;
}
html[data-solid-theme="dark"] .sc-process-section .sc-section-head h2,
html[data-solid-theme="dark"] .sc-process-grid h3{color:#14171c!important}
html[data-solid-theme="dark"] .sc-process-section .sc-section-head h2 span{color:#858c95!important}
html[data-solid-theme="dark"] .sc-process-section .sc-eyebrow{color:#6f7884!important}
html[data-solid-theme="dark"] .sc-process-grid p{color:#606975!important}
html[data-solid-theme="dark"] .sc-process-grid article{
  background:linear-gradient(180deg,#ffffff 0%,#f7f8fa 100%)!important;
  border:1px solid rgba(17,24,39,.10)!important;
  box-shadow:0 15px 34px rgba(17,24,39,.055)!important;
}
html[data-solid-theme="dark"] .sc-process-grid article>span{color:#7a838f!important}
html[data-solid-theme="dark"] .sc-process-icon{
  background:linear-gradient(145deg,#f5f6f8,#e0e4e8)!important;
  color:#4f5965!important;
  border:1px solid rgba(17,24,39,.10)!important;
}

/* FINAL CTA: clean pearl-white block with compact black CTA. */
html[data-solid-theme="dark"] .sc-final-cta{
  background:
    radial-gradient(circle at 38% 0%,rgba(17,24,39,.055),transparent 30%),
    linear-gradient(180deg,#f7f8f9 0%,#eceff2 100%)!important;
  color:#14171c!important;
  border-top:1px solid rgba(17,24,39,.08)!important;
}
html[data-solid-theme="dark"] .sc-final-inner h2{color:#14171c!important}
html[data-solid-theme="dark"] .sc-final-inner p{color:#626b76!important}
html[data-solid-theme="dark"] .sc-final-cta .sc-eyebrow{color:#707985!important}
html[data-solid-theme="dark"] .sc-final-inner>.sc-btn.sc-product-jump{
  background:linear-gradient(180deg,#191c21,#0f1216)!important;
  color:#fff!important;
  border:1px solid rgba(17,24,39,.14)!important;
  box-shadow:0 10px 24px rgba(17,24,39,.12)!important;
}

/* Give dashboard/account a little more silver/white ambience while staying dark-only. */
html[data-solid-theme="dark"] .su-page,
html[data-solid-theme="dark"] .su-page-shell,
html[data-solid-theme="dark"] body:has([data-dashboard-page]) .sc-static-page{
  background:
    radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.085),transparent 32%),
    radial-gradient(ellipse at 8% 28%,rgba(255,255,255,.035),transparent 24%),
    linear-gradient(180deg,#0b0d10 0%,#060709 58%,#0a0c0f 100%)!important;
}

@media(max-width:900px){
  html[data-solid-theme="dark"] .sc-hero{
    background:
      radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.085),transparent 35%),
      linear-gradient(180deg,#090b0e 0%,#050607 72%,#080a0d 100%)!important;
  }
}