.sq-app{overflow:clip}.sq-app__bg{background:radial-gradient(50% 60% at 100% 0,rgba(18,101,255,.16),transparent 70%),radial-gradient(40% 50% at 0 100%,rgba(101,214,255,.06),transparent 70%);inset:0;pointer-events:none;position:absolute;z-index:-1}.sq-app__head{align-items:end;display:grid;gap:32px 64px;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.sq-app__title{margin-top:24px}.sq-app__title .sq-line{margin-bottom:-.06em;padding-bottom:.06em}.sq-app__body{color:var(--sq-muted);padding-bottom:8px}.sq-app__steps{display:grid;gap:32px;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin-top:clamp(56px,7vw,104px);position:relative}.sq-app__track{background:var(--sq-border-dark);height:1px;left:7px;position:absolute;right:0;top:7px}.sq-app__fill{background:linear-gradient(90deg,var(--sq-blue),var(--sq-cyan));inset:0;position:absolute;transform:scaleX(1);transform-origin:left}.sq-app__step{padding-right:12px;padding-top:44px;position:relative}.sq-app__node{background:var(--sq-cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(101,214,255,.14);height:15px;left:0;position:absolute;top:0;transition:background-color .4s var(--sq-ease),box-shadow .4s var(--sq-ease);width:15px}.sq-app__num{color:var(--sq-cyan);display:block;font:500 12px/1 var(--sq-font-body);letter-spacing:.12em;text-transform:uppercase}.sq-app__step-title{color:#fff;font:500 clamp(24px,2.2vw,32px)/1.1 var(--sq-font-display);letter-spacing:-.02em;margin-top:14px}.sq-app__step-text{color:var(--sq-muted);font-size:16px;line-height:1.6;margin-top:12px;max-width:26ch}.sq-app.is-driven .sq-app__node{background:var(--sq-navy);box-shadow:0 0 0 1px var(--sq-border-dark),0 0 0 5px rgba(101,214,255,0)}.sq-app.is-driven .sq-app__step.is-active .sq-app__node{background:var(--sq-cyan);box-shadow:0 0 0 1px var(--sq-cyan),0 0 0 6px rgba(101,214,255,.18)}.sq-app.is-driven .sq-app__step .sq-app__step-title{color:hsla(0,0%,100%,.62);transition:color .4s}.sq-app.is-driven .sq-app__step.is-active .sq-app__step-title{color:#fff}.sq-app.is-driven .sq-app__step .sq-app__num,.sq-app.is-driven .sq-app__step .sq-app__step-text{opacity:.72;transition:opacity .4s}.sq-app.is-driven .sq-app__step.is-active .sq-app__num,.sq-app.is-driven .sq-app__step.is-active .sq-app__step-text{opacity:1}@media (max-width:1023px){.sq-app__head,.sq-app__steps{grid-template-columns:1fr}.sq-app__steps{gap:0}.sq-app__track{bottom:8px;height:auto;left:7px;right:auto;top:8px;width:1px}.sq-app__fill{transform-origin:top}.sq-app__step{padding:0 0 40px 44px}.sq-app__step:last-child{padding-bottom:0}}