:root{--cream:#fff8e9;--paper:#fffdf8;--ink:#111820;--navy:#1b3b50;--blue:#87afc3;--orange:#ef8a45;--teal:#178f9d;--green:#67aa79;--line:#9fb7c0;--shadow:0 18px 45px rgba(42,38,31,.22);--condensed:"Arial Narrow","Roboto Condensed",Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html{min-width:320px;background:#ece5d9}body{margin:0;background:radial-gradient(circle at 50% 15%,#fffdf6 0,#fff6e5 55%,#f6ead4 100%);color:var(--ink);font-family:var(--condensed);line-height:1.25}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid rgba(23,143,157,.28);outline-offset:3px}
.app-shell{min-height:100vh}.home-screen{width:min(1440px,calc(100% - 48px));min-height:100vh;margin:auto;padding:58px 48px 72px;text-align:center}.brand{display:inline-flex;align-items:center;gap:16px;color:#7b9daf;font-size:36px;font-style:normal;font-weight:800;letter-spacing:-.03em;text-decoration:none}.brand em{color:#e97938;font-style:normal}.brand-icon{position:relative;display:grid;width:68px;height:68px;place-items:center;border:4px solid var(--navy);border-radius:50%;background:#f8dfb4}.brand-icon:before{content:"";width:8px;height:33px;border-radius:8px;background:linear-gradient(var(--orange) 0 50%,var(--blue) 50%);transform:rotate(38deg)}.brand-icon:after{content:"";position:absolute;right:-13px;bottom:8px;width:35px;border-bottom:5px solid var(--navy);box-shadow:-9px 9px 0 -1px var(--blue)}.brand-icon i{position:absolute;top:-12px;width:10px;height:9px;border:3px solid var(--navy);border-bottom:0}
.home-heading h1{margin:50px auto 28px;font-size:clamp(48px,5.5vw,82px);font-weight:900;letter-spacing:-.045em;line-height:1.02}.route-entry{width:min(820px,100%);margin:0 auto}.route-entry form{border-radius:17px;background:white;padding:14px;box-shadow:0 13px 28px rgba(33,32,28,.25)}.route-entry textarea{display:block;width:100%;min-height:126px;resize:vertical;border:2px solid #7fa5b6;border-radius:12px;background:#f9fbfc;padding:8px 16px;color:#111;font-size:26px;line-height:1.08}.route-entry textarea::placeholder{color:#707070;opacity:1}.optimize-button,.trial-button,.blue-button,.teal-button,.start-new-button{border:0;color:#fff;font-weight:900;box-shadow:0 10px 20px rgba(28,44,57,.25)}.optimize-button{width:100%;min-height:70px;margin-top:13px;border-radius:999px;background:linear-gradient(90deg,#87b7ce,#7aa8bd);font-size:29px;letter-spacing:.025em}.route-glyph{font-size:39px}.form-status{margin:9px 0 0;color:#65747b;font-size:14px}.form-status.is-error{color:#b83732}.form-status.is-success{color:#247642}
.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;width:min(1040px,100%);margin:48px auto 0}.how-it-works article{display:grid;align-content:start;justify-items:center}.how-it-works h2{margin:13px 0 0;font-size:29px;line-height:1.12}.mock-illustration{position:relative;width:190px;height:165px}.clipboard-art{width:120px;height:150px;border:5px solid var(--navy);border-radius:8px;background:#d4e5ec;box-shadow:12px 10px 0 #f1a363}.clipboard-art:before{content:"";position:absolute;inset:22px 16px;border:3px solid var(--navy);background:repeating-linear-gradient(to bottom,#fff 0 18px,#87b890 18px 36px)}.clipboard-art span,.clipboard-art i{position:absolute;z-index:2;left:-20px;width:30px;border-top:8px solid var(--blue)}.clipboard-art span{top:25px}.clipboard-art i:nth-of-type(1){top:58px}.clipboard-art i:nth-of-type(2){top:91px}.clipboard-art i:nth-of-type(3){top:124px}.route-art:before{content:"";position:absolute;inset:38px 18px 25px;border:17px solid var(--blue);border-right-color:var(--orange);border-radius:35% 15% 35% 15%;transform:rotate(-8deg)}.route-art span{position:absolute;z-index:2;display:grid;width:48px;height:58px;place-items:center;border:4px solid var(--navy);border-radius:50% 50% 50% 0;background:var(--orange);font-size:19px;font-weight:900;transform:rotate(-45deg)}.route-art span:nth-child(1){left:12px;top:13px}.route-art span:nth-child(2){left:78px;top:90px;background:#7eaf90}.route-art span:nth-child(3){right:8px;top:22px}.route-art i{position:absolute;right:2px;bottom:4px;width:55px;height:70px;border:5px solid var(--navy);border-radius:8px;background:#f2a04f}.phone-art{width:110px;height:162px;border:5px solid var(--navy);border-radius:17px;background:#8cb7c9}.phone-art:before{content:"";position:absolute;top:14px;left:34px;width:35px;border-top:5px solid var(--navy)}.phone-art:after{content:"";position:absolute;bottom:10px;left:44px;width:14px;height:14px;border-radius:50%;background:var(--navy)}.phone-art span{position:absolute;inset:52px 8px auto;font-size:20px;font-weight:900}.phone-art i{position:absolute;right:-75px;top:72px;width:52px;border-top:19px solid #77b77e}.phone-art i:after{content:"";position:absolute;right:-18px;top:-30px;border-width:21px 0 21px 20px;border-style:solid;border-color:transparent transparent transparent #77b77e}
.home-closer{margin:34px auto 18px;font-size:25px}.trial-button{min-width:315px;min-height:62px;border-radius:999px;background:linear-gradient(#385f78,#27495f);font-size:28px}.trial-note{margin:12px 0 0;font-size:18px}
.optimized-screen{min-height:100vh;padding:34px;background:radial-gradient(circle,#fffaf1 0,#f8ead2 72%)}.desktop-workspace{display:grid;grid-template-columns:minmax(650px,1fr) 390px;gap:28px;max-width:1520px;margin:auto}.monitor-frame{align-self:start;border:25px solid #111;border-radius:24px;background:#111;box-shadow:var(--shadow)}.monitor-content{min-height:800px;background:var(--cream);padding:34px 55px 55px;text-align:center}.brand-small{gap:10px;font-size:25px}.brand-small .brand-icon{width:48px;height:48px;border-width:3px}.brand-small .brand-icon:before{width:6px;height:23px}.monitor-content>h1,.upgrade-context>h1{margin:24px 0 18px;font-size:43px;line-height:1.02}.optimized-card{border-radius:11px;background:#fff;padding:18px;box-shadow:0 10px 25px rgba(26,32,34,.2);text-align:left}.optimized-title-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9bb0b8;padding:0 2px 11px}.optimized-title-row h2{margin:0 auto;font-size:37px}.plain-button{border:0;background:transparent;color:#386a78;font-weight:800}.route-output-grid{display:grid;grid-template-columns:minmax(310px,.95fr) minmax(340px,1.05fr);gap:14px;margin-top:12px}.route-map{position:relative;min-height:330px;overflow:hidden;border:1px solid #7fa5b6;border-radius:8px;background:#e9edf0}.map-grid{position:absolute;inset:0;background:linear-gradient(25deg,transparent 46%,#c1ccd2 47% 50%,transparent 51%),linear-gradient(95deg,transparent 45%,#fff 46% 52%,transparent 53%),repeating-linear-gradient(0deg,transparent 0 34px,#fff 35px 40px),repeating-linear-gradient(90deg,transparent 0 40px,#fff 41px 46px);opacity:.9}.map-road{position:absolute;background:#f0c46e}.road-a{left:45%;top:-5%;width:16px;height:110%;transform:rotate(7deg)}.road-b{top:55%;left:-5%;width:110%;height:15px}.map-path{position:absolute;border:7px solid #315a70;border-radius:8px}.path-a{left:28%;top:23%;width:45%;height:55%;border-right-color:transparent}.path-b{left:20%;top:48%;width:53%;height:34%;border-top-color:transparent}.map-marker{position:absolute;z-index:2;display:grid;width:40px;height:48px;place-items:center;border:3px solid #163549;border-radius:50% 50% 50% 0;background:#ed8a4a;font-size:17px;font-weight:900;transform:rotate(-45deg)}.m1{left:25%;bottom:14%;background:#7dad88}.m2{left:35%;top:17%}.m3{left:57%;top:9%;background:#7dad88}.m4{right:24%;top:17%}.m5{right:33%;bottom:12%}.map-zoom{position:absolute;right:10px;bottom:14px;display:grid;background:#fff;box-shadow:0 2px 7px #777}.map-zoom b{display:grid;width:42px;height:42px;place-items:center;border-bottom:1px solid #aaa;font-size:29px}.processed-route{min-width:0;border-left:1px solid #8da6ae;padding-left:14px}.processed-label{border:1px solid #8da6ae;border-radius:7px;background:#f6f8f8;padding:12px;font-size:19px}.processed-route ol{max-height:280px;overflow:auto;margin:12px 0 0;padding:10px 0 0 31px;border-top:1px solid #8da6ae;font-size:20px;line-height:1.72}.result-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:12px;border-top:1px solid #9bb0b8;padding-top:10px}.processed-box{min-height:86px;border:1px solid #8da6ae;border-radius:7px;padding:10px;font-size:17px}.start-new-button{align-self:end;min-height:55px;border-radius:999px;background:#7aa9bd;font-size:20px}.conversion-panel{overflow:hidden;border-radius:0 0 15px 15px;background:rgba(255,255,255,.8);box-shadow:var(--shadow)}.pricing-section{padding:8px 17px 24px;background:var(--cream)}.pricing-section>h2,.driver-handoff h2{margin:0 0 20px;text-align:center;font-size:38px}.plans{display:grid;grid-template-columns:1fr 1fr}.plans article{min-height:320px;border-radius:10px;padding:25px 17px;box-shadow:0 8px 16px rgba(31,41,44,.22)}.plans h3{margin:0;text-align:center;font-size:40px}.plans strong{display:block;text-align:center;font-size:42px}.plans strong small{font-size:24px}.plans ul{margin:28px 0 0;padding:0;list-style:none}.plans li{margin:11px 0;font-size:16px}.plans li:before{content:"✓ ";font-weight:900}.free-plan{background:#fff}.pro-plan{background:#87b1bd}.pricing-section>.blue-button{width:100%;margin-top:-34px;position:relative}.blue-button,.teal-button{min-height:56px;border-radius:999px;padding:8px 22px;background:linear-gradient(#1554bd,#0d3994);font-size:20px}.teal-button{background:linear-gradient(#1b9daf,#147e8c)}.driver-handoff{padding:22px 23px;background:#f4f8f9}.driver-url{min-height:54px;border:1px solid #7fa5b6;border-radius:6px;background:white;padding:10px;text-align:center;font-size:20px;overflow-wrap:anywhere}.disabled-feature{position:relative;width:100%;min-height:54px;margin:8px 0;border:1px solid #9aa7aa;border-radius:6px;background:#d8dcde;color:#858585;font-size:18px}.disabled-feature small{position:absolute;right:0;top:-8px;border:1px solid #333;background:#efe7c7;color:#111}.driver-handoff .blue-button{width:100%}.driver-handoff .form-status{text-align:center}.conversion-panel>footer,.flow-panel>footer{padding:18px 24px;background:var(--cream);font-size:13px}
.upgrade-flow{position:fixed;z-index:30;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,470px);background:rgba(245,238,226,.72);backdrop-filter:blur(4px)}.upgrade-backdrop{position:absolute;inset:0;border:0;background:transparent}.upgrade-context{z-index:1;align-self:center;margin:35px 25px 35px 35px;border:22px solid #172027;border-radius:18px;background:var(--cream);padding:30px 55px 55px;text-align:center;box-shadow:var(--shadow)}.context-card{border-radius:9px;background:white;padding:14px;box-shadow:0 8px 22px rgba(30,31,28,.22)}.context-card h2{margin:0 0 12px;border-bottom:1px solid #9fb1b7;padding-bottom:10px;font-size:32px}.context-route{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.context-map{display:grid;min-height:220px;place-items:center;border:1px solid #8fa7af;background:repeating-linear-gradient(30deg,#e8edef 0 18px,#fff 19px 24px);font-size:24px;font-weight:900}.context-route ol{text-align:left;font-size:17px;line-height:1.8}.flow-panel{position:relative;z-index:2;overflow:auto;height:100vh;background:linear-gradient(#fff4dc,#f7fafb 28%,#fff8e9);box-shadow:-14px 0 34px rgba(41,36,29,.22)}.modal-close{position:absolute;z-index:3;right:14px;top:12px;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;background:#fff5df;box-shadow:0 4px 12px #999;font-size:40px}.flow-step{padding:0 25px 26px}.panel-masthead{margin:0 -25px 16px;padding:27px 55px 14px;text-align:center;font-size:26px}.panel-callout{border-radius:7px;background:white;padding:13px 18px;text-align:center;box-shadow:0 8px 15px rgba(42,42,38,.17)}.panel-callout h3{margin:0;font-size:28px}.panel-callout p{margin:6px 0 0;font-size:18px}.flow-step form{display:grid;gap:7px;margin-top:18px}.flow-step label{margin-top:6px;font-size:17px;font-weight:900}.flow-step input,.flow-step select{width:100%;min-height:42px;border:1px solid #8fa7af;border-radius:5px;background:#fff;padding:7px 10px;font-size:16px}.terms{display:flex;align-items:center;gap:9px;font-weight:400!important}.terms input{width:21px;min-height:21px}.flow-step form>button{width:100%;margin-top:14px}.flow-step form>p{text-align:center}.flow-step form>h3{text-align:center;font-size:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-total{display:grid;gap:4px;border-top:1px solid #a9b8bc;margin-top:8px;padding-top:12px}.confirmation-step{padding-top:65px;text-align:center}.confirmation-step h2{margin:0;color:#0d6878;font-size:57px;line-height:1}.confirmation-art{display:grid;width:205px;height:205px;place-items:center;margin:26px auto;border:12px solid var(--navy);border-radius:50%;background:#f5deb0;color:#2290e0;font-size:100px;font-weight:900;box-shadow:0 8px 22px #bbb}.confirmation-step h3{font-size:21px}.confirmation-step ul{padding:12px 25px;border:1px solid #8fa7af;border-radius:6px;list-style:none;text-align:left}.confirmation-step li{padding:7px 0;border-bottom:1px solid #c8d1d2;font-size:19px}.confirmation-step li:before{content:"✓ ";color:#0d7185;font-weight:900}.confirmation-step .teal-button{width:100%}.failure-step h2{color:#b43b32}.failure-step .confirmation-art{border-color:#7d2e29;color:#b43b32}
.pro-dashboard{min-height:100vh;padding-top:22px}.dashboard-brand{display:flex;width:max-content;margin:0 auto 18px}.dashboard-frame{display:grid;grid-template-columns:320px minmax(0,1fr);width:min(1200px,calc(100% - 40px));min-height:600px;margin:auto;overflow:hidden;border:1px solid #a8b2b5;border-radius:20px 20px 0 0;background:white;box-shadow:var(--shadow)}.saved-routes{padding:20px 12px;background:linear-gradient(135deg,#eee8df,#fff1d9)}.saved-routes>span{color:#928b84;font-size:25px;font-weight:900}.saved-routes h2{margin:18px 0 14px;font-size:27px;text-transform:uppercase}.saved-route{display:block;width:100%;margin:5px 0;border:1px solid transparent;border-radius:9px;background:transparent;padding:12px 10px;text-align:left;font-size:17px}.saved-route.is-selected{border-color:#8ca8b2;background:#eef3f4;box-shadow:0 3px 8px #bbb;color:#3b6f7d}.dashboard-main{padding:38px 45px}.dashboard-main h1{margin:0 0 16px;text-align:center;font-size:44px;line-height:1.05}.dashboard-main>input,.dashboard-main>textarea{width:100%;border:2px solid #117985;border-radius:12px;background:white;padding:12px;font-size:18px}.dashboard-main>input{margin-bottom:9px}.dashboard-main>textarea{min-height:115px}.csv-upload{position:relative;margin-top:20px}.csv-upload input{position:absolute;width:1px;height:1px;opacity:0}.csv-upload label{display:grid;min-height:235px;place-items:center;align-content:center;border:3px dashed #91a2aa;border-radius:13px;background:#f6f8fa;text-align:center}.csv-upload span{font-size:70px;color:#7e929a}.csv-upload strong{font-size:26px}.csv-upload small{font-size:20px}.dashboard-main>.blue-button{width:100%}.dashboard-footer{display:flex;justify-content:center;gap:42px;padding:14px;background:#fff}.dashboard-footer a{color:#111;text-decoration:none;font-size:18px}
@media(max-width:1000px){.desktop-workspace{grid-template-columns:1fr}.conversion-panel{max-width:760px;margin:auto}.upgrade-flow{grid-template-columns:1fr minmax(360px,450px)}.upgrade-context{padding:25px}.dashboard-frame{grid-template-columns:260px 1fr}}
@media(max-width:760px){.home-screen{width:100%;padding:30px 18px 50px}.brand{font-size:28px}.brand-icon{width:55px;height:55px}.home-heading h1{margin-top:32px;font-size:47px}.route-entry textarea{font-size:19px}.how-it-works{grid-template-columns:1fr;gap:28px}.how-it-works article{grid-template-columns:150px 1fr;align-items:center;text-align:left}.mock-illustration{transform:scale(.76)}.home-closer{font-size:20px}.optimized-screen{padding:10px}.monitor-frame{border-width:9px}.monitor-content{padding:25px 12px}.route-output-grid,.result-bottom-row{grid-template-columns:1fr}.processed-route{border-left:0;padding:0}.conversion-panel{border-radius:12px}.upgrade-flow{grid-template-columns:1fr}.upgrade-context{display:none}.flow-panel{width:100%}.dashboard-frame{grid-template-columns:1fr}.saved-routes{display:none}.dashboard-main{padding:28px 18px}.dashboard-main h1{font-size:34px}.plans article{min-height:290px;padding:20px 10px}.plans h3{font-size:32px}.pricing-section>h2,.driver-handoff h2{font-size:32px}}
@media(max-width:480px){.home-heading h1{font-size:39px}.trial-button{min-width:0;width:100%}.route-output-grid{display:block}.route-map{min-height:250px}.processed-route{margin-top:12px}.monitor-content>h1{font-size:31px}.optimized-title-row h2{font-size:28px}.plans li{font-size:13px}.flow-step{padding-inline:16px}.panel-masthead{margin-inline:-16px}.confirmation-step h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Final responsive fit for the approved two-panel composition. */
.monitor-content{padding-left:35px;padding-right:35px}.route-output-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.processed-route ol{padding-left:0;list-style:none}