html:has(.cs-root){overscroll-behavior:none;background:#f5f6f8}html:has(.cs-root) body{background:0 0;overflow:hidden}.cs-root{--cs-bg:#f5f6f8;--cs-ink:#111;--cs-quiet:#111111a8;--cs-surface:#fff;--cs-edge:#11111124;--cs-text-band:148px;background:var(--cs-bg);color:var(--cs-ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){html:has(.cs-root){background:#000}.cs-root{--cs-bg:#000;--cs-ink:#fff;--cs-quiet:#ffffffa8;--cs-surface:#0c0c0e;--cs-edge:#ffffff29}}.cs-stage{touch-action:none;cursor:grab;position:absolute;inset:0}.cs-stage:active{cursor:grabbing}.cs-canvas{opacity:0;width:100%;height:100%;transition:opacity .5s;display:block}.cs-root[data-scene=webgl] .cs-canvas{opacity:1}.cs-fallback{inset:0 0 var(--cs-text-band);perspective:900px;place-items:center;transition:opacity .5s,visibility 0s linear .5s;display:grid;position:absolute}.cs-root[data-scene=webgl] .cs-fallback{opacity:0;visibility:hidden}.cs-root[data-scene=webgl] .cs-ring{animation-play-state:paused}.cs-orbit{--cs-size:min(84vw, calc(100dvh - var(--cs-text-band) - 48px));width:var(--cs-size);aspect-ratio:1;transform-style:preserve-3d;position:relative}.cs-ring{border:1px solid var(--cs-edge);transform-style:preserve-3d;border-radius:50%;position:absolute}.cs-ring-a{border:2px solid var(--cs-ink);inset:16%;transform:rotateX(58deg)rotateY(-22deg)}.cs-ring-b{border-color:var(--cs-ink);inset:8%;transform:rotateX(-36deg)rotateY(60deg)}.cs-ring-c{border-width:6px;inset:0;transform:rotateX(24deg)rotateY(42deg)}.cs-mark{background:var(--cs-surface);border:1px solid var(--cs-edge);border-radius:50%;width:56%;height:56%;position:absolute;inset:22%}.cs-mark path{fill:none;stroke:var(--cs-ink);stroke-width:46px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){.cs-ring-a{animation:26s linear infinite cs-turn-a}.cs-ring-b{animation:34s linear infinite cs-turn-b}.cs-ring-c{animation:44s linear infinite cs-turn-c}}@keyframes cs-turn-a{to{transform:rotateX(58deg)rotateY(-22deg)rotate(360deg)}}@keyframes cs-turn-b{to{transform:rotateX(-36deg)rotateY(60deg)rotate(-360deg)}}@keyframes cs-turn-c{to{transform:rotateX(24deg)rotateY(42deg)rotate(360deg)}}.cs-copy{height:var(--cs-text-band);padding:0 24px calc(32px + env(safe-area-inset-bottom,0px));text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;inset:auto 0 0}.cs-name{font-family:var(--font-ibm-plex-sans), sans-serif;color:var(--cs-quiet);margin:0;font-size:13px;font-weight:400;line-height:20px}.cs-line{font-family:var(--font-public-sans), var(--font-ibm-plex-sans), sans-serif;letter-spacing:-.01em;color:var(--cs-ink);margin:0;font-size:28px;font-weight:600;line-height:32px}@media (min-width:1024px){.cs-line{font-size:32px;line-height:40px}}.cs-enter{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);z-index:2;outline:none;width:44px;height:44px;display:block;position:absolute}.cs-dot{opacity:0;pointer-events:none;background:0 0;border-radius:50%;outline:none;width:11px;height:11px;position:absolute;top:10px;right:10px}.cs-enter:focus-visible{outline:2px solid var(--cs-ink);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.cs-canvas,.cs-fallback{transition:none}}
