/* Small responses, one shared tempo. Static content remains visible without JS. */
:root{--craft-ease:cubic-bezier(.22,1,.36,1)}
.agent-typing{display:flex;align-items:center;gap:4px;width:43px;height:29px;padding:10px 11px;margin:0 0 11px;background:#e9e9eb;border-radius:15px 15px 15px 4px}
.agent-typing i{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:#999}
.demo-running .agent-typing i{animation:peggy-thinking 650ms ease-in-out both}
.agent-typing i:nth-child(2){animation-delay:90ms}.agent-typing i:nth-child(3){animation-delay:180ms}
@keyframes peggy-thinking{0%,100%{opacity:.4;translate:0 0}45%{opacity:1;translate:0 -2px}}
.agent-demo-draft header>.agent-demo-status[data-state=approved]{display:inline-flex;align-items:center;gap:3px;background:#e8eee3;color:#46623d!important}
.agent-demo-status svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.demo-running .agent-demo-status svg path{animation:peggy-approved 320ms var(--craft-ease) both}
@keyframes peggy-approved{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
.excerpt-underline{transform-origin:left center}
.context-result{contain:layout}
.context-source{transition:background-color 240ms var(--craft-ease),border-color 240ms var(--craft-ease),box-shadow 240ms var(--craft-ease),transform 320ms var(--craft-ease)}

/* Touchable controls acknowledge a press; non-interactive phones stay still. */
.hero-actions .button,.nav-action,.agent-bridge .button,.site-ending .button{transition:background-color 200ms var(--craft-ease),translate 200ms var(--craft-ease),scale 120ms var(--craft-ease)}
.hero-actions .button:active,.nav-action:active,.agent-bridge .button:active,.site-ending .button:active{scale:.98}
.hero-actions a>span,.nav-action>span,.bridge-explore>span,.craft-heading>a>span,.site-ending .button>span{display:inline-block;transition:translate 220ms var(--craft-ease)}
.site-ending .ending-company a,.mast nav>a:not(.nav-action),.hero-actions>a:not(.button){text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color 220ms var(--craft-ease),color 220ms var(--craft-ease)}
@media(hover:hover) and (pointer:fine){
 .hero-actions .button:hover,.agent-bridge .button:hover,.site-ending .button:hover{translate:0 -2px}
 .hero-actions .button:hover>span,.nav-action:hover>span,.craft-heading>a:hover>span,.site-ending .button:hover>span{translate:2px -2px}
 .hero-actions>a:not(.button):hover>span{translate:0 2px}
 .site-ending .ending-company a:hover,.mast nav>a:not(.nav-action):hover,.hero-actions>a:not(.button):hover{text-decoration:underline;text-decoration-color:currentColor}
}
@media(min-width:761px){.phone:hover{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){
 .agent-typing{display:none}
 .agent-typing i,.agent-demo-status svg path{animation:none!important}
 .hero-actions .button,.nav-action,.agent-bridge .button,.site-ending .button,.hero-actions a>span,.nav-action>span,.craft-heading>a>span{translate:none!important;scale:none!important;transition:none!important}
}