.sf-page{overflow-x:hidden}

.sf-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.sf-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sf-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,16,18,0.85) 0%,rgba(15,16,18,0.6) 40%,rgba(15,16,18,0.2) 100%)}
.sf-hero-content{position:relative;max-width:520px;padding-left:clamp(16px,5vw,80px);display:flex;flex-direction:column;gap:var(--space-4)}
.sf-hero-lead{max-width:60ch}

.sf-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.sf-why-card{height:100%;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.sf-why-card:hover{background:var(--color-bg-elevated)}

.sf-types{max-width:700px}
.sf-type-item{max-width:65ch}

.sf-center{text-align:center}

.sf-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.sf-step{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}

.sf-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.sf-package{min-width:0}

.sf-cuisine{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.sf-cuisine-text{max-width:60ch}

.sf-personal{max-width:680px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

.sf-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}
.sf-benefit{display:flex;flex-direction:column;gap:var(--space-2)}

.sf-cta{background:var(--color-bg-secondary)}
.sf-cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}

@media (max-width:1024px){
.sf-why-grid{grid-template-columns:1fr}
.sf-timeline{grid-template-columns:1fr 1fr}
.sf-packages{grid-template-columns:1fr 1fr}
.sf-cuisine{grid-template-columns:1fr}
}

@media (max-width:640px){
.sf-hero{min-height:60vh}
.sf-timeline{grid-template-columns:1fr}
.sf-packages{grid-template-columns:1fr}
.sf-benefits{grid-template-columns:1fr}
.sf-hero-content{padding-left:16px;padding-right:16px}
}