/* Scoped multi-market topology; uses the presentation's existing surface and palette. */
.market-ecosystem{padding:25px 32px 20px}
.market-ecosystem__categories{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:920px;margin:0 auto 22px}
.market-ecosystem__categories>span{display:block;border:1px solid rgba(196,214,232,.26);border-radius:999px;background:rgba(5,11,22,.48);text-align:center;padding:8px 10px;font-size:17px;line-height:1.4;color:var(--text)}
.market-ecosystem__categories::after{content:"";position:absolute;left:50%;top:100%;height:22px;border-left:1px solid rgba(196,214,232,.42)}
.market-ecosystem__core-row{position:relative;display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:26px;align-items:center;max-width:920px;margin:auto}
.market-ecosystem__core-row::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(196,214,232,.42)}
.market-ecosystem__product,.market-ecosystem__engine{position:relative;min-width:0;text-align:center;border:1px solid rgba(196,214,232,.3);border-radius:17px;background:linear-gradient(135deg,rgba(37,47,62,.97),rgba(8,17,31,.98))}
.market-ecosystem__product{padding:15px 14px}
.market-ecosystem__product>strong{font-size:22px;font-weight:500;color:var(--blue)}
.market-ecosystem__product>p{font-size:16px;line-height:1.5;margin-top:5px;color:var(--muted)}
.market-ecosystem__engine{padding:23px 15px;border-color:rgba(244,217,175,.6);background:linear-gradient(115deg,rgba(75,65,48,.98),rgba(25,37,54,.98));box-shadow:0 0 26px rgba(244,217,175,.08),inset 0 1px 0 rgba(255,240,219,.16)}
.market-ecosystem__engine>span{display:block;font-size:17px;letter-spacing:.15em;line-height:1.35;color:var(--gold)}
.market-ecosystem__engine>h2{font-size:30px;line-height:1.3;font-weight:450;margin:6px 0 0;color:var(--white)}
.market-ecosystem__markets{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:40px auto 0;max-width:1180px}
.market-ecosystem__markets::before{content:"";position:absolute;top:-20px;left:calc(12.5% - 7.5px);right:calc(12.5% - 7.5px);border-top:1px solid rgba(196,214,232,.42)}
.market-ecosystem__markets::after{content:"";position:absolute;left:50%;top:-40px;height:20px;border-left:1px solid rgba(196,214,232,.42)}
.market-ecosystem__market{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0;padding:16px 12px 14px;border:1px solid rgba(196,214,232,.3);border-radius:17px;background:linear-gradient(130deg,rgba(7,14,26,.85),rgba(33,45,63,.86));text-align:center}
.market-ecosystem__market::before{content:"";position:absolute;left:50%;top:-21px;height:20px;border-left:1px solid rgba(196,214,232,.42)}
.market-ecosystem__market--core{border-color:rgba(151,252,228,.65);background:linear-gradient(140deg,rgba(12,48,47,.87),rgba(9,20,32,.96));box-shadow:inset 0 1px 0 rgba(151,252,228,.1)}
.market-ecosystem__market-role{font-size:13px;line-height:1.4;color:var(--muted)}
.market-ecosystem__market--core .market-ecosystem__market-role{color:#aaf4df}
.market-ecosystem__logo{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:9px 0 7px;overflow:hidden}
.market-ecosystem__logo>img{display:block;flex:none;width:49px;height:49px;object-fit:contain}
.market-ecosystem__logo--polymarket>img{width:86px;height:86px}
.market-ecosystem__market>h3{font-size:22px;font-weight:500;line-height:1.3;margin:0;color:var(--white)}
.market-ecosystem__caption{font-size:16px;line-height:1.5;text-align:center;color:var(--muted);margin-top:18px}
.market-ecosystem__workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px;list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.market-ecosystem__workflow>li{position:relative;min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);gap:3px 7px;padding:12px;border:1px solid rgba(196,214,232,.24);border-radius:12px;background:rgba(6,14,26,.48)}
.market-ecosystem__workflow>li+li::before{content:"→";position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);font-size:19px;color:var(--blue)}
.market-ecosystem__step-number{font-size:12px;line-height:25px;color:var(--muted)}
.market-ecosystem__workflow strong{font-size:18px;line-height:25px;font-weight:500;color:var(--white)}
.market-ecosystem__workflow p{grid-column:1/-1;font-size:14px;line-height:1.5;color:var(--text)}
@media(max-width:900px){
.market-ecosystem{padding:17px 15px 14px}
.market-ecosystem__categories{gap:5px;margin-bottom:17px}
.market-ecosystem__categories>span{font-size:11px;padding:6px 3px;white-space:nowrap}
.market-ecosystem__categories::after{height:17px}
.market-ecosystem__core-row{grid-template-columns:1fr 1.55fr 1fr;gap:9px}
.market-ecosystem__product,.market-ecosystem__engine{border-radius:13px}
.market-ecosystem__product{padding:11px 3px}
.market-ecosystem__product>strong{font-size:14px;line-height:1.3}
.market-ecosystem__product>p{font-size:11px;line-height:1.45;margin-top:3px}
.market-ecosystem__engine{padding:19px 5px}
.market-ecosystem__engine>span{font-size:11px;letter-spacing:.06em}
.market-ecosystem__engine>h2{font-size:20px;line-height:1.35;margin:4px 0 0}
.market-ecosystem__markets{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:30px}
.market-ecosystem__markets::before{top:-15px;left:calc(25% - 2.75px);right:calc(25% - 2.75px)}
.market-ecosystem__markets::after{top:-30px;bottom:50%;height:auto}
.market-ecosystem__market{padding:10px 7px;border-radius:13px}
.market-ecosystem__market::before{top:-16px;height:15px}
.market-ecosystem__market:nth-child(n+3)::before{top:-6px;height:5px}
.market-ecosystem__market:nth-child(n+3)::after{content:"";position:absolute;top:-6px;border-top:1px solid rgba(196,214,232,.42)}
.market-ecosystem__market:nth-child(3)::after{left:50%;right:-7px}
.market-ecosystem__market:nth-child(4)::after{left:-7px;right:50%}
.market-ecosystem__market-role{font-size:10px}
.market-ecosystem__logo{width:40px;height:40px;margin:6px 0 5px}
.market-ecosystem__logo>img{width:35px;height:35px}
.market-ecosystem__logo--polymarket>img{width:61px;height:61px}
.market-ecosystem__market>h3{font-size:15px;line-height:1.3}
.market-ecosystem__caption{font-size:12px;line-height:1.5;margin-top:13px}
.market-ecosystem__workflow{grid-template-columns:1fr;gap:0;margin-top:12px;padding-top:8px}
.market-ecosystem__workflow>li{grid-template-columns:19px 65px minmax(0,1fr);gap:6px;padding:5px 0;border:0;border-bottom:1px solid rgba(196,214,232,.12);border-radius:0;background:transparent;align-items:center}
.market-ecosystem__workflow>li:last-child{border-bottom:0}
.market-ecosystem__workflow>li+li::before{display:none}
.market-ecosystem__step-number{font-size:10px;line-height:18px}
.market-ecosystem__workflow strong{font-size:13px;line-height:18px}
.market-ecosystem__workflow p{grid-column:auto;font-size:12px;line-height:18px}
.market-ecosystem__market{padding-top:8px;padding-bottom:8px}
.market-ecosystem__logo{width:32px;height:32px;margin:4px 0}
.market-ecosystem__logo>img{width:30px;height:30px}
.market-ecosystem__logo--polymarket>img{width:52px;height:52px}
}

/* Two masked border highlights travel around the frame without touching connector lines. */
@property --market-orbit-angle{syntax:"<angle>";inherits:true;initial-value:0deg}
.market-ecosystem__orbit{--market-orbit-rgb:244 217 175;--market-orbit-tip:#fff2da;position:absolute;inset:-2px;z-index:2;border-radius:inherit;pointer-events:none;animation:market-border-orbit 7s linear infinite;filter:drop-shadow(0 0 4px rgb(var(--market-orbit-rgb) / .65)) drop-shadow(0 0 9px rgb(var(--market-orbit-rgb) / .28))}
.market-ecosystem__market--core>.market-ecosystem__orbit{--market-orbit-rgb:151 252 228;--market-orbit-tip:#dbfff5;animation-duration:8.5s;animation-delay:-2.8s}
.market-ecosystem__orbit::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--market-orbit-angle),transparent 0deg,transparent 228deg,rgb(var(--market-orbit-rgb) / .08) 255deg,rgb(var(--market-orbit-rgb) / .35) 301deg,rgb(var(--market-orbit-rgb) / .9) 336deg,var(--market-orbit-tip) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes market-border-orbit{from{--market-orbit-angle:0deg}to{--market-orbit-angle:360deg}}
.motion-off .market-ecosystem__orbit{animation-play-state:paused;opacity:0}
@media(max-width:900px){.market-ecosystem__orbit{inset:-1.5px;filter:drop-shadow(0 0 3px rgb(var(--market-orbit-rgb) / .6)) drop-shadow(0 0 6px rgb(var(--market-orbit-rgb) / .25))}.market-ecosystem__orbit::before{padding:1.5px}}
@media(prefers-reduced-motion:reduce){.market-ecosystem__orbit{animation:none;opacity:0}}

/* Decorative packets follow existing connectors; all content stays in its original flow. */
.market-ecosystem__packet{--market-packet-rgb:168 216 255;--market-packet-delay:0s;--market-packet-size:7px;position:absolute;z-index:1;display:block;width:2px;pointer-events:none;font-style:normal}
.market-ecosystem__packet::after{content:"";position:absolute;left:0;top:0;width:2px;height:var(--market-packet-size);border-radius:99px;opacity:0;background:linear-gradient(to bottom,transparent,rgb(var(--market-packet-rgb) / .98));filter:drop-shadow(0 0 3px rgb(var(--market-packet-rgb) / .9));animation:market-packet-down 6s linear infinite;animation-delay:var(--market-packet-delay)}
.market-ecosystem__packet--input{--market-packet-rgb:244 217 175;left:50%;top:100%;height:22px}
.market-ecosystem__packet--duplex{top:50%;width:26px;height:2px}
.market-ecosystem__packet--duplex::after{width:6px;height:2px;background:rgb(var(--market-packet-rgb) / .92);animation:market-packet-duplex 3.6s ease-in-out infinite}
.market-ecosystem__packet--dapp{left:calc(28.169014% - 14.647887px)}
.market-ecosystem__packet--nova{right:calc(28.169014% - 14.647887px)}
.market-ecosystem__packet--nova::after{animation-delay:-1.8s}
.market-ecosystem__packet--trunk{--market-packet-delay:.55s;left:50%;top:-40px;height:20px}
.market-ecosystem__packet--branch-left,.market-ecosystem__packet--branch-right{--market-packet-delay:1.05s;top:-20px;width:calc(37.5% + 7.5px);height:2px}
.market-ecosystem__packet--branch-left{left:calc(12.5% - 7.5px)}
.market-ecosystem__packet--branch-right{left:50%}
.market-ecosystem__packet--branch-left::after,.market-ecosystem__packet--branch-right::after{width:8px;height:2px;animation-name:market-packet-right;background:linear-gradient(to right,transparent,rgb(var(--market-packet-rgb) / .98))}
.market-ecosystem__packet--branch-left::after{animation-name:market-packet-left;background:linear-gradient(to left,transparent,rgb(var(--market-packet-rgb) / .98))}
.market-ecosystem__packet--drop{left:50%;top:-21px;height:20px;--market-packet-delay:2.05s}
.market-ecosystem__packet--market-2,.market-ecosystem__packet--market-3{--market-packet-delay:1.45s}
.market-ecosystem__market--core>.market-ecosystem__packet{--market-packet-rgb:151 252 228}
.market-ecosystem__packet--trunk-lower,.market-ecosystem__packet--lower{display:none}
@keyframes market-packet-down{0%{top:0;opacity:0}2%{opacity:.95}9%{top:calc(100% - var(--market-packet-size));opacity:.95}11%,100%{top:calc(100% - var(--market-packet-size));opacity:0}}
@keyframes market-packet-right{0%{left:0;opacity:0}2%{opacity:.95}17%{left:calc(100% - 8px);opacity:.95}19%,100%{left:calc(100% - 8px);opacity:0}}
@keyframes market-packet-left{0%{left:calc(100% - 8px);opacity:0}2%{opacity:.95}17%{left:0;opacity:.95}19%,100%{left:0;opacity:0}}
@keyframes market-packet-duplex{0%,50%,100%{opacity:0}0%,100%{left:0}10%,40%,65%,90%{opacity:.9}45%,55%{left:calc(100% - 6px)}95%{left:0}}
.market-ecosystem__step-pulse{position:absolute;inset:-1px;pointer-events:none;border:1px solid rgba(244,217,175,.6);border-radius:inherit;opacity:0;box-shadow:0 0 13px rgba(168,216,255,.15),inset 0 0 12px rgba(244,217,175,.06);animation:market-step-pulse 6s ease-in-out infinite;animation-delay:calc(var(--market-step) * 1.2s)}
.market-ecosystem__step-relay{position:absolute;left:100%;top:50%;width:23px;height:2px;pointer-events:none}
.market-ecosystem__step-relay::after{content:"";position:absolute;left:0;top:0;width:6px;height:2px;opacity:0;border-radius:99px;background:var(--blue);filter:drop-shadow(0 0 3px rgba(168,216,255,.9));animation:market-step-transfer 6s linear infinite;animation-delay:calc(var(--market-step) * 1.2s)}
@keyframes market-step-pulse{0%{opacity:0}4%{opacity:.85}13%{opacity:.6}20%,100%{opacity:0}}
@keyframes market-step-transfer{0%,12%{left:0;opacity:0}13%{opacity:.95}19%{left:calc(100% - 6px);opacity:.95}20%,100%{left:calc(100% - 6px);opacity:0}}
@keyframes market-step-transfer-down{0%,12%{top:0;opacity:0}13%{opacity:.95}19%{top:calc(100% - 6px);opacity:.95}20%,100%{top:calc(100% - 6px);opacity:0}}
@media(max-width:900px){
.market-ecosystem__packet--input{height:17px}
.market-ecosystem__packet--duplex{width:9px}.market-ecosystem__packet--dapp{left:calc(28.169014% - 5.070423px)}.market-ecosystem__packet--nova{right:calc(28.169014% - 5.070423px)}
.market-ecosystem__packet--trunk{top:-30px;height:15px}
.market-ecosystem__packet--branch-left,.market-ecosystem__packet--branch-right{top:-15px;width:calc(25% + 2.75px)}
.market-ecosystem__packet--branch-left{left:calc(25% - 2.75px)}
.market-ecosystem__packet--drop{top:-16px;height:15px;--market-packet-delay:2.05s}
.market-ecosystem__packet--trunk-lower{display:block;left:50%;top:-15px;bottom:50%;--market-packet-delay:1.15s}
.market-ecosystem__packet--lower{display:block;top:calc(50% - .5px);--market-packet-delay:1.75s}
.market-ecosystem__packet--market-3,.market-ecosystem__packet--market-4{top:-6px;height:5px;--market-packet-delay:2.75s}
.market-ecosystem__packet--market-3,.market-ecosystem__packet--market-4{--market-packet-size:4px}
.market-ecosystem__step-pulse{inset:0;border:0;border-left:2px solid rgba(244,217,175,.7);box-shadow:inset 7px 0 9px -8px rgba(244,217,175,.3)}
.market-ecosystem__step-relay{left:-7px;top:50%;width:2px;height:100%}
.market-ecosystem__step-relay::after{width:2px;height:6px;animation-name:market-step-transfer-down}
}
.motion-off .market-ecosystem__packet,.motion-off .market-ecosystem__step-pulse,.motion-off .market-ecosystem__step-relay{visibility:hidden;opacity:0}
.motion-off .market-ecosystem__packet::after,.motion-off .market-ecosystem__step-pulse,.motion-off .market-ecosystem__step-relay::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.market-ecosystem__packet,.market-ecosystem__step-pulse,.market-ecosystem__step-relay{opacity:0}.market-ecosystem__packet::after,.market-ecosystem__step-pulse,.market-ecosystem__step-relay::after{animation:none}}
