:root .sig--des-orbit { container-type: inline-size; }
:root .sigwrap--wide .sig--des-orbit { min-height: clamp(520px, 50vw, 700px); }
:root .sig--des-orbit .ob, :root .sig--des-orbit.ob { --ac: #e3b8ff; position: absolute; inset: 7% 6% 11%; }
:root .sig--des-orbit .ob__rings, :root .sig--des-orbit.ob__rings { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
:root .sig--des-orbit .ob__rings ellipse, :root .sig--des-orbit.ob__rings ellipse { fill: none; stroke: color-mix(in srgb, var(--c) 30%, transparent); stroke-width: 1; vector-effect: non-scaling-stroke; stroke-dasharray: 2 5; }
:root .sig--des-orbit .ob__ray, :root .sig--des-orbit.ob__ray { stroke: var(--ac); stroke-width: 1.5; vector-effect: non-scaling-stroke; opacity: 0; transition: opacity .4s; filter: drop-shadow(0 0 4px var(--ac)); }
:root .sig--des-orbit .ob.has-on .ob__ray, :root .sig--des-orbit.ob.has-on .ob__ray { opacity: .8; }
:root .sig--des-orbit .ob__n, :root .sig--des-orbit.ob__n { position: absolute; display: flex; align-items: center; gap: 7px; transform: translate(calc(-100% + 7px), -50%) scale(var(--s, 1)); transform-origin: calc(100% - 7px) 50%; flex-direction: row-reverse; opacity: var(--o, 1); text-decoration: none; color: var(--ink); white-space: nowrap; transition: opacity .3s; }
:root .sig--des-orbit .ob__n.is-l, :root .sig--des-orbit.ob__n.is-l { flex-direction: row; transform: translate(-7px, -50%) scale(var(--s, 1)); transform-origin: 7px 50%; }
:root .sig--des-orbit .ob__n i, :root .sig--des-orbit.ob__n i { flex: none; width: 14px; height: 14px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 18%, transparent), 0 0 14px color-mix(in srgb, var(--c) 70%, transparent); transition: transform .4s var(--ease-back), box-shadow .4s; }
:root .sig--des-orbit .ob__n span, :root .sig--des-orbit.ob__n span { padding: 5px 10px; border-radius: 999px; background: rgba(24, 20, 30, .82); border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); font: 500 clamp(11px, 1.15cqw, 13.5px)/1 var(--f-display); letter-spacing: -.005em; backdrop-filter: blur(6px); transition: background .3s, color .3s, border-color .3s; }
:root .sig--des-orbit .ob__n:hover, :root .sig--des-orbit.ob__n:hover, :root .sig--des-orbit .ob__n.is-on, :root .sig--des-orbit.ob__n.is-on { opacity: 1; z-index: 60 !important; }
:root .sig--des-orbit .ob__n.is-on i, :root .sig--des-orbit.ob__n.is-on i, :root .sig--des-orbit .ob__n:hover i, :root .sig--des-orbit.ob__n:hover i { transform: scale(1.35); box-shadow: 0 0 0 6px color-mix(in srgb, var(--c) 28%, transparent), 0 0 22px var(--c); }
:root .sig--des-orbit .ob__n.is-on span, :root .sig--des-orbit.ob__n.is-on span, :root .sig--des-orbit .ob__n:hover span, :root .sig--des-orbit.ob__n:hover span { background: var(--c); color: #160b1f; border-color: transparent; font-weight: 600; }
:root .sig--des-orbit .ob__core, :root .sig--des-orbit.ob__core { position: absolute; left: 50%; top: 50%; z-index: 40; width: min(26cqw, 300px); padding: clamp(14px, 2cqw, 22px) clamp(16px, 2.4cqw, 26px); border-radius: 22px; transform: translate(-50%, -50%); text-align: center; text-decoration: none; color: #fff; background: radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--ac) 22%, #241d2c), #1b1720); border: 1px solid color-mix(in srgb, var(--ac) 45%, transparent); box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .9), 0 0 60px -20px var(--ac); display: grid; gap: 6px; justify-items: center; transition: border-color .4s, box-shadow .4s; }
:root .sig--des-orbit .ob__pulse, :root .sig--des-orbit.ob__pulse { position: absolute; inset: -1px; border-radius: inherit; border: 1px solid var(--ac); opacity: 0; animation: obPulse 2.8s var(--ease-out) infinite; pointer-events: none; }
@keyframes obPulse{ 0% { opacity: .7; transform: scale(1); } 100% { opacity: 0; transform: scale(1.18, 1.35); } }
:root .sig--des-orbit .ob__foot, :root .sig--des-orbit.ob__foot { display: inline-flex; align-items: center; gap: 10px; margin-top: 4px; }
:root .sig--des-orbit .ob__w, :root .sig--des-orbit.ob__w { padding: 5px 10px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--ac) 50%, transparent); font: 500 12px/1 var(--f-display); color: var(--ac); }
:root .sig--des-orbit .ob__t, :root .sig--des-orbit.ob__t { font: 700 clamp(18px, 2cqw, 26px)/1.1 var(--f-display); letter-spacing: -.035em; }
:root .sig--des-orbit .ob__p, :root .sig--des-orbit.ob__p { max-width: 30ch; font: 400 clamp(12px, 1.2cqw, 14px)/1.4 var(--f-body); color: var(--ink-2); }
:root .sig--des-orbit .ob__go, :root .sig--des-orbit.ob__go { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--ac); color: #160b1f; opacity: 0; transform: scale(.6); transition: opacity .3s, transform .4s var(--ease-back); }
:root .sig--des-orbit .ob.has-on .ob__go, :root .sig--des-orbit.ob.has-on .ob__go { opacity: 1; transform: none; }
:root .sig--des-orbit .ob:not(.has-on) .ob__go, :root .sig--des-orbit.ob:not(.has-on) .ob__go { width: 0; margin-left: -10px; }
:root .sig--des-orbit .ob__go svg, :root .sig--des-orbit.ob__go svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
:root .sig--des-orbit .ob__leg, :root .sig--des-orbit.ob__leg { position: absolute; left: -2%; bottom: -12%; display: flex; flex-wrap: wrap; gap: 6px 16px; }
:root .sig--des-orbit .ob__leg li, :root .sig--des-orbit.ob__leg li { display: inline-flex; align-items: center; gap: 7px; font: 500 12px/1 var(--f-display); color: var(--ink-2); }
:root .sig--des-orbit .ob__leg i, :root .sig--des-orbit.ob__leg i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
@container (max-width: 760px){:root .sig--des-orbit .ob, :root .sig--des-orbit.ob { inset: 6% 7% 44%; }
:root .sig--des-orbit .ob__n span, :root .sig--des-orbit.ob__n span { display: none; }
:root .sig--des-orbit .ob__n i, :root .sig--des-orbit.ob__n i { width: 11px; height: 11px; }
:root .sig--des-orbit .ob__core, :root .sig--des-orbit.ob__core { top: 136%; width: min(84cqw, 320px); padding: 14px 16px; }
:root .sig--des-orbit .ob__p, :root .sig--des-orbit.ob__p { font-size: 12.5px; }
:root .sig--des-orbit .ob__leg, :root .sig--des-orbit.ob__leg { display: none; }

}