.if-page{display:block}
.if-hero{display:grid;grid-template-columns:55% 45%;min-height:70vh}
.if-hero-image img{width:100%;height:100%;object-fit:cover}
.if-hero-text{display:flex;align-items:center}
.if-hero-inner{max-width:45ch;display:flex;flex-direction:column;gap:var(--space-4)}

.if-cards h2{text-align:center}
.if-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}
.if-card{transition:transform var(--transition-fast)}
.if-card:hover{transform:translateY(-6px)}

.if-timeline h2{margin-bottom:var(--space-6)}
.if-timeline-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.if-step{max-width:45ch}

.if-formats h2{text-align:center;margin-bottom:var(--space-6)}
.if-format{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.if-format-block{max-width:60ch}

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

.if-gallery p{max-width:40ch}
.if-gallery-grid{column-count:3;column-gap:var(--space-3);margin-top:var(--space-5)}
.if-gallery-grid img{border-radius:var(--radius-lg);margin-bottom:var(--space-3)}

.if-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center}

.if-safety-text{max-width:50ch;margin-inline:auto;text-align:center}

.if-form{display:flex;flex-direction:column;align-items:center}
.if-form-card{display:flex;flex-direction:column;gap:var(--space-3);max-width:600px;width:100%}

.if-cta{background:var(--color-accent-deep-red);color:var(--color-text-on-dark);text-align:center}
.if-cta-inner{max-width:40ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:1000px){
.if-hero{grid-template-columns:1fr}
.if-cards-grid{grid-template-columns:1fr 1fr}
.if-timeline-track{grid-template-columns:1fr}
.if-format{grid-template-columns:1fr}
.if-elements-grid{grid-template-columns:1fr 1fr}
.if-benefits-grid{grid-template-columns:1fr}
.if-gallery-grid{column-count:2}
}

@media(max-width:600px){
.if-cards-grid{grid-template-columns:1fr}
.if-elements-grid{grid-template-columns:1fr}
.if-gallery-grid{column-count:1}
}