/* Product demos keep the same player proportions on every screen. */
.demo-video{min-width:0}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #8bb8c33b;border-radius:12px;background:#10151b}
.video-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.demo-video .video-link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:14px;line-height:1.5;color:#b7dedb;text-decoration:underline;text-underline-offset:4px}
.demo-video .video-link:hover{color:#e1f4ef}
.demo-video .video-link:focus-visible{outline:2px solid #98d9d7;outline-offset:4px;border-radius:2px}
.product-demo{padding-block:48px 18px}
.product-demo-heading{max-width:860px;margin-bottom:27px}
.next-page .product-demo-heading>.eyebrow{font-size:13px;line-height:1.5;letter-spacing:.14em;color:#9bc9c5;margin-bottom:13px}
.product-demo-heading>h2{margin-bottom:16px}
.next-page .product-demo-heading>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#afbfce}
.next-page .demo-video .video-link{font-size:16px}
.product-demo>.demo-video{width:100%;max-width:720px;margin-inline:auto}

/* Players sit beside real product links, so the card itself is not clickable. */
.home-theme .product-card-with-video{cursor:default;transition:border-color .2s,box-shadow .2s}
.home-theme .product-card-with-video:hover,.home-theme .product-card-with-video:active{transform:none;box-shadow:0 8px 20px #44322a06}
.home-theme .product-card-with-video:hover>.text-link>span{transform:none}
.home-theme .product-card-with-video>.text-link:hover>span{transform:translate(3px,-3px)}
.home-theme .product-card-with-video>.text-link:focus-visible{outline:2px solid #79578f;outline-offset:5px;border-radius:2px}
.home-theme .product-card-with-video>.demo-video{width:100%;margin-top:25px}
.home-theme .demo-video .video-frame{border-color:#bfc8c4;border-radius:9px}
.home-theme .demo-video .video-link{font-size:12px;color:#4e4658;margin-bottom:9px}
.home-theme .demo-video .video-link:hover{color:#312239}
.home-theme .demo-video .video-link:focus-visible{outline-color:#79578f}
.home-theme .product-card-with-video .card-meta{margin-top:auto}
.smugloader-icon{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0;border-radius:9px}
.home-theme .product-smugloader{background:#e4eaf3;border-color:#c2cbdc}
.home-theme .product-smugloader .badge{color:#4c5e7c;border-color:#aebdd5}
.home-theme .product-smugloader>.text-link{color:#425b80}
.smugloader-page .smugloader-hero .next-hero-copy{max-width:940px}
.smugloader-page .smugloader-hero h1{max-width:940px}
.smugloader-page .smugloader-hero .next-lede{max-width:800px}
.smugloader-page .product-demo{padding-top:20px}
.smugloader-page .smugloader-requirements .check-list{font-size:18px;line-height:1.6;margin:0 0 23px}
.smugloader-page .smugloader-requirements .check-list li{padding-left:26px}

@media(max-width:700px){
  .product-demo{padding-block:34px 12px}
  .product-demo-heading{margin-bottom:22px}
  .next-page .product-demo-heading>p:not(.eyebrow){font-size:18px}
  .next-page .product-demo-heading>.eyebrow{font-size:12px}
  .video-frame{border-radius:9px}
  .home-theme .product-card-with-video>.demo-video{margin-top:26px}
  .home-theme .demo-video .video-link{font-size:13px}
  .smugloader-page .smugloader-hero .smugloader-icon{width:33px;height:33px}
}
@media(prefers-reduced-motion:reduce){
  .home-theme .product-card-with-video{transition:none}
  .home-theme .product-card-with-video>.text-link:hover>span{transform:none}
}