.constellation line{animation-name:constellation-draw;animation-fill-mode:backwards}.constellation circle{animation-name:constellation-node;animation-fill-mode:backwards}@keyframes constellation-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes constellation-node{0%{opacity:0}}.constellation__svg{width:100%;max-width:none;height:100%;animation:constellation-breathe 6s ease-in-out var(--draw-seconds,7s) infinite;display:block}@keyframes constellation-breathe{0%,to{opacity:1}50%{opacity:.7}}.hero-mark{--stage-w:390px;--stage-h:340px;--disc:128px;--top-offset:0px;height:calc(var(--stage-h) + var(--top-offset));pointer-events:none;position:relative}.hero-mark__stage{left:50%;top:var(--top-offset);width:var(--stage-w);height:var(--stage-h);margin-left:calc(var(--stage-w) / -2);position:absolute}.hero-mark__stage--desktop{visibility:hidden}.hero-mark .k-disc{left:50%;top:calc(var(--top-offset) + var(--stage-h) * 196 / 340);position:absolute;transform:translate(-50%,-50%)}@media (min-width:768px){.hero-mark{--stage-w:858px;--stage-h:748px;--disc:200px;--top-offset:-60px}.hero-mark__stage--phone{visibility:hidden}.hero-mark__stage--desktop{visibility:visible}}.k-disc{background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.k-disc--hero{width:var(--disc,128px);height:var(--disc,128px);box-shadow:0 0 80px rgb(var(--purple-rgb) / .55)}.k-disc--hero .k-mark{width:51.5%;height:auto}.k-disc--small{width:72px;height:72px;box-shadow:0 0 60px rgb(var(--purple-rgb) / .5)}.k-disc--pulse{animation:4s ease-in-out infinite k-pulse}@keyframes k-pulse{0%,to{box-shadow:0 0 0 0 rgb(var(--purple-rgb) / 0), 0 0 80px rgb(var(--purple-rgb) / .55)}50%{box-shadow:0 0 0 18px rgb(var(--purple-rgb) / .12), 0 0 80px rgb(var(--purple-rgb) / .55)}}@media (prefers-reduced-motion:reduce){.constellation line,.constellation circle,.constellation__svg,.k-disc--pulse{animation:none}}.face{background:var(--face-1);width:88%;height:88%;color:var(--face-ink);font-size:calc(var(--disc,128px) * .32);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.face--2{background:var(--face-2)}.face--3{background:var(--face-3)}.face--4{background:var(--face-4)}.face--5{background:var(--face-5)}.face__badge{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26%;height:26%;display:flex;position:absolute;bottom:2%;right:2%;box-shadow:0 4px 14px #1b1a202e}.face__badge .k-mark{width:46%;height:auto}