/* Approved motion samples: controls, documentation and support feedback. */
@media (min-width:768px) {
  body.product-site {
    --ps-motion-press:90ms;
    --ps-motion-feedback:260ms;
    --ps-motion-hover:280ms;
    --ps-motion-switch:300ms;
    --ps-ease-out:cubic-bezier(.22,1,.36,1);
    --ps-ease-state:cubic-bezier(.2,0,0,1);
  }
  .product-site [data-motion-button] {
    transition:background-color var(--ps-motion-hover) var(--ps-ease-state),border-color var(--ps-motion-hover) var(--ps-ease-state),transform var(--ps-motion-hover) var(--ps-ease-out),box-shadow var(--ps-motion-hover) var(--ps-ease-out);
  }
  .product-site [data-motion-button] > span[aria-hidden],
  .product-site [data-motion-arrow] {
    display:inline-block;
    transition:transform var(--ps-motion-hover) var(--ps-ease-out);
  }
  .product-site [data-motion-button]:is(:hover,:focus-visible) { transform:translateY(-2px); box-shadow:0 4px 8px rgb(0 0 0 / .08); }
  .product-site [data-motion-button]:is(:hover,:focus-visible) > span[aria-hidden] { transform:translate(5px,-5px); }
  .product-site [data-motion-button]:is(:hover,:focus-visible) [data-motion-arrow] { transform:translateY(3px); }
  .product-site [data-motion-button]:active {
    transform:scale(.96);
    transition-duration:var(--ps-motion-press);
  }
  .product-site .ps-capability-card {
    transition:background-color 280ms var(--ps-ease-state),box-shadow 280ms var(--ps-ease-state),transform 320ms var(--ps-ease-out);
  }
  .product-site .ps-capability-card:is(:hover,:focus-visible) {
    --card-surface:#fff;
    background:var(--card-surface);
    color:#171717;
    transform:translateY(-3px);
    box-shadow:inset 0 0 0 1px #d4d4d4,0 5px 12px rgb(0 0 0 / .025);
  }
  .product-site .ps-capability-icon { transition:background-color 280ms var(--ps-ease-state); }
  .product-site .ps-card-frame::after {
    content:'';
    position:absolute;
    inset:0;
    border:1px solid #b5b5b5;
    pointer-events:none;
    opacity:0;
    transform:scale(.96);
    transition:opacity 240ms var(--ps-ease-state),transform 360ms var(--ps-ease-out);
  }
  .product-site .ps-capability-card:is(:hover,:focus-visible) .ps-card-frame::after { opacity:1; transform:scale(1); }
  .product-site .ps-card-construction > path { transition:opacity 280ms var(--ps-ease-state); }
  .product-site .ps-capability-card:is(:hover,:focus-visible) .ps-card-construction > path { opacity:.2; }
  .product-site .ps-docs-desktop[data-motion-directory] { position:relative; }
  .product-site .ps-docs-desktop[data-motion-directory] > section { position:relative; z-index:1; }
  .product-site .ps-docs-desktop[data-motion-directory] [aria-current] { border-left-color:transparent; background:transparent; }
  .product-site .ps-doc-selection {
    position:absolute;
    top:0;
    left:0;
    box-sizing:border-box;
    width:100%;
    border-left:2px solid #171717;
    border-radius:0 4px 4px 0;
    background:#eaeaea;
    z-index:0;
    pointer-events:none;
    transform-origin:top;
  }
  .product-site .ps-doc-selection[hidden] { display:none; }
  .product-site .commerce-help-section [data-support-phase] .commerce-button {
    min-width:164px;
    opacity:1;
    transition:background-color var(--ps-motion-hover) var(--ps-ease-state),transform var(--ps-motion-hover) var(--ps-ease-out);
  }
  .product-site .commerce-help-section [data-support-phase] .commerce-button:not(:disabled):active { transform:scale(.98); transition-duration:var(--ps-motion-press); }
  .product-site .commerce-help-section [data-support-phase='success'] .commerce-button[type='submit']:not(:disabled) { background:#171717; color:#fff; border-color:#666; box-shadow:0 0 0 2px #dedede; }
  .product-site [data-support-phase] [data-support-submit-label] { display:inline-block; min-width:4em; text-align:center; }
  .product-site .ps-support-symbol { position:relative; display:inline-grid; place-items:center; flex:none; width:22px; height:22px; }
  .product-site .ps-support-symbol > span { position:absolute; inset:0; display:grid; place-items:center; line-height:22px; transition:opacity var(--ps-motion-feedback),transform var(--ps-motion-feedback) var(--ps-ease-out); }
  .product-site .ps-support-check { opacity:0; transform:translateY(6px) scale(.8); }
  .product-site .ps-support-check svg { width:22px; height:22px; }
  .product-site .ps-support-check path { stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 320ms var(--ps-ease-out); }
  .product-site .ps-support-spinner { opacity:0; }
  .product-site .ps-support-spinner::before { content:''; box-sizing:border-box; width:18px; height:18px; border:1.5px solid currentColor; border-right-color:transparent; border-radius:50%; }
  .product-site [data-support-phase='sending'] .ps-support-spinner { opacity:1; }
  .product-site [data-support-phase='sending'] .ps-support-spinner::before { animation:ps-support-wait 800ms linear infinite; }
  .product-site [data-support-phase='sending'] .ps-support-arrow,
  .product-site [data-support-phase='success'] .ps-support-arrow { opacity:0; transform:translateY(-6px); }
  .product-site [data-support-phase='success'] .ps-support-check { opacity:1; transform:none; }
  .product-site [data-support-phase='success'] .ps-support-check path { stroke-dashoffset:0; }
  .product-site [data-support-phase='sending'] [data-support-submit-label],
  .product-site [data-support-phase='success'] [data-support-submit-label],
  .product-site [data-support-phase='retry'] [data-support-submit-label] { animation:ps-support-label 260ms var(--ps-ease-out); }
  .product-site .ps-support-plain-arrow { display:none; }
}
/* Selected samples, reviewed 2026-10-29. Geometry stays in the page styles. */
@media (min-width:1600px) {
  .product-site [data-ps-imprint] {
    --ps-press-fill:#fff;
    --ps-press-ink:#171717;
    --ps-rest-fill:#171717;
    --ps-rest-ink:#fff;
    --ps-rest-border:#171717;
  }
  .product-site [data-ps-imprint]:not(:disabled):not([aria-disabled='true']) {
    box-shadow:0 4px 0 rgb(181 181 181 / .5);
    transition:transform 160ms var(--ps-ease-out),background-color 90ms linear,color 90ms linear,box-shadow 160ms var(--ps-ease-out),border-color 90ms linear;
  }
  .product-site :is(.ps-button-secondary,.ps-editorial-copy .ps-button,.commerce-button:not([type='submit']))[data-ps-imprint] {
    --ps-press-fill:#171717;
    --ps-press-ink:#fff;
    --ps-rest-fill:#fff;
    --ps-rest-ink:#171717;
    --ps-rest-border:#e8e8e8;
  }
  .product-site .ps-nav-download[data-ps-imprint] { --ps-rest-fill:#202020; }
  .product-site .ps-editorial-copy .ps-button[data-ps-imprint] { --ps-rest-fill:transparent; --ps-rest-border:#d9d9d9; }
  .product-site .commerce-button:not([type='submit'])[data-ps-imprint] { --ps-rest-border:#dedede; }
  .product-site [data-ps-imprint]:is(:hover,:focus-visible):not(:disabled):not([aria-disabled='true']) {
    transform:none;
    box-shadow:0 4px 0 rgb(181 181 181 / .5);
    background:var(--ps-rest-fill) !important;
    color:var(--ps-rest-ink) !important;
    border-color:var(--ps-rest-border) !important;
  }
  .product-site [data-ps-imprint]:not(:disabled):not([aria-disabled='true']):is(:active,[data-ps-pressed='true']) {
    transform:translateY(3px) scale(.94) !important;
    box-shadow:0 0 0 rgb(181 181 181 / .5) !important;
    background:var(--ps-press-fill) !important;
    color:var(--ps-press-ink) !important;
    border-color:#171717 !important;
    transition-duration:90ms;
  }
  .product-site [data-ps-imprint]:is(:hover,:focus-visible) > span[aria-hidden],
  .product-site [data-ps-imprint]:is(:hover,:focus-visible) [data-motion-arrow] { transform:none; }

  .product-site .ps-capability-card:is(:hover,:focus-visible) { transform:none; box-shadow:0 2px 6px rgb(0 0 0 / .012); border-color:#b9b9b9; }
  .product-site .ps-capability-output[data-ps-comparison] > img:not(.ps-capability-input):not(.ps-hover-source) {
    position:relative;
    z-index:1;
    clip-path:inset(0 100% 0 0);
    transform:none;
    transition:clip-path 420ms var(--ps-ease-out);
  }
  .product-site .ps-capability-output[data-ps-comparison] > .ps-hover-source { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:contain; transform:none; }
  .product-site .ps-capability-output[data-ps-comparison] > .ps-capability-input { z-index:3; transform:none; }
  .product-site .ps-capability-output[data-ps-comparison] > .ps-hover-edge { position:absolute; z-index:2; top:0; bottom:0; left:0; width:1px; background:#888; opacity:0; pointer-events:none; transition:left 420ms var(--ps-ease-out),opacity 180ms; }
  .product-site .ps-capability-card:is(:hover,:focus-visible) .ps-capability-output[data-ps-comparison] > img:not(.ps-capability-input):not(.ps-hover-source) { clip-path:inset(0); transform:none; }
  .product-site .ps-capability-card:is(:hover,:focus-visible) .ps-hover-edge { left:100%; opacity:1; }

  .product-site [data-ps-ink-nav] { position:relative; isolation:isolate; }
  .product-site .ps-docs-desktop[data-ps-ink-nav] a[aria-current] { color:#666; background:transparent; border-left-color:transparent; }
  .product-site .ps-shared-ink { position:absolute; z-index:3; inset:0; display:block; background:#171717; color:#fff; pointer-events:none; }
  .product-site .ps-shared-ink > span { position:absolute; display:flex; align-items:center; justify-content:center; box-sizing:border-box; font:inherit; line-height:1.4; }
  .product-site .ps-docs-desktop .ps-shared-ink > span { justify-content:flex-start; padding:8px 14px; font-size:14px; line-height:1.6; }
}
/* Motion follows desktop controls; mobile presentation remains unchanged. */
@media (max-width:767px) { .product-site .ps-support-symbol { display:none; } }
@keyframes ps-support-wait { to { transform:rotate(360deg); } }
@keyframes ps-support-label { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) {
  .product-site [data-motion-button],
  .product-site [data-motion-button] > span[aria-hidden],
  .product-site [data-motion-arrow],
  .product-site [data-support-phase] .commerce-button,
  .product-site .ps-support-symbol > span { transition:none; }
  .product-site [data-motion-button]:is(:active,:hover,:focus-visible),
  .product-site [data-motion-button]:is(:hover,:focus-visible) > span[aria-hidden],
  .product-site [data-motion-button]:is(:hover,:focus-visible) [data-motion-arrow],
  .product-site .commerce-help-section [data-support-phase] .commerce-button:not(:disabled):active { transform:none; }
  .product-site [data-support-phase] .ps-support-spinner::before,
  .product-site [data-support-phase] [data-support-submit-label] { animation:none; }
  .product-site .ps-capability-card,
  .product-site .ps-capability-icon,
  .product-site .ps-card-frame::after,
  .product-site .ps-card-construction > path,
  .product-site .ps-support-check path { transition:none; }
  .product-site .ps-capability-card:is(:hover,:focus-visible),
  .product-site .ps-capability-card:is(:hover,:focus-visible) .ps-card-frame::after { transform:none; }
  .product-site [data-ps-imprint]:not(:disabled):is(:active,[data-ps-pressed='true']) { transform:none !important; }
  .product-site [data-ps-imprint] { transition:none !important; }
  .product-site .ps-capability-output[data-ps-comparison] > img,
  .product-site .ps-hover-edge { transition:none !important; }
}