.network-section{position:relative;padding:12px 0 84px;scroll-margin-top:12px}
.network-cta{display:flex;justify-content:center;padding:0 0 26px}
.network-cta[hidden],.network-button[hidden]{display:none}
.network-cta-wrap{position:relative;isolation:isolate;width:min(360px,100%)}
.network-cta-wrap::before{content:'';position:absolute;z-index:-1;inset:-22px -34px;border-radius:50%;background:radial-gradient(ellipse at center,#e6ba794a,transparent 72%);pointer-events:none;opacity:.3;animation:network-cta-pulse 7s ease-in-out infinite;animation-play-state:paused}
.network-cta .network-button{width:100%;min-height:62px;padding:18px 27px;gap:22px;border:1px solid #f6d9aa99;border-radius:14px;background:linear-gradient(115deg,#f6deb6,#e6ba79 75%,#d9a766);color:#291b14;box-shadow:inset 0 1px #fff5e580,0 7px 24px #e6ba791c;font-size:14px;white-space:nowrap}
.network-cta .network-button::before{inset:-30% auto -30% 0;width:40%;z-index:0;background:linear-gradient(110deg,transparent,#fff6,transparent);opacity:0;animation:network-cta-sweep 7s ease-in-out infinite;animation-play-state:paused}
.network-cta .network-button>span{position:relative;z-index:1}
.network-cta .network-button:hover{transform:none;border-color:#fff0d6;background:linear-gradient(115deg,#fae6c7,#edc88f 75%,#e5b578);box-shadow:inset 0 1px #fff5e599,0 9px 28px #e6ba7935}
.network-cta .network-button:active{transform:scale(.985)}
.network-cta-arrow{font-size:20px;line-height:1}
.network-cta.is-cta-visible .network-cta-wrap::before,.network-cta.is-cta-visible .network-button::before{animation-play-state:running}
@keyframes network-cta-pulse{0%,100%{opacity:.3}50%{opacity:.65}}
@keyframes network-cta-sweep{0%,50%{transform:translateX(-150%) skewX(-18deg);opacity:0}58%{opacity:.28}76%{opacity:.28}85%,100%{transform:translateX(450%) skewX(-18deg);opacity:0}}
.network-section[hidden],.network-demo-note[hidden],.network-controls[hidden]{display:none}
.network-heading{text-align:center;margin-bottom:32px}
.network-heading h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.045em;line-height:1.14;margin:0 0 13px}
.network-heading h2 span{color:var(--lavender)}
.network-heading p{color:var(--muted);font-size:13px;margin:0}
.network-kicker{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--champagne);font-size:9px;font-weight:600;letter-spacing:.18em;margin:0 0 16px}
.network-kicker img{width:16px;height:13px;opacity:.9}
.network-demo-note{margin:0 0 22px;color:var(--muted);font-size:12px;text-align:center}
.network-demo-note a{color:var(--champagne);text-decoration:underline;text-underline-offset:4px}
.network-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;list-style:none;padding:12px 4px;margin:0 -4px}
.network-item{position:relative;display:flex;flex:0 0 calc((100% - 44px)/3);min-width:0;perspective:1000px}
.network-card{position:relative;isolation:isolate;display:flex;width:100%;padding:1px;overflow:hidden;border-radius:23px;background:#d7b3e636;box-shadow:0 16px 35px #03010526;transform:translateY(0) rotateX(var(--network-rx,0deg)) rotateY(var(--network-ry,0deg));transition:transform .45s var(--ease),box-shadow .45s}
.network-card::before{content:'';position:absolute;z-index:-1;inset:-75%;background:conic-gradient(from var(--network-angle,0deg),transparent 0 32%,#cba1efaa 40%,#f3deff 43%,#c59bdf50 47%,transparent 54% 82%,#e6ba7960 92%,transparent);animation:network-orbit-light 12s linear var(--network-phase,0s) infinite;animation-play-state:paused;opacity:.75;pointer-events:none}
.network-card::after{content:'';position:absolute;z-index:2;inset:1px;border-radius:22px;background:radial-gradient(ellipse at var(--network-mx,30%) var(--network-my,10%),#ead1ff18,transparent 58%);opacity:0;transition:opacity .4s;pointer-events:none}
.network-card-face{position:relative;display:flex;flex-direction:column;width:100%;border-radius:22px;overflow:hidden;background:linear-gradient(150deg,#261832,#17101f 60%,#160f1c)}
.network-art{position:relative;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(ellipse at 67% 22%,#b285c85c,transparent 64%),linear-gradient(140deg,#392246,#191123)}
.network-art::before{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse at 55% 40%,#c59bdf3d,transparent 52%);animation:network-breathe 8s ease-in-out var(--network-phase,0s) infinite;animation-play-state:paused}
.network-art-orbit{position:absolute;width:70%;height:86%;border:1px solid #dec4ef33;border-radius:50%;left:15%;top:6%;transform:rotate(-28deg);box-shadow:0 0 0 22px #d7b3e609,0 0 0 50px #d7b3e606}
.network-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.network-art-wash{position:absolute;inset:0;background:linear-gradient(180deg,#0c091100 50%,#17101f99);pointer-events:none}
.network-label{position:absolute;bottom:16px;left:20px;max-width:calc(100% - 40px);padding:5px 9px;border:1px solid #e6ba793d;border-radius:6px;background:#170f20e6;color:#efd1a5;overflow-wrap:anywhere;font-size:9px;font-weight:600;letter-spacing:.11em;line-height:1.5}
.network-card-body{display:flex;flex:1;flex-direction:column;padding:23px}
.network-card h3{font-size:24px;line-height:1.18;letter-spacing:-.03em;margin:0 0 11px;overflow-wrap:anywhere}
.network-description{color:#bdadc9;font-size:13px;line-height:1.8;margin:0 0 24px;overflow-wrap:anywhere;flex:1}
.network-join{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:12px 16px;border:1px solid #cfaaec54;border-radius:11px;background:linear-gradient(110deg,#c59bdf18,#c59bdf07);font-size:12px;font-weight:600;color:#e9d5f6;transition:background .25s,border-color .25s,transform .25s}
.network-join-label{display:inline-flex;align-items:center;gap:10px}
.network-join-logo{display:block;width:22px;height:18px;object-fit:contain;flex:none}
.network-join-arrow{font-size:19px;line-height:1;transition:transform .25s var(--ease);color:var(--champagne)}
.network-join[aria-disabled=true]{opacity:.65}
.network-join:active{transform:scale(.975)}
.network-card.is-in-view::before,.network-card.is-in-view .network-art::before{animation-play-state:running}
.network-animate .network-item{opacity:0;transform:translateY(18px) scale(.98)}
.network-animate .network-item.has-entered{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--network-delay,0s)}
.network-controls{display:none}
@keyframes network-orbit-light{to{transform:rotate(360deg)}}
@keyframes network-breathe{0%,100%{opacity:.2;transform:translate(-4%,2%) scale(.96)}50%{opacity:.85;transform:translate(4%,-2%) scale(1.04)}}
@media(hover:hover) and (pointer:fine){
  .network-card:hover,.network-card:focus-within{transform:translateY(-4px) rotateX(var(--network-rx,0deg)) rotateY(var(--network-ry,0deg));box-shadow:0 16px 38px #0b06173d,0 0 28px #bb88d719}
  .network-card:hover::after{opacity:1}
  .network-card:hover .network-image{transform:scale(1.035)}
  a.network-join:hover{background:#c59bdf25;border-color:#d2aaeb9c}
  a.network-join:hover .network-join-arrow{transform:translate(2px,-2px)}
}
@media(max-width:1024px){.network-item{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:620px){
  .network-cta{padding:4px 0 26px}
  .network-cta-wrap{width:min(320px,calc(100% - 20px))}
  .network-cta .network-button{min-height:57px;padding:16px 20px;font-size:12px;gap:16px}
  .network-section{padding:10px 0 52px}
  .network-heading{margin-bottom:22px}
  .network-heading h2{font-size:32px;max-width:320px;margin-inline:auto}
  .network-heading p{font-size:12px}
  .network-grid{flex-wrap:nowrap;justify-content:flex-start;gap:14px;padding:12px 4px 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .network-grid::-webkit-scrollbar{display:none}
  .network-item{flex:0 0 88%;scroll-snap-align:start;scroll-margin-left:4px}
  .network-grid.is-single .network-item{flex-basis:100%}
  .network-card,.network-card-face{border-radius:19px}
  .network-card-body{padding:20px}
  .network-card h3{font-size:23px}
  .network-description{margin-bottom:21px;font-size:13px}
  .network-art{aspect-ratio:16/9}
  .network-controls{display:flex;align-items:center;justify-content:center;margin-top:6px;padding:0 2px}
  .network-controls>div{display:flex;gap:8px}
  .network-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d7b3e63b;border-radius:50%;background:#c59bdf08;color:#e4ccef;font-size:20px;cursor:pointer}
  .network-controls button:disabled{opacity:.3;cursor:default}
  .network-controls button:active{background:#c59bdf24;transform:scale(.96)}
}
.is-hidden .network-card::before,.is-hidden .network-art::before{animation-play-state:paused}
.is-hidden .network-cta .network-cta-wrap::before,.is-hidden .network-cta .network-button::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .network-card::before,.network-art::before{animation:none!important}
  .network-card,.network-image,.network-join,.network-join-arrow,.network-animate .network-item{transition:none!important;transform:none!important}
  .network-animate .network-item{opacity:1}
  .network-card::after{display:none}
}