.page-remote-operation,
.remote-operation-page { background: #fff; }
.remote-operation-page { overflow: hidden; }
.remote-hero { padding: 56px 20px 72px; text-align: center; }
.remote-hero-inner, .remote-demo-inner { width: min(100%, 1100px); margin: 0 auto; }
.remote-eyebrow { display: inline-block; margin: 0 0 14px; padding: 0 12px 5px; border-bottom: 3px solid var(--red); color: var(--red); font-size: 14px; font-weight: 900; line-height: 1.2; }
.remote-hero h1 { margin: 0 0 18px; color: var(--black); font-size: clamp(32px, 4vw, 48px); font-weight: 900; line-height: 1.35; }
.remote-lead { margin: 0; color: var(--text); font-size: clamp(15px, 1.5vw, 18px); font-weight: 700; line-height: 1.9; }
.remote-demo { padding: 0 20px 104px; }
.remote-demo h2 { margin: 0 0 28px; color: var(--black); font-size: clamp(24px, 3vw, 34px); font-weight: 900; line-height: 1.4; text-align: center; }
.remote-video-wrap { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.remote-video { display: block; width: 100%; height: 100%; object-fit: contain; }
.remote-video-play { position: absolute; top: 50%; left: 50%; padding: 12px 22px; border: 0; border-radius: 4px; background: var(--red); color: #fff; font: inherit; font-weight: 800; cursor: pointer; transform: translate(-50%, -50%); }
.remote-video-play:hover, .remote-video-play:focus-visible { background: var(--red-dark); }
@media (max-width: 600px) { .remote-hero { padding: 40px 20px 52px; } .remote-demo { padding: 0 16px 72px; } }