@import url('fleet.css?v=2');
.monitor-integration-illustration{padding:14px 0;max-height:260px;overflow:hidden}.monitor-integration-illustration svg{display:block;width:100%;height:240px;object-fit:contain}.monitor-integration-steps{counter-reset:integration;list-style:none;padding:0;margin:12px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.monitor-integration-steps li{border-top:1px solid #ffffff13;padding-top:15px;min-width:0}.monitor-integration-steps strong{display:block;font-size:13px;font-weight:500;color:#c9dce6;margin-bottom:9px}.monitor-integration-steps span{font-size:11px;line-height:1.8;color:#809dad}.monitor-integration-steps li:before{counter-increment:integration;content:counter(integration,decimal-leading-zero);display:block;font-size:10px;color:#698695;margin-bottom:9px}@media(max-width:580px){.monitor-integration-steps{gap:18px 16px}.monitor-integration-steps strong{font-size:12px}.monitor-integration-steps span{font-size:10px}}
.monitoring-page .monitor-visual>.fleet-panel{background:linear-gradient(145deg,#152431 0%,#0b141f 68%);border-color:#9db6c328;box-shadow:0 24px 75px #0004,inset 0 1px #ffffff08}
.monitoring-page .panel-top{border-bottom-color:#99b8c21a}
.monitoring-page .lock-svg{background:radial-gradient(ellipse at 50% 55%,#57718128,transparent 68%);filter:drop-shadow(0 12px 12px #0003)}
.logger-panel{isolation:isolate;background:radial-gradient(ellipse at 60% 48%,#203c3d60,transparent 65%),linear-gradient(145deg,#16232d,#08121b)!important}
.logger-panel-brand{display:flex;align-items:center;gap:11px;padding:26px 29px;border-bottom:1px solid #9ebbc11c}
.logger-panel-brand>img{height:26px;width:26px;object-fit:contain}
.logger-panel-brand>span{font-size:19px;font-weight:550;letter-spacing:.7px;color:#dbe8ed}
.logger-panel-brand>small{margin-left:auto;font-size:10px;line-height:1.7;color:#7f9da9;max-width:46%;text-align:right}
.logger-figure{margin:0;position:relative}
.logger-stage{height:470px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#759f8718,transparent 67%)}
.logger-product{position:absolute;left:50%;top:50%;height:90%;width:auto;max-width:none;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 23px #0006);object-fit:contain}
.logger-orbit{position:absolute;width:69%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-16deg);border:1px solid #adc4bb0d;border-radius:50%;pointer-events:none}
.logger-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #adc4bb08;border-radius:50%}
.logger-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:5px 29px 25px;line-height:1.8}
.logger-figure figcaption>span{font-size:12px;color:#a0bbc7}
.logger-figure figcaption>small{font-size:9px;color:#688796;white-space:nowrap}
.logger-callout{position:absolute;font-size:10px;line-height:1.9;color:#8caaa9;padding:7px 0;border-bottom:1px solid #92b3b240;max-width:29%;pointer-events:none}
.logger-callout-display{right:5%;bottom:27%}
.logger-callout-identity{left:5%;top:22%}
.logger-product-bottom{display:flex;align-items:center;gap:19px;padding:22px 29px;border-top:1px solid #9ebbc11c;background:#050d1566}
.logger-product-bottom>span{font-size:23px;letter-spacing:-.5px;color:#c4d7d7;font-weight:400;white-space:nowrap}
.logger-product-bottom>i{height:24px;border-left:1px solid #73958b40}
.logger-product-bottom>small{font-size:9px;color:#6c8d9a;margin-left:auto;line-height:1.9;text-align:right}
.logger-figure-fusion .logger-stage{height:245px}
.logger-figure-fusion .logger-product{height:94%}
.logger-figure-fusion .logger-orbit{width:40%;max-height:240px}
.logger-figure-fusion figcaption{padding:0 27px 4px}
.logger-figure-fusion figcaption>span{font-size:10px}
.logger-figure-fusion figcaption>small{font-size:8px}
#logger-title{text-wrap:balance}
@media(max-width:800px){#logger>.monitor-visual{order:-1}}
@media(max-width:580px){#logger-title{font-size:clamp(27px,7.9vw,31px)}}
@media(min-width:1800px){.logger-stage{height:590px}.logger-panel-brand{padding:30px 35px}.logger-panel-brand>span{font-size:24px}.logger-panel-brand>small{font-size:13px}.logger-figure figcaption>span{font-size:16px}.logger-figure figcaption>small{font-size:12px}.logger-callout{font-size:13px}.logger-product-bottom>span{font-size:31px}.logger-product-bottom>small{font-size:12px}.logger-figure-fusion .logger-stage{height:310px}.logger-figure-fusion figcaption>span{font-size:13px}.logger-figure-fusion figcaption>small{font-size:10px}}
@media(max-width:1100px){.logger-panel-brand{padding:22px 20px;gap:9px}.logger-panel-brand>span{font-size:17px}.logger-panel-brand>small{font-size:9px}.logger-stage{height:420px}.logger-callout{font-size:9px;max-width:24%}.logger-callout-identity{left:4%;top:14%}.logger-callout-display{right:4%;bottom:17%}.logger-figure figcaption{padding:0 20px 23px;gap:12px}.logger-figure figcaption>span{font-size:11px}.logger-figure figcaption>small{font-size:8px}.logger-product-bottom{padding:21px 20px;gap:13px}.logger-product-bottom>span{font-size:20px}.logger-product-bottom>small{font-size:8px}.logger-figure-fusion .logger-stage{height:245px}.logger-figure-fusion figcaption{padding:0 20px 8px}}
@media(max-width:800px){.logger-stage{height:480px}.logger-callout{font-size:11px;max-width:28%}.logger-callout-identity{left:6%;top:23%}.logger-callout-display{right:6%;bottom:27%}.logger-figure-fusion .logger-stage{height:300px}}
@media(max-width:580px){.logger-panel-brand{padding:21px 17px}.logger-panel-brand>span{font-size:17px}.logger-panel-brand>small{font-size:8px}.logger-panel-brand>img{height:23px;width:23px}.logger-stage{height:350px}.logger-product{height:91%}.logger-callout{display:none}.logger-figure figcaption{padding:0 17px 20px;gap:12px}.logger-figure figcaption>span{font-size:10px}.logger-figure figcaption>small{font-size:8px}.logger-product-bottom{padding:20px 17px;gap:12px}.logger-product-bottom>span{font-size:20px}.logger-product-bottom>small{font-size:8px;max-width:26%}.logger-product-bottom>i{height:21px}.logger-figure-fusion .logger-stage{height:270px}.logger-figure-fusion figcaption{padding:0 17px 8px}.logger-figure-fusion figcaption>span{font-size:9px}.logger-figure-fusion figcaption>small{font-size:8px}}
@media(min-width:1201px){.fusion-panel .parcel-svg{max-height:270px}.fusion-panel .sensor-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.fusion-panel .sensor-tiles>div{padding:18px 12px}.fusion-panel .sensor-tiles strong{font-size:clamp(19px,1.5vw,30px)}}
.monitoring-page{--monitor-accent:#a8d4de}.monitoring-page[data-solution=cargo]{--monitor-accent:#d5b384}.monitoring-page .fleet-hero h1{font-size:clamp(45px,4vw,98px)}.monitoring-page .fleet-hero-copy>p:not(.fleet-eyebrow){max-width:53ch}.monitor-visual{min-width:0}.monitor-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:21px 25px}.monitor-tabs button{padding:9px 13px;min-height:37px;background:#ffffff04;border:1px solid #7c9db11a;border-radius:6px;color:#8aa5b9;font-size:12px;line-height:1.6}.monitor-tabs button[aria-pressed=true]{background:#2846548a;border-color:#a5c9d54a;color:#e2f2f4}.monitoring-page[data-solution=cargo] .monitor-tabs button[aria-pressed=true]{background:#9e835021;border-color:#d2af704d;color:#deceb1}.metric-highlight{padding:20px 27px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.metric-highlight>div{display:flex;flex-direction:column;gap:15px}.metric-highlight>div>span{font-size:12px;color:#85a5b8}.metric-highlight strong{font-size:48px;font-weight:400;letter-spacing:-1px;color:#d6edf0}.metric-highlight strong small{font-size:17px;font-weight:400;color:#8eafc1;letter-spacing:0}.metric-highlight>span{font-size:10px;line-height:1.9;text-align:right;color:#708c9f}.sensor-chart,.route-svg{width:100%;height:auto;display:block}.sensor-chart{padding:5px 15px}.reading-explanation{font-size:12px;line-height:1.9;color:#87a4b7;margin:0 27px 5px}.parcel-svg,.lock-svg{display:block;width:100%;height:auto;max-height:390px;background:radial-gradient(ellipse at 50% 50%,#34556c28,transparent 70%)}.parcel-svg{margin-top:4px}.sensor-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:20px 27px 0;border:1px solid #66879c26;border-radius:8px;overflow:hidden;background:#6c8da022}.sensor-tiles>div{background:#0d1b28;padding:22px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}.sensor-tiles span{font-size:11px;color:#84a3b7}.sensor-tiles strong{font-size:clamp(17px,1.7vw,32px);font-weight:450;line-height:1.5;overflow-wrap:anywhere}.interpretation{margin:25px 27px 28px;border-top:1px solid #68899e2b;padding-top:25px}.interpretation-label{font-size:10px;line-height:1.7;color:#7295aa;display:block;margin-bottom:14px}.interpretation h3{font-size:clamp(18px,1.4vw,28px);font-weight:450;line-height:1.65;color:#cee0e9}.interpretation p{font-size:clamp(12px,.9vw,17px);line-height:1.95;color:#89a5b8;margin-top:14px}.evidence-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.evidence-tags span{font-size:10px;line-height:1.6;border:1px solid #5d7e9440;border-radius:4px;padding:6px 9px;color:#8faabd}.case-identity{padding:28px 27px}.case-identity>span{font-size:11px;color:#7c9caf}.case-identity>strong{font-size:23px;display:block;margin-top:12px;font-weight:450}.case-identity>p{font-size:11px;color:#6b8da4;line-height:1.9;margin-top:15px}.response-steps{list-style:none;padding:0 27px;margin:0}.response-steps>li{display:flex;align-items:start;gap:18px;padding:23px 0;border-top:1px solid #7a9bae1a;color:#5b758a}.response-steps>li>span{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border:1px solid #64839845;border-radius:50%;font-size:11px}.response-steps strong{font-size:15px;font-weight:450;line-height:1.7}.response-steps p{font-size:12px;line-height:1.9;margin-top:9px}.response-steps li.complete{color:#bad1de}.response-steps li.complete>span{color:#bddcda;background:#7ca3a817;border-color:#92bac375}.response-steps li.complete p{color:#829daf}.monitor-timeline{list-style:none;margin:0;padding:10px 27px}.monitor-timeline li{padding:28px 0;display:flex;align-items:start;gap:25px;border-bottom:1px solid #7897aa1a}.monitor-timeline time{font-size:12px;color:#7194aa;padding-top:3px;flex-shrink:0}.monitor-timeline strong{font-size:17px;font-weight:450;line-height:1.6}.monitor-timeline p{font-size:12px;line-height:1.8;margin-top:10px;color:#7f9db3}.report-sheet{padding:28px 27px}.report-brand{display:flex;gap:15px;align-items:center;font-size:18px;font-weight:550;color:#c0d8e5}.report-brand>span{font-size:10px;font-weight:400;color:#66899f;line-height:1.8}.report-sheet h3{font-size:25px;font-weight:450;margin-top:28px}.report-sheet dl{margin:27px 0 0}.report-sheet dl>div{padding:18px 0;border-top:1px solid #7b9bab22;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.report-sheet dt{font-size:12px;color:#7799b0;line-height:1.8}.report-sheet dd{font-size:12px;color:#afc8d8;line-height:1.8;margin:0;overflow-wrap:anywhere}.report-seal{font-size:10px;line-height:1.9;color:#7495a9;padding-top:19px;border-top:1px solid #7b9bab22}.monitor-video{position:relative;aspect-ratio:16/9;background:#02070d}.monitor-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.device-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px;color:#96b4c7;font-size:12px;line-height:1.7}.device-flow svg{width:16px;height:16px;flex-shrink:0;color:#62859e}.monitor-media-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;align-items:start}.related-solutions{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.related-solutions>span{font-size:13px;color:#6d8ea6}.related-solutions>a{font-size:15px;color:#aac6d9;display:flex;align-items:center;gap:15px}.related-solutions svg{width:18px;height:18px}.monitoring-page .fleet-final-cta{margin-top:45px}.monitoring-page .fleet-subnav a.active{border-bottom-color:var(--monitor-accent)}
@media(min-width:1800px){.monitor-tabs button{font-size:15px;padding:11px 18px}.metric-highlight strong{font-size:65px}.metric-highlight>div>span,.sensor-tiles span,.reading-explanation,.case-identity>span,.case-identity>p,.response-steps p,.monitor-timeline p,.report-sheet dt,.report-sheet dd,.device-flow{font-size:15px}.metric-highlight>span,.interpretation-label,.report-brand>span,.report-seal,.evidence-tags span{font-size:13px}.response-steps strong,.monitor-timeline strong{font-size:22px}.parcel-svg,.lock-svg{max-height:510px}.report-sheet h3{font-size:33px}.response-steps>li{padding-block:29px}}
@media(max-width:1100px){.monitor-tabs{padding:18px 20px;gap:7px}.monitor-tabs button{font-size:11px;padding:8px 11px}.metric-highlight{padding-inline:20px;gap:15px}.metric-highlight strong{font-size:40px}.metric-highlight>span{font-size:9px}.reading-explanation{margin-inline:20px;font-size:11px}.sensor-tiles{margin:15px 20px 0}.sensor-tiles>div{padding:19px 15px}.sensor-tiles strong{font-size:20px}.interpretation{margin:22px 20px;padding-top:21px}.interpretation h3{font-size:18px}.interpretation p{font-size:12px}.case-identity{padding:24px 20px}.case-identity>strong{font-size:21px}.response-steps{padding-inline:20px}.response-steps strong{font-size:14px}.response-steps p{font-size:11px}.monitor-timeline{padding-inline:20px}.monitor-timeline li{gap:20px;padding-block:24px}.monitor-timeline strong{font-size:15px}.monitor-timeline p{font-size:11px}.report-sheet{padding:25px 20px}.report-brand{flex-wrap:wrap;gap:10px}.report-sheet h3{font-size:22px}.report-sheet dt,.report-sheet dd{font-size:11px}.report-sheet dl>div{gap:13px}.device-flow{font-size:10px;padding:21px 20px;gap:9px}.monitor-media-grid{gap:25px}}
@media(max-width:800px){.monitoring-page .fleet-hero h1{font-size:52px}.monitoring-page .fleet-hero-copy>p:not(.fleet-eyebrow){max-width:44ch}.parcel-svg,.lock-svg{max-height:380px}.metric-highlight strong{font-size:50px}.sensor-chart{max-height:340px}.sensor-tiles>div{padding:23px}.sensor-tiles strong{font-size:25px}.monitor-tabs button{font-size:12px}.interpretation h3{font-size:21px}.interpretation p{font-size:13px}.report-sheet dl>div{grid-template-columns:.8fr 1.2fr}.monitor-media-grid{grid-template-columns:1fr;gap:30px}.monitor-timeline li{gap:27px}.monitor-timeline strong{font-size:18px}.monitor-timeline p{font-size:12px}.response-steps strong{font-size:17px}.response-steps p{font-size:12px}.related-solutions{gap:25px}.related-solutions>a{font-size:13px}.related-solutions>span{width:100%;font-size:12px}}
@media(max-width:580px){.monitoring-page .fleet-hero h1{font-size:39px;letter-spacing:-1px;line-height:1.35}.monitoring-page .fleet-hero-copy>p:not(.fleet-eyebrow){max-width:33ch}.monitor-tabs{padding:17px;gap:7px}.monitor-tabs button{font-size:10px;padding:8px 10px;min-height:34px}.metric-highlight{padding:17px 17px 0;gap:12px}.metric-highlight strong{font-size:39px}.metric-highlight strong small{font-size:14px}.metric-highlight>div>span{font-size:11px}.metric-highlight>span{font-size:8px}.sensor-chart{padding:10px 4px}.reading-explanation{font-size:11px;margin-inline:17px}.parcel-svg,.lock-svg{max-height:300px}.sensor-tiles{margin:14px 17px 0}.sensor-tiles>div{padding:19px 14px;gap:10px}.sensor-tiles span{font-size:9px}.sensor-tiles strong{font-size:19px;line-height:1.7}.interpretation{margin:22px 17px;padding-top:21px}.interpretation-label{font-size:9px}.interpretation h3{font-size:17px}.interpretation p{font-size:11px;line-height:1.9}.case-identity{padding:25px 17px}.case-identity>span{font-size:10px}.case-identity>strong{font-size:20px}.case-identity>p{font-size:10px}.response-steps{padding-inline:17px}.response-steps>li{gap:13px;padding-block:21px}.response-steps strong{font-size:14px}.response-steps p{font-size:11px}.monitor-timeline{padding-inline:17px}.monitor-timeline li{gap:18px;padding-block:23px}.monitor-timeline time{font-size:10px}.monitor-timeline strong{font-size:15px}.monitor-timeline p{font-size:11px}.report-sheet{padding:25px 17px}.report-brand{font-size:17px}.report-brand>span{font-size:9px}.report-sheet h3{font-size:22px}.report-sheet dl>div{padding-block:17px;gap:13px}.report-sheet dt,.report-sheet dd{font-size:10px}.report-seal{font-size:9px}.device-flow{font-size:9px;padding:21px 17px;gap:7px}.device-flow svg{width:12px;height:12px}.evidence-tags{gap:7px}.evidence-tags span{font-size:9px;padding:5px 7px}.related-solutions{gap:22px}.related-solutions>a{font-size:12px;gap:10px}.related-solutions>a>svg{width:15px;height:15px}}
