/* Isolated Value Engine functional correction */
#value{scroll-margin-top:96px}
.gate2-value>.section-intro{position:relative;z-index:4;padding-top:18px}
.gate2-value .value-pin{top:88px;min-height:calc(100svh - 88px);padding-top:30px;padding-bottom:24px}
.gate2-value .value-layout{grid-template-columns:minmax(230px,.72fr) 112px minmax(0,1.35fr);gap:34px}
.gate2-value .stage-index{position:relative;min-width:0}
.gate2-value .stage-index button{width:100%;min-width:0;min-height:58px;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:0 8px;border-radius:0;opacity:.46}
.gate2-value .stage-index button b{font-size:clamp(13px,1.15vw,16px);line-height:1.08;white-space:nowrap}
.gate2-value .stage-index button.is-complete{opacity:.68;color:rgba(255,255,255,.82)}
.gate2-value .stage-index button.is-future{opacity:.38}
.gate2-value .stage-index button[aria-selected=true]{opacity:1;transform:translateX(6px);color:#fff}
.gate2-value .stage-index button:before{height:2px;background:linear-gradient(90deg,var(--capital-olive),var(--reserve-green));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.gate2-value .stage-index button:focus-visible{outline:2px solid var(--capital-olive);outline-offset:3px;border-radius:4px}
.gate2-value .stage-detail{min-width:0;padding:28px 0 28px 20px}
.gate2-value .stage-detail h3{margin:18px 0;font-size:clamp(38px,4.4vw,66px)}
.gate2-value .stage-detail>p:nth-of-type(2){font-size:clamp(15px,1.3vw,18px)}
.stage-indicators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:610px;margin-top:26px}
.stage-indicators>div{min-height:60px;padding:10px 12px;border:1px solid rgba(234,233,212,.11);border-radius:9px;background:rgba(234,233,212,.025)}
.stage-indicators span{display:block;color:rgba(234,233,212,.38);font-size:7px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}
.stage-indicators b{display:block;margin-top:5px;color:var(--archival-ivory);font-size:11px;font-weight:650}
.gate2-value .stage-signal{margin-top:27px}
.gate2-value .journey-gates li{position:relative;opacity:.32;background:transparent;color:rgba(255,255,255,.42);transition:opacity .42s,color .42s,background .42s,transform .42s}
.gate2-value .journey-gates li.is-complete{opacity:.64;color:rgba(255,255,255,.72);background:linear-gradient(180deg,rgba(108,137,92,.08),transparent)}
.gate2-value .journey-gates li.active{opacity:1;color:#fff;background:linear-gradient(180deg,rgba(196,189,113,.18),transparent);transform:translateY(-2px)}
.gate2-value .journey-gates li.active:after{content:"";position:absolute;left:8px;right:8px;top:-1px;height:2px;background:var(--capital-olive);box-shadow:0 0 15px rgba(196,189,113,.45)}
.gate2-value .energy-nodes circle.is-complete{fill:var(--infrastructure-moss);stroke:var(--reserve-green)}
.gate2-value .energy-nodes circle.active{fill:var(--signal-lime);stroke:#f4ffd5}

@media(max-width:1100px) and (min-width:901px){
  .gate2-value .value-layout{grid-template-columns:minmax(210px,.7fr) 96px minmax(0,1.25fr);gap:25px}
  .gate2-value .stage-index button b{font-size:13px}
}
@media(max-width:900px){
  #value{scroll-margin-top:76px}
  .gate2-value>.section-intro{padding-top:8px}
  .gate2-value .value-pin{top:0;min-height:0;padding-top:54px}
  .gate2-value .stage-index{display:grid;grid-template-columns:repeat(5,minmax(136px,1fr));gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:4px 4px 10px}
  .gate2-value .stage-index button{min-width:136px;min-height:58px;padding:7px 10px;grid-template-columns:26px minmax(0,1fr);scroll-snap-align:center;border:1px solid rgba(234,233,212,.1);border-radius:8px}
  .gate2-value .stage-index button b{font-size:12px;white-space:nowrap}
  .gate2-value .stage-index button:before{left:8px;right:8px;bottom:0;width:auto;transform:scaleX(0);transform-origin:left}
  .gate2-value .stage-index button[aria-selected=true]{transform:none;border-color:rgba(196,189,113,.52)}
  .gate2-value .stage-index button[aria-selected=true]:before{transform:scaleX(1)}
  .gate2-value .stage-detail{padding:16px 2px 8px}
  .gate2-value .stage-detail h3{font-size:clamp(34px,9vw,44px)}
  .stage-indicators{margin-top:20px}
}
@media(max-width:520px){
  .stage-indicators{grid-template-columns:1fr;gap:5px}
  .stage-indicators>div{min-height:48px;padding:8px 10px}
  .gate2-value .stage-signal{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){
  .gate2-value .stage-index button,.gate2-value .stage-index button:before,.gate2-value .journey-gates li,.gate2-value .stage-signal i:before{transition:none!important}
}