/* Homepage media only. Existing site and landing-page styles stay intact. */
body[data-route="home"] .hero-visual.home-hero-media{min-width:0;margin:0}
body[data-route="home"] .home-media-frame{margin:0;overflow:hidden;border:1px solid #dcdde7;border-radius:26px;background:#fff;box-shadow:0 24px 64px rgba(43,35,86,.13)}
body[data-route="home"] .home-field-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#17171d}
body[data-route="home"] .home-media-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:linear-gradient(110deg,#fff,#f8f7ff)}
body[data-route="home"] .home-media-label{display:flex;align-items:center;gap:9px;color:#46434f;font-size:12px;font-weight:750;line-height:1.5;word-break:keep-all}
body[data-route="home"] .home-media-label .icon{width:17px;height:17px;flex:0 0 17px;color:var(--violet)}
body[data-route="home"] .home-video-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:34px;padding:6px 10px;border:1px solid #dfdcea;border-radius:999px;background:#fff;color:#57515f;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
body[data-route="home"] .home-video-toggle[hidden]{display:none}
body[data-route="home"] .home-video-toggle svg{width:13px;height:13px}
body[data-route="home"] .home-video-toggle .home-video-pause{display:none}
body[data-route="home"] .home-video-toggle[data-playing="true"] .home-video-pause{display:block}
body[data-route="home"] .home-video-toggle[data-playing="true"] .home-video-play{display:none}
body[data-route="home"] .home-video-toggle:hover{border-color:#aaa3e6;background:#f8f7ff}
body[data-route="home"] .home-video-toggle:focus-visible,
body[data-route="home"] .home-dashboard-open:focus-visible,
body[data-route="home"] .home-screen-close:focus-visible{outline:3px solid #635bff;outline-offset:4px}
body[data-route="home"] .home-problem-copy{min-width:0}
body[data-route="home"] .home-dashboard{margin:30px 0 0}
body[data-route="home"] .home-dashboard-open{display:block;overflow:hidden;border:1px solid #dedfe9;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(36,31,71,.08);transition:border-color .2s ease,box-shadow .2s ease}
body[data-route="home"] .home-dashboard-open:hover{border-color:#b9b3e9;box-shadow:0 18px 44px rgba(36,31,71,.12)}
body[data-route="home"] .home-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:linear-gradient(110deg,#fbfbfe,#f5f4ff);border-bottom:1px solid #e7e6ee;font-size:11px}
body[data-route="home"] .home-dashboard-heading strong{font-size:12px;color:#3c394a;font-weight:800}
body[data-route="home"] .home-dashboard-heading>span{display:flex;align-items:center;gap:4px;color:#7168ce;white-space:nowrap}
body[data-route="home"] .home-dashboard-heading .icon{width:13px;height:13px}
body[data-route="home"] .home-dashboard img{display:block;width:100%;height:auto}
body[data-route="home"] .home-dashboard figcaption{margin-top:12px;color:#85818f;font-size:12px;line-height:1.6}
body[data-route="home"] .home-screen-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #dddce8;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 28px 100px rgba(0,0,0,.24);overflow:auto}
body[data-route="home"] .home-screen-dialog:not([open]){display:none}
body[data-route="home"] .home-screen-dialog::backdrop{background:rgba(15,14,25,.66)}
body[data-route="home"] .home-screen-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;background:#f8f7fc}
body[data-route="home"] .home-screen-dialog h2{margin:0;font-size:16px;letter-spacing:-.025em}
body[data-route="home"] .home-screen-close{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:5px 10px;border:1px solid #dfdce8;border-radius:9px;background:#fff;color:#55505e;font:inherit;font-size:12px;cursor:pointer}
body[data-route="home"] .home-screen-close span{font-size:20px;line-height:1}
body[data-route="home"] .home-screen-dialog img{display:block;width:calc(100% - 32px);max-width:718px;height:auto;margin:16px auto 0}
body[data-route="home"] .home-screen-dialog p{margin:12px 18px 18px;font-size:12px;color:#85818f}
@media(max-width:860px){
  body[data-route="home"] .home-hero-media{max-width:640px;width:100%;justify-self:center}
  body[data-route="home"] .home-problem-copy .home-dashboard{max-width:560px}
}
@media(max-width:560px){
  body[data-route="home"] .home-media-frame{border-radius:18px;box-shadow:0 16px 36px rgba(43,35,86,.1)}
  body[data-route="home"] .home-media-caption{gap:8px;padding:11px 12px}
  body[data-route="home"] .home-media-label{gap:6px;font-size:10px}
  body[data-route="home"] .home-video-toggle{min-height:32px;padding:5px 8px;font-size:10px}
  body[data-route="home"] .home-dashboard{margin-top:24px}
  body[data-route="home"] .home-dashboard-heading{padding:11px 12px}
  body[data-route="home"] .home-screen-dialog-heading{padding:12px}
  body[data-route="home"] .home-screen-dialog h2{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .home-dashboard-open{transition:none}
}