#why-connect{overflow:hidden}
#why-connect::before{content:"";position:absolute;inset:8% auto auto 58%;width:42rem;height:42rem;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.14),rgba(0,174,234,.04) 44%,transparent 70%);filter:blur(18px);pointer-events:none}
.network-value-shell{position:relative}
.network-value-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:end;margin-bottom:28px}
.network-value-intro .section-head{margin:0;max-width:780px}
.network-value-principle{position:relative;padding:22px 24px;border:1px solid rgba(48,106,180,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(229,241,255,.62));box-shadow:0 20px 58px rgba(55,86,126,.12),inset 0 1px rgba(255,255,255,.98);font-size:1rem;font-weight:850;line-height:1.45;color:#0c2c56;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.network-value-principle::before{content:"";position:absolute;left:24px;top:-1px;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,#0066ff,#00b8ff)}
.network-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.network-value-card{position:relative;min-height:218px;padding:25px;border:1px solid rgba(68,111,169,.15);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(236,246,255,.58));box-shadow:0 18px 50px rgba(54,83,119,.1),inset 0 1px rgba(255,255,255,.98);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}
.network-value-card::after{content:"";position:absolute;right:-46px;bottom:-72px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.12),transparent 68%);pointer-events:none}
.network-value-card:hover{transform:translateY(-5px);border-color:rgba(0,102,255,.26);box-shadow:0 28px 72px rgba(46,80,123,.15),inset 0 1px rgba(255,255,255,.98)}
.network-value-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:24px;border-radius:14px;border:1px solid rgba(0,102,255,.16);background:rgba(230,241,255,.8);color:#0058d9;font-size:.72rem;font-weight:950;letter-spacing:.08em;box-shadow:inset 0 1px rgba(255,255,255,.95)}
.network-value-card h3{margin:0 0 10px;color:#0d1f38;font-size:1.06rem;letter-spacing:-.025em}
.network-value-card p{margin:0;color:#52657c;font-size:.89rem;line-height:1.65}
.participation-wrap{margin-top:28px;padding:28px;border:1px solid rgba(62,105,161,.15);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(232,243,255,.58));box-shadow:0 24px 68px rgba(50,81,119,.11),inset 0 1px rgba(255,255,255,.98);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.participation-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.participation-header h3{margin:0;color:#102038;font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.035em}
.participation-signal{display:flex;align-items:center;gap:7px;color:#42607f;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.participation-signal::before{content:"";width:8px;height:8px;border-radius:50%;background:#00aeea;box-shadow:0 0 0 6px rgba(0,174,234,.1)}
.participation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.participation-lane{position:relative;padding:20px;border:1px solid rgba(72,113,168,.14);border-radius:20px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.95)}
.participation-lane-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.participation-lane-index{color:#0061e5;font-size:.78rem;font-weight:950;letter-spacing:.12em}
.participation-lane-status{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;background:rgba(0,102,255,.08);border:1px solid rgba(0,102,255,.14);color:#0056ca;font-size:.66rem;font-weight:900}
.participation-lane-eyebrow{display:block;margin-bottom:7px;color:#56718e;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.participation-lane h3{margin:0 0 9px;color:#10213a;font-size:1rem}
.participation-lane p{margin:0;color:#576a81;font-size:.84rem;line-height:1.6}
.network-value-footnote{margin:18px 4px 0;color:#62758b;font-size:.78rem;line-height:1.6}
[dir="rtl"] .network-value-principle::before{left:auto;right:24px}
@media(max-width:980px){.network-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participation-grid{grid-template-columns:1fr}.network-value-intro{grid-template-columns:1fr}}
@media(max-width:640px){.network-value-grid{grid-template-columns:1fr}.network-value-card{min-height:auto}.participation-wrap{padding:20px}.participation-header{align-items:flex-start;flex-direction:column}.network-value-principle{padding:20px}}
@media(prefers-reduced-motion:reduce){.network-value-card{transition:none}.network-value-card:hover{transform:none}}