/* Sentinel shares the trucking site's white surface, blue accent, and type system. */
:root{
  --bg:#fff;--bg-2:#f4f7fa;--panel:#fff;--line:#dfe7ef;
  --green:#00639f;--blue:#0075c1;--amber:#8b6200;--red:#c7352c;
  --white:#0b1220;--grey:#5b6b80;--grey-dim:#63748a;
  --font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;--maxw:1264px;
}
body{background:#fff;color:var(--white);font-weight:400;line-height:1.65}
body.booting #sentinelContent{visibility:hidden;pointer-events:none}
#sentinelContent:focus{outline:none}
body.booting{height:100dvh;overflow:hidden;overscroll-behavior:none}
#boot{background:#fff;color:#0b1220;outline:0}
#boot .bmark,#boot .fact .t{color:#0b1220}
#boot .bmark i{background:#0075c1;box-shadow:none}
#boot .fact .t b{background:none;color:#0075c1;-webkit-text-fill-color:currentColor}
#boot .bar{background:#e5edf4;height:4px}
#boot .bar i{background:#0075c1}
#bootDetail{margin-top:12px;max-width:440px;color:#5b6b80;font-size:.8rem;line-height:1.6}
#bootRetry{margin-top:22px;border:1px solid #b7d5eb;border-radius:8px;background:#edf6fd;color:#00639f;padding:11px 20px;font:600 .85rem var(--font);cursor:pointer}
#bootRetry[hidden]{display:none}
#boot[data-state="error"] .pct{color:#b52b24}
#boot noscript{max-width:440px;margin-top:20px;color:#b52b24}
#intentMedia:not(.model) #intentModel{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){#boot .bmark i{animation:none}#boot,#boot .bar i{transition:none}}
.wrap{width:100%;padding:0 32px}
h1,h2,h3{font-weight:800;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,5.2vw,4.6rem);line-height:1.06}
h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.14}
.grad,.gap-foot b,.bl-foot b,.mount-facts b,.gapsec .gapbox .g1{
  background:none;-webkit-text-fill-color:currentColor;color:var(--blue)
}
.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;color:var(--green);font-weight:600}
.sec{background:#fff;padding:100px 0;border-top:1px solid #ecf1f6}
.sec-head{margin-bottom:3rem}
.skip{position:fixed;left:16px;top:-100px;z-index:11000;padding:10px 18px;background:#0075c1;color:#fff;border-radius:8px}
.skip:focus{top:12px}
:focus-visible{outline:3px solid #0075c1;outline-offset:4px}
#prog{background:#0075c1;box-shadow:none}
nav,nav.solid{height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
nav .wrap{gap:22px}
.brandgroup{gap:12px;color:var(--grey)}
.brandgroup .smx{height:20px;width:auto;max-width:170px;object-fit:contain}
.brand-tag{font-family:var(--mono);font-size:.85rem;font-weight:600;letter-spacing:.1em;order:2}
.brandgroup::after{height:24px}
.navlinks{gap:0;margin-left:auto;margin-right:0}
.navlinks a{padding:8px 10px;font-size:.8rem;font-weight:600;border-radius:99px;color:#2c3949}
.navlinks a:hover,.navlinks a.active{background:#edf6fd;color:#00639f}
.navlinks a.active::after{display:none}
.menu-toggle{display:none}
.langsw{margin-left:0}
.lang-btn{color:#2c3949;background:#fff;border-color:var(--line)}
.lang-btn:hover{color:#00639f;border-color:#a9d2f0}
.lang-menu{background:#fff;box-shadow:0 12px 40px #0b122018}
.lang-opt:hover{background:#edf6fd;color:#00639f}
.hero{min-height:min(860px,100svh);padding:140px 0 110px;background:#fff}
.hero .wrap{grid-template-columns:1.05fr .95fr;gap:36px;width:100%}
.hero-bg,.hero-grid{display:none}
.hero-product .halo{background:radial-gradient(circle,#edf6fd 0%,#f4f7fa 45%,transparent 70%);filter:none;opacity:.7}
.hero-product img.render{width:100%;height:auto;filter:drop-shadow(0 28px 25px #0b12201c)}
.hero p.lead{font-size:1.08rem;line-height:1.85;max-width:560px}
.hero p.lead b{color:#2c3949;font-weight:700}
.badge{border:0;background:#edf6fd;color:#00639f;border-radius:6px;font-family:var(--mono);font-size:.65rem;letter-spacing:.11em;margin-bottom:26px}
.badge i{background:#6f8600;box-shadow:none}
.hero-cta{gap:12px;margin-top:30px}
.btn{padding:12px 22px;font-size:.9rem}
.btn-primary{background:#0075c1;color:#fff;box-shadow:0 2px 4px #0075c11a}
.btn-primary:hover{background:#00639f;box-shadow:0 6px 20px #0075c122}
.btn-ghost,.dl-btn{background:#fff;border-color:#dfe7ef;color:#0b1220}
.btn-ghost:hover,.dl-btn:hover{background:#edf6fd;color:#00639f;border-color:#a9d2f0}
.hero-stats{margin-top:44px;padding-top:26px;gap:28px;border-top:1px solid var(--line)}
.hstat .n{font-size:1.8rem;font-weight:800}
.hstat .l{font-size:.72rem;max-width:170px;line-height:1.5}
.scrollcue{font-family:var(--mono);letter-spacing:.14em;bottom:26px}
.scrollcue .m{border-color:#b6c6d7}
.prob-media,.case-media,.intent-media,.aov-feed,.bl-panel.ultra{box-shadow:0 10px 28px #0b12200c}
.statcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.statcard{border:0;border-left:2px solid #d5e9f8;border-radius:0;padding:0 0 0 16px}
.statcard .k{font-size:1.12rem}
.statcard .v{font-size:.8rem}
.gapsec .q-line-y,.gapsec .q-line-x{background:#8c9aac}
.gapsec .q-line-y::after{border-bottom-color:#8c9aac}
.gapsec .q-line-x::after{border-left-color:#8c9aac}
.gapsec .q-mid-v,.gapsec .q-mid-h{border-color:#dfe7ef}
.gapsec .qc .cap small,.gapsec .gapbox .g2{color:#5b6b80}
.gapsec .qc.bl .dead{color:#63748a;border-color:#dfe7ef}
.gapsec .qc.tl .cap{background:#edf6fd;border-color:#a9d2f0}
.gapsec .qc.br .cap{background:#fff6f5;border-color:#eab7b3}
.gapsec .gapbox{border-color:#0075c1;background:#f5faff}
@keyframes gapglow{0%,100%{box-shadow:0 0 0 #0075c100;border-color:#a9d2f0}50%{box-shadow:0 0 24px #0075c112;border-color:#0075c1}}
.gapsec .gap-foot,.bl-foot{color:#0b1220}
.frame3d img.render{mix-blend-mode:normal;filter:drop-shadow(0 24px 24px #0b122012)}
.frame3d .ring{inset:16%;border-color:#dfe7ef}
.aio-btn{color:#00639f;background:#edf6fd;border-color:#a9d2f0}
.aio-btn:hover{background:#d5e9f8}
.chip{background:#f4f7fa}
.chip b{color:#0b1220}
.fcard{background:#fff;padding:28px;border-color:#dfe7ef;box-shadow:none}
.fcard:hover,.pillar:hover{border-color:#a9d2f0;transform:translateY(-4px)}
.fcard::before{background:linear-gradient(135deg,#edf6fd,transparent)}
.fcard .ic,.pillar .ic,.dl-card .ic{background:#edf6fd;border:0;border-radius:12px}
.fcard .metric{color:#00639f}
.mountsec,.iotsec{background:#fff}
.mount-stage,.iot-stage{background:#fff}
.mountsec .wrap,.iotsec .wrap{position:static}
.mount-copy{max-width:44%}
.mount-facts b{font-size:1.05rem}
.mount-facts span{font-size:.78rem}
.mbtn{border-color:#dfe7ef;background:#fff;color:#2c3949;font-weight:600}
.mbtn:hover{color:#00639f;border-color:#a9d2f0}
.mbtn.on,.abtn,.astep .n{background:#0075c1;color:#fff}
.iot-sensors b,.astep .tx b,.irow .tx b,.case figcaption>b{color:#0b1220}
.iot-sensors i{box-shadow:none}
.iot-foot{border-color:#a9d2f0}
.dbtn{color:#00639f;border-color:#a9d2f0;background:#edf6fd}
.dbtn:hover:not(:disabled),.dbtn.mode.on{background:#d5e9f8}
.dbtn.active{box-shadow:0 0 0 2px #0075c130}
.dbtn.danger{color:#b52b24;border-color:#eab7b3;background:#fff6f5}
.irow.yes .dot{background:#0075c1;color:#fff}
.irow.act:hover{background:#edf6fd}
.iso .cap span,.aov-legend .lg{color:#5b6b80}
.iso .cap.act b{color:#00639f;text-shadow:none}
.iso-axis{background:#b6c6d7}
.iso-axis::after{border-left-color:#b6c6d7}
.aov-legend .sw{border-color:#a9d2f0}
.bl-panel .what{color:#fff}
.bl-verdict.win{color:#b7e13f;border-color:#b7e13f}
.bl-verdict.fail{color:#ff8a80}
.prob-media .tag,.case-tag{color:#fff}
.intent-media .tag{color:#fff;background:#0075c1}
.intent-media .tag.alert{background:#c7352c}
.phone{box-shadow:0 24px 60px #0b12201f;--green:#72d7a0;--blue:#71b9f5;color:#fff}
.phone .note .ni{color:#04121a}
.dl-card{background:#fff;border-color:#dfe7ef;padding:26px}
.dl-card:hover{background:#f7fbff;border-color:#a9d2f0}
.dl-card h3{font-size:1.13rem}
.dl-card p{font-size:.88rem}
.dl-meta{flex-wrap:wrap}
.dl-btn{font-size:.84rem;padding:11px 15px}
footer{background:#f4f7fa;padding:36px 0}
footer .footer-home{font-weight:700;color:#00639f;font-size:.9rem}
footer .btn{font-size:.82rem}
.scene-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;color:#5b6b80;text-align:center;z-index:5}
@media(min-width:1081px){.navlinks{display:flex}}
@media(max-width:1080px){
  .menu-toggle{display:block;margin-left:auto;border:1px solid #dfe7ef;background:#fff;color:#2c3949;font:600 .8rem var(--font);border-radius:99px;padding:9px 13px;cursor:pointer}
  .navlinks{display:none;position:absolute;top:67px;left:0;right:0;padding:16px 24px;background:#fff;border-bottom:1px solid #dfe7ef;box-shadow:0 16px 25px #0b12200a;flex-wrap:wrap;gap:8px}
  .navlinks.open{display:flex}
  nav .wrap{gap:10px}
  .hero .wrap{gap:18px}
  .hero-stats{gap:18px}
  .hstat .n{font-size:1.5rem}
  .hstat .l{max-width:130px}
}
@media(max-width:900px){
  .wrap{padding:0 24px}
  .hero{padding:114px 0 70px;min-height:auto}
  .hero .wrap{grid-template-columns:1fr;gap:24px}
  .hero-product{order:0;max-width:480px;width:100%;margin:auto}
  .hero-copy{max-width:670px}
  .hero h1{font-size:clamp(2.8rem,7vw,4rem);max-width:600px}
  .hero p.lead{max-width:650px}
  .hero-stats{justify-content:flex-start;gap:36px}
  .scrollcue{display:none}
  .sec{padding:64px 0}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .mount-copy,.iot-copy{max-width:100%}
  .mountsec,.iotsec{display:block;min-height:0;padding-bottom:54px}
  .mount-stage,.iot-stage{height:350px;aspect-ratio:auto;margin-top:20px}
  .iot-sensors{grid-template-columns:1fr 1fr;max-width:100%}
  .mount-toggles,.iot-toggles{margin-top:12px}
}
@media(max-width:560px){
  .wrap{padding:0 20px}
  nav .wrap{padding:0 16px;gap:8px}
  .brandgroup{gap:8px}
  .brandgroup .smx{height:16px;max-width:135px}
  .brand-tag{font-size:.67rem}
  .brandgroup::after{height:20px}
  .lang-btn{padding:8px;font-size:.72rem;gap:4px}
  .lang-btn svg{width:13px}
  .menu-toggle{font-size:.72rem;padding:8px 10px}
  .hero{padding-top:104px;padding-bottom:32px}
  .badge{font-size:.58rem;padding:7px 10px;margin-bottom:22px}
  .hero h1{font-size:2.75rem;line-height:1.1}
  .hero p.lead{font-size:.97rem;line-height:1.8;margin-top:22px}
  .hero-stats{gap:16px;justify-content:space-between;margin-top:30px;padding-top:24px}
  .hstat{flex:1;min-width:0}
  .hstat .n{font-size:1.4rem;white-space:nowrap}
  .hstat .l{font-size:.65rem}
  .hero-cta{gap:10px;margin-top:24px}
  .btn{font-size:.8rem;padding:11px 16px}
  .hero-product{max-width:340px;margin-top:4px}
  h2{font-size:2rem}
  .sec{padding:56px 0}
  .sec-head{margin-bottom:32px}
  .feat-grid,.dl-grid{grid-template-columns:1fr}
  .statcards{grid-template-columns:1fr;gap:22px}
  .statcard .k{font-size:1.2rem}
  .gapsec .quad{width:calc(100% - 20px);margin-left:20px;aspect-ratio:1/1.18}
  .gapsec .qc .cap{font-size:.55rem;padding:5px 7px;letter-spacing:0}
  .gapsec .gapbox{width:86%}
  .gapsec .gapbox .g1{font-size:1rem}
  .gapsec .qc.bl .dead{font-size:.53rem;padding:8px}
  .gapsec .q-ylab{left:-23px;font-size:.6rem}
  .gapsec .q-xlab{font-size:.6rem;letter-spacing:.12em}
  .frame3d{margin-bottom:28px}
  .mount-stage,.iot-stage{height:300px}
  .mount-facts{gap:24px}
  .mount-facts>div{flex:1;min-width:70px}
  .iot-sensors{gap:18px}
  .iso .cap b{font-size:.65rem}
  .iso .cap .pill{font-size:.49rem;letter-spacing:.06em;padding:4px 5px}
  .iso .cap{top:-5.2rem}
  .iso-stage{height:215px}
  .iso{left:7px;right:10px}
  .aov-legend{gap:12px;margin-top:18px}
  .aov-legend .lg{font-size:.77rem}
  .dl-card{padding:24px}
  footer .wrap{align-items:flex-start;gap:20px}
  footer .muted{font-size:.75rem}
  html[dir=rtl] .mount-stage,html[dir=rtl] .iot-stage{right:auto}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .hero-product img,.halo,.ring,.badge i,.scrollcue .m::after{animation:none}
}