#tg-staff.tg-guide-react{--guide-x: 72%;--guide-y: 20%;--guide-rx: 0deg;--guide-ry: 0deg;position:relative;isolation:isolate;background-image:radial-gradient(circle at var(--guide-x) var(--guide-y),rgba(36,187,234,.055),transparent 22rem),linear-gradient(rgba(36,187,234,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(36,187,234,.018) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}#tg-staff.tg-guide-react .tg-quick,#tg-staff.tg-guide-react .statband,#tg-staff.tg-guide-react .tg-take,#tg-staff.tg-guide-react .opq,#tg-staff.tg-guide-react #faq details,#tg-staff.tg-guide-react .tg-source-list a,#tg-staff.tg-guide-react .libcol{border-color:#72dbff3d!important;background:linear-gradient(145deg,#14304e94,#071325bd)!important;box-shadow:inset 0 1px #ffffff0e,0 24px 70px #00050e33;backdrop-filter:blur(18px) saturate(125%)}#tg-staff.tg-guide-react .tg-guide-tilt{transform:perspective(1100px) rotateX(var(--guide-rx)) rotateY(var(--guide-ry));transform-style:preserve-3d;transition:transform .18s ease,border-color .22s ease,box-shadow .22s ease}#tg-staff.tg-guide-react .tg-guide-tilt:hover{border-color:#6eddff75!important;box-shadow:inset 0 1px #ffffff14,0 30px 85px #00081452,0 0 42px #24bbea13}#tg-staff.tg-guide-react .tg-quick{position:relative;overflow:hidden}#tg-staff.tg-guide-react .tg-quick:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(112deg,transparent 26%,rgba(148,229,255,.08) 47%,transparent 64%);transform:translate(-125%);animation:tg-guide-sheen 8s ease-in-out infinite 1.5s}#tg-staff.tg-guide-react .tg-visual-col{perspective:1500px}#tg-staff.tg-guide-react .tg-panel{overflow:visible;border:1px solid rgba(104,214,255,.19);background:radial-gradient(circle at 82% 13%,rgba(36,187,234,.13),transparent 30%),linear-gradient(150deg,#0d2541c2,#051121e0);box-shadow:inset 0 1px #ffffff0d,0 42px 110px #00050f57;backdrop-filter:blur(24px) saturate(125%)}#tg-staff.tg-guide-react .tg-stage{overflow:visible}#tg-staff.tg-guide-react .tg-viz{transform:translate3d(24px,6px,-40px) scale(.965);filter:blur(8px) saturate(.72);transition:opacity .52s ease,transform .62s cubic-bezier(.16,1,.3,1),filter .52s ease}#tg-staff.tg-guide-react .tg-viz.is-active{transform:translateZ(0) scale(1);filter:none}#tg-staff.tg-guide-react .tg-governance-visual{position:relative;isolation:isolate;overflow:hidden;border-color:#6eddff47;background:radial-gradient(circle at 75% 28%,rgba(36,187,234,.15),transparent 23%),linear-gradient(145deg,#132f4ebd,#051121e0);box-shadow:inset 0 1px #fff1,0 30px 90px #00040e57;backdrop-filter:blur(22px) saturate(130%)}#tg-staff.tg-guide-react .tg-governance-visual:before,#tg-staff.tg-guide-react .tg-governance-visual:after{position:absolute;z-index:-1;content:"";pointer-events:none}#tg-staff.tg-guide-react .tg-governance-visual:before{width:min(24vw,330px);aspect-ratio:1;right:-8%;top:-16%;border:1px solid rgba(103,213,255,.24);border-radius:50%;background:radial-gradient(circle,transparent 31%,rgba(36,187,234,.08) 31.5%,transparent 32.5%),radial-gradient(circle,transparent 54%,rgba(103,213,255,.12) 54.5%,transparent 55.5%),radial-gradient(circle at 28% 70%,#24bbea 0 4px,transparent 5px);animation:tg-guide-orbit 18s linear infinite}#tg-staff.tg-guide-react .tg-governance-visual:after{inset:auto 8% 10% 44%;height:1px;background:linear-gradient(90deg,transparent,rgba(103,213,255,.55),transparent);box-shadow:0 -72px #67d5ff1a,0 -144px #67d5ff0f}#tg-staff.tg-guide-react .tg-viz[data-viz=v02] .tg-governance-visual:before,#tg-staff.tg-guide-react .tg-viz[data-viz=v08] .tg-governance-visual:before{border-radius:22% 78% 63% 37%/40% 32% 68% 60%;transform:rotate(18deg)}#tg-staff.tg-guide-react .tg-viz[data-viz=v03] .tg-governance-visual:after,#tg-staff.tg-guide-react .tg-viz[data-viz=v06] .tg-governance-visual:after{height:120px;border:1px solid rgba(103,213,255,.16);border-radius:18px;background:linear-gradient(180deg,transparent 30%,rgba(36,187,234,.08) 30% 32%,transparent 32% 64%,rgba(36,187,234,.08) 64% 66%,transparent 66%);box-shadow:none}#tg-staff.tg-guide-react .tg-viz[data-viz=v04] .tg-governance-visual:before,#tg-staff.tg-guide-react .tg-viz[data-viz=v09] .tg-governance-visual:before{border-style:dashed;animation-direction:reverse;animation-duration:13s}#tg-staff.tg-guide-react .tg-viz[data-viz=v05] .tg-governance-visual:after,#tg-staff.tg-guide-react .tg-viz[data-viz=v10] .tg-governance-visual:after{inset:50% 7% auto 52%;height:74px;border-left:1px solid rgba(103,213,255,.35);border-bottom:1px solid rgba(103,213,255,.2);background:linear-gradient(135deg,transparent 44%,rgba(36,187,234,.12) 45% 47%,transparent 48%);box-shadow:none}#tg-staff.tg-guide-react .tg-governance-visual__num{text-shadow:0 0 32px rgba(36,187,234,.22)}#tg-staff.tg-guide-react .tg-governance-visual__rule i{position:relative;overflow:hidden}#tg-staff.tg-guide-react .tg-governance-visual__rule i:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translate(-100%);animation:tg-guide-signal 4.8s ease-in-out infinite}#tg-staff.tg-guide-react .tg-chapter{position:relative}#tg-staff.tg-guide-react .tg-chapter:before{position:absolute;top:5.6rem;left:-1.25rem;width:2px;height:0;content:"";border-radius:2px;background:linear-gradient(#24bbea,#24bbea00);box-shadow:0 0 22px #24bbea57;transition:height .42s cubic-bezier(.16,1,.3,1)}#tg-staff.tg-guide-react .tg-chapter.is-current:before{height:min(26rem,calc(100% - 8rem))}#tg-staff.tg-guide-react .tg-take .k{color:#63d5ff}#tg-staff.tg-guide-react .tg-progress i{transition:background .26s ease,box-shadow .26s ease,transform .26s ease}#tg-staff.tg-guide-react .tg-progress i.on{transform:scaleY(1.7);box-shadow:0 0 16px #24bbea66}#tg-staff.tg-guide-react .tg-guide-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .76s cubic-bezier(.16,1,.3,1)}#tg-staff.tg-guide-react .tg-guide-reveal.is-revealed{opacity:1;transform:translateY(0)}.tg-software-guide-dock{position:fixed;z-index:55;right:clamp(14px,2vw,30px);bottom:clamp(14px,2vw,28px);display:flex;align-items:center;gap:12px;max-width:min(790px,calc(100vw - 28px));padding:8px 10px 8px 14px;border:1px solid rgba(103,213,255,.24);border-radius:999px;background:linear-gradient(135deg,#0f2a47b8,#051121d6);color:#c5d4e3;box-shadow:0 22px 70px #00050e6b,inset 0 1px #ffffff0e;backdrop-filter:blur(22px) saturate(140%);opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transition:opacity .26s ease,visibility .26s ease,transform .34s cubic-bezier(.16,1,.3,1)}.tg-software-guide-dock[data-ready=true][data-visible=true]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.tg-software-guide-dock__readout{display:flex;align-items:baseline;gap:5px;min-width:57px;font-family:Darker Grotesque,sans-serif;font-size:.68rem;font-style:normal;font-weight:700;letter-spacing:.1em}.tg-software-guide-dock__readout b{color:#63d5ff;font-size:.92rem}.tg-software-guide-dock__readout i{color:#526d86;font-style:normal}.tg-software-guide-dock__rail{display:flex;gap:4px}.tg-software-guide-dock button{display:grid;width:31px;height:31px;padding:0;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:#738aa1;font-family:Darker Grotesque,sans-serif;font-size:.61rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.tg-software-guide-dock button:hover,.tg-software-guide-dock button:focus-visible{border-color:#67d5ff57;color:#dff7ff;outline:none;transform:translateY(-2px)}.tg-software-guide-dock button.is-active{border-color:#67d5ff80;background:#24bbea2b;color:#73ddff;box-shadow:0 0 22px #24bbea2e}@keyframes tg-guide-sheen{0%,64%,to{transform:translate(-125%)}78%{transform:translate(125%)}}@keyframes tg-guide-orbit{to{transform:rotate(360deg)}}@keyframes tg-guide-signal{0%,58%,to{transform:translate(-110%)}78%{transform:translate(110%)}}@media(max-width:920px){#tg-staff.tg-guide-react .tg-visual-col{display:none!important}#tg-staff.tg-guide-react .tg-chapter>.tg-viz{position:relative!important;inset:auto!important;display:block!important;width:100%!important;margin:28px 0!important;opacity:1!important;transform:none!important;filter:none!important}#tg-staff.tg-guide-react .tg-chapter>.tg-viz .tg-governance-visual{min-height:310px}#tg-staff.tg-guide-react .tg-chapter:before{left:-.6rem}.tg-software-guide-dock{right:10px;bottom:10px;left:10px;justify-content:space-between;overflow:hidden;max-width:none}.tg-software-guide-dock__rail{max-width:calc(100vw - 92px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.tg-software-guide-dock__rail::-webkit-scrollbar{display:none}.tg-software-guide-dock button{flex:0 0 30px}}@media(max-width:560px){#tg-staff.tg-guide-react .tg-governance-visual:before{width:230px}#tg-staff.tg-guide-react .tg-chapter:before{display:none}.tg-software-guide-dock{padding-left:11px}.tg-software-guide-dock__readout{min-width:48px}.tg-software-guide-dock button{width:29px;height:29px}}@media(prefers-reduced-motion:reduce){#tg-staff.tg-guide-react .tg-guide-reveal,#tg-staff.tg-guide-react .tg-viz,#tg-staff.tg-guide-react .tg-guide-tilt,.tg-software-guide-dock{transition-duration:1ms!important}#tg-staff.tg-guide-react .tg-guide-reveal{opacity:1!important;transform:none!important}#tg-staff.tg-guide-react .tg-quick:after,#tg-staff.tg-guide-react .tg-governance-visual:before,#tg-staff.tg-guide-react .tg-governance-visual__rule i:after{animation:none!important}}
