/* /overview — video-led explainer landing page. Scoped to this page only via .page-overview; no other route is affected. */
.page-overview .page-intro{padding-top:52px;padding-bottom:22px}
.page-overview .page-intro h1{font-size:clamp(2.1rem,3.7vw,3.15rem);max-width:900px}
.page-overview .lede{max-width:700px;margin-top:20px}
.ov-video-section{padding-block:0 60px}
.ov-video-frame{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#000;box-shadow:0 25px 70px #0006}
.ov-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.ov-chain{margin-top:28px;flex-wrap:wrap}
.ov-connect{margin-top:26px;max-width:760px}
.ov-connect p{font-size:.95rem;line-height:1.85;color:var(--muted)}
.ov-walkthrough{padding-top:60px;border-top:1px solid var(--border)}
.ov-walkthrough h2{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.2;margin-top:14px}
.ov-walkthrough-lede{margin:14px 0 26px;font-size:1rem;color:var(--muted)}
.ov-cta{text-align:center;padding-block:64px 86px;border-top:1px solid var(--border);margin-top:8px}
.ov-cta h2{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.2;margin-top:14px}
.ov-cta p{max-width:520px;margin:18px auto 28px;font-size:1rem;color:var(--muted)}
.ov-cta .actions{justify-content:center}
@media(max-width:900px){
  .page-overview .page-intro{padding-top:38px;padding-bottom:18px}
  .page-overview .page-intro h1{font-size:clamp(1.9rem,6.5vw,2.6rem)}
  .ov-video-frame{border-radius:5px}
  .ov-connect p{font-size:.92rem}
  .ov-walkthrough{padding-top:48px}
  .ov-cta{padding-block:48px 60px}
}
@media(max-width:560px){
  .page-overview .page-intro{padding-top:26px;padding-bottom:14px}
  .ov-chain{margin-top:20px;gap:7px}
  .ov-connect{margin-top:18px}
  .ov-walkthrough{padding-top:40px}
  .ov-walkthrough h2{font-size:1.85rem}
  .ov-walkthrough-lede{margin:12px 0 20px}
  .ov-cta{padding-block:40px 50px}
  .ov-cta h2{font-size:1.85rem}
}