.tk-page{display:block}
.tk-hero{background:var(--primary-brand);color:#fff}
.tk-hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.tk-hero-text{max-width:60ch}
.tk-hero-image img{width:100%;height:auto}

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

.tk-center{text-align:center}

.tk-tip{display:flex;flex-direction:column;gap:var(--space-2)}
.tk-warning{border-left:4px solid var(--accent-orange)}

.tk-steps{display:flex;gap:var(--space-4)}
.tk-step{flex:1;min-width:0}

.tk-summary{ text-align:center }
.tk-summary p{max-width:55ch;margin-inline:auto}

.tk-cta{background:var(--cta-button);text-align:center}

@media(max-width:1024px){
.tk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-hero-grid{grid-template-columns:1fr}
}

@media(max-width:768px){
.tk-grid-3,.tk-grid-4,.tk-grid-5,.tk-grid-2{grid-template-columns:1fr}
.tk-steps{flex-direction:column}
}