.connect-section{background:#1a1a1a;color:#f7f7f7;position:relative;overflow:hidden;padding-block:88px}.connect-section>.section-shell{position:relative;z-index:1}.connect-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#91919155,transparent)}.connect-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:35px}.connect-heading .eyebrow{color:#9f9f9f;font-size:9px;letter-spacing:2px;margin-bottom:21px}.connect-heading h2{font-size:43px;line-height:1.38;font-weight:400;letter-spacing:-1.4px;margin:0}.connect-heading h2 span{color:#999999}.connect-intro{max-width:340px;margin:0 0 6px;color:#adadad;font-size:12px;line-height:1.95}.connect-stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;min-height:298px}.connect-map{height:295px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.connect-network{position:absolute;inset:-8px 0;width:100%;height:310px;fill:none}.connect-network .network-line{stroke:#525252;stroke-width:.8}.connect-network .network-orbit{stroke:#949494;stroke-opacity:.22;stroke-width:.8}.connect-network .network-glow{stroke:#9a9a9a;stroke-width:1.4;stroke-dasharray:3 13;opacity:.8;animation:network-flow 12s linear infinite}.connect-core{position:relative;width:142px;height:142px;border-radius:32px;border:1px solid #85858566;background:#2b2b2b;box-shadow:0 0 0 12px #ababab10,0 0 0 35px #ababab04,0 0 80px #ababab10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;transform:rotate(-7deg)}.connect-core>svg{width:45px;height:45px;fill:none;stroke:#aeaeae;stroke-width:1.4}.connect-core>strong{font-size:16px;letter-spacing:2px;font-weight:500}.connect-core>small{font-size:5px;letter-spacing:1.5px;color:#a7a7a7}.connect-node{position:absolute;display:inline-flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.3px;color:#9c9c9c;background:#1f1f1f;border:1px solid #494949;border-radius:99px;padding:8px 10px}.connect-node:before{content:"";width:4px;height:4px;border-radius:50%;background:#b1b1b1;box-shadow:0 0 7px #b1b1b144}.connect-node-one{left:3%;top:42px}.connect-node-two{right:1%;top:74px}.connect-node-three{left:8%;bottom:40px}.connect-map-caption{position:absolute;bottom:2px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.6px;color:#898989}.connect-platforms{align-self:stretch;padding-top:15px}.connect-platform-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:9px;color:#909090;letter-spacing:.4px}.connect-platform-heading span:last-child{color:#999999}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.platform-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;min-height:115px;padding:15px 7px 13px;border:1px solid #404040;border-radius:15px;background:#272727;color:#e6e6e6;position:relative;transition:border-color .2s,background .2s,transform .2s}.platform-tile:hover{border-color:#828282;transform:translateY(-3px);background:#2e2e2e}.platform-icon{width:34px;height:34px;flex-shrink:0;filter:saturate(.88)}.platform-name{font-size:11px;font-weight:500;letter-spacing:-.1px}.platform-tag{font-size:8px;color:#979797;line-height:1}.connect-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px}.connect-scenarios{display:flex;gap:20px;font-size:9px;color:#969696}.connect-scenarios span{display:inline-flex;align-items:center;gap:7px}.connect-scenarios i{width:5px;height:5px;display:inline-block;border:1px solid #a9a9a9;transform:rotate(45deg)}.connect-footnote{font-size:8px;line-height:1.8;color:#808080;margin:22px 0 0;max-width:1000px}.connect-section a:focus-visible{outline:2px solid #b9b9b9;outline-offset:4px}@keyframes network-flow{to{stroke-dashoffset:-160}}
@media(max-width:1100px){.connect-stage{gap:25px;grid-template-columns:.85fr 1.15fr}.connect-heading{gap:40px}.connect-heading h2{font-size:37px}.connect-intro{max-width:300px;font-size:11px}.platform-grid{gap:9px}.platform-tile{min-height:112px}.platform-name{font-size:10px}.connect-node{font-size:6px;padding:7px 8px}.connect-map{height:285px}}
@media(max-width:800px){.connect-stage{grid-template-columns:1fr;gap:25px}.connect-map{height:235px;max-width:390px;width:100%;margin:auto}.connect-network{height:250px;top:-7px}.connect-core{width:128px;height:128px;border-radius:28px}.connect-heading h2{font-size:33px}.connect-heading{gap:30px}.connect-intro{max-width:270px;font-size:10px}.connect-platforms{padding-top:0}.platform-tile{min-height:119px}.platform-name{font-size:12px}.platform-tag{font-size:9px}.connect-map-caption{bottom:-5px}}
@media(max-width:620px){.connect-section{padding-block:58px}.connect-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:27px}.connect-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:18px}.connect-heading h2{font-size:33px;line-height:1.4;letter-spacing:-1px}.connect-intro{max-width:100%;font-size:11px;line-height:1.9;margin:0}.connect-stage{gap:27px}.connect-map{height:227px;max-width:330px}.connect-network{height:245px}.connect-node-one{left:0;top:35px}.connect-node-two{right:-2px;top:66px}.connect-node-three{left:0;bottom:26px}.connect-map-caption{bottom:-5px;font-size:7px}.connect-platform-heading{font-size:8px;margin-bottom:13px}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.platform-tile{min-height:104px;padding:13px 3px 12px;gap:9px;border-radius:12px}.platform-icon{width:29px;height:29px}.platform-name{font-size:9px;letter-spacing:-.3px}.platform-tag{font-size:6.5px}.connect-bottom{align-items:start;flex-direction:column;gap:22px;margin-top:25px}.connect-scenarios{gap:18px;font-size:8px}.connect-footnote{font-size:7px;line-height:1.9;margin-top:20px}}
@media(max-width:350px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-tile{min-height:110px}.platform-name{font-size:11px}.platform-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.connect-network .network-glow{animation:none}.platform-tile{transition:none}.platform-tile:hover{transform:none}}