.kk-page{}

.kk-hero-grid{
display:grid;
grid-template-columns:45% 55%;
gap:var(--space-4);
align-items:center;
}
.kk-hero-text{
display:flex;
flex-direction:column;
gap:var(--space-3);
max-width:42ch;
}
.kk-hero-image img{width:100%;height:auto;}

.kk-basics-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.kk-basic{min-width:0;max-width:60ch;}

.kk-types-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-3);
}
.kk-type{min-width:0;display:flex;flex-direction:column;gap:var(--space-2);}

.kk-examples-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--space-4);
align-items:center;
}
.kk-examples-text{max-width:65ch;}

.kk-build-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.kk-step{display:flex;flex-direction:column;gap:var(--space-2);}

.kk-strategy-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.kk-strategy-item{max-width:60ch;}

.kk-center{text-align:center;}

.kk-narrow{max-width:55ch;margin-inline:auto;}

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

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

@media(max-width:900px){
.kk-hero-grid{grid-template-columns:1fr;}
.kk-basics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.kk-examples-grid{grid-template-columns:1fr;}
.kk-build-grid{grid-template-columns:1fr;}
.kk-strategy-grid{grid-template-columns:1fr;}
}

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