.home-demos{scroll-margin-top:96px}
.home-demos .home-demo-shell{max-width:1120px;margin:0 auto}
.home-demo-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px}
.home-demo-tab{border:1px solid #dfe2e7;border-radius:24px;background:#fff;color:#4b5563;padding:11px 17px;font:600 14px/1.25 Rubik,sans-serif;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.home-demo-tab:hover{border-color:#ed5700;color:#ac4000}
.home-demo-tab[aria-selected="true"]{background:#ed5700;border-color:#ed5700;color:#fff}
.home-demo-tab:focus-visible,.home-demo-play:focus-visible,.home-demo-direct:focus-visible{outline:3px solid #167b6a;outline-offset:4px}
.home-demo-player{position:relative;aspect-ratio:16/9;border:1px solid #dfe2e7;border-radius:16px;overflow:hidden;background:#111;box-shadow:0 20px 60px rgba(17,24,39,.1)}
.home-demo-player video{display:block;width:100%;height:100%;object-fit:contain}
.home-demo-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.16));color:#fff;cursor:pointer;font:600 16px/1.4 Rubik,sans-serif}
.home-demo-play[hidden]{display:none}
.home-demo-play-label{display:flex;align-items:center;gap:12px;background:#fff;color:#151515;padding:13px 21px 13px 14px;border:1px solid #eee;border-radius:40px;box-shadow:0 5px 24px rgba(0,0,0,.22);transition:transform .15s}
.home-demo-play:hover .home-demo-play-label{transform:scale(1.04)}
.home-demo-play svg{display:block;width:38px;height:38px;background:#ed5700;border-radius:50%;padding:11px;fill:#fff}
.home-demo-info{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:24px 0 0;text-align:left}
.home-demo-info h3{margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:500;color:#151515}
.home-demo-info p{margin:0;color:#4b5563;font-size:16px;line-height:1.65;max-width:790px}
.home-demo-info .home-demo-context{margin-top:8px;font-size:13px;color:#626873}
.home-demo-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;padding-top:2px}
.home-demo-duration{padding:5px 10px;border:1px solid #dfe2e7;border-radius:20px;font-size:12px;white-space:nowrap;color:#4b5563}
.home-demo-direct{font-size:13px;color:#4b5563;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.home-demo-error{margin:16px 0 0;color:#984000;font-size:14px;line-height:1.6}
.home-demo-error[hidden]{display:none}
.home-demo-error a{color:inherit;text-decoration:underline}
.home-demo-anchor{display:block;position:relative;top:-96px;visibility:hidden;pointer-events:none}
.home-demos .clean-tour-notes{margin-top:28px}
@media(max-width:640px){
  .home-demos .home-demo-shell{margin:0 6px}
  .home-demo-tabs{gap:7px;margin-bottom:20px}
  .home-demo-tab{font-size:12px;padding:9px 12px;min-height:38px}
  .home-demo-player{border-radius:10px}
  .home-demo-play{font-size:13px}
  .home-demo-play-label{padding:9px 15px 9px 9px;gap:8px}
  .home-demo-play svg{width:32px;height:32px;padding:9px}
  .home-demo-info{gap:12px;margin-top:20px}
  .home-demo-info h3{font-size:20px}
  .home-demo-info p{font-size:15px}
  .home-demo-info .home-demo-context{font-size:12px}
  .home-demo-meta{gap:12px}
}
@media(max-width:360px){.home-demo-info{flex-direction:column}.home-demo-meta{flex-direction:row;align-items:center;gap:16px}}
@media(prefers-reduced-motion:reduce){.home-demo-tab,.home-demo-play-label{transition:none}.home-demo-play:hover .home-demo-play-label{transform:none}}