.lk-page section{position:relative}

.lk-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.lk-hero-text{max-width:55ch}
.lk-hero-image img{width:100%;height:auto}

.lk-gen-inner{text-align:center}
.lk-gen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.lk-card{min-width:0}

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

.lk-types-image{max-width:400px;margin:0 auto var(--space-4)}
.lk-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.lk-strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.lk-strategy-grid > div{min-width:0;max-width:65ch}

.lk-gameplay-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.lk-gameplay-grid p{max-width:60ch}

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

.lk-daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.lk-daily-grid > div{max-width:60ch}

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

@media(max-width:900px){
.lk-hero-grid{grid-template-columns:1fr}
.lk-gen-grid,.lk-benefits-grid,.lk-types-grid,.lk-strategy-grid,.lk-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lk-gameplay-grid,.lk-daily-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.lk-gen-grid,.lk-benefits-grid,.lk-types-grid,.lk-strategy-grid,.lk-tips-grid{grid-template-columns:1fr}
.lk-hero-text{max-width:100%}
}