.wf-page{}

.wf-hero{position:relative;min-height:90vh;display:flex;align-items:center}
.wf-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.wf-hero-inner{position:relative;z-index:2}
.wf-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-3)}
.wf-hero-cta{display:flex;gap:var(--space-2);flex-wrap:wrap}

.wf-benefits .wf-card{display:flex;flex-direction:column;gap:var(--space-2);transition:.25s}
.wf-benefits .wf-card:hover{transform:scale(1.03);box-shadow:0 0 20px rgba(129,140,248,.3)}

.wf-types{text-align:center}
.wf-types h2{margin-bottom:var(--space-4)}
.wf-types .grid>div{max-width:650px;margin-inline:auto}

.wf-steps h2{margin-bottom:var(--space-4)}
.wf-step{display:flex;flex-direction:column;gap:var(--space-2)}

.wf-recreational{display:flex;justify-content:center}
.wf-recreational-card{max-width:600px;text-align:center}

.wf-scenarios h2{text-align:center;margin-bottom:var(--space-4)}
.wf-scenario{display:flex;flex-direction:column;gap:var(--space-2)}
.wf-scenario img{aspect-ratio:3/2}

.wf-process h2{text-align:center;margin-bottom:var(--space-4)}

.wf-cta{display:flex;justify-content:center}
.wf-cta-box{max-width:500px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.wf-faq h2{text-align:center;margin-bottom:var(--space-4)}
.wf-accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.wf-acc-item{border:1.5px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}
.wf-acc-btn{width:100%;text-align:left;padding:var(--space-3);background:var(--color-surface-glass)}
.wf-acc-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-inline:var(--space-3)}
.wf-acc-item.active .wf-acc-content{max-height:200px;padding-bottom:var(--space-3)}

@media(max-width:600px){
.wf-hero{min-height:auto;padding-top:var(--space-5)}
.wf-hero-text{max-width:100%}
.wf-hero-cta{flex-direction:column}
}