.ct-scene{aspect-ratio:400/300;width:100%;container-type:inline-size}.ct-scene .stage{--u:calc(100cqw / 400);--e-settle:cubic-bezier(.507, .047, 0, .976);--glass:color-mix(in srgb, var(--color-ciq-charcoal-900) 70%, transparent);--edge:color-mix(in srgb, var(--color-ciq-white) 22%, transparent);--blue:var(--color-brand-blue);width:100%;height:100%;font-family:var(--font-geist);position:relative}.ct-scene .stage>*{position:absolute}.ct-scene .stage *{animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:var(--play,paused)}.ct-scene .wires{width:100%;height:100%;inset:0;overflow:visible}.ct-scene .w{fill:none;stroke:color-mix(in srgb, var(--color-ciq-white) 22%, transparent);stroke-width:1.2px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.ct-scene .badge{left:50%;top:calc(8 * var(--u));align-items:center;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(11 * var(--u));border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;border-radius:999px;display:flex;transform:translate(-50%)}.ct-scene .badge>*{position:static}.ct-scene .badge__dot{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--blue);box-shadow:0 0 calc(8 * var(--u)) var(--blue);border-radius:50%;animation-name:ct-blink}.ct-scene .badge__text{font-size:calc(10 * var(--u));color:var(--color-ciq-white)}@keyframes ct-blink{0%,45%,to{opacity:1}55%,90%{opacity:.35}}.ct-scene .msg{left:calc(2 * var(--u));align-items:center;gap:calc(7 * var(--u));width:calc(148 * var(--u));height:calc(34 * var(--u));padding:0 calc(8 * var(--u));box-sizing:border-box;border:1px solid var(--edge);border-radius:calc(12 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u));background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex}.ct-scene .msg>*{position:static}.ct-scene .msg__icon{width:calc(20 * var(--u));height:calc(20 * var(--u));border-radius:calc(6 * var(--u));background:var(--color-brand-purple);color:#fff;flex:none;place-items:center;display:grid}.ct-scene .msg__icon svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.ct-scene .msg__name{font-size:calc(9.6 * var(--u));color:var(--color-ciq-white);white-space:nowrap}.ct-scene .m0{top:calc(53 * var(--u));animation-name:ct-m0}.ct-scene .m1{top:calc(133 * var(--u));animation-name:ct-m1}.ct-scene .m2{top:calc(213 * var(--u));animation-name:ct-m2}.ct-scene .core{left:calc(172 * var(--u));top:calc(122 * var(--u));width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:calc(18 * var(--u));box-shadow:0 0 calc(40 * var(--u)) color-mix(in srgb, var(--blue) 45%, transparent), 0 calc(8 * var(--u)) calc(24 * var(--u)) #0006;background:#fff;place-items:center;animation-name:ct-beat;display:grid}.ct-scene .core img{width:calc(30 * var(--u));height:calc(30 * var(--u));position:static}.ct-scene .ring{left:calc(172 * var(--u));top:calc(122 * var(--u));width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:calc(18 * var(--u));border:2px solid var(--blue);box-shadow:0 0 calc(12 * var(--u)) color-mix(in srgb, var(--blue) 50%, transparent);opacity:0}.ct-scene .r1{animation-name:ct-ring}.ct-scene .r2{animation-name:ct-ring;animation-delay:.35s}.ct-scene .pkt{width:calc(8 * var(--u));height:calc(8 * var(--u));margin:calc(-4 * var(--u)) 0 0 calc(-4 * var(--u));background:var(--blue);box-shadow:0 0 calc(12 * var(--u)) var(--blue);opacity:0;offset-rotate:0deg;border-radius:50%}.ct-scene .pi0{offset-path:path("M150 70 C 185 70, 175 150, 200 150");animation-name:ct-go0}.ct-scene .pi1{offset-path:path("M150 150 L 200 150");animation-name:ct-go1}.ct-scene .pi2{offset-path:path("M150 230 C 185 230, 175 150, 200 150");animation-name:ct-go2}.ct-scene .po0{offset-path:path("M200 150 C 225 150, 230 95, 262 95");background:var(--color-accent);box-shadow:0 0 calc(12 * var(--u)) var(--color-accent);animation-name:ct-back0}.ct-scene .po1{offset-path:path("M200 150 L 262 150");background:var(--color-accent);box-shadow:0 0 calc(12 * var(--u)) var(--color-accent);animation-name:ct-back1}.ct-scene .po2{offset-path:path("M200 150 C 225 150, 230 205, 262 205");background:var(--color-accent);box-shadow:0 0 calc(12 * var(--u)) var(--color-accent);animation-name:ct-back2}.ct-scene .pkts{transform-origin:0 0;pointer-events:none;width:400px;height:300px;top:0;left:0}.ct-scene .pkt{position:absolute;top:0;left:0}.ct-scene .rep{left:calc(262 * var(--u));column-gap:calc(7 * var(--u));width:calc(132 * var(--u));padding:calc(7 * var(--u)) calc(9 * var(--u));box-sizing:border-box;border-radius:calc(12 * var(--u)) calc(12 * var(--u)) calc(4 * var(--u)) calc(12 * var(--u));background:var(--color-accent);box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) calc(-10 * var(--u)) #00000080;grid-template-columns:auto 1fr;align-items:center;display:grid}.ct-scene .rep>*{position:static}.ct-scene .rep__check{width:calc(18 * var(--u));height:calc(18 * var(--u));background:#fff;border-radius:50%;grid-row:1/span 2;position:relative!important}.ct-scene .rep__check:after{content:"";border:solid var(--color-accent);border-width:0 calc(2 * var(--u)) calc(2 * var(--u)) 0;width:24%;height:44%;position:absolute;top:20%;left:34%;transform:rotate(45deg)}.ct-scene .rep__team{font-size:calc(9.6 * var(--u));color:#fff;font-weight:600;line-height:1.2}.ct-scene .rep__note{font-size:calc(8.4 * var(--u));color:#fff;white-space:nowrap;line-height:1.2}.ct-scene .r0x{top:calc(78 * var(--u));animation-name:ct-rep0}.ct-scene .r1x{top:calc(133 * var(--u));animation-name:ct-rep1}.ct-scene .r2x{top:calc(188 * var(--u));animation-name:ct-rep2}@keyframes ct-m0{0%{opacity:0;transform:translateX(calc(-16 * var(--u)));animation-timing-function:var(--e-settle)}6%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ct-m1{0%,24%{opacity:0;transform:translateX(calc(-16 * var(--u)));animation-timing-function:var(--e-settle)}30%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ct-m2{0%,48%{opacity:0;transform:translateX(calc(-16 * var(--u)));animation-timing-function:var(--e-settle)}54%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ct-go0{0%,6%{opacity:0;offset-distance:0%}8%{opacity:1}15%{opacity:1;offset-distance:100%}16%,to{opacity:0;offset-distance:100%}}@keyframes ct-go1{0%,30%{opacity:0;offset-distance:0%}32%{opacity:1}39%{opacity:1;offset-distance:100%}40%,to{opacity:0;offset-distance:100%}}@keyframes ct-go2{0%,54%{opacity:0;offset-distance:0%}56%{opacity:1}63%{opacity:1;offset-distance:100%}64%,to{opacity:0;offset-distance:100%}}@keyframes ct-back0{0%,16%{opacity:0;offset-distance:0%}17%{opacity:1}22%{opacity:1;offset-distance:100%}23%,to{opacity:0;offset-distance:100%}}@keyframes ct-back1{0%,40%{opacity:0;offset-distance:0%}41%{opacity:1}46%{opacity:1;offset-distance:100%}47%,to{opacity:0;offset-distance:100%}}@keyframes ct-back2{0%,64%{opacity:0;offset-distance:0%}65%{opacity:1}70%{opacity:1;offset-distance:100%}71%,to{opacity:0;offset-distance:100%}}@keyframes ct-rep0{0%,21%{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.9);animation-timing-function:var(--e-settle)}26%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ct-rep1{0%,45%{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.9);animation-timing-function:var(--e-settle)}50%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ct-rep2{0%,69%{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.9);animation-timing-function:var(--e-settle)}74%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes ct-beat{0%,14%,38%,62%,to{transform:scale(1)}16%,40%,64%{transform:scale(1.1)}}@keyframes ct-ring{0%,14%{opacity:0;transform:scale(1)}16%{opacity:.9}30%{opacity:0;transform:scale(1.9)}38%{opacity:0;transform:scale(1)}40%{opacity:.9}54%{opacity:0;transform:scale(1.9)}62%{opacity:0;transform:scale(1)}64%{opacity:.9}78%,to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.ct-scene .stage *{animation:none!important}.ct-scene .pkt,.ct-scene .ring{opacity:0}}
