.if-page{position:relative}
.if-center{text-align:center;max-width:65ch;margin-inline:auto}
.if-hero-grid{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);gap:var(--space-6);align-items:center}
.if-hero-text{display:flex;flex-direction:column;gap:var(--space-4);max-width:60ch}
.if-hero-image img{width:100%;height:100%;object-fit:cover}

.if-what-grid{margin-top:var(--space-5)}
.if-card{display:flex;flex-direction:column;gap:var(--space-3)}

.if-benefits-grid{margin-top:var(--space-5)}
.if-benefit{max-width:60ch}

.if-scenario{display:flex;flex-direction:column;gap:var(--space-3)}

.if-timeline{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}
.if-step{max-width:320px}

.if-atmosphere-inner{position:relative}
.if-atmosphere-inner img{width:100%;height:420px;object-fit:cover}
.if-atmosphere-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-5);background:rgba(0,0,0,0.3);color:#fff}
.if-atmosphere-overlay p{max-width:60ch}

.if-accordion{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch;margin:var(--space-5) auto}
.if-faq-q{width:100%;text-align:left;font-weight:600}
.if-faq-a{display:none;margin-top:var(--space-2)}
.if-faq-item.active .if-faq-a{display:block}

.if-contact-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-6)}
.if-form{display:flex;flex-direction:column;gap:var(--space-4)}
.if-info{max-width:50ch}

@media(max-width:900px){
.if-hero-grid{grid-template-columns:1fr}
.if-contact-grid{grid-template-columns:1fr}
.if-atmosphere-inner img{height:300px}
}