/* Shared motion and finishing details for the product pages. */
:root { --product-accent: 59,130,246; }
@keyframes product-entrance {
  from { opacity:0; transform:translate3d(0,30px,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
.pos-overview nav[aria-label="Breadcrumb"],
.pos-heading-row > div:first-child > *,
.pos-heading-row > .pos-actions,
.pos-page-nav { animation:product-entrance 1s cubic-bezier(.22,1,.36,1) both; }
.pos-heading-row .pos-eyebrow { animation-delay:.1s; }
.pos-heading-row h1 { animation-delay:.2s; }
.pos-heading-row .pos-intro { animation-delay:.3s; }
.pos-heading-row > .pos-actions { animation-delay:.4s; }
.pos-page-nav { animation-delay:.5s; }
.pos-overview { position:relative; isolation:isolate; overflow:hidden; }
.pos-overview::before {
  content:""; position:absolute; z-index:-1; inset:-30% -10%; pointer-events:none;
  background:radial-gradient(ellipse at 80% 30%,rgba(var(--product-accent),.13),transparent 52%),radial-gradient(ellipse at 10% 80%,rgba(var(--product-accent),.06),transparent 45%);
  animation:product-atmosphere 12s ease-in-out infinite alternate;
}
@keyframes product-atmosphere { to { transform:translate3d(-3%,5%,0) scale(1.06); } }
main [data-aos] { opacity:1; transform:none; transition-delay:0s !important; }
.pos-step-grid article, main .module-card {
  position:relative;
  transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .45s;
}
.pos-step-number { transition:transform .4s,color .4s; }
.pos-actions a { position:relative; overflow:hidden; transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .3s,border-color .3s; }
.pos-action-primary::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 50%,transparent 75%); transform:translateX(-130%); transition:transform .7s cubic-bezier(.22,1,.36,1); }
.pos-actions a span { transition:transform .35s cubic-bezier(.22,1,.36,1); }
.pos-page-nav a { position:relative; transition:color .25s; border-bottom-color:transparent !important; }
.pos-page-nav a::after { content:""; position:absolute; height:2px; bottom:0; left:0; right:0; background:rgb(var(--product-accent)); transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.22,1,.36,1); }
.pos-page-nav a:hover::after, .pos-page-nav a[aria-current="location"]::after { transform:scaleX(1); }
.pos-page-nav a[aria-current="location"] { color:#60a5fa; }
#demo { scroll-margin-top:100px; }
#demo .pos-actions { flex-direction:row; flex-wrap:wrap; margin-top:24px; }
.faq-item { transition:border-color .3s,box-shadow .3s; }
.faq-item[open] { border-color:rgba(var(--product-accent),.4); box-shadow:0 8px 30px rgba(var(--product-accent),.06); }
@media(hover:hover) and (pointer:fine) {
  .pos-step-grid article:hover, main .module-card:hover { transform:translateY(-6px); border-color:rgba(var(--product-accent),.45); box-shadow:0 16px 36px -18px rgba(var(--product-accent),.3); }
  .pos-step-grid article:hover .pos-step-number { transform:translateX(4px); }
  .pos-actions a:hover { transform:translateY(-3px); }
  .pos-action-primary:hover { box-shadow:0 10px 28px -8px rgba(var(--product-accent),.5); }
  .pos-action-primary:hover::before { transform:translateX(130%); }
  .pos-actions a:hover span { transform:translate(2px,-2px); }
}
@media(prefers-reduced-motion:reduce) {
  .pos-overview::before { animation:none; }
  .pos-step-grid article, main .module-card, .pos-actions a, .pos-actions a span, .pos-action-primary::before, .pos-page-nav a::after, .pos-step-number, .faq-item { transition:none; }
  .pos-step-grid article:hover, main .module-card:hover, .pos-actions a:hover { transform:none; }
}