.net-band{position:relative;height:300px;background:var(--black);overflow:hidden;display:flex;align-items:center;}
#netCanvas{position:absolute;inset:0;width:100%;height:100%;}
.net-band-inner{position:relative;z-index:1;text-align:center;width:100%;}
.net-band-inner h2{color:var(--white);font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:650;letter-spacing:-0.03em;}
.net-band-inner .eyebrow{justify-content:center;color:var(--gray-2);}
.net-band-inner .eyebrow::before{background:var(--gray-2);}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-top:none;}
.cap{background:var(--white);padding:36px 30px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:background .35s var(--ease);}
.cap:hover{background:var(--paper);}
.cap .idx{font-family:var(--font-mono);font-size:.72rem;color:var(--gray-1);letter-spacing:.05em;}
.cap .icon{margin:18px 0;}
.cap h3{font-size:1.02rem;font-weight:650;letter-spacing:-0.01em;margin-bottom:8px;}
.cap p{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;color:var(--gray-1);text-transform:uppercase;}
@media(max-width:920px){.grid4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.grid4{grid-template-columns:1fr;}}