/* NexIP Home Monitor Showcase V1, scoped exclusively to the homepage module */
.nxms{position:relative;isolation:isolate;overflow:hidden;padding:70px 0 65px;background:radial-gradient(ellipse at 89% 5%,#d6eaff 0,transparent 49%),linear-gradient(145deg,#f2f8ff 0,#fff 55%,#eef6ff 100%);color:#102541}
.nxms:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#96bde51e 1px,transparent 1px),linear-gradient(90deg,#96bde51e 1px,transparent 1px);background-size:34px 34px;z-index:-1}
.nxms *{box-sizing:border-box}.nxms .aero-container{width:min(1390px,calc(100% - 44px));max-width:1390px;margin-inline:auto}.nxms-topline{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:22px}.nxms-kicker{font-size:12px;font-weight:850;letter-spacing:.14em;color:#1269d2}.nxms-kicker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#258bff;vertical-align:middle;margin:0 4px}.nxms-demo-tag{font-size:12px;font-weight:700;color:#66809e}.nxms-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px;align-items:center}.nxms-story h2{font-size:clamp(34px,3.6vw,58px);letter-spacing:-.052em;line-height:1.08;max-width:660px;margin:0 0 20px;color:#102541}.nxms-lead{font-size:clamp(16px,1.22vw,19px);line-height:1.7;color:#526a86;max-width:555px;margin:0 0 28px}.nxms-story-points{display:grid;gap:17px}.nxms-story-points>div{display:flex;align-items:center;gap:14px}.nxms-point-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;border:1px solid #bcd8ff;display:grid;place-items:center;color:#1275e5;font-size:13px;font-weight:900;background:#e7f3ff}.nxms-story-points p{margin:0}.nxms-story-points strong,.nxms-story-points small{display:block}.nxms-story-points strong{font-size:16px;color:#18314f}.nxms-story-points small{font-size:13px;line-height:1.55;color:#7187a0;margin-top:2px}.nxms-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:29px}.nxms-actions a{display:inline-flex;gap:12px;justify-content:center;align-items:center;text-decoration:none!important;padding:14px 20px;border-radius:13px;font-size:14px;font-weight:800;min-height:50px;transition:transform .2s,box-shadow .2s}.nxms-actions a:hover{transform:translateY(-2px)}.nxms-primary{background:linear-gradient(115deg,#1788fb,#0757cf);color:#fff!important;box-shadow:0 12px 27px #126ad12a}.nxms-secondary{color:#075fc1!important;background:#fff;border:1px solid #c8def5}.nxms-disclaimer{color:#8a9cb0;line-height:1.5;font-size:11px;margin:19px 0 0;max-width:510px}
.nxms-dashboard{--nxms-accent:#1486f7;--nxms-soft:#eaf5ff;--nxms-status-color:#158457;position:relative;min-width:0;border:1px solid #cddff4;border-radius:22px;background:#fff;box-shadow:0 28px 80px #1a61b827,0 5px 15px #1a61b809;padding:20px;transition:border-color .3s,box-shadow .3s}.nxms-dashboard[data-nxms-scenario=slow]{--nxms-accent:#e6a12d;--nxms-soft:#fff6e6;--nxms-status-color:#a86b00}.nxms-dashboard[data-nxms-scenario=down]{--nxms-accent:#e85a6b;--nxms-soft:#fff0f1;--nxms-status-color:#c44353}.nxms-dashboard[data-nxms-scenario=recovered]{--nxms-accent:#16a374;--nxms-soft:#e6fcf4;--nxms-status-color:#13825e}.nxms-dash-head,.nxms-brand,.nxms-target,.nxms-status,.nxms-chart-head,.nxms-timeline,.nxms-notification{display:flex;align-items:center}.nxms-dash-head{justify-content:space-between;gap:10px;border-bottom:1px solid #e8f0f9;padding-bottom:15px}.nxms-brand{gap:10px}.nxms-logo{display:grid;place-items:center;background:#168bff;color:#fff;font-weight:900;width:35px;height:35px;border-radius:11px;font-size:21px}.nxms-brand strong,.nxms-brand small{display:block}.nxms-brand strong{font-size:14px;color:#102b4b}.nxms-brand small{font-size:11px;color:#8494aa}.nxms-status{gap:7px;color:var(--nxms-status-color);border:1px solid currentColor;border-radius:30px;padding:7px 9px;font-size:11px;font-weight:800;white-space:nowrap}.nxms-status-dot,.nxms-target-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:currentColor}.nxms-target{gap:8px;padding:15px 0 12px}.nxms-target strong{font-size:17px;color:#102b4b}.nxms-target small{margin-left:auto;color:#8ba0b8;font-size:11px}.nxms-target-dot{color:var(--nxms-accent)}.nxms-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nxms-metrics>div{padding:15px 12px;background:#f5f9ff;border:1px solid #e4effb;border-radius:12px;min-width:0}.nxms-metrics small{display:block;color:#6b839e;font-size:11px;margin-bottom:6px}.nxms-metrics strong{display:block;font-size:clamp(16px,1.5vw,23px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#142e4e}.nxms-metrics strong em{font-size:12px;font-style:normal;color:#7390af}.nxms-chart-head{justify-content:space-between;margin:19px 0 9px;gap:8px}.nxms-chart-head strong{font-size:13px}.nxms-chart-head small{font-size:11px;color:#8095ad}.nxms-chart-wrap{background:#fafdff;border:1px solid #e8f1fb;padding:8px 12px 6px;border-radius:12px}.nxms-svg{display:block;width:100%;height:164px;overflow:visible}.nxms-gridlines path{stroke:#d9e8f8;stroke-dasharray:4 6;stroke-width:1;fill:none}.nxms-area{fill:url(#nxms-graph-grad);transition:d .35s}.nxms-line{fill:none;stroke:var(--nxms-accent);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,d .35s}.nxms-svg circle{fill:#fff;stroke:var(--nxms-accent);stroke-width:3;transition:cy .35s,stroke .3s}.nxms-chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#91a2b5}.nxms-timeline{gap:11px;border:1px solid #e6eff9;border-radius:12px;padding:12px;margin-top:12px}.nxms-timeline-marker{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--nxms-soft);color:var(--nxms-status-color);font-size:20px;flex:none}.nxms-timeline strong,.nxms-timeline small,.nxms-notification strong,.nxms-notification small{display:block}.nxms-timeline strong,.nxms-notification strong{font-size:12px;color:#1e3c5d}.nxms-timeline small,.nxms-notification small{font-size:11px;color:#718ba7;margin-top:3px;line-height:1.4}.nxms-event-time{font-size:11px;color:#91a4ba;margin-left:auto}.nxms-notification{gap:10px;background:var(--nxms-soft);padding:12px;border-radius:12px;margin-top:10px;transition:background .3s}.nxms-bell{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--nxms-status-color);font-size:21px;flex:none}.nxms-notification>div{min-width:0}.nxms-channel{font-size:10px;font-weight:800;color:#2c78c8;white-space:nowrap;margin-left:auto}.nxms-simulator{margin-top:26px;background:#102949;border:1px solid #264e7d;color:#fff;border-radius:17px;padding:18px 23px;display:flex;justify-content:space-between;align-items:center;gap:22px}.nxms-simulator strong,.nxms-simulator span{display:block}.nxms-simulator strong{font-size:16px}.nxms-simulator span{font-size:12px;color:#9eb6d4;margin-top:4px}.nxms-switches{display:flex;gap:7px;flex-wrap:wrap}.nxms-switches button{border:1px solid #365576;border-radius:10px;background:#19385e;color:#d1e4fa;padding:11px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}.nxms-switches button:hover{background:#264c7b;transform:translateY(-1px)}.nxms-switches button[aria-pressed=true]{border-color:#61aafc;background:#246ec0;color:white}.nxms-switches i{display:inline-block;width:7px;height:7px;background:#29b785;border-radius:100%;margin-right:7px}.nxms-switches [data-nxms-switch=slow] i{background:#e7ab3f}.nxms-switches [data-nxms-switch=down] i{background:#e75d70}.nxms-switches [data-nxms-switch=recovered] i{background:#3cc89d}
@media(max-width:1150px){.nxms-layout{gap:25px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.nxms-story h2{font-size:clamp(29px,3.5vw,43px)}.nxms-channel{display:none}}@media(max-width:850px){.nxms-layout{grid-template-columns:1fr}.nxms-story h2{max-width:690px}.nxms-dashboard{max-width:760px;width:100%}.nxms-simulator{align-items:flex-start;flex-direction:column}.nxms-switches{width:100%}}@media(max-width:540px){.nxms{padding:40px 0}.nxms .aero-container{width:calc(100% - 28px)}.nxms-topline{align-items:flex-start;flex-direction:column;gap:7px}.nxms-story h2{font-size:34px}.nxms-dashboard{padding:12px;border-radius:15px}.nxms-brand strong{font-size:12px}.nxms-status{font-size:10px}.nxms-target small{display:none}.nxms-metrics{gap:5px}.nxms-metrics>div{padding:11px 8px}.nxms-metrics strong{font-size:16px}.nxms-metrics small{font-size:10px}.nxms-svg{height:120px}.nxms-switches{display:grid;grid-template-columns:1fr 1fr}.nxms-switches button{font-size:12px}.nxms-simulator{padding:15px}.nxms-actions a{flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){.nxms *{transition:none!important;animation:none!important}}
