:root{--hub-size:176px;--connection-line:#042f5f26;--connection-ink:var(--navy);--showcase-radius:18px;--showcase-gap:24px;--showcase-space:32px;--showcase-ease:cubic-bezier(.22,1,.36,1);--showcase-shadow:0 16px 48px #042f5f08}
/* The supplied logo remains unchanged. All motion belongs to its surroundings. */
.connection-art{padding-top:0}.connection-scene{position:relative;aspect-ratio:1.25;display:grid;place-items:center;isolation:isolate}
.connection-routes{position:absolute;inset:0;width:100%;height:100%;stroke-width:1;overflow:visible;z-index:-1}
.connection-orbit{stroke:var(--connection-line)}.secondary-orbit{stroke-dasharray:2 7;stroke:var(--line)}
.connection-trace{stroke:var(--green);stroke-width:1.4;stroke-dasharray:12 88;stroke-dashoffset:0;opacity:.65}
.connection-points{fill:var(--white);stroke:var(--connection-ink);stroke-width:1.2}
.connection-art .connection-mark{width:70%;margin:0;height:auto;max-height:none;animation:none}
.connection-label{position:absolute;background:var(--white);padding:4px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:12px;line-height:1.6;letter-spacing:.02em}
.label-connect{top:18%;left:2%}.label-continuity{top:27%;right:0}.label-global{bottom:5%;right:16%}
.connection-art .art-caption{margin:24px 16px 0;align-items:center;min-height:52px;padding-top:16px;font-size:11px;letter-spacing:.04em}
.motion-replay{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--navy);border-radius:6px;background:var(--navy);color:var(--white);font-size:11px;line-height:1;flex-shrink:0}
.motion-replay svg{width:14px;height:14px}.motion-replay:hover{box-shadow:0 4px 12px #042f5f16}.motion-replay:active{transform:translateY(1px)}
.is-playing .connection-trace{animation:connection-travel 4.5s linear both}.is-playing .connection-points circle{animation:connection-signal 4.5s var(--showcase-ease) both}.is-playing .connection-points circle:nth-child(2){animation-delay:.15s}.is-playing .connection-points circle:nth-child(3){animation-delay:.25s}
@keyframes connection-travel{0%{stroke-dashoffset:100;opacity:0}12%{opacity:.9}85%{opacity:.9}100%{stroke-dashoffset:0;opacity:.65}}
@keyframes connection-signal{0%,100%{fill:var(--white)}40%,65%{fill:var(--green)}}
.ecosystem{position:relative;padding:16px 0;background:var(--white);isolation:isolate}
.ecosystem-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24%;text-align:center;z-index:2}
.ecosystem-centre:before{content:'';position:absolute;top:calc(var(--hub-size) / 2);left:-1px;right:-1px;height:1px;background:var(--connection-line);z-index:-2}
.ecosystem-mark{width:var(--hub-size);height:var(--hub-size);display:grid;place-items:center;border:1px solid var(--connection-line);border-radius:50%;margin:0 auto 24px;background:var(--white);box-shadow:var(--showcase-shadow);position:relative}
.ecosystem-mark:before{content:'';position:absolute;inset:-15px;border:1px dashed var(--connection-line);border-radius:50%;z-index:-1}.ecosystem-mark img{width:112px;height:auto}
.ecosystem-centre p{font-size:18px;color:var(--navy);line-height:1.5}.ecosystem-centre p span{font-size:14px;color:var(--muted);font-style:italic}
.ecosystem-products{display:grid;grid-template-columns:30% 24% 30%;grid-auto-rows:minmax(124px,auto);gap:var(--showcase-gap) 8%;position:relative}
.ecosystem-products:before,.ecosystem-products:after{content:'';position:absolute;top:62px;bottom:62px;width:8%;border:1px solid var(--connection-line);z-index:-1}
.ecosystem-products:before{left:30%;border-left:0;border-radius:0 20px 20px 0}.ecosystem-products:after{right:30%;border-right:0;border-radius:20px 0 0 20px}
.ecosystem-products .product-card{grid-row:var(--product-row);grid-column:var(--product-side);display:flex;align-items:center;gap:20px;min-height:112px;padding:24px;border-radius:12px;position:relative;scroll-margin-top:140px;transition:border-color .2s,box-shadow .2s;overflow:visible}
.ecosystem-products .product-card:before{content:'';position:absolute;top:50%;width:26.667%;height:1px;background:var(--connection-line);z-index:-1}
.ecosystem-products .product-card:nth-child(odd):before{left:100%}.ecosystem-products .product-card:nth-child(even):before{right:100%}
.ecosystem-products .product-card h3{font-size:24px}.ecosystem-products .product-card p{font-size:14px;line-height:1.5;margin-top:6px}.ecosystem-products .product-index{font-size:10px;margin:0;color:var(--connection-ink);align-self:flex-start;padding-top:6px}
.product-node{position:absolute;top:calc(50% - 4px);width:8px;height:8px;background:var(--white);border:1px solid var(--connection-ink);border-radius:50%}.product-card:nth-child(odd) .product-node{right:-5px}.product-card:nth-child(even) .product-node{left:-5px}
.ecosystem-products .product-card:hover,.ecosystem-products .product-card:target{transform:none;border-color:var(--connection-ink);box-shadow:var(--showcase-shadow)}
.ecosystem-products .product-card:hover .product-node,.ecosystem-products .product-card:target .product-node{background:var(--green)}
.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--showcase-gap)}
.spotlight-card{border:1px solid var(--line);border-radius:var(--showcase-radius);overflow:hidden;background:var(--white);transition:border-color .2s,box-shadow .2s}
.spotlight-card:hover,.spotlight-card:focus-within{border-color:var(--connection-line);box-shadow:var(--showcase-shadow)}
.spotlight-art{min-height:330px;height:clamp(300px,30vw,380px);position:relative;display:grid;place-items:center;padding:64px 40px 40px;border-bottom:1px solid var(--line);background:var(--white)}
.spotlight-art:before,.spotlight-art:after{content:'';position:absolute;pointer-events:none;border:1px solid var(--line);border-radius:50%;width:230px;height:230px;z-index:0}
.spotlight-art:after{width:290px;height:290px;border-style:dashed;border-color:var(--connection-line)}
.spotlight-edition{position:absolute;top:24px;left:28px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);z-index:1}
.spotlight-art img{object-fit:contain;position:relative;z-index:1;max-width:80%;background:var(--white)}
.spotlight-voting img{width:340px;max-width:100%;height:auto;padding-block:24px}.spotlight-coretill img{width:280px;height:auto;padding-block:20px}.spotlight-coretill:before{border-radius:28px;transform:rotate(-12deg);width:250px;height:170px}.spotlight-coretill:after{border-radius:36px;transform:rotate(-12deg);width:310px;height:230px}
.spotlight-copy{padding:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.spotlight-copy h3{font-size:29px}.spotlight-copy p{font-size:15px;margin-top:8px;line-height:1.6}.spotlight-copy .text-link{font-size:13px;gap:12px}
@media(max-width:1100px){:root{--hub-size:140px}.ecosystem-products .product-card{padding:20px;gap:12px}.ecosystem-mark img{width:94px}.spotlight-copy{display:block}.spotlight-copy .text-link{margin-top:12px}}
@media(max-width:900px){:root{--hub-size:128px}.ecosystem-centre:before{display:none}.connection-label{font-size:10px}.connection-art .art-caption{margin-inline:0;letter-spacing:0;font-size:10px}.ecosystem-centre{position:relative;top:auto;left:auto;transform:none;width:100%;margin:0 auto 44px}.ecosystem-centre:after{content:'';position:absolute;height:32px;top:calc(100% + 12px);left:50%;width:1px;background:var(--connection-line)}.ecosystem-mark{width:128px;height:128px;margin-bottom:24px}.ecosystem-centre p br{display:none}.ecosystem-centre p span{margin-left:6px}.ecosystem-products{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:20px;padding-top:24px}.ecosystem-products:before{left:25%;right:25%;top:0;bottom:auto;width:auto;height:24px;border:1px solid var(--connection-line);border-bottom:0;border-radius:12px 12px 0 0}.ecosystem-products:after{display:none}.ecosystem-products .product-card{grid-row:auto;grid-column:auto;min-height:104px}.ecosystem-products .product-card:before{width:1px;height:21px;top:-21px;left:50%!important;right:auto!important}.ecosystem-products .product-card:nth-child(-n+2):before{display:none}.product-node{top:-5px;left:calc(50% - 4px)!important;right:auto!important}.spotlight-art{min-height:280px;padding-inline:20px}.spotlight-copy{padding:24px}.spotlight-voting img{width:280px;height:auto}.spotlight-coretill img{width:230px}.spotlight-art:after{width:250px;height:250px}.spotlight-coretill:after{width:250px;height:210px}.spotlight-coretill:before{width:200px;height:160px}}
@media(max-width:600px){.connection-scene{margin:0 auto;width:100%;max-width:440px}.connection-label{font-size:10px;padding:3px 9px}.connection-art .art-caption{margin:16px 0 0;font-size:9px}.connection-art .connection-mark{width:67%}.motion-replay{min-height:40px;font-size:10px}.ecosystem{padding-top:4px}.ecosystem-products{gap:16px 12px}.ecosystem-products .product-card{display:block;padding:20px 16px;min-height:147px}.ecosystem-products .product-index{padding:0;margin-bottom:12px;font-size:10px}.ecosystem-products .product-card h3{font-size:clamp(18px,5.4vw,22px)}.ecosystem-products .product-card p{font-size:13px;line-height:1.55}.ecosystem-products .product-card:before{top:-17px;height:17px}.ecosystem-centre p{font-size:17px}.ecosystem-centre p br{display:block}.ecosystem-centre p span{font-size:14px;margin-left:0}.spotlight-grid{grid-template-columns:1fr;gap:24px}.spotlight-art{height:300px;min-height:0}.spotlight-edition{font-size:9px;left:24px}.spotlight-copy{padding:24px}.spotlight-copy h3{font-size:27px}.spotlight-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.connection-art *{animation:none!important}.motion-replay{display:none!important}.spotlight-card,.ecosystem-products .product-card{transition:none}}