/* Homepage-only self-hosted, silent film. Hardware showcase stays available. */
html body .home-hero-showcase .hero-media-switch{display:flex;gap:8px;padding:14px 16px;background:#0a3450;border-bottom:1px solid #93cddd44}
html body .home-hero-showcase .hero-media-switch button{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #82b9cd;border-radius:12px!important;background:#154c65;color:#e7f6fc;font:700 .8rem/1.4 'DM Sans',system-ui,sans-serif;box-shadow:none;transform:none}
html body .home-hero-showcase .hero-media-switch button[aria-pressed="true"]{background:#c9ec94;color:#113f50;border-color:#dcf5b6}
html body .home-hero-showcase :is(#heroFilmPanel,#heroHardwarePanel)[hidden]{display:none!important}
html body .home-hero-showcase .hero-film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#07334f}
html body .home-hero-showcase .hero-film-stage video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}
html body .home-hero-showcase .hero-film-toggle{position:absolute;bottom:14px;right:14px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #b2dbe8;border-radius:50%!important;background:#07334ff0;color:#fff;display:grid;place-items:center;font-size:1rem;box-shadow:none;transform:none}
html body .home-hero-showcase .hero-film-toggle:hover{background:#c9ec94;color:#113f50}
html body .home-hero-showcase .hero-film-copy{padding:22px 24px;background:linear-gradient(125deg,#0a496b,#07334f)}
html body .home-hero-showcase .hero-film-copy h2{color:#fff;margin:0 0 9px;font-size:1.28rem;line-height:1.3}
html body .home-hero-showcase .hero-film-copy p{color:#dceff8;margin:0;font-size:.85rem;line-height:1.6}
html body .home-hero-showcase .hero-film-copy small{display:block;margin-top:12px;color:#cde89c;font-size:.72rem}
@media(max-width:480px){html body .home-hero-showcase .hero-media-switch{padding:12px;gap:7px}html body .home-hero-showcase .hero-media-switch button{font-size:.75rem;padding:10px 8px}html body .home-hero-showcase .hero-film-copy{padding:18px}html body .home-hero-showcase .hero-film-copy h2{font-size:1.12rem}html body .home-hero-showcase .hero-film-copy p{font-size:.8rem}}