.formaty-page{}

.hero-formaty{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,18,0.6),rgba(3,7,18,0.9));z-index:1}
.hero-content{position:relative;z-index:2;display:flex;justify-content:center}
.hero-text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3);margin-inline:auto}

.text-block{max-width:800px;margin-inline:auto}

.formaty-cards .format-card{text-align:center;transition:all .3s ease}
.formaty-cards .format-card:hover{transform:scale(1.03);box-shadow:0 0 20px rgba(129,140,248,0.4)}

.experience-img{margin-bottom:var(--space-4);border-radius:var(--radius-img)}

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

.benefits .benefit{text-align:center;transition:.3s}
.benefits .benefit:hover{box-shadow:0 0 20px rgba(129,140,248,0.4);transform:scale(1.03)}

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

.safety{max-width:700px;margin-inline:auto;text-align:center}

.cta-box{text-align:center;display:flex;flex-direction:column;gap:var(--space-3);max-width:700px;margin-inline:auto}

@media (max-width:600px){
.hero-formaty{min-height:60vh}
.hero-text{padding:var(--space-2)}
}