.hero h1.on-seo-heading{font-size:clamp(40px,5.5vw,74px);line-height:1.08;max-width:680px;letter-spacing:-.04em;text-wrap:balance}
.hero-copy .on-brand-slogan{font-size:15px;color:var(--green);font-weight:600;max-width:560px;margin:20px 0 12px}
.on-discover,.on-faq{margin:55px 0;padding:36px;border:1px solid #ffffff15;border-radius:22px;background:#ffffff03}
.on-discover h2,.on-faq h2{font-size:clamp(24px,3vw,34px);margin:14px 0 20px;letter-spacing:-.035em}
.on-discover p,.on-faq p,.on-watch-help p,.on-watch-help li{color:#b5bbb4;font-size:15px;line-height:1.85;max-width:850px}
.on-channel-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.on-channel-links a{padding:10px 15px;border:1px solid #ffffff20;border-radius:50px;color:#e0e8da;font-size:13px}
.on-channel-links a:hover,.on-channel-links a:focus-visible{border-color:var(--green);color:var(--green)}
.on-faq details{border-top:1px solid #ffffff15;padding:18px 0}
.on-faq summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5;padding-right:12px}
.on-faq details[open] summary{color:var(--green)}
.on-faq a,.on-watch-help a,.on-guide p a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.on-watch-help{padding:24px 0;border-top:1px solid #ffffff15}
.on-watch-help h2{font-size:23px;margin:0 0 16px;line-height:1.35}
.on-watch-help ol{padding-left:22px}
.on-guide h2{font-size:24px;line-height:1.35;margin-top:34px}
.on-guide .primary{margin-top:22px}
@media(max-width:650px){.hero h1.on-seo-heading{font-size:clamp(37px,10vw,55px)}.hero-copy .on-brand-slogan{font-size:13px}.on-discover,.on-faq{padding:23px 19px;margin:32px 0;border-radius:16px}.on-faq summary{font-size:15px}.on-discover p,.on-faq p,.on-watch-help p,.on-watch-help li{font-size:14px}.on-channel-links a{font-size:12px;padding:9px 12px}.on-watch-help h2,.on-guide h2{font-size:21px}}