.cp-page{}

.cp-hero-inner{
max-width:720px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cp-hero h1{
color:var(--accent-neon-violet);
text-shadow:0 0 6px var(--accent-pink);
}

.cp-definition .cp-text-block{
max-width:760px;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cp-types h2{
margin-bottom:var(--space-3);
}

.cp-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
}

.cp-card{
min-width:0;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cp-control-inner{
max-width:720px;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cp-third-inner{
max-width:760px;
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cp-cta-inner{
max-width:760px;
margin-inline:auto;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

.cp-cta .btn{
align-self:center;
}

@media(max-width:900px){
.cp-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}

@media(max-width:600px){
.cp-grid{
grid-template-columns:1fr;
}
}