.ck-fig{margin:0;padding-bottom:2.4rem;position:relative}.ck-win{border-radius:var(--sa-r-lg);background:var(--sa-white);box-shadow:0 0 0 1px var(--sa-line), var(--sa-shadow-3);transition:rotate .9s var(--sa-ease), translate .9s var(--sa-ease);padding:.875rem;rotate:-1deg}.ck-fig:hover .ck-win{translate:0 -4px;rotate:0deg}.theme-dark .ck-win{background:linear-gradient(180deg, var(--dark-2), var(--dark-1));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--dark-ink) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--dark-ink) 8%, transparent), 0 40px 80px -40px color-mix(in srgb, var(--amber) 22%, transparent);rotate:none}.ck-bar{gap:.35rem;padding:.2rem .35rem .75rem;display:flex}.ck-bar span{background:color-mix(in srgb, var(--dark-ink) 16%, transparent);border-radius:50%;width:.55rem;height:.55rem}.ck-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"src reach""svc rev""new new";gap:.55rem;display:grid}.ck-tile--src{grid-area:src}.ck-tile--reach{grid-area:reach}.ck-tile--svc{grid-area:svc}.ck-tile--rev{grid-area:rev}.ck-tile{border-radius:var(--sa-r-sm);background:var(--sa-surface);box-shadow:inset 0 0 0 1px var(--sa-line);flex-direction:column;gap:.75rem;padding:.95rem 1rem 1rem;display:flex}.theme-dark .ck-tile{background:var(--dark-canvas);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dark-ink) 7%, transparent)}.ck-tile--new{grid-area:new;padding-right:clamp(1rem,22%,10rem)}.ck-t{font-size:calc(.94 * var(--u15));letter-spacing:-.01em;color:var(--dark-ink);font-weight:550}.ck-tile svg,.ck-phone svg{width:100%;height:auto;display:block}.ck-tile--new svg{max-width:26rem}.ck-fig .ring{fill:none;stroke:color-mix(in srgb, var(--dark-ink) 10%, transparent);stroke-width:9px}.ck-fig .seg-a,.ck-fig .seg-b,.ck-fig .seg-c{fill:none;stroke-width:9px}.ck-fig .seg-a{stroke:var(--amber)}.ck-fig .seg-b{stroke:color-mix(in srgb, var(--dark-ink) 62%, transparent)}.ck-fig .seg-c{stroke:color-mix(in srgb, var(--dark-ink) 34%, transparent)}.ck-fig .lgnd text{font-family:var(--font-mono);fill:var(--dark-ink-muted);font-size:10.5px}.ck-fig .a{fill:var(--amber)}.ck-fig .b{fill:color-mix(in srgb, var(--dark-ink) 62%, transparent)}.ck-fig .c{fill:color-mix(in srgb, var(--dark-ink) 34%, transparent)}.ck-fig .e,.ck-fig .dot{fill:color-mix(in srgb, var(--dark-ink) 16%, transparent)}.ck-fig .ic{fill:none;stroke:color-mix(in srgb, var(--dark-ink) 55%, transparent);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.ck-fig .tr{fill:color-mix(in srgb, var(--dark-ink) 7%, transparent)}.ck-fig .fa{fill:var(--amber)}.ck-fig .fb{fill:color-mix(in srgb, var(--dark-ink) 45%, transparent)}.ck-fig .fc{fill:color-mix(in srgb, var(--dark-ink) 28%, transparent)}.ck-fig .ln{fill:color-mix(in srgb, var(--dark-ink) 26%, transparent)}.ck-fig .ln2{fill:color-mix(in srgb, var(--dark-ink) 12%, transparent)}.ck-fig .qr rect{fill:color-mix(in srgb, var(--dark-ink) 70%, transparent)}.ck-fig .qr .qrbg{fill:color-mix(in srgb, var(--dark-ink) 6%, transparent)}.ck-fig .bub{fill:color-mix(in srgb, var(--dark-ink) 6%, transparent);stroke:color-mix(in srgb, var(--dark-ink) 22%, transparent);stroke-width:1.2px}.ck-phone{border-radius:var(--st-rx-in);background:var(--dark-canvas);width:clamp(6.6rem,9vw,8.2rem);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dark-ink) 14%, transparent), 0 0 0 5px var(--dark-2), 0 0 0 6px color-mix(in srgb, var(--dark-ink) 12%, transparent), var(--sa-shadow-3);padding:1.35rem .6rem .8rem;position:absolute;bottom:0;right:clamp(-.5rem,-1vw,0rem);rotate:3deg}.theme-dark .ck-phone{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dark-ink) 14%, transparent), 0 0 0 5px var(--dark-2), 0 0 0 6px color-mix(in srgb, var(--dark-ink) 12%, transparent), 0 30px 50px -20px color-mix(in srgb, var(--dark-canvas) 90%, transparent);rotate:none}.ck-notch{border-radius:var(--r-pill);background:color-mix(in srgb, var(--dark-ink) 14%, transparent);width:1.8rem;height:.3rem;margin-left:-.9rem;position:absolute;top:.5rem;left:50%}.ck-cap{font-family:var(--font-mono);font-size:calc(.8 * var(--u15));letter-spacing:.06em;color:var(--dark-ink-subtle);margin-top:.9rem}@media (width<=1000px){.ck-fig{max-width:40rem}}@media (width<=560px){.ck-tiles{grid-template-columns:minmax(0,1fr);grid-template-areas:"src""reach""svc""new""rev"}.ck-tile--new{padding-right:1rem}.ck-phone{display:none}.ck-fig{padding-bottom:0}}
