.remote-monitoring { background: #05090f; color: #fff; overflow: hidden; }
.pro-label { display: inline-block; background: #f2b400; color: #000; padding: 12px 24px; font-weight: 700; letter-spacing: 2px; font-size: 1.25rem; }
.hero-title { font-size: 4rem; font-weight: 800; line-height: 1; margin-bottom: 2rem; }
.hero-title span { color: #f2b400; }
.hero-divider { width: 80px; height: 4px; background: #f2b400; margin-bottom: 2rem; }
.hero-copy { font-size: 1.5rem; line-height: 1.7; max-width: 650px; color: rgba(255,255,255,.85); }
.device-placeholder { min-height: 450px; border: 2px dashed rgba(255,255,255,.2); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.5); background: rgba(255,255,255,.03); }
.features-row { margin-top: 4rem; padding-top: 3rem; border-top: 1px solid rgba(242,180,0,.3); }
.feature-item { padding: 0 20px; }
.feature-icon { color: #f2b400; font-size: 3rem; margin-bottom: 1.5rem; }
.feature-item h4 { font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; }
.feature-item p { color: rgba(255,255,255,.75); line-height: 1.6; }
.bottom-strip { margin-top: 3rem; background: #0a0f16; border-top: 1px solid rgba(242,180,0,.3); padding: 2rem; }
.bottom-left { font-size: 2rem; font-weight: 700; }
.bottom-left span { color: #f2b400; }
.bottom-right { color: #f2b400; font-size: 1.75rem; font-weight: 700; text-transform: uppercase; }

@media (max-width: 991.98px) {
 .hero-title { font-size: 2.75rem; }
 .hero-copy { font-size: 1.1rem; }
 .device-placeholder { min-height: 250px; margin-top: 3rem; }
 .bottom-left, .bottom-right { text-align: center; font-size: 1.5rem; }
  .bottom-right { margin-top: 1.5rem; }
}