.fq{overflow-x:clip}.fq-stage{position:relative}.fq-copy{flex-direction:column;gap:1rem;max-width:25.625rem;display:flex}.fq-copy h2{letter-spacing:-.015em;font-size:clamp(2.125rem,3.2vw,2.875rem);line-height:1.04}.fq-copy .lede{font-size:1rem}.fq-bubbles{margin:0;padding:0;list-style:none}.fq-bubble{font:inherit;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;backdrop-filter:blur(.5rem);animation:fqFloat var(--fd,6s) ease-in-out infinite;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:1.375rem 1.375rem .375rem;padding:.875rem 1.25rem;font-size:1rem;line-height:1.3;text-decoration:none;transition:opacity .45s,border-color .25s;display:inline-block;box-shadow:0 1.125rem 2.5rem -1.125rem #000c}.fq-R .fq-bubble{border-radius:1.375rem 1.375rem 1.375rem .375rem}.fq-bubble:hover{border-color:#ffffff4d}.fq-bubble.was{opacity:.45}.fq-bubble.is-gone{opacity:0}.fq-tick{color:var(--mint);display:none}.fq-bubble.was .fq-tick{display:inline}.fq-person{background:var(--mint);color:var(--bg);border:0;font-weight:500;box-shadow:0 1.125rem 2.5rem -1.125rem #32f8be80}.fq-person:hover{background:#5cfacb}.fq-ghost{animation:none!important}@keyframes fqFloat{0%,to{transform:translate(0)}50%{transform:translate(var(--fx), var(--fy))}}.fq-device{perspective:100rem;perspective-origin:50% 30%;width:22.5rem;height:48.75rem;position:relative}.fq-floor{background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;height:5.625rem;position:absolute;bottom:-2.5rem;left:-4.375rem;right:-4.375rem}.fq-phone{transform-style:preserve-3d;transform-origin:50%;position:absolute;inset:0}.fq-ring{border:2px solid var(--mint);opacity:0;pointer-events:none;border-radius:3.25rem;position:absolute;inset:0}.fq-edge{border:1px solid var(--line);background:#0b0c10;border-radius:3.25rem;position:absolute;inset:0;transform:translateZ(-.5625rem)}.fq-edge-2{background:#050507;transform:translateZ(-1.125rem)}.fq-screen{box-sizing:border-box;box-shadow:0 3.125rem 7.5rem -2.5rem #000000f2, 0 0 0 1px var(--line), inset 0 1px 0 #ffffff0f;background:#0d0e12;border:.625rem solid #1b1c23;border-radius:3.25rem;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.fq-bar{flex:none;justify-content:space-between;align-items:center;height:2.5rem;padding:0 1.625rem;font-size:.8125rem;font-weight:500;display:flex}.fq-bar i{background:#000;border-radius:999px;width:5.75rem;height:1.5rem}.fq-bar span:last-child{color:var(--dim);font-size:.6875rem}.fq-top{border-bottom:1px solid #1c1d25;flex:none;align-items:center;gap:.625rem;padding:.5rem 1.125rem .875rem;display:flex}.fq-avatar{background:var(--bg);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:relative}.fq-avatar i{background:var(--mint);border:2px solid #0d0e12;border-radius:50%;width:.625rem;height:.625rem;position:absolute;bottom:-1px;right:-1px}.fq-who{flex-direction:column;gap:2px;font-size:.875rem;font-weight:500;display:flex}.fq-status{color:var(--dim);font-size:.6875rem;font-weight:400}.fq-log{flex-direction:column;flex:auto;justify-content:flex-end;gap:.625rem;min-height:0;padding:.875rem;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 4.375rem);mask-image:linear-gradient(#0000,#000 4.375rem)}.fq-thread,.fq-pair{flex-direction:column;gap:.625rem;display:flex}.fq-msg{max-width:86%;padding:.6875rem .875rem;font-size:.875rem;line-height:1.5}.fq-bot{background:#1c1d25;border-radius:1rem 1rem 1rem .3rem;align-self:flex-start}.fq-me{background:var(--ink);color:var(--bg);border-radius:1rem 1rem .3rem;align-self:flex-end;font-weight:500;line-height:1.4}.fq-answer{flex-direction:column;gap:.5rem;display:flex}.fq-answer .arrow-link{align-self:flex-start;font-size:.8125rem}.fq-typing{background:#1c1d25;border-radius:1rem 1rem 1rem .3rem;align-self:flex-start;gap:.3125rem;padding:.8125rem .875rem;display:flex}.fq-typing i{background:var(--muted);border-radius:50%;width:.375rem;height:.375rem;animation:1s ease-in-out infinite fqDots}.fq-typing i:nth-child(2){animation-delay:.15s}.fq-typing i:nth-child(3){animation-delay:.3s}@keyframes fqDots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-.1875rem)}}.fq-land{transform-origin:100% 100%;animation:.5s cubic-bezier(.2,.9,.25,1.05) both fqLand}.fq-rise{animation:fqRiseIn .45s var(--ease-out) both}@keyframes fqLand{0%{opacity:0;transform:translateY(2.5rem)scale(.7)}to{opacity:1;transform:none}}@keyframes fqRiseIn{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:none}}.fq-composer{color:#5a5c66;background:#15161d;border:1px solid #22232d;border-radius:999px;flex:none;align-items:center;gap:.625rem;height:2.875rem;margin:.75rem .875rem 1.625rem;padding:0 .5rem 0 1rem;font-size:.8125rem;transition:border-color .3s,box-shadow .3s;display:flex}.fq-composer b{background:var(--mint);width:1.875rem;height:1.875rem;color:var(--bg);border-radius:50%;place-items:center;margin-left:auto;font-size:.875rem;display:grid}.fq-composer.is-hit{border-color:var(--mint);box-shadow:0 0 0 .25rem #32f8be1f}html:not(.js) .fq-composer{display:none}.js .fq-stage:not(.is-in) .fq-phone,.js .fq-stage:not(.is-in) .fq-floor,.js .fq-stage:not(.is-in) .fq-orbit{opacity:0}.fq-stage.is-in .fq-phone{animation:1.9s cubic-bezier(.22,.7,.2,1) .1s both fqRise3d}.fq-stage.is-in .fq-floor{animation:1.9s cubic-bezier(.22,.7,.2,1) .1s both fqFloorIn}.fq-stage.is-in .fq-ring{animation:1.9s ease-out .1s both fqRing}.fq-stage.is-in .fq-orbit{animation:fqPop .7s cubic-bezier(.2, .9, .25, 1.08) calc(1.5s + var(--i) * 80ms) both}@keyframes fqRise3d{0%{opacity:0;transform:translateZ(-93.75rem)translateY(11.25rem)rotateX(20deg)rotateY(-26deg)}22%{opacity:1}70%{transform:translateZ(2.875rem)rotateX(-3deg)rotateY(4deg)}86%{transform:translateZ(-.5rem)rotateY(-1deg)}to{opacity:1;transform:none}}@keyframes fqRing{0%,62%{opacity:0;transform:scale(1)}66%{opacity:.7}to{opacity:0;transform:scale(1.22,1.1)}}@keyframes fqFloorIn{0%{opacity:0;transform:scale(.15)}70%,to{opacity:1;transform:none}}@keyframes fqPop{0%{opacity:0;transform:translateX(var(--from,3.75rem)) scale(.3)}to{opacity:1;transform:none}}.fq-R{--from:-3.75rem}@media (width>=1280px){.fq-stage{height:52.5rem}.fq-copy{max-width:min(25.625rem,50% - 12.75rem);position:absolute;top:2rem;left:0}.fq-orbit{left:var(--x);top:var(--y);z-index:1;position:absolute}.fq-device{margin-left:-11.25rem;position:absolute;top:1.25rem;left:50%}.fq-orbit .fq-bubble{white-space:normal}.fq-L{max-width:calc(50% - 11.25rem - 1.5rem - var(--x))}.fq-R{max-width:calc(100% - var(--x))}}@media (width<=1279px){.fq-stage{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1.75rem 3rem;display:grid}.fq-copy{grid-column:1}.fq-bubbles{flex-direction:column;grid-column:1;align-items:flex-start;gap:.75rem;display:flex}.fq-bubble{white-space:normal;font-size:.9375rem}.fq-device{aspect-ratio:360/780;grid-area:1/2/span 2;width:20rem;height:auto}.fq-screen,.fq-edge,.fq-ring{border-radius:2.875rem}}@media (width<=767px){.fq-stage{flex-direction:column;align-items:stretch;gap:1.75rem;display:flex}.fq-device{aspect-ratio:360/780;order:2;align-self:center;width:min(18.75rem,82vw);height:auto}.fq-bubbles{flex-flow:wrap;order:3;gap:.5rem}.fq-bubble{padding:.6875rem .9375rem;font-size:.875rem;animation:none}.fq-screen,.fq-edge{border-width:.5rem;border-radius:2.5rem}.fq-ring{border-radius:2.5rem}.fq-msg{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.fq-bubble,.fq-stage.is-in .fq-phone,.fq-stage.is-in .fq-floor,.fq-stage.is-in .fq-ring,.fq-stage.is-in .fq-orbit,.fq-land,.fq-rise,.fq-typing i{animation:none}}
