.ct-on-line{--at:var(--here);--gap:10px;--row:84px;--fill:calc(max(0, var(--at) + .5) / var(--n) * 100%);--ct-on-dot:color-mix(in srgb, var(--text) 26%, transparent);--ct-on-board-a:var(--mist);--ct-on-board-b:color-mix(in srgb, var(--sky) 86%, var(--navy));--ct-on-top-a:var(--paper);--ct-on-top-b:color-mix(in srgb, var(--mist) 70%, var(--sky));margin-block-start:clamp(36px,5vw,64px);margin-inline:-8px;padding-block:8px;padding-inline:96px 8px;position:relative;overflow:clip}.js .ct-on-line[data-rise]{opacity:1;transform:none}.js .ct-on-line[data-rise]:not(.in){--at:-1.2}.ct-on-line:has(li:first-child a:is(:hover,:focus-visible)){--at:0}.ct-on-line:has(li:nth-child(2) a:is(:hover,:focus-visible)){--at:1}.ct-on-line:has(li:nth-child(3) a:is(:hover,:focus-visible)){--at:2}.ct-on-line:has(li:nth-child(4) a:is(:hover,:focus-visible)){--at:3}.ct-on-line:has(li:nth-child(5) a:is(:hover,:focus-visible)){--at:4}.ct-on-belt{inset-block:calc(8px - var(--gap) / 2);width:6px;position:absolute;inset-inline-start:43px}.ct-on-track,.ct-on-fill{background:radial-gradient(circle, var(--ct-on-dot) 0 2px, transparent 2.6px) center / 6px 16px repeat-y;position:absolute;inset:0}.ct-on-fill{--ct-on-dot:var(--signal);clip-path:inset(0 0 calc(100% - var(--fill)) 0);transition:clip-path 1s var(--ease-in-out)}.ct-on-pack{width:72px;height:calc(100% / var(--n));transform:translateY(calc(var(--at) * 100%));transition:transform 1s var(--ease-in-out);place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:-33px}.ct-on-pack svg{width:68px;height:auto;display:block;overflow:visible}.ct-on-edge{stroke:color-mix(in srgb, var(--navy) 30%, transparent);stroke-width:1.2px}.ct-on-lit{stroke:var(--paper);stroke-width:2px;opacity:.75}.ct-on-tape{fill:var(--paper);stroke:color-mix(in srgb, var(--navy) 30%, transparent);stroke-width:.8px;opacity:.85}.ct-on-code{fill:var(--navy)}.ct-on-shadow{fill:color-mix(in srgb, var(--navy) 34%, transparent);filter:blur(5px)}.ct-on-stops{gap:var(--gap);display:grid}.ct-on-stops .ct-on-stop{--peel:44px;height:var(--row);border-radius:var(--r-m);color:var(--text);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n name""n verb";align-items:center;column-gap:16px;padding-inline:18px 52px;display:grid;position:relative}.ct-on-stops a.ct-on-stop{border-end-end-radius:3px}.ct-on-stop[aria-current]{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--signal), var(--shadow-card)}.ct-on-n{transition:fill var(--t-control) var(--ease-out);grid-area:n}.ct-on-stop b{grid-area:name;align-self:end;font-size:20px;font-weight:750;font-stretch:110%;line-height:1.2}.ct-on-stop small{color:var(--text-muted);grid-area:verb;align-self:start;font-size:14px}.ct-on-dot{z-index:1;border:2px solid color-mix(in srgb, var(--text) 34%, transparent);background:var(--ground);width:14px;height:14px;transition:background-color var(--t-state) var(--ease-out), border-color var(--t-state) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:calc(50% - 7px);inset-inline-start:-7px}.ct-on-dot:after{content:"";z-index:-1;background:var(--signal-soft);opacity:0;transition:opacity var(--t-state) var(--ease-out), transform var(--t-state) var(--ease-out);border-radius:50%;position:absolute;inset:-6px;transform:scale(.5)}.ct-on-dot:before{content:"";box-shadow:0 0 0 2px var(--signal);opacity:0;border-radius:50%;position:absolute;inset:-2px}a.ct-on-stop:is(:hover,:focus-visible) .ct-on-dot,.ct-on-stop[aria-current] .ct-on-dot{border-color:var(--signal);background:var(--signal)}a.ct-on-stop:is(:hover,:focus-visible) .ct-on-dot:after,.ct-on-stop[aria-current] .ct-on-dot:after{opacity:1;transform:none}.js .ct-on-line[data-rise]:not(.in) .ct-on-stop[aria-current] .ct-on-dot{border-color:color-mix(in srgb, var(--text) 34%, transparent);background:var(--ground)}.js .ct-on-line[data-rise]:not(.in) .ct-on-stop[aria-current] .ct-on-dot:after{opacity:0;transform:scale(.5)}.js .ct-on-line.in .ct-on-stop[aria-current] .ct-on-dot{animation:ct-on-lit .36s var(--ease-out) .98s backwards}.js .ct-on-line.in .ct-on-stop[aria-current] .ct-on-dot:after{animation:ct-on-halo .46s var(--ease-out) .98s backwards}.js .ct-on-line.in .ct-on-stop[aria-current] .ct-on-dot:before{animation:ct-on-ring .9s var(--ease-out) 1s}a.ct-on-stop:is(:hover,:focus-visible) .ct-on-n{fill:var(--signal)}@media (min-width:900px){.ct-on-line{--gap:12px;--top:168px;--rail:30px;padding-inline:8px;padding-block:var(--top) 8px}.ct-on-belt{inset-block:calc(var(--top) - var(--rail) - 3px) auto;inset-inline:calc(8px - var(--gap) / 2);width:auto;height:6px}.ct-on-track,.ct-on-fill{background-repeat:repeat-x;background-size:16px 6px}.ct-on-fill{clip-path:inset(0 calc(100% - var(--fill)) 0 0)}[dir=rtl] .ct-on-fill{clip-path:inset(0 0 0 calc(100% - var(--fill)))}.ct-on-pack{width:calc(100% / var(--n));height:auto;transform:translateX(calc(var(--at) * 100% * var(--dir)));place-items:end center;inset-block:auto 0;inset-inline-start:0}.ct-on-pack svg{width:148px}.ct-on-stops{grid-template-columns:repeat(var(--n), minmax(0, 1fr))}.ct-on-stops .ct-on-stop{--peel:56px;grid-template-columns:minmax(0,1fr);grid-template-areas:none;align-content:start;justify-items:start;row-gap:4px;height:100%;min-height:156px;padding:22px 20px 26px}.ct-on-n,.ct-on-stop b,.ct-on-stop small{grid-area:auto}.ct-on-stop b{font-size:var(--fs-h3);align-self:auto;margin-block-start:14px}.ct-on-dot{z-index:auto;inset-block-start:calc(-7px - var(--rail));inset-inline-start:calc(50% - 7px)}.ct-on-dot:after{inset:-8px}.ct-on-dot:before{content:none}}@keyframes ct-on-lit{0%{border-color:color-mix(in srgb, var(--text) 34%, transparent);background-color:var(--ground)}}@keyframes ct-on-halo{0%{opacity:0;transform:scale(.5)}}@keyframes ct-on-ring{12%{opacity:.7}to{opacity:0;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.ct-on-fill,.ct-on-pack,.ct-on-dot,.ct-on-dot:after,.ct-on-n{transition:none}.js .ct-on-line[data-rise]:not(.in){--at:var(--here)}.ct-on-stops .ct-on-stop{--peel:0px}.ct-on-stops a.ct-on-stop{border-end-end-radius:var(--r-m)}.js .ct-on-line.in .ct-on-stop[aria-current] .ct-on-dot,.js .ct-on-line.in .ct-on-stop[aria-current] .ct-on-dot:after,.js .ct-on-line.in .ct-on-stop[aria-current] .ct-on-dot:before{animation:none}.js .ct-on-line[data-rise]:not(.in) .ct-on-stop[aria-current] .ct-on-dot{border-color:var(--signal);background:var(--signal)}.js .ct-on-line[data-rise]:not(.in) .ct-on-stop[aria-current] .ct-on-dot:after{opacity:1;transform:none}}
.ct-us-card{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);gap:44px;padding:clamp(24px,5vw,72px);display:grid;overflow:hidden}.ct-us-lead{align-content:start;justify-items:start;gap:22px;display:grid}.ct-us .ct-us-n{--code-step:85ms;width:min(100%,clamp(250px,36vw,470px));height:auto;margin-block-end:clamp(6px,1.4vw,18px)}.ct-us .ct-us-quote{white-space:normal}.ct-us-list{gap:clamp(24px,2.8vw,40px);display:grid}.ct-us-line{letter-spacing:-.015em;text-wrap:balance;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:18px;font-size:clamp(21px,2.3vw,34px);font-weight:700;font-stretch:108%;line-height:1.22;display:grid}[dir=rtl] .ct-us-line{letter-spacing:0;font-weight:600;line-height:1.55}.ct-us-tick{margin-block-start:.12em}.ct-us-tick circle{fill:var(--card);stroke:var(--line);stroke-width:1.5px}.ct-us-tick path{stroke:var(--signal);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .52s var(--ease-out) calc(var(--d,0s) + .38s)}.js .ct-us-line[data-rise]:not(.in) .ct-us-tick path{stroke-dashoffset:1px}@media (min-width:1024px){.ct-us-card{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,96px)}}@media (prefers-reduced-motion:reduce){.ct-us-tick path{transition:none}.js .ct-us-line[data-rise]:not(.in) .ct-us-tick path{stroke-dashoffset:0}}