.bridge{

padding:220px 8%;

background:#050C12;

}

.bridge-container{

max-width:900px;
margin:auto;

text-align:center;

}

.bridge-line{

font-size:2rem;

line-height:1.4;

margin-bottom:14px;

color:rgba(255,255,255,.8);

}

.bridge-line.highlight{

color:#fff;

}

.bridge-line{

opacity:0;
transform:translateY(30px);

transition:all .8s ease;

}

.bridge-visible .bridge-line{

opacity:1;
transform:translateY(0);

}

.bridge{

padding:220px 8%;

background:#050C12;

}

.bridge-container{

max-width:900px;

margin:auto;

text-align:center;

}

.bridge-line{

font-size:2rem;

line-height:1.4;

margin-bottom:30px;

color:rgba(255,255,255,.8);

}

.bridge-line.highlight{

color:#fff;

font-weight:500;

}

.bridge-system{

display:flex;

align-items:center;

justify-content:center;

gap:14px;

margin:40px 0;

}

.bridge-system .line{

width:120px;

height:2px;

background:linear-gradient(
90deg,
transparent,
rgba(38,166,154,.6),
transparent
);

}

.bridge-system .node{

width:8px;
height:8px;

border-radius:50%;

background:var(--accent);

box-shadow:0 0 12px rgba(38,166,154,.8);

}

.bridge-system .node.center{

width:12px;
height:12px;

box-shadow:0 0 20px rgba(38,166,154,1);

}

.bridge-system{

animation:bridgePulse 4s ease-in-out infinite;

}

@keyframes bridgePulse{

0%{
opacity:.6;
transform:scale(.98);
}

50%{
opacity:1;
transform:scale(1);
}

100%{
opacity:.6;
transform:scale(.98);
}

}