.home-main {}

.hero-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.hero-text {display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);max-width:520px}
.hero-image{position:relative}
.hero-image::after{content:"ÚJ KÖR / ÚJ TÖRTÉNET";position:absolute;right:-1rem;bottom:2rem;padding:.7rem 1rem;background:var(--color-accent-coral);color:var(--color-ink);font-size:.7rem;font-weight:800;letter-spacing:.12em;transform:rotate(-3deg)}
.hero-image img {width:100%;height:min(68vh,680px);object-fit:cover}
.hero-actions {display:flex;gap:var(--space-3);flex-wrap:wrap}

.concept-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;text-align:left;border-top:1px solid var(--color-border-architectural)}
.concept-item {max-width:none;margin:0;padding:var(--space-4);border-right:1px solid var(--color-border-architectural)}
.concept-item:first-child{border-left:1px solid var(--color-border-architectural)}

.editorial-wrap {display:flex;justify-content:center}
.editorial-text {max-width:900px;text-align:center}

.features-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.features-text {max-width:520px}
.features-image img {width:100%;height:100%;object-fit:cover}

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

.showcase-wrap {display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.showcase-text {max-width:500px;text-align:center;margin-inline:auto}

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

.modes-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}

.app-grid {display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.app-text {max-width:520px}
.app-image {min-height:360px;background:linear-gradient(135deg,var(--color-accent-ruby),var(--color-bg-secondary));border-radius:50% 18px 50% 18px}

.design-wrap {display:flex;justify-content:center}
.design-text {max-width:600px;text-align:center;margin-inline:auto}

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

.cta-wrap {display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

@media (max-width:1100px){
.hero-grid {grid-template-columns:1fr}
}

@media (max-width:900px){
.concept-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.features-grid,.modes-grid,.app-grid {grid-template-columns:1fr}
.steps-grid {grid-template-columns:1fr}
.challenges-grid {grid-template-columns:1fr}
.start-grid {grid-template-columns:1fr}
}

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