.asztali-page .hero{
position:relative;
min-height:70vh;
display:flex;
align-items:center;
justify-content:center;
}

.hero-content{
position:relative;
z-index:2;
max-width:720px;
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
margin-inline:auto;
}

.definition-grid{
align-items:start;
}

.definition-col{
display:flex;
flex-direction:column;
gap:var(--space-2);
max-width:520px;
}

.card-grid .card:hover{
border:var(--border-accent);
}

.mood-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--space-4);
align-items:center;
}

.mood-text{
max-width:600px;
display:flex;
flex-direction:column;
gap:var(--space-3);
}

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

.step{
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.step-num{
font-family:var(--font-heading);
font-size:4rem;
color:var(--color-accent);
}

.audience-grid .audience-col{
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.why-grid > div{
display:flex;
flex-direction:column;
gap:var(--space-2);
}

.cta-panel{
border:var(--border-accent);
padding:var(--space-5);
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-3);
max-width:600px;
margin-inline:auto;
}

.closing{
max-width:600px;
text-align:center;
margin-inline:auto;
}

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

.steps-grid{
grid-template-columns:1fr;
}
}