/* Hero motion v1.11 — coherent call states; static complete fallback. */
.hero-motion-accent{display:block;width:48px;height:2px;background:var(--c-black);margin-bottom:24px;transform-origin:left center}
.hero-motion-controls{display:flex;justify-content:flex-end;min-height:44px;margin-top:16px}
.hero-motion-toggle{min-height:44px;padding:10px 16px;border:1px solid currentColor;border-radius:var(--r-pill);background:var(--c-offwhite);color:var(--c-black);font:inherit;font-size:12px;cursor:pointer}
@media (prefers-reduced-motion:no-preference){
 .home-hero[data-call-phase="answering"] .toast,
 .home-hero[data-call-phase="handling"] .toast{opacity:0;visibility:hidden}
 .home-hero .btn,.page-hero .btn{transition:transform 180ms var(--ease)}
 @media (hover:hover) and (pointer:fine){
  .home-hero .btn:hover,.page-hero .btn:hover{transform:translateY(-2px)}
 }
 .home-hero .btn:active,.page-hero .btn:active{transform:translateY(1px) scale(.98)}
}

/* Home control belongs to the illustration, without a separate spacer row. */
.callcard .hero-motion-toggle{flex-shrink:0;padding:8px 10px;background:var(--c-black);color:var(--c-offwhite);font-size:11px;border-color:var(--c-rule-on-black)}