@font-face{font-family:DistributionGrotesk;src:url(/landing/distribution-workflow/fk-grotesk.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.distribution-workflow{--distribution-workflow-primary-teal:var(--landing-palette-teal-300);--distribution-workflow-accent-orange:var(--landing-accent-decorative);--distribution-workflow-deep-green:var(--landing-surface-inverse-secondary);--distribution-workflow-divider-green:var(--landing-divider-dark);--distribution-workflow-text-primary:var(--landing-text-inverse);--distribution-workflow-text-secondary:var(--landing-dark-muted);background:var(--landing-surface-inverse);color:var(--distribution-workflow-text-primary);-webkit-font-smoothing:antialiased;font-family:DistributionGrotesk,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.15}.distribution-workflow,.distribution-workflow *,.distribution-workflow :before,.distribution-workflow :after{box-sizing:border-box}.distribution-workflow h2,.distribution-workflow p{margin:0}.distribution-workflow button{appearance:none;font:inherit;text-align:left;border:0;border-radius:0;margin:0;padding:0}.distribution-workflow .distribution-workflow-section{background:var(--landing-surface-inverse);overflow:hidden}.distribution-workflow .distribution-workflow-body{justify-content:space-between;align-items:stretch;width:1440px;margin:0 auto;padding:64px 0;display:flex;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000 100%);mask-image:linear-gradient(90deg,#000 80%,#0000 100%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.distribution-workflow .distribution-workflow-content{flex-direction:column;flex-basis:42%;justify-content:space-between;gap:32px;max-width:50%;display:flex}.distribution-workflow .distribution-workflow-animation-column{flex-basis:50%;max-width:50%;padding-left:12px;overflow:hidden}.distribution-workflow .distribution-workflow-tablist{flex-direction:column;justify-content:flex-end;gap:0;display:flex}.distribution-workflow .distribution-workflow-tab{cursor:pointer;color:var(--distribution-workflow-text-primary);opacity:.5;background-color:#0000;flex-direction:column;flex-shrink:0;padding:20px 0 20px 16px;transition:opacity .25s;display:flex;position:relative}.distribution-workflow .distribution-workflow-tab:before{content:"";background:linear-gradient(180deg, var(--distribution-workflow-primary-teal) 0% 50%, var(--distribution-workflow-primary-teal) 50% 100%);transform-origin:50%;width:2px;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;transform:scaleY(0)}.distribution-workflow .distribution-workflow-tab.distribution-workflow-tab-active,.distribution-workflow .distribution-workflow-tab:hover{opacity:1}.distribution-workflow .distribution-workflow-tab.distribution-workflow-tab-active:before{transform:scaleY(1)}.distribution-workflow .distribution-workflow-tab-title{letter-spacing:-.03em;font-size:clamp(.875rem,.38vw + .78rem,1.125rem);font-weight:500;line-height:1.2}.distribution-workflow .distribution-workflow-tab-description{color:var(--distribution-workflow-text-secondary);opacity:0;padding-top:8px;font-size:16px;font-weight:400;line-height:1.5;transition:opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}.distribution-workflow .distribution-workflow-tab.distribution-workflow-tab-active .distribution-workflow-tab-description{opacity:1;transition:opacity .5s .2s,transform .5s .2s,max-height .5s .2s;transform:translateY(0)}.distribution-workflow .distribution-workflow-tab.distribution-workflow-tab-active .distribution-workflow-tab-title{opacity:1}.distribution-workflow .distribution-workflow-panel{height:700px}.distribution-workflow .distribution-workflow-animation{height:100%}.distribution-workflow .distribution-workflow-header{flex-direction:column;gap:24px;margin-bottom:0;display:flex}.distribution-workflow .distribution-workflow-header h2.distribution-workflow-heading{color:var(--distribution-workflow-text-primary);letter-spacing:-.03em;font-size:clamp(2rem,2.29vw + 1.44rem,3.5rem);font-weight:500;line-height:1.1}.distribution-workflow .distribution-workflow-header p{color:var(--distribution-workflow-text-secondary);opacity:.5;font-size:56px;line-height:1.2}.distribution-workflow .distribution-workflow-metrics{background:var(--distribution-workflow-divider-green);grid-column-gap:1px;grid-row-gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1023px){.distribution-workflow .distribution-workflow-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=479px){.distribution-workflow .distribution-workflow-metrics{grid-template-columns:minmax(0,1fr)}}.distribution-workflow .distribution-workflow-metric{background:var(--distribution-workflow-deep-green);color:var(--distribution-workflow-text-primary);flex-direction:column;justify-content:space-between;min-height:clamp(14rem,5.33vw + 12.7rem,17.5rem);padding:clamp(.75rem,1.9vw + .29rem,2rem);font-weight:500;display:flex}.distribution-workflow .distribution-workflow-metric .distribution-workflow-metric-title{letter-spacing:-.03em;font-size:clamp(2rem,2.29vw + 1.44rem,3.5rem);line-height:1.1}.distribution-workflow .distribution-workflow-metric .distribution-workflow-metric-description{letter-spacing:-.03em;color:var(--distribution-workflow-text-secondary);font-size:16px;font-weight:500;line-height:1.2}.distribution-workflow .distribution-workflow-metric-value{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.distribution-workflow .distribution-workflow-metric-note{color:var(--distribution-workflow-text-secondary);font-size:14px;line-height:1.2}.distribution-workflow .distribution-workflow-header{align-items:normal}.distribution-workflow .distribution-workflow-header .distribution-workflow-subtitle{opacity:1;margin:0;font-size:16px;line-height:1.5}.distribution-workflow .distribution-workflow-tab:focus-visible{outline:2px solid var(--landing-focus-dark);outline-offset:6px}.distribution-workflow .distribution-workflow-panel{position:relative}.distribution-workflow .distribution-workflow-animation-error{color:var(--distribution-workflow-text-secondary);place-items:center;display:grid;position:absolute;inset:0}@media (width<=768px){.distribution-workflow .distribution-workflow-panel{min-height:260px}}