.cl-split{--_dot-size:22px;--_divider:var(--border-width-thin) dashed var(--color-border);--_marker:var(--color-lumen-positive);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);padding:var(--space-16) 0}.cl-split__inner{max-width:1320px;margin-inline:auto;padding-inline:1.5rem}@media (width>=1024px){.cl-split__inner{padding-inline:2.5rem}}.cl-split__head{align-items:center;gap:var(--space-4);text-align:center;margin-bottom:var(--space-10);flex-direction:column;display:flex}.cl-split__heading{max-width:24ch;font-size:clamp(2rem,3.4vw,2.625rem);font-weight:var(--font-weight-bold);letter-spacing:-.0275em;color:var(--color-text);text-wrap:balance;margin:0;line-height:1.12}.cl-split__description{max-width:58ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);margin:0}.cl-split__description-line{display:block}.cl-split__card{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden}.cl-split__grid{gap:var(--space-10);padding:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(160px,auto) minmax(0,1fr);display:grid}.cl-split__col{min-width:0}.cl-split__col-title{margin:0 0 var(--space-5);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.015em;color:var(--color-text);line-height:1.2}.cl-split__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cl-split__row{align-items:center;gap:var(--space-4);padding-block:var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);display:flex}.cl-split__row+.cl-split__row{border-top:var(--border-width-thin) solid var(--color-border)}.cl-split__row-icon{width:28px;height:28px;color:var(--color-accent);flex-shrink:0;place-items:center;display:grid}.cl-split__row-icon svg{width:100%;height:100%;display:block}.cl-split__row-dot{border-radius:var(--radius-full);background:var(--_marker);flex-shrink:0;width:10px;height:10px;margin-inline:9px}.cl-split__row-text{min-width:0}.cl-split__note{margin:var(--space-10) auto 0;max-width:72ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);text-align:center;text-wrap:pretty}.cl-split__cta-wrap{margin-top:var(--space-10);justify-content:center;display:flex}.cl-split__cta-wrap .btn-pill{align-self:center}@media (width<=1000px){.cl-split__grid{gap:var(--space-8);padding:var(--space-8);grid-template-columns:1fr}}@media (width<=600px){.cl-split{padding:var(--space-10) 0}.cl-split__grid{padding:var(--space-6)}.cl-split__heading,.cl-split__description{max-width:none}}.cl-split__flow{padding-inline:var(--space-6);border-inline:var(--_divider);justify-content:center;display:flex}.cl-split__steps{flex-direction:column;align-self:center;margin:0;padding:0;list-style:none;display:flex}.cl-split__step{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.cl-split__step:last-child{padding-bottom:0}.cl-split__steps--tail .cl-split__step:last-child{padding-bottom:var(--space-2)}.cl-split__rail{width:var(--_dot-size);color:var(--color-accent);flex-direction:column;flex-shrink:0;align-items:center;display:flex}.cl-split__dot{width:var(--_dot-size);height:var(--_dot-size);border-radius:var(--radius-full);background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-subtle);flex-shrink:0}.cl-split__line{width:2px;height:var(--space-8);background:var(--color-accent);flex:none;margin:0}.cl-split__line--dashed{border-left:2px dashed var(--color-accent);width:0;margin-bottom:var(--space-1);background:0 0}.cl-split__arrow{width:12px;height:12px;color:var(--color-accent);display:block}.cl-split__step-label{font-size:var(--font-size-base);color:var(--color-text);white-space:nowrap;text-align:center;line-height:1.3}.cl-split__steps[data-anim=on] .cl-split__dot{opacity:0;transform:scale(.3)}.cl-split__steps[data-anim=on] .cl-split__step-label{opacity:0;transform:translateY(4px)}.cl-split__steps[data-anim=on] .cl-split__line{transform-origin:top;transform:scaleY(0)}.cl-split__steps[data-anim=on] .cl-split__arrow{opacity:0}.cl-split__steps[data-anim=on][data-on] .cl-split__dot{opacity:1;transition:opacity .38s var(--ease-standard), transform .38s var(--ease-standard);transition-delay:calc(var(--_i) * .42s);transform:none}.cl-split__steps[data-anim=on][data-on] .cl-split__step-label{opacity:1;transition:opacity .38s var(--ease-standard), transform .38s var(--ease-standard);transition-delay:calc(var(--_i) * .42s + 80ms);transform:none}.cl-split__steps[data-anim=on][data-on] .cl-split__line{transition:transform .32s var(--ease-standard);transition-delay:calc(var(--_i) * .42s + .2s);transform:scaleY(1)}.cl-split__steps[data-anim=on][data-on] .cl-split__arrow{opacity:1;transition:opacity .3s var(--ease-standard);transition-delay:calc(var(--_i) * .42s + .48s)}@media (width<=1000px){.cl-split__flow{border-inline:none;border-block:var(--_divider);padding-block:var(--space-8);padding-inline:0}}.cl-split__badges{padding:var(--space-6) var(--space-8);background:var(--color-accent);color:var(--color-text-inverted);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.cl-split__badge{justify-content:center;align-items:center;gap:var(--space-3);padding-inline:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-align:center;display:flex}.cl-split__badge+.cl-split__badge{border-inline-start:var(--border-width-thin) solid color-mix(in srgb, var(--color-text-inverted) 35%, transparent)}.cl-split__badge-icon{flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.cl-split__badge-icon svg{width:100%;height:100%;display:block}@media (width<=1000px){.cl-split__badges{gap:var(--space-4);padding:var(--space-6);grid-template-columns:1fr}.cl-split__badge{text-align:start;justify-content:flex-start;padding-inline:0}.cl-split__badge+.cl-split__badge{border-inline-start:none;border-top:var(--border-width-thin) solid color-mix(in srgb, var(--color-text-inverted) 35%, transparent);padding-top:var(--space-4)}}
