.tracking-choice{max-width:1140px;margin:auto;padding:36px 22px 70px}.tracking-back,.tracking-details{color:inherit;display:inline-block;text-decoration:none;padding:12px 0}.tracking-intro{position:relative;padding:35px 160px 40px 0}.tracking-intro h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;max-width:720px;margin:14px 0}.tracking-kicker{font-size:11px;letter-spacing:.15em;font-weight:800}.tracking-intro p{font-size:20px;opacity:.8}.tracking-orbit{position:absolute;right:20px;top:25px;width:125px;height:125px;border:1px solid #91ded366;border-radius:50%;animation:tracking-turn 18s linear infinite}.tracking-orbit>span{position:absolute;inset:24px;display:grid;place-items:center;font-size:50px;color:#91ded3}.tracking-orbit i{position:absolute;font-style:normal;border-radius:12px;background:#183048;color:#fff;padding:8px}.tracking-orbit i:nth-of-type(1){top:-10px;left:42px}.tracking-orbit i:nth-of-type(2){right:-14px;top:45px}.tracking-orbit i:nth-of-type(3){bottom:-12px;left:45px}.tracking-orbit i:nth-of-type(4){left:-14px;top:45px}.tracking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tracking-type{--accent:#86e1cf;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:26px;padding:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);display:flex;flex-direction:column}.theme-blue{--accent:#75b5ff}.theme-violet{--accent:#c3a0ff}.theme-amber{--accent:#ffc967}.type-heading{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.1em;font-weight:800}.type-icon{font-size:30px;color:var(--accent);width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,transparent);display:grid;place-items:center}.tracking-type h2{font-size:26px;margin:22px 0 8px}.tracking-type p{line-height:1.65;opacity:.85}.tracking-type ul{padding-left:20px;line-height:1.9;margin-bottom:25px;flex:1}.tracking-demo-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:16px 22px;border-radius:16px;background:var(--accent,#91ded3);color:#101827!important;text-decoration:none!important;font-size:19px;font-weight:850;box-shadow:0 6px 28px color-mix(in srgb,var(--accent,#91ded3) 22%,transparent);transition:transform .2s,box-shadow .2s}.tracking-demo-cta:hover{transform:translateY(-3px);box-shadow:0 10px 35px color-mix(in srgb,var(--accent,#91ded3) 40%,transparent)}.live-dot{display:inline-block;width:10px;height:10px;background:#0d634d;border-radius:50%;box-shadow:0 0 0 4px #0d634d22;animation:tracking-pulse 2s ease-in-out infinite}.tracking-details{text-align:center;font-weight:700;margin-top:8px}.tracking-footnote{font-size:13px;line-height:1.7;opacity:.7;margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tracking-type a:focus-visible,.tracking-demo-body a:focus-visible,.tracking-demo-body button:focus-visible{outline:3px solid var(--accent,#91ded3);outline-offset:5px}
.tracking-demo-body{margin:0;background:#edf3fa;color:#172439;font-family:system-ui,-apple-system,sans-serif;--accent:#75b5ff;--ink:#1453a7}.demo-technician{background:#f6f0fc;--ink:#7145ba}.demo-school{background:#fff7e8;--ink:#895300}.tracking-demo-shell{max-width:1400px;margin:auto;padding:24px}.tracking-demo-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #d4ddea;padding-bottom:22px;font-size:13px}.tracking-demo-header a{color:var(--ink);font-weight:700}.sample-badge{background:#fff;padding:8px 12px;border-radius:30px;font-size:10px;font-weight:800}.demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:32px 0 20px}.demo-heading h1{font-size:clamp(26px,4vw,43px);letter-spacing:-.04em;margin:10px 0}.demo-heading p{max-width:640px;color:#52617b;line-height:1.6}.demo-status{background:white;border:1px solid #d5dfe9;border-radius:30px;padding:12px 18px;font-size:12px;white-space:nowrap}.demo-status i{margin-right:9px}.tracking-demo-tabs{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.tracking-demo-tabs a{padding:12px 20px;border-radius:30px;background:white;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.journey-panel,.trip-panel,.updates-panel{background:#fff;border:1px solid #dce4ee;border-radius:25px;overflow:hidden;box-shadow:0 12px 40px #293d6410}.map-heading{padding:22px;display:flex;gap:15px;align-items:center;justify-content:space-between}.map-heading h2{font-size:21px;margin:8px 0 0}.tracking-demo-body button,.tracking-demo-body select{font:inherit;border:1px solid #cbd5e2;background:white;border-radius:12px;padding:11px 14px;color:#172439;cursor:pointer;min-height:44px}.tracking-demo-body button:hover{background:#edf3fa}.tracking-demo-body button:disabled{opacity:.5;cursor:default}#type-map{height:450px;width:100%;background:#dce6f1;z-index:0}#map-notice{font-size:12px;color:#59697e;padding:0 22px}.map-controls{display:flex;gap:10px;flex-wrap:wrap;padding:8px 22px 16px;align-items:end}.map-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700}.map-controls button:first-child{background:#182d4b;color:white}.journey-progress{padding:18px 22px 22px;background:#f7f9fc}.journey-progress>div{display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:12px;flex-wrap:wrap}.journey-progress strong{font-size:28px;color:var(--ink)}.journey-progress progress{width:100%;height:9px;accent-color:var(--ink);margin-top:14px}.trip-panel{padding:26px;align-self:start}.trip-panel h2{font-size:27px;letter-spacing:-.03em}.driver-card{display:flex;gap:14px;align-items:center;border-block:1px solid #e1e7ef;padding:20px 0;margin:20px 0}.driver-card small{display:block;font-size:11px;margin-top:6px;color:#65758a}.driver-avatar{width:48px;height:48px;background:var(--accent);display:grid;place-items:center;border-radius:50%;font-size:25px}.fleet-records p{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:12px;background:#f4f7fb;border-radius:12px}.fleet-records span{color:#536880}.trip-panel p,.trip-panel dd{font-size:13px;line-height:1.7;color:#536880}.trip-panel dt{font-size:10px;font-weight:800;text-transform:uppercase;margin-top:15px}.trip-panel dd{margin:3px 0}.trip-panel details{margin-top:22px}.trip-panel summary{font-size:13px;font-weight:800;cursor:pointer}.check-row{display:flex;gap:10px;align-items:center;margin-top:15px;font-size:12px;line-height:1.5}.check-row input{width:18px;height:18px}.trip-stage{border-top:1px solid #dde5ef;margin-top:24px;padding-top:24px}.trip-stage strong{display:block;color:var(--ink);font-size:22px;margin:10px 0}.trip-stage ol{padding-left:22px;font-size:12px;line-height:2.2;color:#64748b}.trip-stage .is-current{font-weight:800;color:var(--ink)}.updates-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;padding:28px;margin-top:24px}.updates-panel h2{font-size:26px}.updates-panel ol{padding-left:22px;font-size:13px;line-height:1.7}.updates-panel li{padding:8px 0;border-bottom:1px solid #e4e9f1}.tracking-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 0}.tracking-demo-footer p{max-width:700px;font-size:11px;line-height:1.7;color:#58697e}.tracking-demo-footer a{font-size:15px;min-height:48px;white-space:nowrap}.sample-vehicle{background:white;border-radius:14px;box-shadow:0 3px 16px #0003;border:2px solid #fff}.sample-vehicle svg{width:100%;height:100%}.demo-technician .demo-workspace{grid-template-columns:330px minmax(0,1fr)}.demo-technician .trip-panel{grid-row:1;grid-column:1}.demo-technician .journey-panel{grid-column:2}.demo-school .demo-workspace{grid-template-columns:1fr}.demo-school .trip-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.demo-school .trip-stage{grid-column:2;grid-row:1/5;margin:0;padding:0 0 0 30px;border-top:0;border-left:1px solid #eee}.demo-school .driver-card{margin:0}
@keyframes tracking-turn{to{transform:rotate(360deg)}}@keyframes tracking-pulse{50%{box-shadow:0 0 0 7px #0d634d08}}
@media(max-width:760px){.tracking-choice{padding:20px 16px 45px}.tracking-grid{grid-template-columns:1fr}.tracking-intro{padding-right:0;padding-top:130px}.tracking-orbit{left:15px;top:10px;width:100px;height:100px}.tracking-orbit i{padding:6px}.tracking-type{padding:23px}.tracking-demo-shell{padding:14px}.tracking-demo-header{flex-wrap:wrap}.sample-badge{display:none}.demo-heading{display:block}.demo-status{display:inline-block;margin-bottom:15px}.demo-workspace,.demo-technician .demo-workspace{grid-template-columns:1fr}.demo-technician .trip-panel,.demo-technician .journey-panel{grid-column:auto;grid-row:auto}.map-heading{align-items:start;flex-direction:column}#type-map{height:370px}.map-controls{padding-inline:15px}.map-controls label{flex:1;min-width:130px}.map-controls select{width:100%}.updates-panel{grid-template-columns:1fr}.tracking-demo-footer{display:block}.tracking-demo-footer a{margin-top:20px}.demo-school .trip-panel{display:block}.demo-school .trip-stage{border-left:0;border-top:1px solid #eee;padding:22px 0;margin-top:20px}.tracking-demo-tabs a{padding:11px 14px;font-size:12px}}@media(prefers-reduced-motion:reduce){.tracking-orbit,.live-dot{animation:none}.tracking-demo-cta{transition:none}}

.tracking-embedded body>header,.tracking-embedded body>footer,.tracking-embedded .global-theme-picker,.tracking-embedded #nicechat-launcher,.tracking-embedded .theme-tour-controls{display:none!important}.tracking-embedded .tracking-choice{padding-top:8px}.tracking-embedded .tracking-back{display:none}.tracking-embedded #main{padding:0}
.demo-technician{--accent:#c3a0ff}.demo-school{--accent:#ffc967}
.tracking-embedded [aria-label="Website appearance"]{display:none!important}
