:root{color:#17221f;font-synthesis:none;--ink:#0d211d;--muted:#6d7975;--forest:#0d3b32;--mint:#b9f7a9;--line:#dce2de;--surface:#fff;--amber:#f1ad42;--red:#df6a54;background:#f3f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f5f2;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #76b6a5}.app-shell{grid-template:74px 1fr/292px 1fr;min-height:100vh;display:grid}.topbar{color:#fff;background:#081917;border-bottom:1px solid #1f332f;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.brand{color:#fff;letter-spacing:.14em;align-items:center;gap:13px;font-size:14px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand-mark{border:1px solid #79a89b;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:#b9f7a9;position:absolute}.brand-mark:before{width:12px;height:2px}.brand-mark:after{width:2px;height:12px}.brand-mark span{z-index:1;background:#081917;border-radius:50%;width:4px;height:4px}.topbar-meta{color:#aec0bb;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.live-dot{background:#8ce17d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8ce17d1f}.route-panel{color:#fff;background:#102621;flex-direction:column;grid-row:2;min-height:0;padding:32px 22px 22px;display:flex}.route-heading{border-bottom:1px solid #2a403a;padding:0 10px 22px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#70817c;margin:0 0 8px;font-size:11px;font-weight:700;line-height:1}.route-heading .eyebrow{color:#83a098}.route-heading h2{margin:0 0 20px;font-size:18px;font-weight:700;line-height:1.25}.route-progress-copy{color:#9ab0a9;justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.progress-track{background:#2c433d;border-radius:9px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--mint);height:100%;transition:width .3s;display:block}.stop-list{gap:5px;margin:0;padding:20px 0;list-style:none;display:grid;overflow-y:auto}.stop-button{color:#d8e2df;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 10px;transition:background .18s,color .18s;display:grid}.stop-button:hover{background:#17332c}.stop-button.active{color:#14241f;background:#e9fbe5}.stop-number{border:1px solid #47615a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.active .stop-number{color:#fff;background:#173d34;border-color:#173d34}.stop-number.complete{color:#10241f;background:#8ee37f;border-color:#8ee37f}.stop-copy{gap:3px;min-width:0;display:grid}.stop-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.stop-copy small{color:#829a93;font-size:11px}.active .stop-copy small{color:#60736d}.risk-pip{text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.risk-pip.risk-low{color:#7abe70}.risk-pip.risk-medium{color:#e8b153}.risk-pip.risk-high{color:#e67c68}.driver-card{border-top:1px solid #2a403a;align-items:center;gap:11px;margin-top:auto;padding:18px 10px 2px;display:flex}.avatar{color:#d6e5e0;background:#315147;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.driver-card>span:last-child{gap:2px;font-size:12px;display:grid}.driver-card small{color:#829a93}.main-content{grid-column:2;min-width:0;padding:42px clamp(28px,4vw,68px) 28px;overflow:auto}.value-statement{color:#53645f;background:#e9efec;border-left:3px solid #70a99a;max-width:1180px;margin:0 auto 28px;padding:13px 16px;font-size:14px;line-height:1.5}.value-statement strong{color:#173b32;font-weight:750}.mission-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1180px;margin:0 auto 30px;display:flex}.mission-header h1{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.1}.address{color:var(--muted);margin:8px 0 0;font-size:15px}.risk-badge{border:1px solid;border-radius:12px;align-items:center;gap:12px;min-width:190px;padding:12px 15px;display:flex}.risk-badge.risk-low{color:#286020;background:#eaf7e7;border-color:#c9e8c2}.risk-badge.risk-medium{color:#815715;background:#fff5df;border-color:#efdab0}.risk-badge.risk-high{color:#863c2f;background:#fff0ed;border-color:#efcec7}.risk-icon{border:1px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.risk-badge>span:last-child{gap:3px;display:grid}.risk-badge small{letter-spacing:.09em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:700}.risk-badge strong{font-size:14px;font-weight:700;line-height:1.2}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);align-items:start;gap:22px;max-width:1180px;margin:0 auto;display:grid}.briefing-card,.context-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #1e342e0f}.briefing-card{border-top:5px solid;padding:clamp(28px,4vw,48px)}.risk-border-low{border-top-color:#71b768}.risk-border-medium{border-top-color:var(--amber)}.risk-border-high{border-top-color:var(--red)}.briefing-label{color:#567068;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:11px;font-weight:700;line-height:1;display:flex}.raw-chip{color:#667771;letter-spacing:.08em;white-space:nowrap;background:#edf2ef;border-radius:6px;padding:6px 8px;font-size:9px}.briefing-card>h2{max-width:660px;color:var(--ink);letter-spacing:-.04em;margin:25px 0 14px;font-size:clamp(27px,3.2vw,46px);font-weight:800;line-height:1.08}.summary{color:#52625d;max-width:690px;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.6}.actions-block{border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.actions-block h3{text-transform:uppercase;letter-spacing:.11em;color:#61716c;margin:0 0 17px;font-size:12px;font-weight:700;line-height:1}.actions-block ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.actions-block li{align-items:center;gap:13px;display:flex}.actions-block li>span{color:#2d6325;background:#e8f6e5;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.actions-block p{color:#263a34;margin:0;font-weight:600;line-height:1.4}.briefing-controls{justify-content:space-between;gap:14px;margin-top:40px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;min-height:48px;padding:0 18px;font-weight:700;transition:transform .15s,background .15s}.primary-button{background:var(--forest);color:#fff;border:0;align-items:center;gap:25px;display:inline-flex}.primary-button:hover{background:#185348;transform:translateY(-1px)}.secondary-button{color:#40534d;background:#fff;border:1px solid #cad4d0;display:none}.demo-disclosure{color:#899590;text-align:right;margin:18px 0 -8px;font-size:10px;line-height:1.4}.context-panel{padding:28px 26px}.context-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.context-heading h2{color:var(--ink);margin:0;font-size:20px;font-weight:750;line-height:1.2}.context-intro{color:var(--muted);margin:14px 0 24px;font-size:13px;line-height:1.5}.context-groups{gap:22px;display:grid}.context-groups section+section{border-top:1px solid #edf0ee;padding-top:20px}.context-groups h3{color:#30453f;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:9px;margin:0 0 10px;font-size:12px;font-weight:700;line-height:1;display:flex}.context-groups h3 span{color:#65a090;font-size:16px}.context-groups ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.context-groups li{color:#61716c;padding-left:13px;font-size:13px;line-height:1.45;position:relative}.context-groups li:before{content:"";background:#91a59f;border-radius:50%;width:4px;height:4px;position:absolute;top:.62em;left:0}.mission-nav{justify-content:space-between;max-width:1180px;margin:18px auto 0;display:flex}.mission-nav button{color:#667771;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:700}.mission-nav button:hover:not(:disabled){color:var(--forest)}.mission-nav button:disabled{opacity:.35;cursor:default}@media (width<=960px){.app-shell{grid-template:66px auto 1fr/1fr}.topbar{grid-row:1;padding:0 20px}.route-panel{grid-row:2;padding:14px 20px;display:block;overflow-x:auto}.route-heading,.driver-card{display:none}.stop-list{gap:8px;padding:0;display:flex;overflow:visible}.stop-list li{flex:none}.stop-button{background:#17332c;grid-template-columns:28px 1fr;width:auto;padding:8px 12px}.stop-copy{width:125px}.risk-pip{display:none}.main-content{grid-area:3/1;padding:30px 20px 24px;overflow:visible}.content-grid{grid-template-columns:1fr}.context-panel{display:none}.context-panel.mobile-visible{display:block}.secondary-button{display:inline-block}}@media (width<=620px){.topbar-meta{font-size:0}.mission-header{flex-direction:column;align-items:flex-start;margin-bottom:22px}.risk-badge{width:100%;min-width:0}.briefing-card{padding:25px 20px}.briefing-card>h2{margin-top:20px}.briefing-controls{flex-direction:column-reverse}.primary-button,.secondary-button{justify-content:center;width:100%}.mission-nav{padding:0 2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}