/* Decorations only; original content and controls keep their layout. */
.motion-detail-scope{transition:none!important}
.motion-detail-story-visual{position:relative}
.motion-detail-diagram{position:absolute;left:7%;right:7%;bottom:22px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:24px;background:rgba(255,255,255,.96);pointer-events:none;z-index:1}
.motion-detail-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 50px;color:#6e6e73}
.motion-detail-node svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.motion-detail-node small{font-size:11px;font-weight:600;line-height:1}
.motion-detail-node.motion-detail-current{color:var(--blue,#046bd2)}
.motion-detail-node.motion-detail-complete{color:var(--deep,#073564)}
.motion-detail-wire{position:relative;flex:1;height:2px;min-width:8px;border-radius:2px;background:#d2d2d7;overflow:hidden}
.motion-detail-wire>i{display:block;width:100%;height:100%;background:var(--blue,#046bd2);transform:scaleX(0);transform-origin:left}
.motion-detail-wire.motion-detail-complete>i{transform:scaleX(1)}
.motion-detail-order{position:relative}
.motion-detail-document-line{position:absolute;left:0;top:-19px;width:112px;height:3px;border-radius:3px;background:var(--blue,#046bd2);transform-origin:left;pointer-events:none}
@media(max-width:760px){
  .motion-detail-diagram{left:6%;right:6%;bottom:12px;padding:10px 14px;gap:8px}
  .motion-detail-node{flex-basis:42px}
  .motion-detail-node svg{width:25px;height:25px}
}
@media print{
  .motion-detail-diagram,.motion-detail-document-line{display:none}
}

/* Second pass: section rhythm, chosen states and brief interaction feedback. */
:root{--motion-ease:cubic-bezier(.22,.7,.25,1)}
.motion-detail-ready .color-ring{animation:none;transform:scale(calc(.9 + var(--motion-scene,.5)*.14)) rotate(calc(-12deg + var(--motion-scene,.5)*24deg))}
.motion-detail-ready .portrait-caption{translate:0 calc(12px - var(--motion-scene,.5)*24px)}
.motion-detail-order .motion-detail-document-line{width:100%;height:2px;opacity:.7}
.motion-detail-order:after{content:"";position:absolute;inset:-1px;border-radius:24px;box-shadow:0 14px 45px #0735640b;pointer-events:none}
.motion-detail-ready .three-copy{counter-reset:contact-step}
.motion-detail-ready .three-copy>p{position:relative;padding-top:18px}
.motion-detail-ready .three-copy>p:before{content:"";position:absolute;left:0;top:0;width:42px;height:2px;background:var(--blue,#046bd2);border-radius:2px}
.learning-tabs.motion-tabs-ready{position:relative}
.learning-tabs.motion-tabs-ready [role="tab"][aria-selected="true"]{border-bottom-color:transparent}
.motion-tab-line{position:absolute;bottom:0;left:0;height:2px;border-radius:3px;background:var(--ink,#1d1d1f);pointer-events:none}
.motion-highlight-current .round-plus{box-shadow:0 0 0 5px #ffffff20}
.motion-detail-ready .offer-grid>div:first-child{border-radius:32px;background:radial-gradient(ellipse at 50% 15%,#e7f3ff70,transparent 55%)}
@media(prefers-reduced-motion:no-preference){
  .button,.round-control,.round-plus,.close,.whatsapp-float,.capyme-secondary .btn{transition:background-color .2s,color .2s,box-shadow .3s,scale .25s var(--motion-ease)}
  .button:active,.round-control:active,.round-plus:active,.whatsapp-float:active,.capyme-secondary .btn:active{scale:.965}
  .text-link,.below-link button,.site-index a,.site-index button{transition:color .2s,text-decoration-color .2s}
  .text-link:hover,.site-index a:hover,.site-index button:hover{text-decoration:underline;text-underline-offset:5px}
  .text-link>span,.button>span,.benefit-band button>span{display:inline-block;transition:translate .3s var(--motion-ease)}
  .text-link:hover>span,.button:hover>span,.benefit-band button:hover>span{translate:3px 0}
  .scope-choice{transition:background-color .3s,box-shadow .3s,border-radius .3s}
  .scope-choice.active{background:#e3eef9;box-shadow:inset 0 0 0 1px #046bd224}
  .scope-choice>button:before{transition:rotate .3s,background-color .3s,color .3s}
  .scope-choice.active>button:before{background:var(--blue);color:#fff}
  .story-progress i{transition:background-color .35s}
  .motion-detail-node,.motion-detail-wire>i{transition:color .35s,background-color .35s}
  .capyme-navigation summary:after{transition:transform .25s var(--motion-ease)}
  .capyme-navigation .capyme-dropdown a{transition:background-color .2s,color .2s,translate .2s}
  input,textarea{transition:border-color .2s,box-shadow .2s}
  input:focus,textarea:focus{border-color:var(--blue,#046bd2);box-shadow:0 0 0 4px #046bd20c}
  .contact-intent{transition:background-color .25s,box-shadow .25s}
  .contact-intent:has(input:checked){background:#eaf4ff;box-shadow:inset 0 0 0 1px #046bd235}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .button:hover,.capyme-secondary .btn:hover{box-shadow:0 5px 18px #046bd224;scale:1.018}
  .round-plus:hover,.round-control:not(:disabled):hover{scale:1.075}
  .close:hover{scale:1.08}
  .capyme-navigation .capyme-dropdown a:hover{translate:3px 0}
  .team-card,.three-cards>article,.incentive-rail>article,.capyme-secondary .capy-preview-card{transition:box-shadow .35s,translate .35s var(--motion-ease)}
  .team-card:hover,.three-cards>article:hover,.incentive-rail>article:hover,.capyme-secondary .capy-preview-card:hover{translate:0 -4px;box-shadow:0 18px 40px #0735640d}
  .tile-photo img{transition:scale .8s var(--motion-ease)}
  .tile-photo:hover img{scale:1.025}
}
/* Native disclosure animation, progressively enhanced in supporting browsers. */
@supports(interpolate-size:allow-keywords){
  @media(prefers-reduced-motion:no-preference){
    :is(details.accordion,.full-scope details){interpolate-size:allow-keywords}
    :is(details.accordion,.full-scope details)::details-content{block-size:0;overflow:clip;transition:block-size .32s var(--motion-ease),content-visibility .32s;transition-behavior:allow-discrete}
    :is(details.accordion,.full-scope details)[open]::details-content{block-size:auto}
  }
}
@media(max-width:760px){.motion-detail-ready .portrait-caption{translate:none}.motion-detail-ready .color-ring{transform:scale(.98)}.motion-detail-order:after{border-radius:12px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .motion-detail-ready .color-ring{transform:none}
  .motion-detail-ready .portrait-caption{translate:none}
}
html[data-motion-user-paused="true"] *,html[data-motion-user-paused="true"] *:before,html[data-motion-user-paused="true"] *:after{transition:none!important}
@media print{.motion-tab-line{display:none}.motion-detail-ready .portrait-caption{translate:none}.motion-detail-order:after{display:none}}
/* Supported browsers blend navigation between local pages; other browsers navigate normally. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:capyme-page-out .16s ease both}
::view-transition-new(root){animation:capyme-page-in .24s ease both}
@keyframes capyme-page-out{to{opacity:0}}
@keyframes capyme-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}