.csc{background:var(--color-surface)}.csc__frame{position:relative;isolation:isolate}.csc__head{position:relative;z-index:1}.csc__row+.csc__row{margin-top:var(--space-24)}.csc__connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;display:none}@media (min-width: 1024px){.csc__connector{display:block}}.csc__path{stroke-width:2;stroke-linecap:round;stroke-dasharray:1 11;stroke-opacity:.55;animation:csc-flow 3.2s linear infinite}@keyframes csc-flow{to{stroke-dashoffset:-12}}.csc__node-dot{fill:var(--green-500)}.csc__node-halo{fill:var(--green-400);opacity:0;transform-box:fill-box;transform-origin:center;animation:csc-pulse 2.6s ease-out infinite}@keyframes csc-pulse{0%{transform:scale(.5);opacity:.45}70%{opacity:0}to{transform:scale(2.4);opacity:0}}.csc__row{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.csc__row[data-visible=true]{opacity:1;transform:none}@media (min-width: 1024px){.csc__row{grid-template-columns:1fr 1fr;gap:var(--space-16)}.csc__row+.csc__row{margin-top:var(--space-32)}.csc__row:nth-child(2n) .csc__text{order:2}.csc__row:nth-child(2n) .csc__visual{order:1}}@media (prefers-reduced-motion: reduce){.csc__row{opacity:1;transform:none;transition:none}.csc__path,.csc__node-halo{animation:none}.csc__node-halo{opacity:0}}.csf-feature{position:relative;isolation:isolate}.csf-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(var(--green-300) 1px,transparent 1.4px);background-size:18px 18px;opacity:.4;-webkit-mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%)}.csf-feature>*{position:relative}.csf-cadence{background-color:var(--green-50);background-image:radial-gradient(var(--green-200) 1px,transparent 1.4px);background-size:16px 16px}.csf-stepper{position:relative;flex:1 1 auto;min-width:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.csf-step{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--space-3);min-width:0}.csf-step__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.csf-step__marker{flex:0 0 auto;width:14px;height:14px;border-radius:var(--radius-full);background:var(--green-300);box-shadow:0 0 0 4px var(--green-50);transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.4s + var(--i) * .18s)}.csf-step__marker.is-done{background:var(--green-500)}.csf--revealed .csf-step__marker{transform:scale(1)}.csf-stepper__track{display:none}@media (min-width: 640px){.csf-stepper{flex-direction:row;gap:0}.csf-step{flex:1 1 0;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:0 var(--space-2)}.csf-step__body{align-items:center;text-align:center}.csf-stepper__track{display:block;position:absolute;top:6px;left:16.667%;right:16.667%;height:2px;border-radius:var(--radius-full);background:var(--green-200);overflow:hidden}.csf-stepper__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:inherit;background:var(--green-500);transition:width .9s ease .35s}.csf--revealed .csf-stepper__fill{width:100%}}.csf-card{opacity:0;transform:translateY(44px) scale(.94);transition:opacity .5s ease-out,transform .7s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.csf--revealed .csf-card{opacity:1;transform:translateY(0) scale(1)}.csf--revealed .csf-card:nth-child(1){transition-delay:0s}.csf--revealed .csf-card:nth-child(2){transition-delay:.13s}.csf--revealed .csf-card:nth-child(3){transition-delay:.26s}.csf--revealed .csf-card:nth-child(4){transition-delay:.39s}@media (prefers-reduced-motion: reduce){.csf-card{opacity:1;transform:none;transition:none}.csf-step__marker{transform:none;transition:none}.csf-stepper__fill{transition:none}}
