/* Bio2Twin Roadmap Contrast Pass v1
   Keeps the existing layout and Bio2Twin dark-green identity.
   Loaded after roadmap-blue-accent-v1.css. */

body{
  --rm-blue:#77a6ff;
  --rm-blue-bright:#91b9ff;
  --rm-blue-soft:rgba(119,166,255,.14);
  --rm-card:#07100e;
  --rm-card-top:#091512;
  --rm-fact:#10201b;
  --rm-text:#f1f6f4;
  --rm-body:#cbd7d3;
  --rm-muted:#9baaa5;
  --rm-line:rgba(181,201,195,.25);
  --rm-line-strong:rgba(202,218,212,.40);
  background:
    radial-gradient(circle at 52% 0%,rgba(25,69,55,.10),transparent 34%),
    #050d0b !important;
  color:var(--rm-text);
}

.section{border-bottom-color:rgba(171,198,188,.14)!important}
.section--future{background:#06110e!important}

/* Timeline */
.rail:before{border-top-color:rgba(188,205,199,.34)!important}
.milestone time{color:#cbd6d2!important;font-weight:500}
.milestone:before{
  width:10px;height:10px;background:#89968f!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.018)
}
.milestone:after{border-left-color:rgba(183,202,195,.31)!important}
.milestone.current:before{
  background:var(--rm-blue-bright)!important;
  box-shadow:0 0 0 5px rgba(119,166,255,.11),0 0 19px rgba(119,166,255,.31)!important
}
.milestone.forecast:before{background:#050d0b!important;border-color:#a8b5b0!important}

/* Cards */
.card{
  background:linear-gradient(180deg,var(--rm-card-top) 0%,var(--rm-card) 100%)!important;
  border-color:var(--rm-line-strong)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important
}
.card:hover{
  border-color:rgba(119,166,255,.66)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.32),0 0 0 1px rgba(119,166,255,.09)!important
}
.current .card{
  border-color:rgba(119,166,255,.74)!important;
  box-shadow:0 0 0 1px rgba(119,166,255,.14),0 0 30px rgba(72,126,235,.14),0 24px 60px rgba(0,0,0,.29)!important
}
.forecast .card{background:#07100e!important;border-color:rgba(154,166,172,.33)!important}

/* Meta / number / icons */
.card-top{color:#9caca7!important}
.card-top>span:first-child{color:#acbbb6!important}
.square{
  background:var(--rm-blue)!important;
  box-shadow:0 0 10px rgba(119,166,255,.18)
}
.forecast .square{background:transparent!important;border-color:#95a3aa!important}
.card-no{color:var(--rm-blue-bright)!important;font-weight:520}
.oi-glyph{color:var(--rm-blue)!important;opacity:1!important}
.oi-kind-locked{color:#a0adb1!important}
.oi-kind-stereo,.oi-kind-flavor{color:#79b5ff!important}

/* Typography */
.card h3{color:var(--rm-blue-bright)!important;font-weight:590!important}
.forecast .card h3{color:#d7e0eb!important}
.card p{color:var(--rm-body)!important}
.note{color:#9daca7!important;border-top-color:rgba(190,205,199,.18)!important}
.note strong{color:#e0e9e5!important}

/* Evidence */
.fact{
  background:linear-gradient(180deg,#11221c 0%,#0d1b17 100%)!important;
  border-left:3px solid var(--rm-blue)!important;
  color:#c6d3cf!important;
  box-shadow:inset 0 0 0 1px rgba(150,190,177,.05)
}
.fact strong{color:var(--rm-blue-bright)!important;font-weight:650!important}
.forecast .fact{background:#0d1815!important;border-left-color:#87969c!important}
.forecast .fact strong{color:#cbd7dc!important}

/* Links */
.card-link{color:#a7c8ff!important;font-weight:500}
.card-link:hover{color:#d0e0ff!important}

/* Gate status */
.gate-status{
  background:linear-gradient(180deg,#0b1714,#08120f)!important;
  border-color:rgba(176,200,192,.29)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.gate-intro h3{color:#f0f6f3!important}
.gate-intro p{color:#c5d2ce!important}
.gate-intro p strong{color:var(--rm-blue-bright)!important}
.gate-unit{background:#07110f!important;border-color:rgba(183,204,197,.25)!important}
.gate-unit:hover{border-color:rgba(119,166,255,.40)!important}
.gate-unit-top{color:#acbbb6!important}
.gate-unit-top strong{color:var(--rm-blue-bright)!important}
.gate-unit h4{color:#edf5f2!important}
.gate-unit p{color:#c0cfca!important}
.gate-pass .gate-unit-top strong{color:#9ae0ca!important}
.gate-fail .gate-unit-top strong{color:#efb099!important}
.gate-smoke .gate-unit-top strong{color:#e5c684!important}
.gate-lock{border-top-color:rgba(183,204,197,.19)!important;color:#bdcbc6!important}
.gate-lock strong{color:#e5a98f!important}

/* Headings / controls */
.eyebrow{color:var(--rm-blue-bright)!important}
.section-head p{color:#afbeb9!important}
.section-id{color:#9daca8!important}
.rail-controls button{border-color:rgba(185,203,197,.31)!important;color:#e3ece8!important}
.rail-controls button:hover{border-color:var(--rm-blue)!important;color:var(--rm-blue-bright)!important}

/* Decision */
.decision-panel{
  background:#091512!important;
  border-color:rgba(185,204,198,.24)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.19)
}
.decision-panel p{color:#c2cfca!important}
.decision-panel a{color:#9fc3ff!important}

/* Hero - keep Bio2Twin mint CTA, raise copy contrast */
.hero{border-bottom-color:rgba(182,203,196,.16)!important}
.hero .lead{color:#becbc6!important}
.jump{border-color:rgba(188,206,199,.28)!important}
.jump:hover,.jump:focus-visible{border-color:var(--rm-blue)!important}
.legend{color:#afbbb7!important}
.legend i{background:var(--rm-blue)!important}

/* Scrollbar */
.scroller{scrollbar-color:rgba(119,166,255,.45) transparent!important}
.scroller::-webkit-scrollbar{height:7px}
.scroller::-webkit-scrollbar-track{background:transparent}
.scroller::-webkit-scrollbar-thumb{background:rgba(119,166,255,.38);border-radius:999px}

@media(max-width:720px){
  .card{box-shadow:0 14px 34px rgba(0,0,0,.21)!important}
  .current .card{box-shadow:0 0 0 1px rgba(119,166,255,.13),0 15px 38px rgba(0,0,0,.24)!important}
  .fact{padding:16px 15px!important}
}