:root{--field:#dde5ec;--ink:#131f28;--ink2:#3a5262;--muted:#6a8290;--line:rgba(28,66,90,.16);--sys:#0b6f92;--ok:#2a7457;--gold:#8a6718;--alert:#a94e35;--display:"Segoe UI Variable Display","Aptos Display","Helvetica Neue",Arial,sans-serif;--ui:"Segoe UI Variable Text","Aptos","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:300 16px/1.6 var(--ui);background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.92),transparent 28%),linear-gradient(176deg,#e9f0f5,var(--field) 48%,#c9d6e0);min-height:100vh}.g{border-radius:18px;background:linear-gradient(148deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 46%,rgba(168,196,214,.07));backdrop-filter:blur(9px) saturate(116%);border:1px solid rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 40px -28px rgba(24,54,74,.48)}.mast{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:13px 30px;background:linear-gradient(180deg,rgba(238,245,250,.9),rgba(238,245,250,.36));backdrop-filter:blur(12px)}.mast a{text-decoration:none;color:inherit}.wordmark{font:300 1.06rem var(--display)}.wordmark i{font-style:normal;color:var(--muted)}.mast nav{margin-left:auto;display:flex;gap:18px;font-size:.82rem;color:var(--ink2)}.wrap{max-width:1450px;margin:0 auto;padding:0 32px}.hero{padding:68px 0 28px}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;color:var(--sys);margin-bottom:10px}.hero h1{margin:0;font:250 clamp(2.8rem,5vw,5rem)/.98 var(--display);letter-spacing:-.05em;max-width:11ch}.hero p{max-width:66ch;color:var(--ink2)}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel{padding:22px}.panel h2{margin:0;font:300 1.55rem var(--display)}.field{display:grid;gap:6px;margin-top:14px}.field label{font-size:.72rem;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.2);font:300 .85rem var(--ui);color:var(--ink)}.primary,.secondary{border-radius:999px;padding:10px 16px;cursor:pointer;font:400 .8rem var(--ui)}.primary{border:0;background:linear-gradient(168deg,#1b8fb4,#0a6183);color:white}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.18);color:var(--ink2)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.status{padding:14px 16px;margin:18px 0;color:var(--ink2);font-size:.8rem}.status strong{color:var(--sys)}.map{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(circle at 24% 30%,rgba(255,255,255,.35),transparent 18%),linear-gradient(150deg,rgba(224,235,241,.75),rgba(190,211,224,.52));border:1px solid rgba(255,255,255,.58);border-radius:20px}.map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(48,92,119,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,92,119,.08) 1px,transparent 1px);background-size:42px 42px}.route{position:absolute;left:22%;top:34%;width:56%;height:34%;border-top:2px solid rgba(11,111,146,.45);border-right:2px solid rgba(11,111,146,.45);border-radius:0 90px 0 0;transform:rotate(8deg);transform-origin:left top}.pin{position:absolute;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 4px 16px rgba(22,59,80,.28)}.pin:after{content:attr(data-label);position:absolute;left:18px;top:-6px;white-space:nowrap;font-size:.67rem;color:var(--ink2);background:rgba(242,248,251,.78);padding:4px 7px;border-radius:8px;border:1px solid rgba(255,255,255,.75)}.pickup{left:21%;top:32%;background:var(--gold)}.dropoff{right:18%;bottom:25%;background:var(--ok)}.driver{left:42%;top:48%;background:var(--sys);transition:1s left ease,1s top ease}.timeline{display:grid;gap:10px;margin-top:16px}.event{padding:11px 12px;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink2)}.event b{display:block;color:var(--ink);font-weight:400}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.metric{padding:13px}.metric span{display:block;font-size:.65rem;color:var(--muted)}.metric b{font:400 1.05rem var(--display)}@media(max-width:900px){.layout{grid-template-columns:1fr}.mast nav{display:none}.wrap{padding:0 18px}.map{min-height:360px}}