:root{--ink:#081525;--violet:#36bdf2;--blue:#143b63;--lime:#36bdf2;--paper:#f3f8fc}.nav.scrolled{background:rgba(243,248,252,.94)}.hero-glow{background:radial-gradient(circle at 50% 34%,rgba(54,189,242,.2),transparent 48%),linear-gradient(115deg,rgba(20,59,99,.08),transparent 40%,rgba(54,189,242,.08))}.concept-title{font-size:clamp(46px,7.8vw,110px);line-height:.88;max-width:1320px}.how-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:60px}.how-grid article{min-height:330px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:22px;display:flex;flex-direction:column}.how-grid b{font-size:9px;color:#8b96a1}.how-grid span{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#e5f6fd;color:#087baa;font-size:21px;margin:34px 0 auto}.how-grid h3{font-size:19px;line-height:1.1;letter-spacing:-.035em;margin:26px 0 10px}.how-grid p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.dashboard-section{background:#e9f2f8}.dash-logo{background:#36bdf2}.connection.offline{color:#b55b45}.connection.offline i{background:#ff5757}.empty-monitoring{min-height:290px;display:grid;place-items:center;text-align:center}.empty-monitoring p{margin:0!important}.empty-monitoring b{font-size:13px!important}.empty-monitoring small{display:block;margin-top:8px;font-size:9px!important}.map-key{font-size:9px}.security{background:#081525}.security-inner{background:radial-gradient(circle at 80% 40%,rgba(54,189,242,.25),transparent 30%)}
@media(max-width:1100px){.how-grid{grid-template-columns:repeat(2,1fr)}.how-grid article:last-child{grid-column:1/-1}}
@media(max-width:640px){.concept-title{font-size:47px;line-height:.92}.how-grid{grid-template-columns:1fr}.how-grid article,.how-grid article:last-child{grid-column:auto;min-height:245px}}
.hero-drive-logo{position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#143b63;letter-spacing:-.04em}.hero-drive-logo strong{font-size:34px;line-height:1;font-weight:900}.hero-drive-logo b{font-size:17px;line-height:1;letter-spacing:.22em;color:#269fd0}.drive-stripes{display:flex;gap:4px;align-items:center;margin-right:4px;transform:skewX(-18deg)}.drive-stripes i{display:block;width:7px;background:#36bdf2;border-radius:2px;box-shadow:0 3px 10px rgba(54,189,242,.28)}.drive-stripes i:nth-child(1){height:28px;background:#143b63}.drive-stripes i:nth-child(2){height:38px;background:#237bad}.drive-stripes i:nth-child(3){height:48px;background:#36bdf2}@media(max-width:640px){.hero-drive-logo{margin-bottom:18px}.hero-drive-logo strong{font-size:29px}.hero-drive-logo b{font-size:14px}.drive-stripes i:nth-child(1){height:22px}.drive-stripes i:nth-child(2){height:30px}.drive-stripes i:nth-child(3){height:38px}}
.hero,.hero-device,.signal-strip,.section,.personal-card,.dashboard,.dash-main,.metric-row article,.map-card,.activity-card,.steps li,.security-inner,footer{min-width:0}.hero-copy,.intro-copy,.how-grid h3,.how-grid p,.personal-card h3,.personal-card p,.dashboard-heading p,.metric-row small,.metric-row em,.card-head b,.steps h3,.steps p,.security h2,.security p,.cta h2,.cta p,footer p,footer small{overflow-wrap:anywhere}.button{max-width:100%;white-space:normal;text-align:center}.dashboard-heading h2,.intelligence h2,.security h2,.cta h2{text-wrap:balance}.dash-header,.card-head{gap:12px}.connection{max-width:100%;white-space:normal;text-align:center}.map-key{max-width:calc(100% - 24px);flex-wrap:wrap}.transport-types span{max-width:100%;overflow-wrap:anywhere}
@media(max-width:640px){.hero{min-height:auto;padding-bottom:44px}.hero-device{width:100%;max-width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:12px;margin:42px auto 28px}.device-ring{order:1;flex:0 0 auto;margin:38px auto}.device-stat{position:relative!important;inset:auto!important;width:min(100%,260px);text-align:center}.stat-heart{order:2}.stat-focus{order:3}.signal-strip{margin-top:28px}.signal-strip>div{min-width:0}.signal-strip b,.signal-strip small{min-width:0;overflow-wrap:anywhere}.dashboard-heading h2,.intelligence h2,.security h2,.cta h2{font-size:clamp(38px,13vw,52px);line-height:1.02}.dash-header{flex-wrap:wrap}.connection{font-size:9px;padding:8px 10px}.metric-row small{line-height:1.35;letter-spacing:.09em}.metric-row b{overflow-wrap:anywhere}.map-key{font-size:8px}.footer-social{overflow-wrap:anywhere}.hero-actions .button,.cta-actions .button{min-height:50px}}

.demo-controls{display:flex;align-items:center;gap:7px;margin-top:18px;flex-wrap:wrap}.demo-controls button{border:1px solid #d9e2e8;background:#fff;color:#65727c;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer}.demo-controls button.active{background:#081525;color:#fff;border-color:#081525}.demo-controls button[data-mode="alert"].active{background:#e8654d;border-color:#e8654d}.demo-controls button[data-mode="offline"].active{background:#59636c;border-color:#59636c}.demo-controls span{font-size:8px;color:#8a949c;margin-left:auto}.connection.warning{color:#b34e3b;border-color:#f0c7bd;background:#fff5f2}.connection.warning i{background:#e8654d}.driver-popover{position:absolute;left:calc(58% + 30px);top:27%;background:#081525;color:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 30px rgba(8,21,37,.2)}.driver-popover b{font-size:11px}.driver-popover span,.driver-popover small{font-size:8px;color:#aab8c3}.driver-response{margin-top:12px;border:1px solid #f0c7bd;background:#fff7f4;border-radius:11px;padding:12px}.driver-response small,.driver-response b{display:block}.driver-response small{font-size:7px;letter-spacing:.12em;color:#a06659}.driver-response b{font-size:11px;margin:5px 0 9px}.driver-response button{width:100%;border:1px solid #ead7d1;background:#fff;border-radius:8px;padding:7px;margin-top:5px;text-align:left;font-size:8px;cursor:pointer}.driver-response[hidden]{display:none}.activity-list>div:first-child{animation:eventIn .35s ease both}@keyframes eventIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:980px){.dashboard{height:auto}.demo-controls span{width:100%;margin:4px 0 0}.activity-card{display:block}.driver-popover{left:auto;right:12px;top:18px}.dash-grid{align-items:start}}
@media(max-width:640px){.demo-controls{display:grid;grid-template-columns:1fr 1fr}.demo-controls button{min-height:38px;padding:7px}.demo-controls span{grid-column:1/-1}.driver-popover{position:absolute;left:12px;right:12px;top:14px}.map-key{right:12px}.dash-footer{gap:8px;flex-wrap:wrap}.activity-card{display:block}.activity-list>div{grid-template-columns:30px 1fr}.activity-list time{display:none}}