.roku-badge{display:inline-flex;align-items:center;justify-content:center;background:#662d91;padding:14px 20px;vertical-align:middle;flex-shrink:0;line-height:1}
.roku-badge img{display:block;width:88px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
.roku-link{display:inline-flex!important;align-items:center;gap:18px;text-transform:none;letter-spacing:.02em;font-size:1rem!important}
.roku-link:hover .roku-badge,.roku-action:hover .roku-badge{background:#7a39a9}
.roku-availability{display:flex;gap:12px;align-items:center}.roku-availability .roku-badge{padding:8px 13px}.roku-availability .roku-badge img{width:58px}
.roku-feature{padding:150px 7%;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center;background:#030405;color:#f7f7f8;overflow:hidden}
.roku-feature-copy .eyebrow{font-size:.75rem;color:#a6aab1;letter-spacing:.2em;margin:0 0 30px}
.roku-feature h1,.roku-feature h2{font:400 clamp(2.8rem,5vw,5.5rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:.01em;margin:0;text-transform:none}
.roku-feature-copy>p:not(.eyebrow){color:#aab3bd;font-size:1rem;line-height:1.9;margin-top:28px}
.roku-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;border:1px solid #ffffff30;padding:12px 12px 12px 22px;color:white;font-size:.95rem;text-decoration:none}
.roku-action .roku-badge{padding:12px 16px}.roku-action .roku-badge img{width:75px}
.roku-feature-copy .roku-note{font-size:.8rem!important;margin-top:16px!important;max-width:340px}
.roku-screen{position:relative;display:block;aspect-ratio:1.2;overflow:hidden;transform:perspective(1200px) rotateY(-7deg);border:1px solid #ffffff23;box-shadow:0 40px 100px #000b;transition:transform .7s}
.roku-screen:hover{transform:perspective(1200px) rotateY(0)}
.roku-screen-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.roku-screen-shade{position:absolute;inset:0;background:linear-gradient(transparent,#020407ec)}
.roku-screen-title{position:absolute;inset:auto 9% 9%;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.roku-screen-title>span:first-child{font-size:.65rem;letter-spacing:.15em;color:#d4dce5}.roku-screen-title strong{font-size:clamp(1.8rem,3vw,3rem);line-height:1.2;font-weight:400;letter-spacing:.02em}.roku-screen-title .roku-badge{padding:11px 18px}
.roku-footer{display:flex;justify-content:center;padding:30px 0}.roku-footer .roku-link{border:1px solid #ffffff44;padding:8px 8px 8px 22px}.watch>h2{margin:22px 0 40px}
@media(max-width:900px){.roku-feature{grid-template-columns:1fr;gap:60px;padding:110px 8%}.roku-feature-copy{max-width:600px}.roku-screen{max-width:700px;aspect-ratio:1.4}.roku-feature h1,.roku-feature h2{font-size:clamp(2.8rem,9vw,4.8rem)}.roku-screen-title strong{font-size:2.2rem}}
@media(max-width:700px){.roku-availability{gap:8px}.roku-availability .roku-badge img{width:48px}.roku-feature{padding:100px 7%}.roku-action{font-size:.85rem;gap:12px;padding-left:15px}.roku-action .roku-badge{padding:12px}.roku-action .roku-badge img{width:61px}.roku-screen{transform:none;aspect-ratio:1.1}.roku-screen-title strong{font-size:1.7rem}.roku-screen-title{gap:17px}#site-nav .roku-link{grid-column:1/-1}.roku-link .roku-badge img{width:76px}}
@media(prefers-reduced-motion:reduce){.roku-screen{transform:none;transition:none}}.still .roku-screen{transform:none;transition:none}