.bo-wrap{width:100%;min-width:0;max-width:100%;padding:56px 0 24px;overflow:visible}.bo{--size:min(560px,92vw);--r1:calc(var(--size)*.34);--r2:calc(var(--size)*.47);--node:clamp(48px,13vw,76px);--chip:clamp(22px,6vw,32px);--t1:36s;--t2:60s;width:var(--size);aspect-ratio:1;isolation:isolate;place-items:center;margin:24px auto;display:grid;position:relative}.bo:before{content:"";z-index:-1;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 28%,transparent) 0%,color-mix(in oklab,var(--violet) 18%,transparent) 38%,transparent 68%);filter:blur(18px);border-radius:50%;animation:4s ease-in-out infinite bo-breathe;position:absolute;inset:8%}.bo-track{border:1px dashed color-mix(in oklab,var(--accent) 35%,transparent);pointer-events:none;border-radius:50%;position:absolute}.bo-track.t1{width:calc(var(--r1)*2);height:calc(var(--r1)*2)}.bo-track.t2{width:calc(var(--r2)*2);height:calc(var(--r2)*2);border-color:color-mix(in oklab,var(--violet) 30%,transparent)}.bo-core{z-index:3;aspect-ratio:1;width:36%;filter:drop-shadow(0 0 22px color-mix(in oklab,var(--accent) 60%,transparent)) drop-shadow(0 0 48px color-mix(in oklab,var(--violet) 40%,transparent));border-radius:50%;place-items:center;display:grid;position:relative}.bo-core img{object-fit:cover;clip-path:circle(50%);background:0 0;border-radius:50%;width:100%;height:100%;animation:5s ease-in-out infinite bo-float}.bo-ring{animation:bo-spin var(--t1) linear infinite;position:absolute;inset:0}.bo-ring.outer{animation-duration:var(--t2);animation-direction:reverse}.bo-ring:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open){animation-play-state:paused}.bo-ring:has(.bo-node:hover) .bo-up{animation-play-state:paused}:is(.bo-ring:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open) .bo-up,.bo-ring:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open) .bo-beam){animation-play-state:paused}.bo-slot{width:0;height:0;transform:rotate(var(--a)) translateY(calc(var(--r1)*-1));position:absolute;top:50%;left:50%}.outer .bo-slot{transform:rotate(var(--a)) translateY(calc(var(--r2)*-1))}.bo-beam{width:2px;height:calc(var(--r1) - var(--size)*.18);transform-origin:50% 0;transform:rotate(calc(var(--a) + 180deg)) translateY(calc(var(--size)*.18));background:linear-gradient(to bottom,var(--accent),var(--violet));opacity:.25;animation:2.4s ease-in-out infinite bo-pulse;animation-delay:var(--d,0s);border-radius:2px;position:absolute;top:50%;left:50%}.bo-up{transform:translate(-50%,-50%) rotate(calc(var(--a)*-1));position:absolute;top:0;left:0}.bo-up>*{animation:bo-spin var(--t1) linear infinite reverse;display:block}.outer .bo-up>*{animation-duration:var(--t2);animation-direction:normal;display:block}.bo-node{all:unset;--tip-x:0px;cursor:pointer;width:var(--node);height:var(--node);border:2px solid color-mix(in oklab,var(--accent) 60%,var(--line));box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 12%,transparent),0 0 18px color-mix(in oklab,var(--accent) 45%,transparent);background:0 0;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.bo-node:hover,.bo-node:focus-visible,.bo-node.open{box-shadow:0 0 0 4px color-mix(in oklab,var(--violet) 30%,transparent),0 0 28px color-mix(in oklab,var(--violet) 60%,transparent);transform:scale(1.12)}.bo-node img{object-fit:cover;clip-path:circle(50%);background:0 0;border-radius:50%;width:100%;height:100%}.bo-node svg{width:46%;height:46%;stroke:var(--accent);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.bo-node .lbl{white-space:nowrap;color:var(--fg);background:color-mix(in oklab,var(--surface) 85%,transparent);border:1px solid var(--line);border-radius:99px;padding:3px 7px;font:600 11px/1 system-ui,sans-serif;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.bo-tip{z-index:30;background:var(--surface-2);border:1px solid color-mix(in oklab,var(--accent) 40%,var(--line));width:max-content;max-width:min(210px,100vw - 16px);color:var(--fg);opacity:0;pointer-events:none;text-align:left;border-radius:12px;padding:10px 12px;font:400 12.5px/1.4 system-ui,sans-serif;transition:opacity .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);box-shadow:0 10px 30px #00000059}.bo-tip b{margin-bottom:2px;font-size:13.5px;display:block}.bo-tip a{color:var(--accent);font-weight:600;text-decoration:none}.bo-node:hover .bo-tip,.bo-node:focus-visible .bo-tip,.bo-node.open .bo-tip{opacity:1;transform:translate(calc(-50% + var(--tip-x)),0);pointer-events:auto}.bo-chip{box-sizing:border-box;width:var(--chip);height:var(--chip);box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0;display:block;overflow:hidden}.bo-chip img{object-fit:cover;clip-path:circle(50%);background:0 0;border-radius:50%;width:100%;height:100%}.bo-chip.soon{opacity:.45;filter:grayscale()}.bo-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes bo-spin{to{rotate:360deg}}@keyframes bo-pulse{0%,to{opacity:.15}50%{opacity:.9;box-shadow:0 0 10px var(--accent)}}@keyframes bo-breathe{50%{opacity:.7;transform:scale(1.04)}}@keyframes bo-float{50%{transform:translateY(-4px)}}@media (width<=420px){.bo-node .lbl{display:none}.bo{--size:min(560px,94vw)}}@media (prefers-reduced-motion:reduce){.bo *,.bo:before{animation:none!important}}.bo-ring.inner:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open){z-index:5}.bo-track{top:50%;left:50%;translate:-50% -50%}:is(.bo:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open) .bo-ring,.bo:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open) .bo-up>*,.bo:has(.bo-node:hover,.bo-node:focus-visible,.bo-node.open) .bo-beam){animation-play-state:paused}.bo-tip-fixed{z-index:80;opacity:1;pointer-events:auto;position:fixed;top:0;bottom:auto;left:0;transform:none}.bo-wrap{max-width:100%;overflow-x:clip}.bo{--size:min(560px,100%);max-width:100%}.ferzan-page{max-width:100%;overflow-x:clip}@media (width<=767px){.ferzan-launch-band,.ferzan-launch-band .bo-wrap,.bo-wrap{max-width:100%;overflow-x:clip}.bo{--size:min(480px, 82%)}.bo-node .lbl{display:none}}.bo-ring{width:0;height:0;inset:50% auto auto 50%}@media (width>=1024px){.ferzan-launch-band .bo-wrap{width:100%;max-width:none;padding:0;container-type:inline-size}.ferzan-launch-band .bo{--size:min(560px, 100cqi);margin:4px auto 0}}.ferzan-launch-copy,.ferzan-launch-band,.ferzan-launch-band .bo-wrap,.ferzan-launch-band .bo,.bo-core{box-shadow:none;background:0 0;border:0;border-radius:0}.ferzan-mark{object-fit:cover;width:5rem;height:5rem;box-shadow:none;clip-path:circle(50%);background:0 0;border-radius:50%;display:block}
