/* v4: redesigned story cards */
.pane text.num{font-family:var(--serif);font-size:18px;fill:#0e1a2c;text-anchor:middle}
.pane .nd{fill:#fbf9f4;stroke:#8c6d33;stroke-width:1.5}
.pane .tl{font-size:12.5px;fill:#1b2433}
.pane .lb{font-size:14px;fill:#1b2433}
.pane .s2l{font-size:11.5px;fill:#4a5262}
.pane .core{font-family:var(--serif);font-size:32px;fill:#8c6d33}
.pane .trav{fill:#8c6d33;filter:drop-shadow(0 0 5px rgba(140,109,51,.55))}
@keyframes fadein{to{opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes ripple{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.1)}}

/* 1 markets & sequence */
.p1-line{fill:none;stroke:#8c6d33;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pane.on .p1-line{animation:draw 2.4s var(--ease) .1s forwards}
.p1-home{fill:#0e1a2c}.p1-homering{fill:none;stroke:#0e1a2c;stroke-opacity:.35}
.p1-n{opacity:0;transform-box:fill-box;transform-origin:center}
.pane.on .p1-n{animation:pop .7s var(--ease) var(--d) forwards}
.pane .rip{fill:none;stroke:#8c6d33;stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center}
.pane.on .rip{animation:ripple 3.2s ease-out calc(var(--d) + .8s) infinite}

/* 2 positioning */
.pane .cmpd{fill:#c4cad4}
.p2-spaceline{fill:none;stroke:#8c6d33;stroke-dasharray:3 5;stroke-width:1;opacity:.75}
.p2-space,.p2-lab,.p2-spaceline{opacity:0}
.pane.on .p2-space{animation:fadein 1.4s ease 1.6s forwards}
.pane.on .p2-spaceline{animation:fadein 1.4s ease 1.8s forwards}
.pane.on .p2-lab{animation:fadein .8s ease 3s forwards}
.p2-trail{fill:none;stroke:#8c6d33;stroke-width:1.2;stroke-dasharray:4 6;opacity:.55}
.p2-prod{opacity:0}
.pane.on .p2-prod{animation:fadein .05s linear .62s forwards}
.pane .p2-ring{fill:none;stroke:#8c6d33;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:ping 2.4s ease-out infinite}

/* 3 pricing per market */
.pane .trk{stroke:#e1e4ea;stroke-width:1;fill:none}
.pane .band{fill:rgba(14,26,44,.08);stroke:#9aa3b2;stroke-width:1}
.p3-band{transform-box:fill-box;transform-origin:center;transform:scaleX(0)}
.pane.on .p3-band{animation:bandin .9s var(--ease) var(--d) forwards}
@keyframes bandin{to{transform:scaleX(1)}}
.p3-mk{opacity:0}
.pane.on .p3-mk{animation:slidein 1.2s var(--ease) var(--d) forwards}
@keyframes slidein{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
.pane .mk{fill:#8c6d33;stroke:#fbf9f4;stroke-width:2}
.pane .mkline{stroke:#8c6d33;stroke-width:1;stroke-dasharray:2 3;fill:none}
.pane .band-k{fill:rgba(14,26,44,.08);stroke:#9aa3b2}
.pane .mk-k{fill:#8c6d33}

/* 4 route-to-market loop */
.pane .p4-outer{fill:none;stroke:#8c6d33;stroke-opacity:.2;stroke-dasharray:2 6}
.pane .p4-orbit{fill:none;stroke:#d3d7df;stroke-width:1.5}
.pane .p4-flow{fill:none;stroke:#8c6d33;stroke-width:1.75;stroke-dasharray:7 9;animation:flow4 1.1s linear infinite}
@keyframes flow4{to{stroke-dashoffset:-16}}
.pane .p4-n{fill:#fff;stroke:#0e1a2c;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
.pane.on .p4-n{animation:node 9s ease-in-out var(--d) infinite}
@keyframes node{0%{fill:#8c6d33;transform:scale(1.4)}9%{fill:#8c6d33;transform:scale(1.4)}22%{fill:#fff;transform:scale(1)}100%{fill:#fff;transform:scale(1)}}

/* 5 regulatory gates */
.pane .p5-track{fill:none;stroke:#c9cfd9;stroke-width:2;stroke-dasharray:3 6}
.pane .p5-start{fill:#0e1a2c}
.pane .gate{stroke:#0e1a2c;stroke-width:1.5}
.pane .gchk{stroke:#fbf9f4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pane .p5-end rect{fill:#fff;stroke:#0e1a2c;stroke-width:1.5}
.pane .p5-end path{stroke:#8c6d33;stroke-width:1.5;fill:none}

/* 6 partner radar */
.pane .rg{fill:none;stroke:#d9dde4;stroke-width:1}
.pane .ra{stroke:#e3e6ec;stroke-width:1}
.pane .p6-ideal{fill:rgba(140,109,51,.06);stroke:#8c6d33;stroke-width:1.5;stroke-dasharray:5 4}
.pane .p6-cand{fill:rgba(14,26,44,.12);stroke:#5d6676;stroke-width:1.5}
.pane.on .p6-cand{animation:cand 8s ease-in-out infinite}
@keyframes cand{0%,20%{fill:rgba(14,26,44,.12);stroke:#5d6676}50%,85%{fill:rgba(140,109,51,.28);stroke:#8c6d33}100%{fill:rgba(14,26,44,.12);stroke:#5d6676}}
.pane .k-ideal{stroke:#8c6d33;stroke-width:1.5;stroke-dasharray:5 4;fill:none}
.pane .p6-state,.pane .p6-state2{font-size:20px}

@media (prefers-reduced-motion:reduce){
  .p1-line{stroke-dashoffset:0!important;animation:none!important}
  .p1-n,.p2-space,.p2-spaceline,.p2-lab,.p2-prod,.p3-mk{opacity:1!important;animation:none!important}
  .p3-band{transform:none!important;animation:none!important}
  .pane .rip,.pane .trav{display:none}
  .pane .p4-flow,.pane .p4-n,.pane .p6-cand{animation:none!important}
}
.phead p{min-height:3.2em}@media (max-width:640px){.phead p{min-height:0}}