.how-it-works{position:relative;padding:clamp(2.5rem,5vw,4.5rem) 1.5rem;overflow:hidden;background:var(--cbs-ink);color:var(--text-on-dark-88);font-family:"Open Sans","OpenSansFallback",sans-serif}.how-it-works > .container{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:0}.how-it-works__header{margin:0 0 6rem;text-align:center}.how-it-works__title{margin:0;color:var(--text-on-brand);font-family:"Montserrat","MontserratFallback",sans-serif;font-size:clamp(2rem,3.2vw,2.5rem);font-weight:400;line-height:1.2;letter-spacing:-0.01em}.how-it-works__steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;text-align:center;perspective:1000px}.how-it-works__connector{position:absolute;top:50%;right:0;left:0;z-index:0;height:1px;background:linear-gradient(to right,transparent,var(--section-divider-line),transparent);transform:translateY(-50%)}.how-it-works__step{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:center;transform-origin:center bottom}.how-it-works__step-number{position:absolute;top:-3rem;left:50%;z-index:0;color:color-mix(in srgb,var(--text-on-brand) 3%,transparent);font-family:"Montserrat","MontserratFallback",sans-serif;font-size:6rem;font-weight:900;line-height:1;user-select:none;transform:translateX(-50%);transition:color var(--duration-normal) var(--ease-out)}.how-it-works__step:hover .how-it-works__step-number,.how-it-works__step:focus-within .how-it-works__step-number{color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.how-it-works__step-icon{position:relative;z-index:1;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--cbs-lavender);background:var(--cbs-ink);border:1px solid var(--section-divider-line);border-radius:0.125rem}.how-it-works__step-icon svg{width:1.5rem;height:1.5rem}.how-it-works__step-title{position:relative;z-index:1;margin:0 0 0.5rem;color:var(--text-on-brand);font-family:"Montserrat","MontserratFallback",sans-serif;font-size:1.125rem;font-weight:400;line-height:1.4}.how-it-works__step-text{position:relative;z-index:1;max-width:200px;margin:0;color:color-mix(in srgb,var(--text-on-brand) 60%,transparent);font-size:0.875rem;line-height:1.6}@media (max-width:767px){.how-it-works{padding:clamp(2.5rem,5vw,4.5rem) 1rem}.how-it-works__steps{grid-template-columns:1fr;row-gap:3rem}.how-it-works__connector{display:none}}@media (prefers-reduced-motion:reduce){.how-it-works__step-number{transition:none}}html.cbs-motion:not(.cbs-motion-reduce) .how-it-works__step:not(.cbs-in-view){opacity:0;transform:rotateX(4deg) translateY(2.5rem)}html.cbs-motion .how-it-works__step{transform-origin:center bottom;transition:opacity 600ms cubic-bezier(0.16,1,0.3,1),transform 600ms cubic-bezier(0.16,1,0.3,1)}html.cbs-motion .how-it-works__step:nth-child(2){transition-delay:120ms}html.cbs-motion .how-it-works__step:nth-child(3){transition-delay:240ms}html.cbs-motion .how-it-works__step:nth-child(n+4){transition-delay:360ms}html.cbs-motion:not(.cbs-motion-reduce) .how-it-works__title:not(.cbs-in-view){opacity:0;transform:translateY(2.5rem)}html.cbs-motion .how-it-works__title{transition:opacity 500ms cubic-bezier(0.16,1,0.3,1),transform 500ms cubic-bezier(0.16,1,0.3,1)}@media (prefers-reduced-motion:reduce){.how-it-works,.how-it-works__step,.how-it-works__title{animation:none;opacity:1;transform:none}}html.cbs-motion:not(.cbs-motion-reduce) .how-it-works:not(.cbs-in-view){transform:translateY(3.5rem)}html.cbs-motion .how-it-works{transition:transform 700ms cubic-bezier(0.16,1,0.3,1)}@supports (animation-timeline:view()){@media (min-width:768px){@media (prefers-reduced-motion:no-preference){@keyframes cbs-how-it-works-seam-out{from{opacity:1}to{opacity:0.35}}.how-it-works{animation:cbs-how-it-works-seam-out linear both;animation-timeline:view();animation-range:exit 40% exit 100%}}}}