/* Website chrome: a shared rhythm for navigation, native dialogs and details. */
.chrome-motion-enabled .desktop-nav { position: relative; }
.chrome-motion-enabled .desktop-nav[data-indicator-ready] > a::after { display: none; }
.chrome-motion-enabled .desktop-nav > a,
.chrome-motion-enabled .desktop-nav > button { transition: color .22s ease; }
.chrome-motion-enabled .desktop-nav > [data-section-current="true"] { color: #e9e2ff; }
.chrome-motion-enabled .desktop-nav > [data-section-current="false"] { color: #aaa6b9; }
.nav-motion-indicator { position: absolute; height: 2px; left: 0; bottom: -7px; background: #b3a0ff; transform-origin: left; pointer-events: none; opacity: 0; transition: transform .42s cubic-bezier(.16,1,.3,1), width .42s cubic-bezier(.16,1,.3,1), opacity .2s; }
.nav-motion-indicator.is-immediate { transition: none; }
.chrome-motion-enabled .mobile-menu[open],
.chrome-motion-enabled .mobile-menu.is-closing,
.chrome-motion-enabled .mobile-menu::backdrop,
.chrome-motion-enabled .mobile-menu.is-closing::backdrop { animation: none; }
.chrome-motion-enabled dialog { transform-origin: 50% 42%; }
.chrome-motion-enabled .mobile-menu { transform-origin: right center; }
.chrome-motion-enabled dialog[data-chrome-phase="closing"] { pointer-events: none; }
.chrome-motion-enabled .mobile-menu .mobile-nav > [data-section-current="true"] { color: #c7b7ff; }
.chrome-motion-enabled .mobile-menu .mobile-nav > [data-section-current="true"] > span:last-child { color: #c7b7ff; }
.chrome-motion-enabled :is(.home-faq-list, .faq) details { overflow-anchor: none; }
.chrome-motion-enabled :is(.home-faq-list, .faq) summary > span { transition: rotate .35s cubic-bezier(.16,1,.3,1), color .2s; }
.chrome-motion-enabled :is(.home-faq-list, .faq) summary[aria-expanded="true"] > span { rotate: 45deg; color: #c7b7ff; }
.chrome-motion-enabled :is(.home-faq-list, .faq) summary[aria-expanded="false"] > span { rotate: 0deg; }
.chrome-motion-enabled :is(.home-faq-list, .faq) summary:hover { color: #e4dcfb; }
.chrome-motion-enabled .pricing-switch button { transition: background .28s ease, color .22s ease; }
.chrome-motion-enabled .page-intro h1[tabindex="-1"]:focus { outline: none; }
@media (prefers-reduced-motion: reduce) {
  :root:not([data-website-motion="full"]) .nav-motion-indicator,
  :root:not([data-website-motion="full"]).chrome-motion-enabled .desktop-nav > a,
  :root:not([data-website-motion="full"]).chrome-motion-enabled .desktop-nav > button,
  :root:not([data-website-motion="full"]).chrome-motion-enabled :is(.home-faq-list, .faq) summary > span,
  :root:not([data-website-motion="full"]).chrome-motion-enabled .pricing-switch button { transition: none; }
}