.bb-process{margin:0;padding:0;list-style:none}.bb-process.bb-process--timeline{--tl-gap: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);--tl-num: 3.25rem;display:grid;max-width:40rem;margin-inline:auto}.bb-process--timeline .bb-process__step{position:relative;display:grid;grid-template-columns:var(--tl-num) minmax(0,1fr);gap:1.1rem;padding-bottom:clamp(1.75rem,1rem + 2vw,2.5rem)}.bb-process--timeline .bb-process__step:before,.bb-process--timeline .bb-process__step:after{content:"";position:absolute;top:calc(var(--tl-num) + .35rem);bottom:.35rem;left:calc(var(--tl-num) / 2 - 2px);width:4px;border-radius:4px}.bb-process--timeline .bb-process__step:before{background:color-mix(in srgb,var(--bb-text) 10%,transparent)}.bb-process--timeline .bb-process__step:after{background:var(--bb-grad-butter);transform-origin:50% 0;transition:transform 1.1s var(--ease-spring);transition-delay:calc(var(--i, 0) * 90ms + .38s)}.bb-js .bb-process--timeline .bb-process__step:not(.is-in):after{transform:scaleY(0)}.bb-process--timeline .bb-process__step:last-child{padding-bottom:0}.bb-process--timeline .bb-process__step:last-child:before,.bb-process--timeline .bb-process__step:last-child:after{display:none}.bb-process__num{position:relative;z-index:1;isolation:isolate;display:grid;place-items:center;width:var(--tl-num, 3.25rem);height:var(--tl-num, 3.25rem);border-radius:50%;background:var(--bb-paper);box-shadow:inset 0 0 0 1.5px #14110d24,var(--sh-1);color:var(--bb-ink);font-family:var(--bb-font-mono);font-size:.95rem;font-weight:700}.bb-process__num:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 2.5px var(--accent),0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent);transition:transform .7s var(--ease-bounce);transition-delay:calc(var(--i, 0) * 90ms + .26s)}.bb-js .bb-process__step:not(.is-in) .bb-process__num:before{transform:scale(0)}.bb-process__body{min-width:0;padding-top:.2rem}.bb-process__icon{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.7rem;border-radius:.85rem;background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 70%,var(--bb-ink))}.bb-process__title{margin:0 0 .45rem;font-size:clamp(1.3rem,1.15rem + .6vw,1.65rem);line-height:1.15}.bb-process__text{font-size:var(--fs-small);color:var(--bb-text-soft)}.bb-process__card-wrap{min-width:0}.bb-process__tray{height:100%;transition:transform .6s var(--ease-spring)}.bb-process__card-wrap:hover .bb-process__tray{transform:translateY(-6px)}.bb-process__card{display:grid;align-content:start;gap:.6rem;min-height:15rem;padding:clamp(1.5rem,1rem + 2vw,2.5rem)}.bb-process__card .bb-process__icon{margin-bottom:.4rem}.bb-process__ghost{position:absolute;right:-.04em;bottom:-.24em;font-family:var(--bb-font-display);font-size:clamp(6rem,4.5rem + 8vw,12rem);font-weight:800;font-variation-settings:"SOFT" 100,"WONK" 1;line-height:1;letter-spacing:-.06em;color:color-mix(in srgb,var(--accent) 15%,transparent);pointer-events:none;transition:transform .9s var(--ease-spring)}.bb-process__ghost:before{content:attr(data-n)}.bb-process__card-wrap:hover .bb-process__ghost{transform:translate3d(-6px,-6px,0) rotate(-4deg)}.bb-process__kicker{font-size:var(--fs-nano);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-text-soft)}.bb-process__card .bb-process__title,.bb-process__card .bb-process__text{position:relative;max-width:34rem}.bb-process__card--wide .bb-process__title{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)}.bb-process-section__cta{display:flex;margin-top:clamp(2.5rem,1.5rem + 3vw,4rem)}.bb-process-section__cta--center{justify-content:center}.bb-process-section__cta .bb-btn{max-width:100%;white-space:normal;text-align:left}.bb-process-section{--cv-h: 1450px;--cv-h-lg: 1200px}.bb-process-section__cta .bb-btn{max-width:100%;min-width:0;white-space:normal;text-align:left}@media(min-width:1024px){.bb-process--timeline:not(.bb-process--many){max-width:none;grid-template-columns:repeat(var(--steps, 4),minmax(0,1fr));gap:var(--tl-gap)}.bb-process--timeline:not(.bb-process--many) .bb-process__step{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.25rem;padding-bottom:0}.bb-process--timeline:not(.bb-process--many) .bb-process__step:before,.bb-process--timeline:not(.bb-process--many) .bb-process__step:after{top:calc(var(--tl-num) / 2 - 2px);bottom:auto;left:calc(var(--tl-num) + .6rem);right:calc(var(--tl-gap) * -1 + .6rem);width:auto;height:4px}.bb-process--timeline:not(.bb-process--many) .bb-process__step:after{transform-origin:0 50%}.bb-js .bb-process--timeline:not(.bb-process--many) .bb-process__step:not(.is-in):after{transform:scaleX(0)}}@media(min-width:1280px){.bb-process--timeline.bb-process--many{max-width:none;grid-template-columns:repeat(var(--steps, 5),minmax(0,1fr));gap:var(--tl-gap)}.bb-process--timeline.bb-process--many .bb-process__step{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.25rem;padding-bottom:0}.bb-process--timeline.bb-process--many .bb-process__step:before,.bb-process--timeline.bb-process--many .bb-process__step:after{top:calc(var(--tl-num) / 2 - 2px);bottom:auto;left:calc(var(--tl-num) + .6rem);right:calc(var(--tl-gap) * -1 + .6rem);width:auto;height:4px}.bb-process--timeline.bb-process--many .bb-process__step:after{transform-origin:0 50%}.bb-js .bb-process--timeline.bb-process--many .bb-process__step:not(.is-in):after{transform:scaleX(0)}}body.bb-motion-reduced .bb-process__step:after,body.bb-motion-reduced .bb-process__num:before{transform:none!important;transition:none!important}body.bb-motion-off .bb-process__step:after,body.bb-motion-off .bb-process__num:before{transform:none!important}
