/* Scoped first-delivery motion. Static content is the default and no JS hides it. */
#cpdtf-app .cpdtf-demo{margin:0 0 18px;border:1px solid #dce4ee;border-radius:16px;background:#fff;overflow:hidden}
#cpdtf-app .cpdtf-demo summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;cursor:pointer;padding:14px 18px;color:var(--ink);font-weight:800;list-style:none}
#cpdtf-app .cpdtf-demo summary::-webkit-details-marker{display:none}
#cpdtf-app .cpdtf-demo summary small{color:var(--pink2);font-size:12px;font-weight:700}
#cpdtf-app .cpdtf-demo summary small::after{content:' +';font-size:16px}
#cpdtf-app .cpdtf-demo[open] summary small::after{content:' −'}
#cpdtf-app .cpdtf-demo-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:8px 22px 22px}
#cpdtf-app .cpdtf-demo-copy{min-width:0}
#cpdtf-app .cpdtf-demo-eyebrow{color:var(--pink2);font-size:11px;font-weight:800;letter-spacing:.06em}
#cpdtf-app .cpdtf-demo h2{margin:9px 0;font-size:clamp(20px,2.3vw,28px);line-height:1.2;color:var(--ink)}
#cpdtf-app .cpdtf-demo p{color:var(--muted);font-size:14px;line-height:1.55;margin:10px 0}
#cpdtf-app .cpdtf-demo .cpdtf-demo-note{font-size:12px}
#cpdtf-app .cpdtf-demo-sheet{display:block;width:100%;height:auto;max-width:550px;justify-self:center;overflow:hidden;font-family:inherit}
#cpdtf-app [data-dtf-demo-piece]{transform-box:fill-box;transform-origin:center}
@media(max-width:650px){#cpdtf-app .cpdtf-demo-content{grid-template-columns:minmax(0,1fr);gap:14px;padding:4px 16px 16px}#cpdtf-app .cpdtf-demo summary{padding:12px 16px}#cpdtf-app .cpdtf-demo h2{font-size:22px}}
@media(prefers-reduced-motion:no-preference){
  #cpdtf-app :is(.cpdtf-btn,.cpdtf-smart-btn,.cpdtf-color-swatch,.cpdtf-modebtn,.cpdtf-bg-switch button,.cpdtf-view-switch button,.cpdtf-unit button){transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}
  @media(hover:hover){#cpdtf-app :is(.cpdtf-btn,.cpdtf-smart-btn):not(:disabled):hover{transform:translateY(-1px)}}
  #cpdtf-app :is(.cpdtf-btn,.cpdtf-smart-btn):not(:disabled):active{transform:translateY(1px)}
}
#cpdtf-app .cpdtf-color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--pink2)}
#cpdtf-app .cpdtf-buymsg.is-success{border-left:3px solid #248652}
#cpdtf-app .cpdtf-buymsg.is-error{border-left:3px solid #b02a3d}
@media(prefers-reduced-motion:reduce){#cpdtf-app *,#cpdtf-app *::before,#cpdtf-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}