#team .section-title h2{max-width:25em;font-size:clamp(26px,3.4vw,44px);line-height:1.55}
#areas .section-kicker{font-size:20px}
#demo .demo-card--featured{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding:30px}
#demo .demo-card__preview{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);height:260px;min-height:260px;padding:28px;gap:18px;background:#f26e3c;border-radius:12px;overflow:visible;mask-image:none;clip-path:none}
#demo .preview-pane{position:relative;min-width:0;border:1px solid #ffffffb3;background:#fffaf5;box-shadow:0 10px 22px #80361426;padding:16px;border-radius:8px;animation:demo-float-admin 5.8s ease-in-out infinite}
#demo .preview-pane--chat{background:#f0faf6;animation-name:demo-float-chat}
#demo .preview-bar{background:#d4ddd8;min-height:7px}
#demo .preview-kpi b{background:#f4e1d5;color:#33414e;font-size:16px;padding:9px 5px;min-width:0}
#demo .preview-cats i{background:#df7751;height:7px;transform-origin:left;animation:demo-bar 5.8s ease-in-out infinite}
#demo .preview-cats i:nth-child(2){background:#57c4ae;animation-delay:.18s}
#demo .preview-bubble{min-height:25px;flex-shrink:0;border-radius:8px}
#demo .preview-bubble--ai{background:#9dd8c8;animation:demo-reply 5.8s ease-in-out infinite}
#demo .preview-bubble--user{background:#ed855f;animation:demo-question 5.8s ease-in-out infinite}
#demo .preview-bubble--ai:last-child{animation-delay:.5s}
.demo-motion-controls{display:flex;justify-content:flex-end}
.demo-motion-controls button{min-height:44px;padding:8px 12px;background:#fff;border:1px solid #cbd8d2;border-radius:4px;color:#52625e;font:inherit;font-size:14px;cursor:pointer}
.demo-motion-controls button:focus-visible{outline:3px solid #a9472a;outline-offset:3px}
#demo .demo-card__preview:not([data-motion-running]) *{animation-play-state:paused!important}
@keyframes demo-float-admin{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(0)}}
@keyframes demo-float-chat{0%,100%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(6px) rotate(0)}}
@keyframes demo-bar{0%,100%{transform:scaleX(.6)}48%,75%{transform:scaleX(1)}}
@keyframes demo-question{0%,14%,100%{transform:translateY(7px) scale(.94);opacity:.55}30%,86%{transform:none;opacity:1}}
@keyframes demo-reply{0%,35%,100%{transform:translateY(9px) scale(.94);opacity:.45}53%,86%{transform:none;opacity:1}}
@media(max-width:800px){#demo .demo-card--featured{padding:20px;gap:20px}#demo .demo-card__preview{height:222px;min-height:222px;padding:20px 14px;gap:10px}#demo .preview-pane{padding:10px}#demo .preview-kpi{gap:4px}#demo .preview-kpi b{font-size:14px;padding:7px 3px}#team .section-title h2 br{display:none}}
@media(prefers-reduced-motion:reduce){#demo .demo-card__preview *{animation:none!important;transform:none!important;opacity:1!important}.demo-motion-controls{display:none}}
