.fe-page{}
.fe-hero{position:relative}
.fe-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.45}
.fe-hero-panel{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

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

.fe-format-grid{grid-template-columns:60% 40%;align-items:center}
.fe-format-grid-alt{grid-template-columns:1fr 1fr;align-items:center}
.fe-format-text{min-width:0}
.fe-format-image{min-width:0}
.fe-format-image img{width:100%;height:100%}
.fe-placeholder{height:260px;background:var(--color-bg-surface);border:1px dashed var(--color-border)}

.fe-mix .container>div{min-width:0}

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

.fe-experience-inner{max-width:680px;text-align:left}

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

@media(max-width:768px){
.fe-format-grid,.fe-format-grid-alt{grid-template-columns:1fr}
.fe-hero-bg{opacity:0.35}
}