/* WEB-2 Network — product-specific layer */
.web2-network-preview .connect-product-hero{
  background:
    radial-gradient(circle at 78% 16%,rgba(68,184,232,.22),transparent 34%),
    radial-gradient(circle at 10% 30%,rgba(28,203,151,.10),transparent 28%),
    linear-gradient(135deg,#081721 0%,#0a1d2a 55%,#102b3a 100%);
}
.web2-network-preview .connect-product-hero h1 .accent{color:#73c9f5}
.web2-network-preview .web2-kicker{color:#73c9f5}
.web2-network-preview .web2-jumpbar a.is-active{background:#15384a!important;box-shadow:inset 0 0 0 1px #2b637d}
.web2-network-preview .web2-product-badges span:before{color:#73c9f5}
.network-board{position:relative;min-height:510px;padding:22px;border-radius:28px;border:1px solid #285166;background:radial-gradient(circle at 80% 10%,rgba(115,201,245,.13),transparent 28%),linear-gradient(150deg,#102532,#0b1720);box-shadow:0 36px 85px rgba(0,0,0,.32);overflow:hidden}
.network-board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #234454}
.network-board-title small{display:block;color:#829aa7;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.network-board-title strong{display:block;color:#edf9ff;font-size:20px;margin-top:4px}
.network-board-chip{padding:7px 10px;border-radius:999px;background:#17394a;color:#8fd8fa;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.network-map{position:relative;height:260px;margin:18px 0;border:1px solid #244657;border-radius:18px;background:#0e1d26;overflow:hidden}
.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#12334a;border:1px solid #32657e;color:#fff;font-weight:850}
.network-node{position:absolute;z-index:4;padding:9px 11px;border-radius:12px;border:1px solid #2a5264;background:#112734}
.network-node strong{display:block;color:#eef9ff;font-size:10px}
.network-node small{display:block;color:#7f9ba9;font-size:8px;margin-top:2px}
.network-node.n1{left:7%;top:15%}
.network-node.n2{right:7%;top:18%}
.network-node.n3{left:10%;bottom:12%}
.network-node.n4{right:9%;bottom:14%}
.network-node.merchant{border-color:#315f52;background:#102b26}
.network-node.merchant strong{color:#77dfbf}
.network-node.publisher{border-color:#375b75;background:#102735}
.network-node.publisher strong{color:#8ed4f6}
.network-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.network-flow-card{padding:12px;border-radius:13px;border:1px solid #244657;background:#0e202a}
.network-flow-card small{display:block;color:#7893a1;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.network-flow-card strong{display:block;color:#edf9ff;font-size:12px;margin-top:4px}
.network-audiences{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.network-audience-card{padding:30px;border-radius:22px;border:1px solid #274b5e;background:#0e202a}
.network-audience-card.merchant{background:linear-gradient(150deg,#102a27,#0e202a);border-color:#315a4f}
.network-audience-card.publisher{background:linear-gradient(150deg,#102837,#0e202a);border-color:#31566d}
.network-audience-card span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#78cce9}
.network-audience-card.merchant span{color:#67d7b4}
.network-audience-card h3{font-size:27px;color:#f2fbff;font-weight:820;margin:10px 0}
.network-audience-card p{color:#a7bac5;font-size:14px;line-height:1.7}
.network-audience-card ul{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:9px}
.network-audience-card li{position:relative;padding-left:20px;color:#c5d4dc;font-size:13px}
.network-audience-card li:before{content:"✓";position:absolute;left:0;color:#72cbe8;font-weight:900}
.network-audience-card.merchant li:before{color:#62d7b2}
.network-events{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.network-event{padding:18px;border-radius:17px;border:1px solid #274a5b;background:#0e202a;text-align:center}
.network-event .icon{display:grid;place-items:center;margin:0 auto 11px;width:34px;height:34px;border-radius:50%;background:#143448;color:#7cd1f2;font-size:10px;font-weight:850}
.network-event h3{font-size:16px;color:#eef9ff;font-weight:800;margin-bottom:6px}
.network-event p{font-size:11px;color:#8da4b0;line-height:1.5;margin:0}
.network-attribution{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.network-attribution article{padding:28px;border-radius:20px;border:1px solid #274a5b;background:#0e202a}
.network-attribution h3{font-size:24px;color:#eef9ff;font-weight:820;margin-bottom:16px}
.network-attribution p{color:#a5b8c3;font-size:14px;line-height:1.7}
.network-attribution ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.network-attribution li{position:relative;padding-left:22px;color:#c2d1d9;font-size:13px}
.network-attribution li:before{content:"•";position:absolute;left:3px;color:#73c9f5;font-weight:900}
.network-money{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.network-money article{padding:28px;border-radius:20px;border:1px solid #274a5b;background:#0e202a}
.network-money article:first-child{background:#102924;border-color:#31574c}
.network-money article:last-child{background:#102633;border-color:#31556a}
.network-money span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#79cdef}
.network-money article:first-child span{color:#67d7b4}
.network-money h3{font-size:23px;color:#eef9ff;font-weight:820;margin:10px 0}
.network-money p{font-size:14px;color:#a7bac5;line-height:1.65;margin:0}
.network-safeguards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.network-safeguards article{padding:25px;border-radius:19px;border:1px solid #274a5b;background:#0e202a}
.network-safeguards span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#73c9f5;font-weight:850}
.network-safeguards h3{font-size:21px;color:#eef9ff;font-weight:820;margin:10px 0}
.network-safeguards p{font-size:13px;color:#a2b6c1;line-height:1.6;margin:0}
@media(max-width:991px){
  .network-audiences,.network-attribution,.network-money{grid-template-columns:1fr}
  .network-events{grid-template-columns:repeat(3,1fr)}
  .network-safeguards{grid-template-columns:1fr}
}
@media(max-width:767px){
  .network-board{min-height:0;padding:16px}
  .network-map{height:310px}
  .network-node{max-width:118px}
  .network-node.n1{left:4%;top:8%}
  .network-node.n2{right:4%;top:10%}
  .network-node.n3{left:5%;bottom:8%}
  .network-node.n4{right:5%;bottom:10%}
  .network-flow{grid-template-columns:1fr}
  .network-audience-card,.network-attribution article,.network-money article,.network-safeguards article{padding:21px}
  .network-events{grid-template-columns:1fr 1fr}
}