/* Small, clickable direction to the REAL site assistant launcher.
   Only the homepage shows this guide; authenticated workspaces and demo pages do not. */
.fx-chat-nav-hint{
  display:none!important;position:fixed;right:23px;bottom:100px;z-index:9997;
  min-width:168px;max-width:min(250px,calc(100vw - 24px));
  padding:6px 8px;border:0;background:transparent;color:#eaf2ff;
  font:600 13px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;
  text-align:right;cursor:pointer;flex-direction:column;align-items:flex-end;gap:3px;
  text-shadow:0 1px 9px rgba(0,0,0,.94),0 1px 3px rgba(0,0,0,.85);
  -webkit-tap-highlight-color:transparent;
}
body:has(#app .rs-spiral-section) .fx-chat-nav-hint:not([hidden]){display:flex!important}
.fx-chat-nav-hint[hidden]{display:none!important}
.fx-chat-nav-hint span{max-width:230px}
.fx-chat-nav-hint svg{display:block;margin-right:22px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.75));animation:fx-chat-nav-point 2.1s ease-in-out infinite}
.fx-chat-nav-hint:focus-visible{outline:2px solid #a5d4ff;outline-offset:3px;border-radius:8px}
.fx-chat-nav-hint:hover{color:#fff}
@keyframes fx-chat-nav-point{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(max-width:600px){.fx-chat-nav-hint{right:10px;bottom:98px;font-size:12px}.fx-chat-nav-hint svg{margin-right:21px}}
@media(prefers-reduced-motion:reduce){.fx-chat-nav-hint svg{animation:none}}

/* Desktop pricing: show all three packages side by side. */
/* The legacy desktop mobile-parity rules force a 760px container and one pricing column.
   Scope the fix to pricing only; keep the compact layout on phones and tablets. */
@media (min-width: 1024px) {
  #app .apple-home-page .pricing-section > .container,
  #app .pricing-page .pricing-section > .container {
    width: min(1240px, calc(100% - 64px)) !important;
    max-width: 1240px !important;
  }
  #app .apple-home-page .pricing-section .pricing-wrap,
  #app .pricing-page .pricing-section .pricing-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: none !important;
  }
  #app .apple-home-page .pricing-section .pricing-wrap > .price-card,
  #app .pricing-page .pricing-section .pricing-wrap > .price-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    grid-column: auto !important;
  }
}