.how{background:#fafafa;overflow:hidden;padding:var(--space-12,128px) 0}.how__inner{margin:0 auto;max-width:1440px;padding:0 var(--space-8,40px)}.how .section-header{margin:0 0 var(--space-10,72px);max-width:920px}.how .eyebrow{color:var(--halo-red,#ed3e13);display:inline-block;font-size:var(--fs-12,12px);font-weight:var(--fw-semibold,600);letter-spacing:var(--tracking-eyebrow,.08em);margin-bottom:var(--space-5,20px);text-transform:uppercase}.how .eyebrow,.how .section-header__h2{font-family:var(--font-sans,"Inter Tight",sans-serif);line-height:1}.how .section-header__h2{color:var(--halo-black,#181818);font-size:clamp(36px,5vw,var(--fs-72,72px));font-weight:var(--fw-light,300);letter-spacing:var(--tracking-display,-.02em);margin:0}.how .section-header__h2 p{margin:0}.how .section-header__h2 b,.how .section-header__h2 strong{font-family:var(--font-display,"Funkier Banana",sans-serif);font-weight:var(--fw-bold,700);letter-spacing:var(--tracking-tight,-.01em)}.how__steps-wrap{position:relative}.how__rail{background:rgba(237,62,19,.4);height:1px;left:50%;position:absolute;top:100px;transform:translateX(-50%);width:100vw;z-index:0}.how__dot{animation:railMove 7.5s linear infinite,railBlink .7s ease-in-out infinite;background:var(--halo-red,#ed3e13);border-radius:50%;box-shadow:0 0 8px rgba(237,62,19,.85);height:6px;left:0;opacity:0;position:absolute;top:50%;width:6px}.how__dot:nth-child(2){animation-delay:2.5s,0s}.how__dot:nth-child(3){animation-delay:5s,0s}.steps{align-items:start;display:grid;gap:var(--space-8,40px);grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;position:relative;z-index:1}.step{text-align:center}.step,.step__badge{align-items:center;display:flex;flex-direction:column;position:relative}.step__badge{background:linear-gradient(135deg,var(--halo-plum,#63254e) 0,var(--halo-red,#ed3e13) 100%);border-radius:50%;gap:4px;height:200px;justify-content:center;margin-bottom:calc(var(--space-9, 56px) - 16px);width:200px}.step__ring{height:90%;left:50%;overflow:visible;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.step__ring circle{animation:ringMarch 9s linear infinite;fill:none;stroke:var(--golden-apricot-300,#f5c959);stroke-dasharray:5 11;stroke-width:1}.step__label{font-family:var(--font-sans,"Inter Tight",sans-serif);font-size:var(--fs-12,12px);font-weight:var(--fw-semibold,600);letter-spacing:var(--tracking-eyebrow,.08em);text-transform:uppercase}.step__label,.step__num{color:var(--halo-white,#fff);line-height:1}.step__num{font-family:var(--font-display,"Funkier Banana",sans-serif);font-size:var(--fs-72,72px);font-weight:var(--fw-bold,700);letter-spacing:var(--tracking-tight,-.01em)}.step__text{align-items:center;display:flex;flex-direction:column}.step__title{color:var(--halo-black,#181818);font-size:30px;font-weight:var(--fw-bold,700);letter-spacing:var(--tracking-tight,-.01em);line-height:1.15;margin:0 0 var(--space-3,12px)}.step__body,.step__title{font-family:var(--font-sans,"Inter Tight",sans-serif)}.step__body{color:var(--fg-2,#3c3434);font-size:var(--fs-16,16px);font-weight:var(--fw-regular,400);line-height:1.5;margin:0;max-width:40ch}.step__body p{margin:0}@keyframes ringMarch{to{stroke-dashoffset:-160}}@keyframes railMove{0%{transform:translateY(-50%)}to{transform:translate(100vw,-50%)}}@keyframes railMoveV{0%{top:0}to{top:100%}}@keyframes railBlink{0%,to{opacity:1}50%{opacity:.25}}@media (max-width:1023px){.step__badge{height:140px;width:140px}.step__num{font-size:var(--fs-40,40px)}.step__label{font-size:11px}.step__title{font-size:24px}.step__body{font-size:var(--fs-14,14px)}.how__rail{top:70px}}@media (max-width:809px){.how__inner{padding:0 var(--space-5,20px)}.steps{gap:var(--space-10,72px);grid-template-columns:1fr}.step{align-items:center;flex-direction:row;gap:var(--space-6,24px);text-align:left}.step__badge{flex:0 0 auto;height:120px;margin-bottom:0;width:120px}.step__num{font-size:var(--fs-40,40px)}.step__title{font-size:20px}.step__body{max-width:none}.step__text{align-items:flex-start}.how__rail{bottom:60px;height:auto;left:60px;top:60px;transform:translateX(-50%);width:2px}.how__dot{animation:railMoveV 7.5s linear infinite,railBlink .7s ease-in-out infinite;left:50%;top:0;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.how__dot,.step__ring circle{animation:none}.how__dot{display:none}}