.how-it-works-hero{background:var(--color-comment-50);color:var(--color-ink)}.how-it-works-hero__inner{text-align:center;justify-items:center;gap:40px;display:grid}.how-it-works-accent,.how-it-works-growth__accent{color:var(--color-comment-400)}.how-it-works-video{border:2px solid var(--color-line);background:var(--color-surface);width:min(100%,896px);color:var(--color-ink-muted);margin:0;display:grid;overflow:hidden}.how-it-works-video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.how-it-works-video__caption{text-align:center;padding:16px 24px}.how-it-works-video__caption a{color:inherit;text-underline-offset:.16em;text-decoration-color:currentColor}.how-it-works-video__caption a:hover,.how-it-works-video__caption a:focus-visible{color:var(--color-comment-400)}.how-it-works-menu{z-index:5;background:var(--color-surface);border-block:1px solid var(--color-line);position:sticky;top:0}.how-it-works-menu__list{max-width:var(--marketing-section-max-width);padding:0 var(--marketing-section-padding-inline);scroll-padding-inline:var(--marketing-section-padding-inline);scroll-snap-type:x proximity;margin:0 auto;list-style:none;display:flex;overflow-x:auto}.how-it-works-menu__item{scroll-snap-align:start;flex:1 0 168px}.how-it-works-menu__item a{min-height:64px;color:var(--color-ink);text-align:center;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.how-it-works-menu__icon{flex:none;width:24px;height:24px}.how-it-works-menu__item a:hover,.how-it-works-menu__item a:focus-visible{background:var(--color-comment-50);color:var(--color-comment-400)}.how-it-works-section{color:var(--how-it-works-section-ink);background:var(--how-it-works-section-bg)}.how-it-works-section--light{--how-it-works-section-bg:var(--color-surface);--how-it-works-section-ink:var(--color-ink);--how-it-works-placeholder-bg:var(--color-like-50);--how-it-works-placeholder-border:var(--color-like-200)}.how-it-works-section--blue{--how-it-works-section-bg:var(--color-comment-50);--how-it-works-section-ink:var(--color-ink);--how-it-works-placeholder-bg:var(--color-comment-100);--how-it-works-placeholder-border:var(--color-comment-200)}.how-it-works-section__inner{align-items:center;gap:40px;display:grid}.how-it-works-section__copy{gap:16px;max-width:560px;display:grid}.how-it-works-section__copy>*{margin:0}.how-it-works-section__copy .marketing-copy-lg{color:color-mix(in oklab, currentColor 72%, transparent)}.how-it-works-section__eyebrow{color:var(--color-brand);font-weight:var(--marketing-heading-weight);text-transform:uppercase;letter-spacing:.08em}.how-it-works-placeholder{border:2px dashed var(--how-it-works-placeholder-border);background:var(--how-it-works-placeholder-bg);min-height:320px;color:color-mix(in oklab, currentColor 64%, transparent);text-align:center;place-items:center;display:grid}.how-it-works-final-cta{background:var(--color-like-400);color:var(--color-ink)}.how-it-works-final-cta__inner{text-align:center;justify-items:center;gap:24px;display:grid}.how-it-works-final-cta__inner>*{margin:0}.how-it-works-final-cta__inner .marketing-copy-lg{max-width:680px}@media (min-width:768px){.how-it-works-section__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.how-it-works-section--flipped .how-it-works-section__copy{order:2}}@media (min-width:1180px){.how-it-works-menu__list{padding-inline:var(--marketing-section-padding-inline-wide);scroll-padding-inline:var(--marketing-section-padding-inline-wide)}}