.tw{margin-top:clamp(40px,6vh,72px);position:relative}.tw__wires{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tw__wires path{fill:none;stroke:url(#tw-foil);stroke-linecap:round}.tw__base path{stroke-width:1.25px;opacity:.4}.tw__lit path{stroke-width:2px;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.tw__lit path.is-on{opacity:1}.tw__pulses{z-index:2;pointer-events:none;position:absolute;inset:0}.tw__pulse{offset-anchor:50% 50%;offset-rotate:0deg;background:radial-gradient(circle, #fff 0 26%, var(--foil-solid) 48%, transparent 72%);border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0}.tw__grid{z-index:1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(56px,7vw,128px);display:grid;position:relative}.tw__col{gap:clamp(40px,6vh,64px);display:grid}.tw__g{gap:16px;display:grid}.tw__col[data-side=left] .tw__g{justify-items:end}.tw__gl{color:var(--text-2);align-items:center;gap:10px;margin:0;display:flex}.tw__jn{background:var(--foil);border-radius:50%;flex:none;width:9px;height:9px;display:none}.tw__tools{gap:14px;margin:0;padding:0;list-style:none;display:flex}.tw__t{justify-items:center;display:grid;position:relative}.tw__plate{border:1px solid var(--border-strong);background:var(--obsidian);width:58px;height:58px;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.tw__plate img{width:28px;height:28px;display:block}.tw__plate[data-chip]{background:radial-gradient(circle, var(--chip) 0 21px, var(--obsidian) 22px)}.tw__plate[data-chip] img{width:24px;height:24px}.tw__n{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tw__job{z-index:3;width:max-content;max-width:220px;color:var(--text-2);text-align:left;pointer-events:none;opacity:0;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-base) var(--ease-out);background:#121216f0;border:1px solid #9d8cff59;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.45;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px)}.tw__job b{color:var(--bone);margin-bottom:2px;font-weight:600;display:block}@media (hover:hover){.tw__t:hover .tw__plate{border-color:#9d8cffb3;transform:translateY(-3px)scale(1.08)}.tw__t:hover .tw__job{opacity:1;transform:translate(-50%)}}.tw__hub{justify-items:center;gap:16px;display:grid}.tw__core{aspect-ratio:1;background:radial-gradient(circle at 50% 32%,#1d1836,#0c0c10 72%);border:1px solid #9d8cff66;border-radius:50%;place-items:center;width:clamp(148px,13vw,188px);display:grid;position:relative}.tw__core:before{content:"";z-index:-1;background:radial-gradient(closest-side,#7c3aed52,#4338ca24 50%,#0000 74%);border-radius:50%;position:absolute;inset:-55%}.tw__core img{width:38%;height:auto;position:relative}.tw__ring{border:1px dashed #9d8cff66;border-radius:50%;position:absolute;inset:-12px}.tw__ping{border:1.5px solid var(--foil-solid);opacity:0;border-radius:50%;position:absolute;inset:-1px}.tw__hubl{color:var(--text-2)}@media (prefers-reduced-motion:no-preference){.tw__ring{animation:60s linear infinite paused twSpin}.tw.is-live .tw__ring{animation-play-state:running}}@keyframes twSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.tw__grid{grid-template-columns:minmax(0,1fr);gap:40px}.tw__hub{order:-1;margin-bottom:12px}.tw__col{gap:36px}.tw__col[data-side=left] .tw__g{justify-items:stretch}.tw__jn{display:block}.tw__tools{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:20px 8px;padding-left:22px;display:grid}.tw__n{clip-path:none;white-space:normal;text-align:center;width:auto;height:auto;color:var(--text-2);margin-top:8px;font-size:12px;line-height:1.3;position:static;overflow:visible}.tw__job{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;overflow:hidden}}
