.ct-hiw__header{max-width:64ch;margin-bottom:3.6rem}.ct-hiw__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ct-text-muted)}.ct-hiw__heading{margin:0;font-family:var(--ct-font-display);font-weight:600;font-size:clamp(2.8rem,2.3rem + 1.6vw,3.9rem);line-height:1.3;letter-spacing:-.01em;color:var(--ct-text)}.ct-hiw__subheading{margin:1.2rem 0 0;font-size:1.8rem;line-height:1.6;color:var(--ct-text-muted)}.ct-hiw__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:2rem;margin:0;padding:0;counter-reset:none}.ct-hiw__step{display:flex;flex-direction:column;align-items:flex-start}.ct-hiw__art{width:100%;max-width:30rem;margin-bottom:1.6rem;border:1px solid var(--ct-border);border-radius:var(--ct-radius-lg);background:var(--ct-bg-alt);overflow:hidden}.ct-hiw__svg{display:block;width:100%;height:auto}.ct-hiw__number{font-size:1.4rem;font-weight:500;letter-spacing:.08em;color:var(--ct-text-faint)}.ct-hiw__title{margin:.6rem 0 .8rem;font-family:var(--ct-font-display);font-weight:600;font-size:2rem;line-height:1.3;color:var(--ct-text)}.ct-hiw__text{margin:0;font-size:1.5rem;line-height:1.6;color:var(--ct-text-muted)}.ct-hiw__line{stroke:var(--ct-silver-400);fill:none;stroke-linecap:round;stroke-linejoin:round}.ct-hiw__line-strong{stroke:var(--ct-text-muted);fill:none;stroke-linecap:round;stroke-linejoin:round}.ct-hiw__accent-path{stroke:var(--ct-yellow-300);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0}.ct-hiw__accent-fill{fill:var(--ct-yellow-300)}.ct-hiw__check{stroke:var(--ct-blue-900);fill:none;stroke-linecap:round;stroke-linejoin:round}.ct-hiw__led{fill:var(--ct-live)}.ct-hiw__ring{stroke:var(--ct-live);fill:none;opacity:0;transform-box:fill-box;transform-origin:center}.ct-hiw__pop{transform-box:fill-box;transform-origin:center}.ct-anim .ct-hiw__pop{animation:ct-pop var(--ct-motion-micro) var(--ct-ease-signal) .3s both}.ct-anim .ct-hiw__ring{animation:ct-ping 2.4s var(--ct-ease-signal) 1.2s infinite}@media(prefers-reduced-motion:reduce){.ct-hiw__pop,.ct-hiw__accent-path,.ct-hiw__ring{animation:none!important}.ct-hiw__pop{opacity:1;transform:none}.ct-hiw__accent-path{stroke-dashoffset:0}.ct-hiw__ring{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ct-how-it-works.css.map */