.how__cta{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;display:flex}.how__fig{width:min(960px,calc(100vw - var(--gutter)*2));margin-top:32px;position:relative;left:50%;transform:translate(-50%)}.how__fig--diagram{margin-top:56px}.how__sec{margin-top:120px;scroll-margin-top:24px}.how__sec h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1}.how__sec>p{color:var(--text-2);margin-top:18px}.how__steps{counter-reset:how;gap:40px;margin:40px 0 0;padding:0;list-style:none;display:grid}.how__steps li{counter-increment:how;padding-left:64px;position:relative}.how__steps li:before{content:counter(how);font:500 28px/1 var(--mono);color:var(--text-3);position:absolute;top:-2px;left:0}.how__steps h3{letter-spacing:-.02em;font-size:1.375rem;line-height:1.25}.how__steps p{color:var(--text-2);margin-top:10px}.how__two{box-shadow:0 0 0 1px var(--line) inset;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:40px;display:grid}.how__two>div{padding:28px}.how__two>div+div{box-shadow:1px 0 0 0 var(--line) inset}.how__two h3{font:500 .75rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 14px}.how__two ul{color:var(--text-2);gap:12px;margin:0;padding:0;list-style:none;display:grid}.how__sec--end{margin-bottom:40px}.hw-d{margin:0}.hw-d__you{justify-content:center;padding-bottom:28px;display:flex;position:relative}.hw-d__youline{max-width:280px;color:var(--text-3);font-size:.8125rem;line-height:1.35;position:absolute;top:50%;left:calc(50% + 48px);transform:translateY(-50%)}.hw-d__you:after{content:"";background:var(--line);width:1px;height:28px;position:absolute;bottom:0;left:50%}.hw-d__main{padding-right:280px}.hw-d__frame{border:1px dashed var(--line);border-radius:14px;gap:28px;padding:36px 24px 24px;display:grid;position:relative}.hw-d__tag{background:var(--bg);font:500 .6875rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 8px;position:absolute;top:-9px;left:20px}.hw-d__row{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid;position:relative}.hw-d__row--narrow{display:none}.hw-d__label{font:500 .6875rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0}.hw-d__cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hw-d__cols li{display:grid;position:relative}.hw-d__row--wide .hw-d__cols li:after{content:"";background:var(--line);width:1px;height:28px;position:absolute;top:100%;left:50%}.hw-d__chip{background:var(--bg-2);max-width:100%;box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:var(--text);border-radius:8px;padding:8px 14px;font-size:.875rem;line-height:1.3;display:inline-block}.hw-d__chip--agent{color:var(--text-2)}.hw-d__chip--you{font-weight:600}.hw-d__sub{background:var(--line);height:1px;left:calc(93.5px + 12.5%);right:-25px}.hw-d__ext,.hw-d__sub{position:absolute;top:calc(100% + 14px)}.hw-d__ext{width:256px;height:0;left:calc(100% + 24px)}.hw-d__ext .hw-d__line{border-top:1px dashed var(--pearl-1);width:120px;margin:0;position:absolute;top:0;left:0}.hw-d__ext .hw-d__line span{white-space:nowrap;font:500 .6875rem/1 var(--mono);color:var(--text-3);position:absolute;top:8px;left:50%;transform:translate(-50%)}.hw-d__ext .hw-d__vendors{position:absolute;top:0;left:120px;transform:translateY(-50%)}.hw-d__ext .hw-d__pay{white-space:nowrap;position:absolute;top:52px;left:120px}.hw-d__out{display:none}.hw-d__vendors{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hw-d__band{background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;display:flex}.hw-d__brand{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.hw-d__band ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hw-d__band li{background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line);font:400 .8125rem/1.4 var(--mono);color:var(--text-2);border-radius:6px;padding:3px 9px}.hw-d__pay{color:var(--brand-max,var(--pearl-1));margin:0;font-size:.875rem;line-height:1.4}.hw-d__pay--band{text-align:right;margin-left:auto}.hw-d figcaption{color:var(--text-3);margin-top:14px;font-size:.8125rem}@media (width<=1100px){.hw-d__main{padding-right:0}.hw-d__ext,.hw-d__sub{display:none}.hw-d__out{display:grid}}@media (width<=640px){.hw-d__youline{text-align:center;margin-top:8px;position:static;transform:none}.hw-d__you{flex-direction:column;align-items:center}.how__sec{margin-top:80px}.how__steps li{padding-left:48px}.how__two{grid-template-columns:minmax(0,1fr)}.how__two>div+div{box-shadow:0 1px 0 0 var(--line) inset}.hw-d__frame{gap:20px;padding:32px 14px 16px}.hw-d__row{grid-template-columns:minmax(0,1fr);gap:8px}.hw-d__row--wide{display:none}.hw-d__row--narrow{display:grid}.hw-d__row--narrow .hw-d__sub{display:block;top:calc(100% + 14px);left:0;right:0}.hw-d__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.hw-d__cards li{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;gap:4px;padding:10px 12px;display:grid;position:relative}.hw-d__cards li:after{content:"";background:var(--line);width:1px;height:20px;position:absolute;top:100%;left:50%}.hw-d__role{color:var(--text);font-size:1.0625rem;line-height:1.25}.hw-d__harness{font:400 .8125rem/1.3 var(--mono);color:var(--text-2)}.hw-d__out{justify-items:center;gap:10px;padding:32px 0 0;position:relative}.hw-d__out .hw-d__line{border-top:0;border-left:1px dashed var(--pearl-1);width:0;height:32px;margin:0;position:absolute;top:0;left:50%}.hw-d__out .hw-d__line span{white-space:nowrap;font:500 .6875rem/1 var(--mono);color:var(--text-3);position:absolute;top:8px;left:10px}.hw-d__out .hw-d__vendors{grid-auto-flow:column}.hw-d__band{gap:8px 10px}.hw-d__pay--band{text-align:left;flex-basis:100%;margin-left:0}}@media (width<=1100px) and (width>=641px){.hw-d__out{justify-items:center;gap:10px;padding:32px 0 0;position:relative}.hw-d__out .hw-d__line{border-left:1px dashed var(--pearl-1);width:0;height:32px;margin:0;position:absolute;top:0;left:50%}.hw-d__out .hw-d__line span{white-space:nowrap;font:500 .6875rem/1 var(--mono);color:var(--text-3);position:absolute;top:8px;left:10px}.hw-d__out .hw-d__vendors{grid-auto-flow:column}}.how__link{color:var(--text);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.how__link:hover{-webkit-text-decoration-color:var(--text-2);text-decoration-color:var(--text-2)}.how__data{color:var(--text-3);margin-top:28px;font-size:.9375rem}.how__affil{color:var(--text-3);margin-top:40px;font-size:.8125rem}.how .faq{margin-top:28px}.how{--col:min(680px, 100%)}.how>*{width:var(--col);max-width:100%;margin-inline:auto}.how>.how__fig--diagram{width:min(960px,calc(100vw - var(--gutter)*2));max-width:none;margin-inline:auto;left:auto;transform:none}.how .sl-head h1{max-width:none;margin-top:28px;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.06}.how .sl-head .lede{max-width:none}.hw-d__label--brand{text-transform:none;letter-spacing:0;font-size:.8125rem}.how__vid{margin-top:56px}.how__vid .how__fig{margin-top:0}.how-video .watch__frame video{aspect-ratio:16/9}.how-video__note{color:var(--text-3);margin-top:14px;font-size:.8125rem;line-height:1.5}@media (width<=640px){.how-video .watch__frame{border:1px solid var(--line);background:var(--bg-3);border-radius:12px;padding:6px}.how-video .watch__frame video{border:1px solid var(--line);border-radius:8px}.how-video .watch__play{border-radius:8px;inset:6px}}.how-video .watch__play{padding-top:30%}.how-video .watch__play-k{width:72px;height:72px}@media (width<=640px){.how-video .watch__play{padding-top:21%}.how-video .watch__play-k{width:46px;height:46px;box-shadow:0 0 0 6px #eceef11f}.how-video .watch__play-k svg{width:20px;height:20px}}
