/* NexIP Monitoring Product Detail V2. Compact and deliberately in-theme.
   The account's unchanged nx-tm light telemetry styles render the real chart.
   This file customizes ONLY the public product detail scope.
 */
.nx-mon2{--m2-ink:#17395c;--m2-soft:#56718c;--m2-line:#dce9f5;--m2-blue:#116bd0;
  background:linear-gradient(#f7fbff 0,#fff 250px);color:var(--m2-ink);
  font-family:inherit;line-height:1.55;overflow:clip;color-scheme:light}
.nx-mon2,.nx-mon2 *,.nx-mon2 *::before,.nx-mon2 *::after{box-sizing:border-box}
.nx-mon2 *{min-width:0}
.nx-mon2 :is(h1,h2,h3,p,small){margin-top:0}
.nx-mon2 :is(a,button,summary,.nx-tm__svg):focus-visible{outline:3px solid #53a5ef!important;outline-offset:3px!important}
.nx-mon2__container{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.nx-mon2 a{text-decoration:none}
.nx-mon2__breadcrumbs{display:flex;gap:11px;align-items:center;padding:15px 0 17px;
  color:#8699ad;-webkit-text-fill-color:#8699ad;font-size:11px;font-weight:700}
.nx-mon2__breadcrumbs a{color:#5c7c99;-webkit-text-fill-color:#5c7c99}
.nx-mon2__breadcrumbs a:hover{color:#126bc5;-webkit-text-fill-color:#126bc5}
.nx-mon2__hero{
  display:grid;grid-template-columns:minmax(0,1.38fr) minmax(310px,.62fr);
  align-items:stretch;gap:28px;padding:20px 0 25px;
  border-bottom:1px solid #dfeaf5;
}
.nx-mon2__hero-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px 0}
.nx-mon2__eyebrow,.nx-mon2__section-label{
  display:inline-flex;align-items:center;gap:8px;color:#1c72bd;
  -webkit-text-fill-color:#1c72bd;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;font-weight:860;line-height:1.35}
.nx-mon2__eyebrow i{width:8px;height:8px;border-radius:50%;flex:none;background:#0aa978;
  box-shadow:0 0 0 4px #d7f5e8}
.nx-mon2__hero h1{
  max-width:17ch;margin:12px 0 10px!important;
  color:#132f4f!important;-webkit-text-fill-color:#132f4f!important;
  font-size:clamp(30px,3.25vw,48px)!important;font-weight:890!important;
  line-height:1.11!important;letter-spacing:-.054em!important;text-wrap:balance}
.nx-mon2__hero-main>p{max-width:72ch;margin:0!important;color:#59748f!important;
  -webkit-text-fill-color:#59748f!important;font-size:14px!important;line-height:1.67!important}
.nx-mon2__hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.nx-mon2__button{
  display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:43px;
  padding:11px 16px;border:1px solid transparent;border-radius:9px;
  font-family:inherit;font-size:12px;font-weight:840;line-height:1.3;
  text-decoration:none!important;transition:background-color .15s,transform .15s,border-color .15s}
.nx-mon2__button:hover{transform:translateY(-1px)}
.nx-mon2__button--primary{background:#116ad0!important;border-color:#116ad0!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 16px rgba(14,104,204,.13)}
.nx-mon2__button--primary:hover{background:#0b55a5!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.nx-mon2__button--primary span{color:#fff!important;-webkit-text-fill-color:#fff!important}
.nx-mon2__button--subtle{background:#fff!important;border-color:#cfdfed!important;
  color:#215f9b!important;-webkit-text-fill-color:#215f9b!important}
.nx-mon2__button--subtle:hover{background:#edf6ff!important;border-color:#a6cce9!important}
.nx-mon2__hero-aside{border:1px solid #d9e7f4;border-radius:12px;
  background:linear-gradient(145deg,#fff 30%,#f5faff 100%);
  box-shadow:0 7px 21px rgba(28,79,127,.045);padding:17px 18px}
.nx-mon2__mini-top{display:flex;gap:8px;justify-content:space-between;align-items:center}
.nx-mon2__mini-caps{color:#7f9ab1;-webkit-text-fill-color:#7f9ab1;
  font-size:9px;font-weight:850;letter-spacing:.105em}
.nx-mon2__mini-state{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:790;
  color:#0c936f;-webkit-text-fill-color:#0c936f}
.nx-mon2__mini-state i{width:7px;height:7px;border-radius:50%;background:#0caf83}
.nx-mon2__mini-target{display:flex;align-items:center;gap:11px;margin:14px 0 13px}
.nx-mon2__mini-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;
  background:#e8f5ff;border:1px solid #d2e8fa;border-radius:10px;color:#1470c8;
  -webkit-text-fill-color:#1470c8;font-size:21px}
.nx-mon2__mini-target strong{display:block;color:#1a3c61;font-size:15px;letter-spacing:-.025em}
.nx-mon2__mini-target small{display:block;color:#8aa0b5;font-size:10px}
.nx-mon2__mini-rows{display:grid;gap:0;border-top:1px solid #e8eff7}
.nx-mon2__mini-rows>div{display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:29px;border-bottom:1px solid #ecf2f8}
.nx-mon2__mini-rows span{display:flex;align-items:center;gap:7px;font-size:9px;
  font-weight:830;color:#7d96ad;letter-spacing:.05em}
.nx-mon2__mini-rows strong{font-size:10px;font-weight:800;color:#355977;text-align:right}
.nx-mon2__mini-dot{width:6px;height:6px;border-radius:50%;flex:none}
.nx-mon2__mini-dot--green{background:#1aaf7c}
.nx-mon2__mini-dot--blue{background:#2484d9}
.nx-mon2__mini-dot--amber{background:#e4ac42}
.nx-mon2__mini-dot--red{background:#e2676f}
.nx-mon2__mini-bottom{padding-top:11px;font-size:10px;color:#327ab2;font-weight:790}

.nx-mon2__demo-block{padding:26px 0 16px;scroll-margin-top:74px}
.nx-mon2__section-head{margin-bottom:15px}
.nx-mon2__section-head--split{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}
.nx-mon2__section-head h2,.nx-mon2__how-title h2,.nx-mon2__faq h2{
  color:#193a5c!important;-webkit-text-fill-color:#193a5c!important;
  font-size:clamp(22px,2vw,29px)!important;letter-spacing:-.037em!important;
  line-height:1.22!important;font-weight:870!important;margin:6px 0 6px!important}
.nx-mon2__section-head p{margin:0!important;max-width:82ch;font-size:12px!important;
  line-height:1.57!important;color:#6a849b!important;-webkit-text-fill-color:#6a849b!important}
.nx-mon2__demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.nx-mon2__demo-mark{display:inline-flex;align-items:center;gap:6px;flex:none;
  padding:8px 10px;border:1px solid #d5e7f6;border-radius:8px;
  background:#edf7ff;color:#2a6da6;-webkit-text-fill-color:#2a6da6;
  font-size:10px;font-weight:830;white-space:nowrap}
.nx-mon2__demo-mark span{color:#147fca}
.nx-mon2__actual-telemetry{margin:0}
/* Retain the *real* monitor chart engine and its real light-theme styles.
   Only spacing is adjusted here; toolbar, series, legend, navigator,
   zoom/brush, tooltip, CSV and response/phases/reliability remain unchanged. */
.nx-mon2 [data-nx-telemetry].nx-tm--light{
  margin:0!important;padding:17px 18px 15px!important;
  border:1px solid #dce8f4!important;border-radius:13px!important;
  background:linear-gradient(125deg,#fff 67%,#f1f8ff 100%)!important;
  box-shadow:0 9px 25px rgba(25,75,122,.052)!important;
}
.nx-mon2 [data-nx-telemetry] .nx-tm__heading{margin-bottom:14px!important;gap:12px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__heading h2{font-size:21px!important;margin:5px 0!important;
  line-height:1.24!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__heading p{font-size:11px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__metrics{margin-bottom:12px!important;gap:9px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__metrics article{
  padding:12px 13px!important;border-radius:10px!important;gap:4px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__metrics article strong{
  font-size:clamp(19px,1.8vw,26px)!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__workbench{padding:12px 12px 9px!important;border-radius:12px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__tools{margin-bottom:7px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__canvas{height:280px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__svg{height:280px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__navigator{padding:9px 11px 5px!important;
  margin:4px 3px 0!important}
.nx-mon2 [data-nx-telemetry] [data-tm-overview]{height:46px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__footer{font-size:9px!important;padding-top:6px!important}
.nx-mon2 [data-nx-telemetry] .nx-tm__table{margin-top:8px!important}
.nx-mon2__demo-foot{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:9px;margin:8px 1px 0}
.nx-mon2__demo-foot>span{font-size:10px;color:#7c93a8;-webkit-text-fill-color:#7c93a8}
.nx-mon2__demo-foot>a,.nx-mon2__link{font-size:11px;display:inline-flex;align-items:center;gap:6px;
  font-weight:820;color:#1467b4!important;-webkit-text-fill-color:#1467b4!important;
  text-decoration:none!important}
.nx-mon2__demo-foot>a:hover,.nx-mon2__link:hover{text-decoration:underline!important}

/* Below the chart: concise proof, steps, plan comparison and FAQ. */
.nx-mon2__section{padding:22px 0 17px}
.nx-mon2__benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.nx-mon2__benefit{padding:17px 16px;border:1px solid #dfeaf4;border-radius:11px;
  background:#fff;box-shadow:0 4px 16px rgba(25,70,115,.035);min-height:161px}
.nx-mon2__benefit-head{display:flex;align-items:center;justify-content:space-between;gap:7px;
  padding-bottom:10px;border-bottom:1px solid #ecf2f8}
.nx-mon2__benefit-head>span{font-size:13px;color:#1576cc;font-weight:900}
.nx-mon2__benefit-head>small{font-size:9px;color:#8da2b7;font-weight:820;letter-spacing:.07em}
.nx-mon2__benefit h3{font-size:14px!important;font-weight:850!important;letter-spacing:-.016em!important;
  line-height:1.35!important;color:#204362!important;-webkit-text-fill-color:#204362!important;
  margin:12px 0 6px!important}
.nx-mon2__benefit p{color:#6f859b!important;-webkit-text-fill-color:#6f859b!important;
  font-size:11.5px!important;line-height:1.57!important;margin:0!important}
.nx-mon2__how{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
  gap:18px;padding:19px 21px;border-radius:12px;border:1px solid #dce9f5;
  background:linear-gradient(107deg,#f1f8ff,#fafcff);margin:15px 0 2px}
.nx-mon2__how-title h2{font-size:21px!important;margin:6px 0!important}
.nx-mon2__how-title p{font-size:11px;color:#7690a7;margin:0!important}
.nx-mon2__how-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;margin:0;padding:0;list-style:none}
.nx-mon2__how-list li{display:flex;flex-direction:column;gap:11px;
  border-left:1px solid #d1e3f3;padding-left:13px}
.nx-mon2__how-list li>b{font-size:20px;font-weight:900;color:#3286d4;line-height:1}
.nx-mon2__how-list strong{font-size:12px;font-weight:840;color:#27496c}
.nx-mon2__how-list p{font-size:11px;color:#728ba2;margin:5px 0 0!important;line-height:1.55}
.nx-mon2__section--plans{padding-top:22px}
.nx-mon2__plan-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nx-mon2__plan{display:grid;grid-template-columns:1fr auto;align-items:start;gap:6px;
  padding:15px 16px;border:1px solid #e0eaf5;border-radius:10px;
  background:#fff;box-shadow:0 4px 14px rgba(26,77,123,.033)}
.nx-mon2__plan.is-pro{border-color:#afd4f4;background:#f3f9ff}
.nx-mon2__plan-name{grid-column:1/-1;color:#176bb7;font-size:10px;font-weight:880;
  text-transform:uppercase;letter-spacing:.13em}
.nx-mon2__plan-amount{grid-column:1/-1;display:flex;align-items:baseline;gap:9px}
.nx-mon2__plan-amount strong{font-size:35px;line-height:1.08;font-weight:880;color:#183e65;letter-spacing:-.07em}
.nx-mon2__plan-amount small{font-size:10px;color:#829bb0}
.nx-mon2__plan-time{font-size:10px;color:#728da5;line-height:1.6}
.nx-mon2__plan-time b{font-weight:850;color:#315778;white-space:nowrap}
.nx-mon2__plan>a{font-size:10px;font-weight:800;color:#166bbb!important;
  -webkit-text-fill-color:#166bbb!important;text-align:right}
.nx-mon2__plan>a:hover{text-decoration:underline}
.nx-mon2__plan-empty{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;padding:15px;border-radius:11px;border:1px solid #dce9f5}
.nx-mon2__plan-empty>span{font-size:12px;color:#69819a}
.nx-mon2__plan-empty a{font-size:11px;color:#116ec7;font-weight:850}
.nx-mon2__faq{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,1.52fr);
  gap:20px;padding:21px 0;margin-top:4px;border-top:1px solid #e5eef7}
.nx-mon2__faq h2{font-size:20px!important;margin:6px 0 0!important}
.nx-mon2__faq-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start}
.nx-mon2__faq-items details{border:1px solid #e1ebf5;border-radius:10px;background:#fbfdff;overflow:hidden}
.nx-mon2__faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:9px;
  padding:12px 13px;cursor:pointer;font-size:11px;font-weight:830;color:#2d4f70;
  -webkit-text-fill-color:#2d4f70;line-height:1.43}
.nx-mon2__faq-items summary::-webkit-details-marker{display:none}
.nx-mon2__faq-items summary>span{flex:none;display:grid;place-items:center;width:23px;height:23px;
  border-radius:7px;background:#edf6ff;color:#176fc3;font-size:16px}
.nx-mon2__faq-items details[open] summary>span{transform:rotate(45deg)}
.nx-mon2__faq-items details p{margin:0!important;padding:0 13px 12px;font-size:11px!important;
  line-height:1.65!important;color:#6d859b!important;-webkit-text-fill-color:#6d859b!important}
.nx-mon2__closing{display:flex;align-items:center;justify-content:space-between;gap:19px;
  border:1px solid #1a4d7a;border-radius:13px;min-height:126px;
  padding:22px 26px;margin:0 0 36px;
  background:radial-gradient(ellipse at 85% 0,rgba(69,157,235,.18),transparent 47%),
  linear-gradient(116deg,#092744,#103a62 66%,#0d477b);
  box-shadow:0 10px 28px rgba(16,54,95,.11)}
.nx-mon2__closing>div>span{font-size:9px;font-weight:850;color:#8dccfb;-webkit-text-fill-color:#8dccfb;letter-spacing:.12em}
.nx-mon2__closing h2{margin:5px 0 5px!important;font-size:clamp(19px,1.9vw,25px)!important;
  letter-spacing:-.035em!important;font-weight:870!important;line-height:1.27!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important}
.nx-mon2__closing p{font-size:11.5px!important;line-height:1.52!important;
  color:#d2e8fa!important;-webkit-text-fill-color:#d2e8fa!important;
  margin:0!important}
.nx-mon2__button--white{background:#fff!important;color:#154d7b!important;
  -webkit-text-fill-color:#154d7b!important;border-color:#fff!important;white-space:nowrap;flex:none}
.nx-mon2__button--white:hover{background:#eaf6ff!important}
@media(max-width:1150px){
  .nx-mon2__container{width:calc(100% - 42px)}
  .nx-mon2__hero{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:19px}
  .nx-mon2__hero h1{font-size:clamp(30px,3.5vw,43px)!important}
  .nx-mon2__benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-mon2__benefit{min-height:0}
  .nx-mon2__how{grid-template-columns:1fr;gap:15px}
}
@media(max-width:820px){
  .nx-mon2__container{width:calc(100% - 36px)}
  .nx-mon2__hero{grid-template-columns:1fr}
  .nx-mon2__hero-main{padding:0}
  .nx-mon2__hero h1{max-width:21ch;font-size:clamp(32px,5vw,42px)!important}
  .nx-mon2__hero-aside{display:none}
  .nx-mon2__faq{grid-template-columns:1fr;gap:12px}
  .nx-mon2__plan-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-mon2 [data-nx-telemetry].nx-tm--light{padding:15px!important}
  .nx-mon2 [data-nx-telemetry] .nx-tm__canvas,
  .nx-mon2 [data-nx-telemetry] .nx-tm__svg{height:280px!important}
}
@media(max-width:600px){
  .nx-mon2__container{width:calc(100% - 28px)}
  .nx-mon2__breadcrumbs{padding:12px 0}
  .nx-mon2__hero{padding:12px 0 17px}
  .nx-mon2__hero h1{font-size:clamp(28px,7vw,37px)!important}
  .nx-mon2__hero-main>p{font-size:12.5px!important}
  .nx-mon2__hero-actions{gap:7px}
  .nx-mon2__hero-actions>a{flex:1 1 150px;justify-content:space-between}
  .nx-mon2__demo-block{padding-top:19px}
  .nx-mon2__demo-heading{flex-direction:column;align-items:flex-start;gap:8px}
  .nx-mon2__section-head h2{font-size:22px!important}
  .nx-mon2 [data-nx-telemetry].nx-tm--light{padding:12px 10px!important;border-radius:11px!important}
  .nx-mon2 [data-nx-telemetry] .nx-tm__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nx-mon2 [data-nx-telemetry] .nx-tm__metrics article{padding:10px!important}
  .nx-mon2 [data-nx-telemetry] .nx-tm__workbench{padding:8px!important}
  .nx-mon2 [data-nx-telemetry] .nx-tm__canvas,
  .nx-mon2 [data-nx-telemetry] .nx-tm__svg{height:280px!important}
  .nx-mon2 [data-nx-telemetry] .nx-tm__navigator{margin:4px 0 0!important}
  .nx-mon2__benefit-grid{gap:9px}
  .nx-mon2__benefit{padding:13px}
  .nx-mon2__benefit h3{font-size:12px!important}
  .nx-mon2__benefit p{font-size:10.5px!important}
  .nx-mon2__how{padding:15px}
  .nx-mon2__how-list{grid-template-columns:1fr;gap:9px}
  .nx-mon2__how-list li{flex-direction:row;align-items:flex-start;gap:11px}
  .nx-mon2__how-list li>b{font-size:16px}
  .nx-mon2__faq-items{grid-template-columns:1fr}
  .nx-mon2__closing{padding:20px;flex-wrap:wrap;margin-bottom:25px}
  .nx-mon2__button--white{width:100%;justify-content:space-between}
}
@media(max-width:360px){
  .nx-mon2__container{width:calc(100% - 22px)}
  .nx-mon2__hero h1{font-size:28px!important}
  .nx-mon2__hero-actions>a{flex:1 1 100%}
  .nx-mon2__benefit-grid{grid-template-columns:1fr}
  .nx-mon2__plan-strip{grid-template-columns:1fr}
  .nx-mon2 [data-nx-telemetry] .nx-tm__metrics article strong{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
  .nx-mon2 :is(a,button,summary){transition:none!important;animation:none!important}
}
@media print{
  .nx-mon2__closing{background:#fff!important;border:1px solid #7593ac!important;box-shadow:none}
  .nx-mon2__closing :is(h2,p){color:#17395c!important;-webkit-text-fill-color:#17395c!important}
  .nx-mon2 [data-nx-telemetry].nx-tm--light{box-shadow:none!important}
  .nx-mon2__hero-aside{display:none}
}