:root{color:#f3f5e9;font-synthesis:none;--lime:#c2df91;--muted:#c0cfc7;--ink:#15362e;background:#1b4551;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0;min-height:44px;padding:10px 18px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e7ffab}button:active{transform:translateY(1px)}#map{touch-action:none;position:fixed;inset:0}#map canvas{width:100%;height:100%;display:block}.atmosphere{pointer-events:none;background:linear-gradient(90deg,#0d2426f2 0%,#0d2426d9 24%,#0d24262e 49%,#0000 70%),linear-gradient(#0f262cb3,#0000 22% 77%,#0f262ce0);position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#app button,#app a,.sheet,header,footer,.modal-overlay{pointer-events:auto}header{padding:22px 32px;padding-top:max(22px,env(safe-area-inset-top));align-items:center;gap:28px;min-height:90px;display:flex;position:absolute;inset:0 0 auto}.brand{color:inherit;letter-spacing:2px;flex-shrink:0;align-items:center;gap:12px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:var(--lime);font-size:37px;font-style:italic;line-height:1}.brand small{letter-spacing:2.2px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:500;display:block}.company{align-items:center;gap:32px;margin-left:auto;display:flex}.company>span{font-size:21px;font-weight:600}.company small{letter-spacing:1.5px;color:var(--muted);margin-top:5px;font-size:9px;font-weight:500;display:block}.cash{color:#f3f6dc}.time-control{gap:2px;display:flex}.time-control button{padding:9px 12px;font-size:13px}.selected{color:var(--lime)!important}.time-control .selected{background:#c0df9426;border-radius:6px}.sheet{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#789a8a transparent;width:330px;padding-bottom:10px;padding-right:10px;position:absolute;top:115px;bottom:86px;left:32px;overflow:auto}.eyebrow{letter-spacing:2px;color:var(--lime);font-size:10px;font-weight:700;line-height:1.6}h1{letter-spacing:-1.5px;margin:12px 0 18px;font-size:37px;font-weight:550;line-height:1.08}h2{margin:10px 0;font-size:20px;font-weight:550}p{color:#d7dfd5;font-size:13px;line-height:1.65}.intro{color:#e4e8df;margin-bottom:24px;font-size:14px;line-height:1.65}.muted,.footnote{color:var(--muted);font-size:12px}.step{margin:25px 0 12px;font-size:14px;font-weight:600}.step>span{color:var(--lime);margin-right:10px;font-size:11px}.primary{background:var(--lime);color:var(--ink);border-radius:6px;min-height:45px;padding:12px 20px;font-size:14px;box-shadow:inset 0 1px #e5f1c5}.primary:hover{background:#d4ecab}.wide{width:100%}.text-button{color:var(--lime);padding-left:0;font-size:13px}.danger{color:#ffbca2}.truck-options{gap:26px;display:grid}.truck-option{align-items:center;gap:8px;display:flex}.truck-info{flex:1}.truck-info .eyebrow{letter-spacing:1.3px;font-size:8px}.truck-info h2{font-size:18px}.truck-info p{margin:8px 0;font-size:11px}.truck-info button{width:100%;padding:10px;font-size:12px}.truck-info small{color:var(--muted);margin-top:8px;font-size:9px;display:block}.truck-illustration{transform-origin:0;flex-shrink:0;width:130px;height:100px;position:relative;transform:scale(.9)}.trailer{color:#41655b;letter-spacing:2px;background:linear-gradient(110deg,#e9e9d8,#b9cac2);width:89px;height:45px;padding:8px;font-size:12px;font-weight:900;position:absolute;top:18px;left:0;transform:skewY(-8deg);box-shadow:5px -6px #f3f0d9}.trailer span{letter-spacing:3px;font-size:6px;display:block}.cab{background:#72985d;border-radius:3px 11px 2px 0;width:33px;height:40px;position:absolute;top:28px;left:94px;transform:skewY(-8deg);box-shadow:3px -5px #a7c185}.cab i{background:#254e52;border-radius:1px 7px 1px 1px;width:16px;height:13px;position:absolute;top:5px;right:3px}.wheel{background:#183231;border-radius:50%;width:13px;height:16px;position:absolute;top:63px;box-shadow:inset 3px 1px #44645a}.w1{left:10px}.w2{left:28px}.w3{top:59px;left:105px}.truck-shadow{filter:blur(7px);background:#071b1b50;width:138px;height:26px;position:absolute;top:58px;left:0;transform:rotate(-6deg)}.offer{margin:0 0 28px}.offer-route{letter-spacing:-.4px;align-items:center;gap:13px;font-size:18px;display:flex}.route-arrow{color:var(--lime)}.offer p{margin:9px 0;font-size:12px}.offer-finance{flex-wrap:wrap;gap:12px 20px;margin:18px 0;display:flex}.offer-finance div:first-child{width:100%}.offer-finance small{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.offer-finance strong{font-size:27px;font-weight:550}.offer-finance span{font-size:13px}.offer button{width:100%}.positive{color:var(--lime)}.destination{color:var(--lime);margin-top:5px;display:block}.driver{align-items:center;gap:12px;margin:24px 0;display:flex}.driver-avatar{color:#d7eab5;background:#8caf7560;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.driver strong{font-size:12px}.driver small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.progress-head{justify-content:space-between;font-size:12px;display:flex}.progress{background:#aec8b33b;height:4px;margin:15px 0;overflow:hidden}.progress i{background:var(--lime);height:100%;transition:width .4s linear;display:block}.invoice{gap:16px;margin:25px 0;font-size:12px;display:grid}.invoice>div{justify-content:space-between;gap:12px;display:flex}.invoice span{color:var(--muted)}.invoice strong{font-weight:600}.map-controls{right:max(24px,env(safe-area-inset-right));align-items:center;gap:7px;display:flex;position:absolute;bottom:94px}.map-controls button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#173e43c7;border-radius:6px;font-size:13px}.map-controls button:first-child,.map-controls button:nth-child(2){width:44px;padding:0;font-size:23px}.map-caption{text-align:right;opacity:.8;position:absolute;top:120px;right:35px}.map-caption>span{letter-spacing:6px;font-size:12px}.map-caption small{color:#dbe9e4;margin-top:8px;font-size:10px;display:block}footer{padding:14px 32px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(#0000,#112e32c9);align-items:center;gap:24px;display:flex;position:absolute;bottom:0;left:0;right:0}nav{gap:12px;display:flex}nav button{padding:9px 10px;font-size:13px}.save-state,.prototype{color:#c0d3c4;font-size:9px}.save-state{margin-left:auto}.prototype{opacity:.6}.log-entry{margin:24px 0}.log-entry strong{font-size:16px}.log-entry p{margin:7px 0}.log-entry>span{font-size:13px}.legal-links{flex-wrap:wrap;gap:18px;margin:25px 0;display:flex}.legal-links a{color:var(--lime);font-size:12px}#toast{color:#fff;opacity:0;background:#122f30;border-radius:7px;max-width:90vw;padding:16px 24px;font-size:13px;transition:opacity .2s;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}#toast.visible{opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#102e32e8;place-items:center;padding:25px;display:grid;position:absolute;inset:0;overflow:auto}.modal{text-align:center;max-width:440px}.modal h1{font-size:43px}.modal .primary{margin:25px auto 0;display:block}.modal .text-button{margin-top:12px;padding-left:18px}.result-profit{color:var(--lime);margin:22px 0;font-size:48px;font-weight:500;display:block}.map-unavailable{background:radial-gradient(at 70% 40%,#5f7b50,#123d4a)}@media (min-width:1400px){.sheet{width:365px;top:145px;left:50px}header{padding:28px 50px}h1{font-size:43px}.intro{font-size:15px}.truck-illustration{width:145px;transform:scale(1)}}@media (max-width:1000px) and (orientation:landscape){header{gap:15px;min-height:67px;padding:12px 20px}.brand{letter-spacing:1px;font-size:14px}.brand small{font-size:7px}.brand-mark{font-size:28px}.company{gap:18px}.company>span{font-size:17px}.time-control button{padding:8px;font-size:12px}.sheet{width:300px;top:85px;bottom:67px;left:22px}h1{font-size:30px}.intro{margin-bottom:15px;font-size:12px}.map-caption{top:90px;right:25px}footer{gap:10px;padding:7px 22px}nav{gap:6px}.prototype{display:none}.map-controls{bottom:73px;right:20px}.truck-options{gap:14px}.step{margin-top:15px}.truck-illustration{width:115px;transform:scale(.8)}.offer-finance{gap:8px 18px;margin:10px 0}.offer-finance div:first-child{width:auto}.offer-finance strong{font-size:20px}.offer-finance small{font-size:9px}}@media (orientation:portrait) and (max-width:800px){header{flex-wrap:wrap;gap:13px;padding:17px 20px}.brand{letter-spacing:1px;font-size:14px}.brand small{letter-spacing:1.1px;font-size:7px}.brand-mark{font-size:27px}.company{gap:12px}.company>span{font-size:16px}.company small{font-size:8px}.location{display:none}.time-control{position:absolute;top:73px;left:14px}.time-control button{padding:8px 12px;font-size:12px}.atmosphere{background:linear-gradient(#0000 35%,#102e31b3 49%,#102e31fa 63%,#102e31 100%),linear-gradient(#15373bdb,#0000 30%)}.sheet{width:auto;padding:0 3px 12px;inset:47% 22px 80px}.sheet.onboarding{top:43%}h1{letter-spacing:-1px;margin:8px 0 12px;font-size:31px}.intro{margin-bottom:16px;font-size:12px}.eyebrow{font-size:9px}.step{margin-top:15px}.truck-options{gap:16px}.truck-option{gap:22px}.truck-illustration{width:135px}.truck-info button{font-size:12px}.map-caption{top:130px;right:20px}.map-caption>span{letter-spacing:4px;font-size:9px}.map-caption small{display:none}.map-controls{gap:4px;top:34%;bottom:auto;right:17px}.map-controls button{min-height:40px}.map-controls button:first-child,.map-controls button:nth-child(2){width:40px}.map-controls button:last-child{padding:8px 12px;font-size:11px}footer{padding:8px 17px max(9px,env(safe-area-inset-bottom));background:#102e31;display:block}nav{justify-content:space-between;gap:1px}nav button{padding:8px 10px;font-size:12px}.save-state{text-align:center;font-size:8px;display:block}.prototype{display:none}.offer-finance{gap:12px 22px;margin:14px 0}.offer-finance div:first-child{width:auto}.offer-finance strong{font-size:22px}.offer{margin-bottom:28px}.driver{margin:17px 0}.invoice{gap:12px;margin:18px 0}.modal h1{font-size:35px}.result-profit{font-size:40px}#toast{width:max-content;bottom:86px}.modal-overlay{padding:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (orientation:portrait) and (max-width:800px){.onboarding .intro{display:none}.onboarding h1{font-size:28px}.onboarding .step{margin:14px 0 8px}.onboarding>.muted{margin:8px 0 14px}.onboarding .truck-options{gap:20px}}
