@layer components{.connect-lay{display:grid;gap:2.5rem}@media(min-width:1024px){.connect-lay{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3.5rem;align-items:center}}.cx-sw{display:grid;gap:.625rem;margin-top:.75rem}.cx-sw-o{position:relative;display:grid;gap:.25rem;padding:.875rem 1rem .875rem 2.75rem;border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--color-night-line);cursor:pointer;transition:background-color var(--duration-ui) var(--ease-out),box-shadow var(--duration-ui) var(--ease-out)}.cx-sw-o:hover{background:#ffffff08}.cx-sw-o input{position:absolute;opacity:0;pointer-events:none}.cx-sw-o:before{content:"";position:absolute;left:1rem;top:1.125rem;width:1rem;height:1rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px #fff6}.cx-sw-o:has(input:checked){background:var(--color-night-2);box-shadow:inset 0 0 0 1.5px #ffffff80}.cx-sw-o:has(input:checked):before{background:var(--color-sheet);box-shadow:inset 0 0 0 5px var(--color-brand)}.cx-sw-o:has(input:focus-visible){outline:2px solid var(--color-on-night);outline-offset:3px}.cx-sw-t{font-size:var(--text-body);font-weight:600;line-height:1.3}.cx-sw-d{color:var(--color-on-night-2);font-size:var(--text-caption);line-height:1.45}.cx-sw-note{display:none}@media(max-width:767px){.cx-sw{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--color-night-line)}.cx-sw-o{align-content:center;padding:.625rem .5rem;border-radius:var(--radius-control);box-shadow:none;text-align:center}.cx-sw-o:before{display:none}.cx-sw-o:has(input:checked){background:#232b3f;box-shadow:none}.cx-sw-t{font-size:var(--text-caption);line-height:1.25}.cx-sw-d{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cx-sw-note{display:block;margin:0;color:var(--color-on-night-2);font-size:var(--text-caption);line-height:1.45}.cx-sw-note [data-case=have],.connect:has(#cx-have:checked) .cx-sw-note [data-case=none]{display:none}.connect:has(#cx-have:checked) .cx-sw-note [data-case=have]{display:inline}}.cx{--g: 1.75rem;--cg: 1.5rem;--blue: color-mix(in srgb, var(--color-night-link) 80%, transparent);margin:0;padding:1.25rem;border-radius:1.25rem;background:#171e2e;box-shadow:inset 0 0 0 1px #ffffff12,0 24px 48px #00000040}.cx-board{position:relative;display:grid;grid-template-columns:calc((100% - var(--cg)) / 2.2) minmax(0,1fr);grid-template-areas:"skill skill" "dash apps" "bi kl" "plat kl" "src src";column-gap:var(--cg);row-gap:var(--g)}:is(.connect:not([data-case]):not(:has(#cx-have:checked)),.connect[data-case=none]) .cx-board{grid-template-columns:0px minmax(0,1fr);column-gap:0}:is(.connect:not([data-case]):not(:has(#cx-have:checked)),.connect[data-case=none]) .cx-own{visibility:hidden;overflow:hidden}:is(.connect:not([data-case]):not(:has(#cx-have:checked)),.connect[data-case=none]) .cx-own :is(.cx-t,b,small){white-space:nowrap}.cx-board{transition:opacity .32s cubic-bezier(.4,0,.2,1)}.cx-out .cx-board{opacity:0;transition-duration:.14s}.cx-measuring,.cx-measuring *{transition:none!important}@media(prefers-reduced-motion:reduce){.cx-sw-o,.cx-board{transition:none}}.cx-tile{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;min-width:0;padding:.75rem 1rem;border-radius:var(--radius-panel);background:var(--color-sheet);color:var(--color-ink);box-shadow:0 16px 32px -12px #00000073}.cx-skill{grid-area:skill}.cx-apps{grid-area:apps;justify-self:end;width:64%;box-sizing:border-box}.cx-tile .pt-tile{flex:none;width:1.75rem;height:1.75rem}.cx-tile .pt{width:100%;height:100%}.cx-mark{flex:none;width:auto;height:1.25rem}.cx-tile-h{display:grid;margin:0;font-size:var(--text-small);line-height:1.25;text-align:left}.cx-tile-h b{font-weight:600;letter-spacing:-.01em}.cx-tile-h small{color:var(--color-ink-2);font-size:var(--text-ui);font-weight:500}.cx-does{display:flex;flex-basis:100%;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0}.cx-does span{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:.375rem;background:var(--color-tint);font-size:.6875rem;font-weight:600;white-space:nowrap}.cx-does .ico{width:.75rem;height:.75rem;color:var(--color-brand)}.cx-own{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;margin:0;padding:.625rem .875rem;border-radius:var(--radius-control);background:#262e42;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--color-on-night);font-size:var(--text-small);line-height:1.25;text-align:center}.cx-own b{font-weight:600}.cx-own>.ico{flex:none;width:1rem;height:1rem;color:var(--color-night-link)}.cx-t{display:grid;gap:.125rem}.cx-t small{color:var(--color-on-night-2);font-size:var(--text-ui);font-weight:500;line-height:1.35}.cx-dash{grid-area:dash}.cx-bi{grid-area:bi;min-height:4rem}.cx-plat{grid-area:plat;min-height:5.75rem}.cx-kl{grid-area:kl;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.75rem;min-width:0;padding:.875rem 1rem 1rem;border-radius:var(--radius-panel);background:var(--color-brand-tint);color:var(--color-ink);box-shadow:0 0 0 1.5px var(--color-brand),0 12px 40px #2760ff47}.cx-kl-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.375rem .625rem;margin:0}.cx-logo{flex:none;width:auto;height:1.375rem}.cx-kl-h>span:not(.cx-ed){color:var(--color-brand-ink);font-size:var(--text-small);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.cx-ed{padding:.125rem .5rem;border-radius:.3125rem;background:var(--color-sheet);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-brand) 35%,transparent);color:var(--color-brand-ink);font-size:.75rem;font-weight:700;line-height:1.3}.cx-kl-in{display:grid;gap:.75rem}.cx-ico{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:.4375rem;background:var(--color-brand-tint);color:var(--color-brand-ink)}.cx-ico .ico{width:.8125rem;height:.8125rem;stroke-width:1.75}.cx-gate{display:flex;align-items:center;justify-content:center;gap:.625rem;margin:0;padding:.5rem .75rem;border-radius:.75rem;background:var(--color-sheet);box-shadow:0 0 0 1.5px var(--color-brand);font-size:var(--text-caption)}.cx-gate b{font-weight:600}.cx-gate{flex-direction:column;gap:.375rem;padding:.75rem;text-align:center}.cx-gate b{line-height:1.3;text-wrap:balance}.cx-gate .cx-ico{background:var(--color-brand);color:var(--color-sheet)}.cx-store{position:relative;display:grid;justify-items:center;align-content:center;gap:.375rem;padding:.375rem .5rem .5rem;border-radius:.75rem;background:#ffffff80;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-brand) 35%,transparent)}.cx-store-h{margin:0;font-size:.75rem;font-weight:600}.cx-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin:0;padding:0;list-style:none}.cx-parts li{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .25rem;border-radius:.5rem;background:var(--color-sheet);font-size:.75rem;font-weight:600;white-space:nowrap}.cx-parts .cx-ico{width:1.25rem;height:1.25rem;border-radius:.375rem}.cx-pro{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.375rem 1rem;margin:0;font-size:.75rem}.cx-pro b{flex-basis:100%;color:var(--color-brand-ink);font-weight:700;text-align:center;white-space:nowrap}.cx-step{position:relative;display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5rem .1875rem .375rem;border-radius:.375rem;background:var(--color-sheet);font-weight:600;white-space:nowrap}.cx-step .ico{width:.75rem;height:.75rem;color:var(--color-brand);stroke-width:2.5}.cx-step+.cx-step:before{content:"";position:absolute;right:100%;top:50%;width:.75rem;height:2px;margin:-1px .125rem 0 0;background:color-mix(in srgb,var(--color-brand) 45%,transparent)}.cx-ed[data-case=have]{display:none}.cx-kl-in{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.connect:not([data-case]):has(#cx-have:checked),.connect[data-case=have]) .cx-ed[data-case=none]{display:none}:is(.connect:not([data-case]):has(#cx-have:checked),.connect[data-case=have]) .cx-ed[data-case=have]{display:inline}:is(.connect:not([data-case]):has(#cx-have:checked),.connect[data-case=have]) .cx-kl-in{grid-template-columns:minmax(0,1fr)}:is(.connect:not([data-case]):has(#cx-have:checked),.connect[data-case=have]) .cx-store:before{content:"";position:absolute;bottom:100%;left:calc(50% - 1px);width:2px;height:.75rem;background:var(--color-brand)}:is(.connect:not([data-case]):has(#cx-have:checked),.connect[data-case=have]) .cx-pro{display:none}.cx-w{position:absolute;z-index:0;width:1.5px;margin-left:-.75px;background:#ffffff4d;pointer-events:none}.cx-w.k{width:2px;margin-left:-1px;background:var(--blue)}.cx-up{left:50%;bottom:100%;height:var(--g)}.cx-down{left:50%;top:100%;height:var(--g)}.cx-w.cx-across{left:100%;top:50%;width:var(--cg);height:2px;margin:-1px 0 0}.cx-board>.cx-direct{grid-area:apps;justify-self:start;align-self:stretch;position:relative;margin:calc(-1 * var(--g)) 0 calc(-1 * var(--g)) 16%}.cx-io{position:absolute;top:100%;left:50%;box-sizing:border-box;display:flex;gap:.875rem;height:var(--g);padding-block:.1875rem;transform:translate(-50%);--head: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M6 1.2 10.8 7.4H1.2Z' fill='%23000' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}.cx-io i{position:relative;width:2px}.cx-io i:before{content:"";position:absolute;inset:.375rem 0 0;border-radius:1px;background:var(--blue)}.cx-io .is-down:before{inset:0 0 .375rem}.cx-io i:after{content:"";position:absolute;left:50%;width:.6875rem;height:.53125rem;background:var(--blue);transform:translate(-50%);-webkit-mask:var(--head) no-repeat center / 100% 100%;mask:var(--head) no-repeat center / 100% 100%}.cx-io .is-up:after{top:0}.cx-io .is-down:after{bottom:0;transform:translate(-50%) scaleY(-1)}.cx-src{grid-area:src}.cx-src{display:grid;gap:.625rem;min-width:0;padding:.875rem 1rem 1rem;border-radius:var(--radius-control);background:#262e42;box-shadow:inset 0 0 0 1px #ffffff1a}.cx-label{margin:0;color:var(--color-on-night);font-size:var(--text-ui);font-weight:600}.cx-strip{--dur: 60s;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 3rem,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(to right,transparent,#000 3rem,#000 calc(100% - 3rem),transparent)}.cx-track{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none}.motion .cx-track{animation:cx-belt var(--dur) linear infinite}.cx-strip:hover .cx-track{animation-play-state:paused}@keyframes cx-belt{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.motion .cx-track{animation:none}}.cx-sys{flex:none;margin-right:1.75rem}.cx-sys img{display:block;width:auto;height:1.125rem;filter:brightness(0) invert(1);opacity:.85}.cx-word{color:color-mix(in srgb,var(--color-on-night) 85%,transparent);font-size:var(--text-small);font-weight:700;letter-spacing:-.015em;white-space:nowrap}@media(prefers-reduced-motion:no-preference){.motion .cx:not(.cx-in) :is(.cx-src,.cx-own,.cx-kl,.cx-tile){opacity:0;transform:translateY(.75rem)}.motion .cx :is(.cx-src,.cx-own,.cx-kl,.cx-tile){transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}.motion .cx.cx-in .cx-own{transition-delay:.12s}.motion .cx.cx-in .cx-kl{transition-delay:.2s}.motion .cx.cx-in .cx-apps{transition-delay:.32s}.motion .cx.cx-in .cx-skill{transition-delay:.44s}.motion .cx:not(.cx-in) .cx-board>.cx-direct{opacity:0}.motion .cx .cx-board>.cx-direct{transition:opacity .5s var(--ease-out) .3s}}@media(max-width:767px){.cx-bi{min-height:5.5rem}.cx-plat{min-height:9.5rem}.cx-gate{padding-inline:.5rem}:is(.connect:not([data-case]):not(:has(#cx-have:checked)),.connect[data-case=none]) :is(.cx-bi,.cx-plat){min-height:0}:is(.cx-tile,.cx-kl,.cx-src){padding:.875rem}.cx-label,.cx-apps .cx-tile-h{text-align:center}}@media(max-width:479px){.cx{padding:1rem}.cx-apps{width:76%;padding-inline:.5rem}.cx-board>.cx-direct{margin-left:10%}:is(.cx-tile,.cx-kl,.cx-src){padding:.875rem .75rem}.cx-kl-in{grid-template-columns:minmax(0,1fr)}.cx-store:before{content:"";position:absolute;bottom:100%;left:calc(50% - 1px);width:2px;height:.75rem;background:var(--color-brand)}.cx-gate{gap:.375rem;font-size:var(--text-ui)}.cx-own{padding-inline:.5rem}.cx-pro{gap:.375rem}.cx-pro b{flex-basis:100%;text-align:center}.cx-step+.cx-step:before{display:none}.cx-does span{white-space:normal;text-align:center}}@media(max-width:399px){.cx-does .ico,.cx-parts .cx-ico{display:none}.cx-does span{padding-inline:.375rem;font-size:.625rem}.cx-parts li{padding:.25rem .5rem}.cx-pro{column-gap:.25rem}.cx-step .ico{display:none}.cx-step{padding-inline:.4375rem}}@media(min-width:768px){.cx{--g: 2rem;--cg: 2.5rem}}@media(min-width:1024px){.cx{--cg: 3rem}}}