.funkciok-page .hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-5);align-items:center}
.hero-text{max-width:60ch}
.hero-media img{width:100%;border-radius:var(--radius-lg)}

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

.generation-inner{max-width:720px;margin-inline:auto}
.generation-inner p{max-width:60ch}
.generation-note{margin-top:var(--space-3)}

.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.visual-text{max-width:65ch}
.visual-media img{width:100%;border-radius:var(--radius-lg)}

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

.masonry{column-count:3;column-gap:var(--space-3);margin-top:var(--space-3)}
.masonry img{margin-bottom:var(--space-3);width:100%;break-inside:avoid;border-radius:var(--radius-md)}

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

.notice-inner{max-width:700px;margin-inline:auto;text-align:center}
.notice-inner p{max-width:65ch;margin-inline:auto}

.cta{background:var(--surface-accent)}
.cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}
.cta-inner p{max-width:55ch}

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

@media (max-width:900px){
.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.masonry{column-count:2}
}

@media (max-width:600px){
.features-grid{grid-template-columns:1fr}
.ux-grid{grid-template-columns:1fr}
.modes-grid{grid-template-columns:1fr}
.masonry{column-count:1}
.hero-text,.visual-text{max-width:100%}
.masonry{column-count:1;column-gap:0}
}