.formaty-page{display:block}
.hero-container{display:flex;flex-direction:column;gap:var(--space-5);align-items:center;text-align:center}
.hero-content{max-width:70ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}
.hero-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}
.hero-stats{width:100%}
.stat-card{grid-column:span 4;min-width:0;text-align:center}
.stat-card h3{font-size:var(--text-xl)}
.narrow-text{max-width:65ch}
.format-card{align-items:center}
.format-text{grid-column:span 7;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}
.format-image{grid-column:span 5;min-width:0}
.format-image img{border-radius:var(--radius-md)}
.comparison .card{grid-column:span 4;min-width:0}
.timeline{display:flex;gap:var(--space-4);flex-wrap:wrap}
.timeline-step{flex:1;min-width:200px;border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-md)}
.timeline-step.active{border-color:var(--color-accent-indigo)}
.cta-container{display:flex;justify-content:center}
.cta-card{max-width:700px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
@media(max-width:767px){
.stat-card{grid-column:span 4}
.format-text,.format-image{grid-column:span 4}
.comparison .card{grid-column:span 4}
.timeline{flex-direction:column}
}