.ff-onboarding-page{background:radial-gradient(circle at 72% 6%,rgba(212,175,55,.09),transparent 28%),#000}
.ff-onboarding-page .page-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:54px;align-items:center}
.ff-onboarding-status{padding:24px;border:1px solid rgba(212,175,55,.3);border-radius:16px;background:linear-gradient(180deg,rgba(14,15,17,.96),rgba(4,4,5,.98));box-shadow:0 24px 65px rgba(0,0,0,.34)}
.ff-onboarding-status span{display:block;color:#d4af37;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.ff-onboarding-status strong{display:block;margin-top:9px;font-size:24px;line-height:1.2}
.ff-onboarding-status p{margin:10px 0 0;color:#9da1a8;font-size:13px}
.ff-next-steps{max-width:1180px;margin:0 auto;padding:34px 22px 82px}
.ff-next-steps-head{display:grid;grid-template-columns:1fr .7fr;gap:38px;align-items:end;margin-bottom:26px}
.ff-next-steps-head p{margin:0;color:#a8acb3}
.ff-step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ff-step-card{position:relative;padding:22px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(180deg,#090a0c,#020202)}
.ff-step-card>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(212,175,55,.42);border-radius:8px;color:#d4af37;font-size:10px;font-weight:900}
.ff-step-card strong{display:block;margin-top:16px;font-size:15px}
.ff-step-card p{margin:7px 0 0;color:#8f949c;font-size:12px;line-height:1.55}
.ff-onboarding-section{max-width:1180px;margin:0 auto;padding:74px 22px;border-top:1px solid rgba(255,255,255,.09)}
.ff-onboarding-section-head{display:grid;grid-template-columns:1fr .8fr;gap:36px;align-items:end;margin-bottom:28px}
.ff-onboarding-section-head p{margin:0;color:#a8acb3}
.ff-prepare-grid,.ff-session-grid,.ff-boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ff-prepare-grid article,.ff-session-grid article,.ff-boundary-grid article{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#050607}
.ff-prepare-grid span,.ff-session-grid span,.ff-boundary-grid span{color:#d4af37;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.ff-prepare-grid strong,.ff-session-grid strong,.ff-boundary-grid strong{display:block;margin-top:9px;font-size:16px}
.ff-prepare-grid p,.ff-session-grid p,.ff-boundary-grid p{margin:7px 0 0;color:#92969d;font-size:12px;line-height:1.6}
.ff-workflow-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ff-workflow-line span{padding:9px 11px;border:1px solid rgba(212,175,55,.25);border-radius:999px;color:#d6d7da;font-size:10px;font-weight:800}
.ff-checkpoint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.ff-checkpoint-grid article{padding:23px;border:1px solid rgba(212,175,55,.2);border-radius:14px;background:linear-gradient(145deg,rgba(212,175,55,.055),#030303 60%)}
.ff-checkpoint-grid span{color:#d4af37;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ff-checkpoint-grid strong{display:block;margin-top:9px;font-size:17px}
.ff-checkpoint-grid p{margin:7px 0 0;color:#9599a0;font-size:12px}
.ff-onboarding-cta{max-width:1136px;margin:0 auto 82px;padding:31px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:1px solid rgba(212,175,55,.42);border-radius:18px;background:linear-gradient(130deg,rgba(212,175,55,.1),#030303 65%)}
.ff-onboarding-cta h2{margin-bottom:8px;font-size:clamp(29px,3.4vw,43px)}
.ff-onboarding-cta p{margin:0;color:#a6aab0}
.ff-onboarding-cta .buttons{margin-top:0}
@media(max-width:1000px){.ff-onboarding-page .page-hero,.ff-next-steps-head,.ff-onboarding-section-head,.ff-onboarding-cta{grid-template-columns:1fr}.ff-step-grid{grid-template-columns:repeat(2,1fr)}.ff-prepare-grid,.ff-session-grid,.ff-boundary-grid{grid-template-columns:repeat(2,1fr)}.ff-checkpoint-grid{grid-template-columns:repeat(2,1fr)}.ff-onboarding-cta .buttons{margin-top:8px}}
@media(max-width:650px){.ff-step-grid,.ff-prepare-grid,.ff-session-grid,.ff-boundary-grid,.ff-checkpoint-grid{grid-template-columns:1fr}.ff-onboarding-page .page-hero{gap:26px}.ff-next-steps,.ff-onboarding-section{padding-left:19px;padding-right:19px}.ff-onboarding-cta{margin:0 14px 64px;padding:23px}.ff-onboarding-cta .buttons{display:grid}}