.how-works-section{position:relative;background:var(--surface);overflow:visible}.how-works-section__wave{position:absolute;left:0;right:0;top:0;width:100%;height:clamp(4.25rem,8vw,7rem);transform:translateY(-99%);color:var(--surface);display:block;pointer-events:none;z-index:2}.how-works,.how-works-section .container{position:relative;z-index:1}.how-works{width:min(1120px,calc(100% - 2rem));margin:1.5rem auto 0}.how-works__board,.how-works__list{position:relative}.how-works__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:1.15rem}.how-works__list:before{content:"";position:absolute;left:50%;top:.75rem;bottom:.75rem;border-left:2px dashed color-mix(in srgb,var(--text) 18%,var(--border));z-index:0}.how-works__path{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;color:color-mix(in srgb,var(--text) 22%,var(--border))}.how-works__card{position:relative;z-index:1;width:min(100%,20.5rem);transform:rotate(var(--tilt,3deg));transition:transform .28s ease,z-index 0s}.how-works__card:nth-child(2n){--tilt:-3deg;align-self:flex-end}.how-works__card:nth-child(odd){--tilt:3deg;align-self:flex-start}.how-works__card:focus-within,.how-works__card:hover{z-index:4;transform:rotate(var(--tilt,0deg)) scale(1.04)}.how-works__sheet{background:var(--surface);color:var(--text);padding:.5rem;border-radius:25px;border:1px solid var(--border);box-shadow:0 10px 24px color-mix(in srgb,var(--text) 10%,transparent)}.how-works__pin{display:block;width:2rem;height:2rem;margin:.15rem auto .85rem;color:var(--accent)}.how-works__inner{border-radius:15px;padding:.95rem;min-height:9.5rem;border:1px solid var(--border);background:var(--surface-2,var(--surface-muted,var(--bg)));display:flex;flex-direction:column}.how-works__num{font-family:var(--font-display);font-size:2.15rem;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:.85rem;color:var(--accent)}.how-works__inner h3{margin:0 0 .45rem;font-size:1.15rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.how-works__inner p{margin:0;font-size:.84rem;line-height:1.4;color:var(--muted)}@media (min-width:768px) and (max-width:1023px){.how-works__list{display:grid;grid-template-columns:1fr 1fr;align-items:start;grid-gap:1.75rem 1.1rem;gap:1.75rem 1.1rem}.how-works__list:before{display:none}.how-works__card{width:min(100%,17.5rem);justify-self:center}.how-works__card:nth-child(odd){justify-self:end;--tilt:5deg}.how-works__card:nth-child(2n){justify-self:start;margin-top:2.75rem;--tilt:-5deg}}@media (min-width:1024px){.how-works{margin-top:2.25rem}.how-works__board{min-height:var(--board-h,640px)}.how-works__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;grid-gap:4.5rem 1.25rem;gap:4.5rem 1.25rem;padding:.25rem 0 .5rem}.how-works__list:before{display:none}.how-works__path{display:block}.how-works__card{position:relative;width:min(100%,280px);justify-self:center;margin-top:0;align-self:auto}.how-works__card:first-child{--tilt:6deg}.how-works__card:nth-child(2){--tilt:-5deg;margin-top:1.4rem}.how-works__card:nth-child(3){--tilt:7deg}.how-works__card:nth-child(4){--tilt:-6deg}.how-works__card:nth-child(5){--tilt:5deg;margin-top:1.4rem}.how-works__card:nth-child(6){--tilt:-7deg}}@media (prefers-reduced-motion:reduce){.how-works__card,.how-works__card:focus-within,.how-works__card:hover{transition:none;transform:none}}[data-theme=kvazar] .how-works__inner h3,[data-theme=premium-light] .how-works__inner h3,[data-theme=premium] .how-works__inner h3{font-weight:800}.promo-banner{background:color-mix(in srgb,var(--accent) 12%,var(--bg));border-bottom:1px solid var(--border);padding:.65rem 0}.promo-banner__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;text-align:center}.promo-banner__text{margin:0;font-size:.9rem;font-weight:500;color:var(--text)}.promo-banner__cta{font-size:.8125rem;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.promo-banner__cta:hover{color:var(--text)}