/* Bio2Twin Canonical Dark Green Palette v1
   Global system surface: deep ink green + Bio2Twin mint.
   Blue may remain only inside scientific / world / compute visualizations. */

:root{
  --bt-bg:#07100e;
  --bt-section:#0a1411;
  --bt-section-alt:#0c1714;
  --bt-panel:#0d1815;
  --bt-panel-deep:#0b1512;
  --bt-panel-hi:#10201b;
  --bt-ink:#f3f4ef;
  --bt-body:#b7c2ba;
  --bt-muted:#7d8c83;
  --bt-mint:#b9ffcb;
  --bt-accent:#72e6cf;
  --bt-line:rgba(185,255,203,.08);
  --bt-line-strong:rgba(185,255,203,.16);
  --bt-line-active:rgba(185,255,203,.28);

  --ds-canvas:#07100e;
  --ds-elevated:#0d1815;
  --ds-soft:#0c1714;
  --ds-ink:#f3f4ef;
  --ds-body:#b7c2ba;
  --ds-muted:#7d8c83;
  --ds-line:rgba(185,255,203,.08);
  --ds-line-strong:rgba(185,255,203,.16);
  --ds-accent:#b9ffcb;
  --ds-success:#72e6cf;

  --tech-bg:#07100e;
  --tech-surface:#0d1815;
  --tech-surface-2:#0b1512;
  --tech-ink:#f3f4ef;
  --tech-body:rgba(239,246,242,.68);
  --tech-muted:rgba(239,246,242,.42);
  --tech-line:rgba(185,255,203,.08);
  --tech-line-strong:rgba(185,255,203,.16);
  --tech-mint:#b9ffcb;
  --tech-gold:#b9ffcb;
  --tech-purple:#b9ffcb;

  --la-canvas:#07100e;
  --la-surface:#0d1815;
  --la-surface-2:#0b1512;
  --la-ink:#f3f4ef;
  --la-body:rgba(239,246,242,.68);
  --la-muted:rgba(239,246,242,.42);
  --la-line:rgba(185,255,203,.08);
  --la-gold:#b9ffcb;
  --plan-free-accent:rgba(185,255,203,.44);
  --plan-personal-accent:#72e6cf;
  --plan-twin-accent:#b9ffcb;
  --plan-experiment-accent:#8eeeb6;
  --plan-deep-accent:#a7e7c0;
}

html{
  background:#07100e;
  color-scheme:dark;
}
body{
  background-color:#07100e;
}

/* ---------------------------------------------------------
   Shared shell
   --------------------------------------------------------- */
.bt-header{
  background:rgba(7,16,14,.97)!important;
  border-bottom-color:rgba(185,255,203,.08)!important;
}
.bt-nav__trigger:hover,
.bt-nav__trigger[aria-expanded="true"],
.bt-nav__link:hover,
.bt-nav__link[aria-current="page"]{
  background:rgba(185,255,203,.05)!important;
}
.bt-cta-secondary{
  border-color:rgba(185,255,203,.20)!important;
}
.bt-menu{
  background:#0b1512!important;
  border-color:rgba(185,255,203,.12)!important;
}

/* Mega menus are part of the dark product system, never a white sheet */
.bt-mega{
  background:#0a1411!important;
  color:#f3f4ef!important;
  border-top:1px solid rgba(185,255,203,.05)!important;
  border-bottom-color:rgba(185,255,203,.10)!important;
}
.bt-mega__label{
  color:rgba(185,255,203,.48)!important;
}
.bt-mega__link{
  color:rgba(243,244,239,.74)!important;
}
.bt-mega__link i{
  color:rgba(185,255,203,.55)!important;
}
.bt-mega__link:hover,
.bt-mega__link:focus-visible,
.bt-mega__link.is-active{
  color:#f3f4ef!important;
  background:rgba(185,255,203,.05)!important;
}
.bt-mega__link:focus-visible{
  outline-color:rgba(185,255,203,.40)!important;
}
.bt-mega__visual{
  background:#0b1512!important;
  border:1px solid rgba(185,255,203,.08)!important;
}

/* Biology mega used to be blue; keep the UI green.
   Blue remains allowed inside the image itself. */
#bt-mega-biology{
  background:linear-gradient(180deg,#07100e 0%,#0c1714 100%)!important;
  color:#eef8f1!important;
  border-top-color:rgba(185,255,203,.07)!important;
  border-bottom-color:rgba(185,255,203,.10)!important;
}
#bt-mega-biology .bt-mega__label{
  color:rgba(185,255,203,.52)!important;
}
#bt-mega-biology .bt-mega__link{
  color:rgba(238,248,241,.78)!important;
}
#bt-mega-biology .bt-mega__link:hover,
#bt-mega-biology .bt-mega__link:focus-visible,
#bt-mega-biology .bt-mega__link.is-active{
  background:rgba(185,255,203,.055)!important;
  color:#b9ffcb!important;
}
#bt-mega-biology .bt-mega__link i{
  color:#b9ffcb!important;
}
#bt-mega-biology .bt-mega__visual{
  background:#0b1512!important;
  border-color:rgba(185,255,203,.10)!important;
}

/* ---------------------------------------------------------
   Foundation / generic cards
   --------------------------------------------------------- */
.bt-page,
.chat-page{
  color:#f3f4ef;
}
.bt-card,
.bt-page :where(button,.bt-button),
.bt-page :where(input,textarea,select){
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.10)!important;
}
.bt-notice{
  background-color:#0c1714!important;
  border-left-color:#b9ffcb!important;
}
.bt-page .bt-cta{
  background:#b9ffcb!important;
  border-color:#b9ffcb!important;
  color:#07100e!important;
}

/* ---------------------------------------------------------
   Technology + Health Groups
   --------------------------------------------------------- */
.technology-body{
  background:#07100e!important;
}
.technology-chain,
.technology-sources a{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}
.technology-index a{
  background-color:#0b1512!important;
  border-color:rgba(185,255,203,.08)!important;
}
.technology-unit--protein .technology-unit__id span,
.technology-unit--protein .technology-chain,
.technology-unit--agent .technology-unit__id span,
.technology-unit--truth .technology-unit__id span,
.technology-unit--research .technology-unit__id span,
.technology-unit--oi .technology-unit__id span,
.technology-unit--oi .technology-chain,
.technology-unit--secure .technology-unit__id span{
  color:#b9ffcb!important;
}
.health-main,
.health-discovery-content,
.health-category-section{
  background-color:#07100e;
}
.health-feature{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}
.health-feature:hover,
.health-feature:focus-within{
  border-color:rgba(185,255,203,.24)!important;
}

/* ---------------------------------------------------------
   OI Genesis / OI Research Horizon
   Deep green surfaces; blue is preserved only inside orbit/GPU visuals.
   --------------------------------------------------------- */
body.oi-genesis{
  background:#07100e!important;
}
.og-hero{
  background:
    radial-gradient(ellipse at 76% 38%,rgba(114,230,207,.075),transparent 40%),
    radial-gradient(ellipse at 11% 15%,rgba(185,255,203,.035),transparent 48%),
    #07100e!important;
  border-bottom-color:rgba(185,255,203,.10)!important;
}
.og-bar,
.og-section,
.og-principle,
.og-current,
.og-extensions{
  background-color:#07100e!important;
}
.og-section--alt,
.og-principle,
.og-extensions{
  background-color:#0a1411!important;
}
.og-step,
.og-panel,
.og-boundary,
.og-current__grid article,
.og-extensions__grid a,
.og-gpu-card,
.og-entry-readout>div,
.og-gate-rail,
.og-gate-reading{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.10)!important;
}
.og-step--active,
.og-gpu-card--deep,
.og-gate-reading{
  background-color:#0c1714!important;
}
.og-entry-frame{
  background:
    radial-gradient(ellipse at 80% 6%,rgba(114,230,207,.055),transparent 59%),
    #0d1815!important;
}
.og-gpu-section,
.og-world{
  background-color:#07100e!important;
}
.og-earlybird{
  background:linear-gradient(110deg,rgba(185,255,203,.05),rgba(255,255,255,.01))!important;
  border-color:rgba(185,255,203,.12)!important;
}
.og-gpu-title strong,
.og-earlybird-goal strong{
  color:#b9ffcb!important;
}
.og-gpu-tier,
.og-earlybird-goal>span{
  color:rgba(185,255,203,.60)!important;
}

/* ---------------------------------------------------------
   Sovereign OI
   --------------------------------------------------------- */
.so-story-track,
.so-story-track--biology{
  background:linear-gradient(145deg,#0d1815,#0a1411)!important;
  border-color:rgba(185,255,203,.11)!important;
}
.so-story-track--biology .so-story-track__eyebrow,
.so-story-track__eyebrow{
  color:#b9ffcb!important;
}
.so-story-sequence li,
.so-story-track--biology li{
  background:#0b1512!important;
  border-color:rgba(185,255,203,.10)!important;
}
.so-story-memory,
.so-story-twin{
  background:linear-gradient(110deg,rgba(185,255,203,.045),rgba(114,230,207,.025))!important;
  border-color:rgba(185,255,203,.14)!important;
}

/* ---------------------------------------------------------
   Launch / Pricing
   --------------------------------------------------------- */
.launch-body{
  --la-system-bg:#07100e;
  --la-system-panel:#0d1815;
  --la-system-panel-hi:#10201b;
  --la-system-line:rgba(185,255,203,.08);
  --la-system-line-hi:rgba(185,255,203,.16);
  --la-system-accent:#72e6cf;
  --la-system-mint:#b9ffcb;
  background-color:#07100e!important;
}
.launch-card,
.plan-card,
.pricing-card{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}

/* ---------------------------------------------------------
   Personal Model
   --------------------------------------------------------- */
body.pmv2{
  background-color:#07100e!important;
}
body.pmv2[data-page="overview"]{
  --pm4-bg:#07100e;
  --pm4-panel:#0d1815;
  --pm4-panel-hi:#10201b;
  --pm4-line:rgba(185,255,203,.08);
  --pm4-line-hi:rgba(185,255,203,.16);
  --pm4-accent:#b9ffcb;
}
.pmhome3-card,
.pmhome3-metric,
.pace-pm{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}
.pmhome3-action{
  background-color:#0b1512!important;
  border-color:rgba(185,255,203,.07)!important;
}

/* ---------------------------------------------------------
   Health Reverse Research
   --------------------------------------------------------- */
.reverse-health-body{
  background:#07100e!important;
}
.reverse-health-page{
  --rh-bg:#07100e;
  --rh-panel:#0d1815;
  --rh-panel-deep:#0b1512;
  --rh-section:#0a1411;
  --rh-section-alt:#0c1714;
  --rh-line:rgba(185,255,203,.08);
  --rh-line-strong:rgba(185,255,203,.16);
  --rh-accent:#72e6cf;
  --rh-mint:#b9ffcb;
}
.rh-card,
.rh-flow div,
.rh-gate{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}
.rh-section--alt{
  background-color:#0a1411!important;
}

/* ---------------------------------------------------------
   Homepage system surfaces
   Background-color only: preserve scientific/image gradients.
   --------------------------------------------------------- */
body:not(.pmv2):not(.technology-body):not(.oi-genesis):not(.launch-body):not(.reverse-health-body){
  background-color:#07100e;
}
#member-start,
#body-state,
#b2t-space,
#original-intelligence,
#model-cycle,
#truth-loop,
#miimochi-meet,
#research-intelligence,
.home-final-cta{
  background-color:#07100e!important;
}
#member-start .member-start__grid article,
#model-cycle .model-cycle-panel,
#truth-loop .truth-step,
#research-intelligence .research-intelligence-node{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}

/* ---------------------------------------------------------
   Shared Research Map
   --------------------------------------------------------- */
.bt-doc-map{
  color:#f3f4ef;
}
.bt-doc-map__inner{
  border-left-color:rgba(185,255,203,.08)!important;
}
.bt-doc-map__list a.is-active{
  background:linear-gradient(90deg,rgba(185,255,203,.055),transparent 88%)!important;
}
@media(max-width:1279px){
  .bt-doc-map{
    background:rgba(7,16,14,.94)!important;
    border-color:rgba(185,255,203,.08)!important;
  }
}

/* Semantic mint focus everywhere */
:focus-visible{
  outline-color:#b9ffcb;
}

/* Final specificity locks for legacy high-specificity surfaces */
html body.pmv2[data-page="overview"]{
  --pm4-bg:#07100e!important;
  --pm4-panel:#0d1815!important;
  --pm4-panel-hi:#10201b!important;
  --pm4-line:rgba(185,255,203,.08)!important;
  --pm4-line-hi:rgba(185,255,203,.16)!important;
  background:
    radial-gradient(900px 520px at 72% -12%,rgba(185,255,203,.045),transparent 58%),
    #07100e!important;
}
html body.pmv2[data-page="overview"] .pmv2-workspace,
html body.pmv2[data-page="overview"] .pmv2-content{
  background-color:transparent!important;
}
html body.pmv2[data-page="overview"] .pmhome3-card,
html body.pmv2[data-page="overview"] .pmhome3-metric,
html body.pmv2[data-page="overview"] .pace-pm{
  background-color:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
}

html body.technology-body .health-main .health-feature,
html body.technology-body .health-discovery-content .health-feature,
html body.technology-body #health-aging-grid .health-feature{
  background:#0d1815!important;
  border-color:rgba(185,255,203,.08)!important;
  box-shadow:none!important;
}
html body.technology-body .health-main .health-feature:hover,
html body.technology-body .health-main .health-feature:focus-within{
  border-color:rgba(185,255,203,.24)!important;
}