/* Durées et mouvements des composants du site. */
:root { --motion-ease: cubic-bezier(.44, 0, .56, 1); }
[data-plan-tab] { cursor: pointer; transition: background-color .3s var(--motion-ease); }
:root:root:root [data-plan-tab][aria-selected="false"] { background-color: transparent; --border-top-width: 0px; --border-right-width: 0px; --border-bottom-width: 0px; --border-left-width: 0px; }
:root:root:root [data-plan-tab][aria-selected="true"] { background-color: var(--surface-muted); --border-top-width: 1px; --border-right-width: 1px; --border-bottom-width: 1px; --border-left-width: 1px; }
[data-plan-panel] [data-component-type="SVG"] { width: 20px; height: 20px; flex: none; }
.motion-primary .button-fill,
.motion-form-button .button-fill {
  transition: width .4s var(--motion-ease), height .4s var(--motion-ease),
    left .4s var(--motion-ease), top .4s var(--motion-ease), background-color .4s var(--motion-ease);
}
.motion-primary.motion-primary.motion-primary:is(:hover, :focus-visible, :active) .button-fill,
.motion-form-button.motion-form-button.motion-form-button:is(:hover, :focus-visible, :active) .button-fill {
  width: 100% !important; height: 100% !important;
  top: 0 !important; left: 0 !important; right: auto !important; bottom: auto !important;
}
.motion-primary .button-label .text,
.motion-form-button .button-label .text { transition: color .4s var(--motion-ease); }
.motion-secondary::after { transition: border-color .4s var(--motion-ease); }
.motion-case-card *, .motion-investor * {
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.2, .8, .2, 1);
}
.motion-store-badge [data-part="Arrow Out"],
.motion-store-badge [data-part="Arrow In"] {
  transition: opacity .16s cubic-bezier(.77, 0, .175, 1), left .16s cubic-bezier(.77, 0, .175, 1), top .16s cubic-bezier(.77, 0, .175, 1);
}
.motion-logos [data-part="row 1"], .motion-logos [data-part="row 2"] { transition: filter .4s; }
.desktop-products-panel { transform-origin: top left; }
.menu-line-top, .menu-line-bottom { transition: transform .35s var(--motion-ease), top .35s var(--motion-ease); }
.faq-icon > * { opacity: 1; transition: opacity .2s; }
.faq-item[aria-expanded="true"] .faq-icon > * { opacity: 0; visibility: visible; }
.faq-icon::after {
  content: ''; position: absolute; width: 13px; height: 1px; top: 9px; left: 3px;
  background: var(--text-muted); opacity: 0; transition: opacity .2s;
}
.faq-item[aria-expanded="true"] .faq-icon::after { opacity: 1; }
[data-stack-card] { transform-origin: center center; transition: scale .45s cubic-bezier(.2,.8,.2,1); }
.motion-benefits .benefit-slot { transition: flex-grow .4s var(--motion-ease); }
.motion-benefits .motion-benefit-card { transition: background-color .4s var(--motion-ease); }
.motion-benefits .benefit-image { transition: opacity .4s var(--motion-ease); }
.motion-benefits .benefit-mascot { transition: opacity .4s var(--motion-ease); }
.motion-benefits .benefit-slot[data-benefit-active="true"] { flex: 1.7 0 0px !important; width: 1px !important; }
.motion-benefits .benefit-slot[data-benefit-active="false"] { flex: 1 0 0px !important; width: 1px !important; }
.motion-benefits .motion-benefit-card[aria-expanded="true"] { background-color: var(--white) !important; }
.motion-benefits .motion-benefit-card[aria-expanded="false"] { background-color: var(--surface-light) !important; }
.motion-benefits .motion-benefit-card[aria-expanded="true"] .benefit-image { opacity: 1 !important; }
.motion-benefits .motion-benefit-card[aria-expanded="false"] .benefit-image { opacity: 0 !important; }
.motion-benefits .motion-benefit-card[aria-expanded="true"] .benefit-copy { flex: 1 0 0px; }
.motion-benefits .motion-benefit-card[aria-expanded="true"] .benefit-image {
  position: relative !important; flex: 1.3 0 0px !important; width: 1px !important;
  right: auto !important; top: auto !important;
}
.motion-benefits .motion-benefit-card[aria-expanded="false"] .benefit-image {
  position: absolute !important; flex: none !important; width: 250px !important;
  right: -290px !important; top: calc(50% - 201px) !important;
}
@media (hover: none) {
  .motion-primary:not(:active) .button-fill,
  .motion-form-button:not(:active) .button-fill {
    width: 32px !important; height: 32px !important; top: calc(50% - 16px) !important; left: 4px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}