.monitoring-section{padding:94px 0;background:#fff;scroll-margin-top:100px}.monitoring-heading>div:last-child{max-width:430px!important}.monitoring-heading h2{font-weight:500}.giot-monitor{--m-ink:#173546;--m-muted:#627981;--m-teal:#087f80;--m-line:#e0e9eb;--m-surface:#f1f6f7;border:1px solid #d4e0e1;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #18394d14;background:var(--m-surface);font-family:Arial,Helvetica,sans-serif;color:var(--m-ink)}.monitor-chrome{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 24px;background:#112e42;color:white}.monitor-wordmark{display:flex;align-items:center;gap:10px;line-height:1}.monitor-wordmark>.brand-mark{transform:scale(.75);transform-origin:left center;margin-right:-6px}.monitor-wordmark .brand-mark i{background:#83dfcb}.monitor-wordmark>strong{font-size:23px;font-weight:700;letter-spacing:-.05em}.monitor-app-name{font-size:14px;font-weight:400;border-left:1px solid #5b7281;margin-left:5px;padding-left:15px;color:#cfe0e6}.monitor-demo-badge{font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:8px;color:#c4e6dd}.monitor-demo-badge>span{width:6px;height:6px;background:#8de2ca;border-radius:50%}.monitor-layout{display:grid;grid-template-columns:168px minmax(0,1fr)}.monitor-sidebar{background:#17384d;color:#c7d9e2;padding:27px 16px;display:flex;flex-direction:column;gap:17px}.monitor-overline{font-size:9px!important;letter-spacing:.13em!important;font-weight:700!important;color:#73939c;margin:0!important;line-height:1.6}.monitor-sidebar .monitor-overline{color:#9bbbc7}.monitor-side-active{font-size:11px;line-height:1.5;background:#274d60;border-left:2px solid #83dfcb;border-radius:0 4px 4px 0;padding:12px 9px;display:flex;align-items:center;gap:8px;color:#fff}.monitor-side-active>span{font-size:19px;color:#96daca}.monitor-side-station{padding-top:24px;border-top:1px solid #365466;margin-top:16px}.monitor-side-station>strong{display:block;font-size:35px;line-height:1.3;font-weight:400;letter-spacing:-.04em;margin-top:14px}.monitor-side-station small{font-size:11px;font-weight:400;letter-spacing:0;color:#b0c8d3}.monitor-side-station p{font-size:10px;line-height:1.9;margin-top:8px;color:#b0c8d3}.monitor-side-bottom{margin-top:auto;padding-top:70px}.monitor-side-bottom p{font-size:12px;color:#deedf2;margin-top:10px}.monitor-side-bottom small{display:block;font-size:10px;line-height:1.8;color:#b0c8d3;margin-top:9px}.monitor-main{padding:26px;min-width:0}.monitor-overview-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.monitor-overview-header h3{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin-top:6px}.monitor-sample-time{font-size:10px;line-height:1.7;color:#71868e;margin-top:8px}.monitor-site-picker{display:block;min-width:195px}.monitor-site-picker>span{display:block;font-size:10px;color:#617b84;margin-bottom:5px}.monitor-site-picker select{padding:9px 28px 9px 10px;min-height:37px;border:1px solid #cfdee1;border-radius:5px;background:#fff;font-size:11px;color:#214656;width:100%;max-width:100%}.monitor-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.monitor-metric{background:white;border:1px solid var(--m-line);border-radius:7px;padding:16px 15px 12px;min-width:0}.monitor-metric h4{font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.3;margin:0;color:#274958}.monitor-metric-subtitle{font-size:8px;line-height:1.5;margin-top:4px;min-height:24px;color:#71878f}.monitor-reading-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px}.monitor-reading{min-width:0}.monitor-reading strong{display:block;font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.monitor-reading>span{display:block;font-size:10px;color:#6a828b;margin-top:5px}.monitor-gauge{width:62px;height:62px;flex:0 0 62px;overflow:visible}.monitor-gauge circle:not(.gauge-center){fill:none;stroke-width:4.5;stroke-linecap:round;transform:rotate(135deg);transform-origin:32px 32px}.gauge-track{stroke:#e7eff0}.gauge-fill{stroke:#13898b}.gauge-center{fill:#1c6674}.gauge-needle{stroke:#1c6674;stroke-width:2.5;stroke-linecap:round}.monitor-sample-label{display:block;font-size:8px;letter-spacing:.015em;color:#7f9299;margin-top:9px}.monitor-secondary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:14px 0 20px;background:#fff;border:1px solid var(--m-line);border-radius:7px;overflow:hidden}.monitor-secondary-metric{min-width:0;padding:14px 12px;border-right:1px solid var(--m-line)}.monitor-secondary-metric:last-child{border:0}.monitor-secondary-metric h4{font-size:9px;font-weight:400;line-height:1.5;letter-spacing:0;color:#617b84;white-space:nowrap}.monitor-secondary-metric p{margin-top:9px;line-height:1.4;display:flex;flex-direction:column;gap:3px}.monitor-secondary-metric strong{font-size:22px;font-weight:500;letter-spacing:-.04em;color:var(--m-ink);font-variant-numeric:tabular-nums}.monitor-secondary-metric p>span{font-size:9px;color:#72878f}.monitor-lower-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:15px}.monitor-chart-panel,.monitor-devices{background:white;border:1px solid var(--m-line);border-radius:7px;padding:17px;min-width:0}.monitor-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.monitor-panel-header h4{margin:0;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:600}.monitor-time-switch{display:flex;padding:2px;border-radius:4px;background:#eff5f5}.monitor-time-switch button{background:transparent;border:0;border-radius:3px;color:#5f7882;font-size:9px;padding:5px 7px;line-height:1.2;white-space:nowrap}.monitor-time-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #19384d18;color:var(--m-teal)}.monitor-chart-switch{display:flex;gap:14px;border-bottom:1px solid #e9eff0;margin-bottom:11px}.monitor-chart-switch button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:10px;font-weight:500;color:#75898f;padding:2px 0 8px;min-width:25px}.monitor-chart-switch button[aria-pressed=true]{color:var(--m-teal);border-bottom-color:var(--m-teal)}.monitor-chart-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#6a848c;margin-bottom:6px}.monitor-chart-wrap{height:169px;min-width:0;position:relative}.monitor-chart-wrap svg{display:block;width:100%;height:100%;overflow:visible}.monitor-chart-summary{border-top:1px solid #eaf0f1;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#758991;padding-top:11px;line-height:1.6}.monitor-chart-summary strong{font-weight:500;color:#234858;margin-left:5px}.monitor-small-tag{font-size:8px;color:#6b838b;background:#f0f5f6;padding:3px 6px;border-radius:3px;letter-spacing:.06em}.monitor-device-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #eaf0f1}.monitor-device-icon{flex-shrink:0;display:grid;place-items:center;border:1px solid #d9e7e9;color:#579193;background:#f4f9f8;font-size:11px;width:29px;height:33px;border-radius:5px}.monitor-device-row>div:nth-child(2){min-width:0}.monitor-device-row strong{display:block;font-size:10px;font-weight:500;line-height:1.5}.monitor-device-row div>span{display:block;font-size:8px;color:#82949b;margin-top:2px}.monitor-device-state{margin-left:auto;font-size:8px;color:#197f76;display:flex;align-items:center;gap:4px;white-space:nowrap}.monitor-device-state i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#208a7c}.monitor-device-facts{margin:13px 0 0;font-size:9px;line-height:1.5}.monitor-device-facts>div{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.monitor-device-facts dt{color:#7a8e96}.monitor-device-facts dd{margin:0;color:#476774;text-align:right}.monitor-disclaimer{font-size:9px;line-height:1.8;color:#70848d;margin-top:16px}.monitoring-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:37px}.monitoring-benefits>div{border-top:1px solid #d8e6e3;padding-top:21px}.monitoring-benefits>div>span{font-size:10px;color:var(--teal)}.monitoring-benefits h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin-top:12px}.monitoring-benefits p{font-size:13px;line-height:1.8;margin-top:12px;max-width:350px}.single-giot_product .monitoring-section{background:#f9fbfa;margin-top:0}.single-giot_product .monitoring-heading h2{font-size:40px}.single-giot_product .product-tabs .container{flex-wrap:wrap}
@media(max-width:1150px){.monitor-layout{grid-template-columns:135px minmax(0,1fr)}.monitor-sidebar{padding:24px 12px}.monitor-main{padding:20px}.monitor-gauge{width:48px;height:48px;flex-basis:48px}.monitor-metric{padding:13px 12px}.monitor-reading strong{font-size:27px}.monitor-secondary-grid{grid-template-columns:repeat(3,1fr)}.monitor-secondary-metric{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--m-line)}.monitor-secondary-metric:nth-child(3){border-right:0}.monitor-secondary-metric:nth-child(n+4){border-bottom:0}.monitor-secondary-metric p{margin:0;text-align:right}.monitor-lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.monitor-primary-grid{gap:8px}.monitor-devices,.monitor-chart-panel{padding:14px}.monitor-device-row{gap:6px}}
@media(max-width:950px){.monitor-sidebar{display:none}.monitor-layout{display:block}.monitoring-heading{gap:35px}.monitoring-heading>div:last-child{max-width:360px!important}.monitor-primary-grid{gap:12px}.monitor-gauge{width:58px;height:58px;flex-basis:58px}.monitor-main{padding:23px}.monitor-metric-subtitle{font-size:9px}.monitoring-benefits{gap:25px}.monitoring-benefits h3{font-size:20px}}
@media(max-width:760px){.monitoring-section{padding:60px 0;scroll-margin-top:75px}.monitoring-heading>div:last-child{max-width:none!important}.monitoring-heading h2,.single-giot_product .monitoring-heading h2{font-size:35px}.monitor-chrome{min-height:57px;padding:12px 16px;gap:8px}.monitor-wordmark>strong{font-size:21px}.monitor-wordmark{gap:5px}.monitor-wordmark>.brand-mark{transform:scale(.65);margin-right:-9px}.monitor-app-name{font-size:11px;padding-left:10px;margin-left:5px}.monitor-demo-badge{font-size:7px;letter-spacing:.055em;gap:5px}.monitor-demo-badge>span{width:4px;height:4px}.monitor-main{padding:17px 14px}.monitor-overview-header{display:block;margin-bottom:18px}.monitor-overview-header h3{font-size:22px}.monitor-site-picker{margin-top:14px;min-width:0;width:100%}.monitor-site-picker select{font-size:16px;min-height:44px}.monitor-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.monitor-metric{padding:14px 12px}.monitor-metric-subtitle{font-size:8px;min-height:24px}.monitor-reading strong{font-size:30px}.monitor-gauge{width:50px;height:50px;flex-basis:50px}.monitor-reading-row{gap:3px}.monitor-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:15px}.monitor-secondary-metric{padding:12px 11px;gap:6px}.monitor-secondary-metric h4{font-size:10px;white-space:normal}.monitor-secondary-metric strong{font-size:23px}.monitor-secondary-metric:nth-child(3){border-right:1px solid var(--m-line)}.monitor-secondary-metric:nth-child(2n){border-right:0}.monitor-secondary-metric:nth-child(4){border-bottom:1px solid var(--m-line)}.monitor-lower-grid{grid-template-columns:1fr;gap:14px}.monitor-panel-header h4{font-size:13px}.monitor-chart-panel,.monitor-devices{padding:15px 12px}.monitor-time-switch button{min-height:44px;min-width:45px;font-size:10px}.monitor-chart-switch{gap:20px;margin-bottom:10px}.monitor-chart-switch button{min-height:44px;min-width:34px;font-size:11px}.monitor-chart-label{font-size:10px}.monitor-chart-wrap{height:180px}.monitor-chart-summary{font-size:10px;flex-wrap:wrap}.monitor-chart-summary strong{margin-left:3px}.monitor-device-row strong{font-size:12px}.monitor-device-row div>span{font-size:10px}.monitor-device-icon{height:38px;width:34px}.monitor-device-state{font-size:10px}.monitor-device-facts{font-size:11px}.monitor-disclaimer{font-size:10px;line-height:1.8}.monitoring-benefits{grid-template-columns:1fr;gap:23px;margin-top:31px}.monitoring-benefits h3{font-size:23px;margin-top:9px}.monitoring-benefits p{margin-top:8px}.giot-monitor{border-radius:9px;box-shadow:0 15px 35px #18394d0d}}
@media(max-width:365px){.monitor-metric{padding:12px 9px}.monitor-reading strong{font-size:26px}.monitor-gauge{width:44px;height:44px;flex-basis:44px}.monitor-app-name{display:none}.monitor-secondary-metric strong{font-size:20px}.monitor-panel-header{gap:5px}.monitor-panel-header h4{font-size:11px}.monitor-time-switch button{padding:5px}}