/* Network Control showcase — the supplied dashboard contains demonstration data. */
.gpon-v3 .desktop-nav{gap:19px}
.monitor-teaser,.monitor-hero{background:#0a1821;color:#fff;overflow:hidden}
.monitor-teaser .eyebrow,.monitor-hero .eyebrow{color:#ff994c}
.monitor-intro{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;margin-bottom:45px}
.monitor-intro h2,.monitor-intro h1{margin-bottom:0}
.monitor-intro p:not(.eyebrow){color:#bdd0db;font-size:1.0625rem;line-height:1.85;max-width:530px;margin-bottom:25px}
.monitor-intro h1{font-size:clamp(3rem,5.8vw,5.8rem);line-height:1.08;letter-spacing:-.065em;font-weight:600}
.monitor-intro em{color:#ff8a3d}
.monitor-screen{margin:0;border:1px solid #354957;border-radius:12px;display:block;overflow:hidden;background:#061119;box-shadow:0 30px 60px #0003}
.monitor-screen img{width:100%;height:auto;display:block}
.monitor-screen-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #304653;background:#10222c;font-size:.75rem;letter-spacing:.1em;color:#d3e1e9}
.monitor-screen-bar b{font-weight:500;color:#ff9a55;margin-left:6px}
.monitor-demo{letter-spacing:0;border:1px solid #785125;background:#392b1e;color:#ffc78e;border-radius:30px;padding:6px 11px;font-size:.6875rem;white-space:nowrap}
.monitor-caption{color:#a8becb;font-size:.8125rem;line-height:1.7;margin:18px 0 0}
.monitor-hero{padding:34px 0 70px}
.monitor-back{display:inline-block;color:#c6d5df;font-size:.875rem;margin-bottom:45px}
.monitor-hero>.container>.eyebrow{margin-bottom:20px}
.monitor-hero .monitor-intro{margin-bottom:30px}
.monitor-chips{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:45px}
.monitor-chips span{border:1px solid #3f5360;padding:9px 14px;border-radius:30px;color:#d2e0e7;font-size:.8125rem}
.monitor-features{background:#f1f5f5}
.monitor-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.monitor-feature-grid article{border-top:2px solid #fa8036;padding-top:23px}
.monitor-feature-grid article>span{font-size:.6875rem;letter-spacing:.12em;color:#9c4310;font-weight:700}
.monitor-feature-grid h3{font-size:1.4rem;letter-spacing:-.035em;line-height:1.35;margin:18px 0 13px}
.monitor-feature-grid p{font-size:.9375rem;line-height:1.85;color:#566b77}
.monitor-contact{background:#142831;color:#fff}
.monitor-contact .monitor-intro{margin-bottom:0}
.monitor-contact .monitor-small{font-size:.8125rem;margin:22px 0 0;color:#acbfca}
@media(max-width:900px){.monitor-intro{gap:35px}.monitor-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:760px){.monitor-intro{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.monitor-intro h1{font-size:clamp(2.8rem,10.5vw,4.5rem)}.monitor-intro p:not(.eyebrow){font-size:1rem}.monitor-screen-bar{padding:13px;gap:12px;flex-wrap:wrap;font-size:.625rem}.monitor-demo{font-size:.625rem;padding:5px 8px}.monitor-hero{padding:25px 0 45px}.monitor-back{margin-bottom:30px}.monitor-chips{gap:8px;margin-bottom:28px}.monitor-chips span{font-size:.75rem;padding:8px 10px}.monitor-feature-grid{grid-template-columns:1fr}.monitor-caption{font-size:.75rem}.monitor-screen{border-radius:7px}}