.orbit{position:relative;width:min(340px,86vw);aspect-ratio:1;margin:28px auto 40px}
.orbit::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px dotted #5F5D58}
.orbit .circle{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#3a3a37,#1a1a19 70%);box-shadow:inset 0 0 0 1px #3c3c38}
.orbit .pill{color:#F6F4EF;position:absolute;left:50%;top:0;transform:translate(-50%,-50%);background:#222220;border:1px solid #46463f;border-radius:99px;padding:6px 12px 6px 10px;font-size:12px;font-weight:500;display:flex;gap:7px;align-items:center;z-index:2}
.orbit .pill i{width:8px;height:8px;border-radius:50%;background:#FE4139}
.orbit .ico{position:absolute;left:var(--x);top:var(--y);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:13px;background:#282826;border:1px solid #42423e;display:grid;place-items:center;cursor:pointer;padding:0;z-index:2}
.orbit .ico:focus-visible{outline:2px solid #F6F4EF;outline-offset:4px}
.orbit .ico--megaphone{background:linear-gradient(160deg,#FF7A2A,#7B3FC4);border:0}.orbit .ico--play{background:#F6F4EF;border-radius:50%}
@media(min-width:900px){.orbit{width:440px}}
/* Talknlock hero centre A+B. Animates transform + opacity only. */
.tnl-core{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;contain:layout style}
.tnl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;white-space:nowrap}
.tnl-core__stack{display:grid;justify-items:center;text-align:center}
.tnl-core__label{font:500 14px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.02em;color:#A9A7A1;margin-bottom:6px;transition:opacity .35s}
.tnl-core.is-rest .tnl-core__label{opacity:0}
.tnl-core__words{display:grid;height:72px;width:240px;place-items:center;overflow:hidden;font:400 60px/72px "Instrument Serif",Georgia,serif;color:#F6F4EF}
.tnl-core__words>span{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(40%);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s cubic-bezier(.2,.8,.2,1)}
.tnl-core__words>.is-on{opacity:1;transform:none}
.tnl-core__words>.is-out{opacity:0;transform:translateY(-40%);transition-duration:.35s}
.tnl-core__words>.tnl-core__rest{font-size:38px;transform:translateY(40%)}
.tnl-core__words>.tnl-core__rest.is-on{transform:translateY(-12px)}
/* icon glow: add data-tnl-word to each orbit icon tile */
[data-tnl-word]{position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
[data-tnl-word]::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2.5px solid #FFBE36;box-shadow:0 0 22px 4px rgba(255,190,54,.45);opacity:0;transition:opacity .4s;pointer-events:none}
[data-tnl-word].is-glow{transform:scale(1.12)}
[data-tnl-word].is-glow::after{opacity:1}
/* stickers: fixed size, absolute */
.tnl-stk{position:absolute;display:block;opacity:0;transform:scale(1.5) rotate(-12deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1) var(--d),opacity .2s linear var(--d)}
.tnl-stk svg{display:block;width:100%;height:100%}
.tnl-stk.is-in{opacity:1;transform:scale(1) rotate(var(--r))}
.tnl-stk.is-in svg{animation:tnl-wob 6s ease-in-out 1s infinite}
.tnl-core.is-paused .tnl-stk svg{animation-play-state:paused}
@keyframes tnl-wob{0%,88%,100%{transform:none}92%{transform:rotate(2deg)}96%{transform:rotate(-2deg)}}
/* positions sit on the circle edge between orbit icons (angles 45deg, 125deg, -65deg) */
.tnl-stk--fun{width:176px;height:48px;left:85%;top:85%;margin:-24px 0 0 -88px}
.tnl-stk--jaipur{width:156px;height:48px;left:21%;top:91%;margin:-24px 0 0 -78px}
.tnl-stk--star{width:56px;height:56px;left:71%;top:5%;margin:-28px 0 0 -28px}
@media (max-width:767px){
  .tnl-stk--fun{display:none}
  .tnl-core__words{font-size:54px;width:220px}
  .tnl-core__words>.tnl-core__rest{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  .tnl-core *,[data-tnl-word],[data-tnl-word]::after{transition:none!important;animation:none!important}
}