.cc-ops-section{
padding:120px 5%;
background:#050505;
}

.cc-ops-container{
max-width:1500px;
margin:auto;
}

.cc-ops-header{
margin-bottom:50px;
}

.cc-ops-eyebrow{
color:#00FFB2;
font-size:12px;
letter-spacing:.2em;
}

.cc-ops-header h2{
font-size:58px;
color:#fff;
margin:18px 0;
}

.cc-ops-header p{
color:#8A97A6;
line-height:1.7;
max-width:820px;
}

.cc-ops-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-bottom:40px;
}

.cc-ops-card{
background:#101418;
border:1px solid rgba(255,255,255,.06);
border-radius:24px;
padding:32px;
}

.cc-ops-card span{
display:block;
color:#8A97A6;
margin-bottom:14px;
}

.cc-ops-card strong{
color:#fff;
font-size:42px;
}

.cc-pipeline{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom:40px;
}

.cc-pipeline-step{
padding:16px 24px;
border-radius:40px;
background:#0C1014;
color:#8A97A6;
border:1px solid rgba(255,255,255,.06);
}

.cc-pipeline-step.active{
background:linear-gradient(135deg,#00FFB2,#00D9FF);
color:#000;
font-weight:bold;
}

.cc-command-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-bottom:40px;
}

.cc-command-panel{
background:#101418;
border:1px solid rgba(255,255,255,.06);
border-radius:24px;
padding:30px;
}

.cc-command-panel h3{
color:#fff;
margin-bottom:20px;
}

.cc-command-panel ul{
padding-left:18px;
color:#B7C3CF;
line-height:2;
}

.cc-ops-terminal{
background:#070B0E;
border-radius:24px;
overflow:hidden;
border:1px solid rgba(0,255,178,.12);
}

.cc-terminal-header{
background:#0C1014;
padding:18px 24px;
color:#00FFB2;
font-weight:bold;
}

.cc-terminal-body{
height:320px;
overflow-y:auto;
padding:24px;
font-family:monospace;
color:#B7C3CF;
}

.cc-ops-line{
margin-bottom:12px;
}

@media(max-width:980px){

.cc-ops-grid,
.cc-command-grid{
grid-template-columns:1fr;
}

.cc-ops-header h2{
font-size:42px;
}

}