/* Public motion follows actions. Content stays visible before enhancement. */
body.marketing :where(.deploy,.platform-action,.menubtn,.mclose,[data-choice]){transition:background-color 140ms ease-out,color 140ms ease-out,border-color 140ms ease-out,transform 140ms ease-out}
body.marketing :where(.deploy,.platform-action,[data-choice]):active{transform:translateY(1px)}
body.marketing :where(.deploy,.platform-action)>:where(svg,[aria-hidden="true"]){transition:transform 180ms cubic-bezier(.16,1,.3,1)}
body.marketing :where(.deploy,.platform-action):is(:hover,:focus-visible)>:where(svg,[aria-hidden="true"]){transform:translateX(3px)}
body.marketing :where(.quick-nav a,.signin,.fcol a,.fbot a,.blink,.objective-link h3,.objective-link>span,.about-studies dt a,.about-email,.contact-channel>a,.section-jumps a){transition:color 140ms ease-out,border-color 140ms ease-out}
body.marketing :where(.blink,.about-email,.contact-channel>a):is(:hover,:focus-visible){color:var(--proven);border-bottom-color:var(--proven)}
body.marketing :where(.objective-link>span,.about-studies dt span){transition:color 140ms ease-out,transform 180ms cubic-bezier(.16,1,.3,1)}
body.marketing :where(.objective-link,.about-studies dt a):is(:hover,:focus-visible)>span{transform:translateX(4px)}
body.marketing :where(.landing-hero-field,.platform-objective-field){transition:border-color 140ms ease-out}
body.marketing .menu{overscroll-behavior:contain}
body.marketing .menu[open] .menu-grid{animation:site-menu-arrive 320ms cubic-bezier(.16,1,.3,1)}
body.marketing .menu-grid a{transition:color 140ms ease-out,transform 180ms cubic-bezier(.16,1,.3,1)}
body.marketing .menu-grid a:is(:hover,:focus-visible){color:var(--proven);transform:translateX(4px)}
@keyframes site-menu-arrive{from{opacity:.45;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
/* Native disclosure state owns visibility and keyboard behavior. */
@media screen{
 @supports selector(details::details-content){
  body.marketing main details::details-content{opacity:0;transition:opacity 180ms ease-out}
  body.marketing main details[open]::details-content{opacity:1}
 }
}
body.marketing .experiment-switch a{transition:background-color 140ms ease-out,color 140ms ease-out,border-color 140ms ease-out}
body.marketing .experiment-switch span{transition:color 140ms ease-out}
body.marketing .calc-summary output{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
 body.marketing main details::details-content{transition:none}
 body.marketing :where(.deploy,.platform-action,[data-choice]):active,body.marketing .menu-grid a:is(:hover,:focus-visible),body.marketing :where(.objective-link,.about-studies dt a):is(:hover,:focus-visible)>span,body.marketing :where(.deploy,.platform-action):is(:hover,:focus-visible)>:where(svg,[aria-hidden="true"]){transform:none}
}