.sf-use{--sf-cream:#f6f8f7;--sf-g1:#84c1b9;--sf-g2:#2a7d72;--sf-ink:#1d2a26;--sf-gray:#5c6a65;--sf-line:#e2e8e4;width:100%;background:var(--sf-cream);color:var(--sf-ink);font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.sf-use *{box-sizing:border-box}
.sf-use-inner{max-width:1160px;margin:0 auto;padding:64px 22px;text-align:center}
.sf-grad{background:linear-gradient(95deg,var(--sf-g1),var(--sf-g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sf-kicker{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#56524a;margin-bottom:10px}
.sf-use h2.sf-use-h{font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.005em!important;line-height:1.02!important;font-size:clamp(30px,4.2vw,48px);margin:0 0 10px;color:var(--sf-ink)}
.sf-use-sub{color:var(--sf-gray);max-width:520px;margin:0 auto}
.sf-use-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:32px}
@media(max-width:980px){.sf-use-steps{grid-template-columns:repeat(2,1fr);gap:36px 26px}}
@media(max-width:520px){.sf-use-steps{grid-template-columns:1fr}}
.sf-step{text-align:center}
.sf-step-c{width:132px;height:132px;margin:0 auto 18px;position:relative}
.sf-step-vid{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1.5px solid var(--sf-line);background:linear-gradient(160deg,#dfeae6,#bcd8d0)}
.sf-step-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block;background:transparent}
.sf-step-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0}
.sf-step-play svg{width:30px;height:30px;fill:rgba(255,255,255,.92)}
.sf-step-c b{position:absolute;top:-4px;right:6px;width:32px;height:32px;border-radius:50%;background:linear-gradient(95deg,var(--sf-g1),var(--sf-g2));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Anton',Impact,sans-serif;font-weight:700;z-index:3;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.sf-use h3.sf-step-h{font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.01em!important;font-size:20px!important;line-height:1.05!important;margin:0 0 7px!important;color:var(--sf-ink)!important}
.sf-step p{font-size:15px;color:var(--sf-gray);max-width:30ch;margin:0 auto}