:root{--page:#06162c;--page-deep:#041124;--surface:#0a1d35;--surface-raised:#0d2542;--surface-hover:#123052;--text:#f8fafc;--text-soft:#a9c0df;--text-muted:#7891b1;--border:#21466d;--border-strong:#34658f;--orange:#ff7a2f;--orange-hover:#ff8d4d;--cyan:#29c7df;--mint:#5ce0b2;--danger:#ff8a96;--radius:16px;--shadow:0 24px 70px #00000038}*{box-sizing:border-box}html{background:var(--page-deep);min-width:320px}body{background:var(--page);min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #29c7dfb8}.app-shell{background:linear-gradient(#ffffff04 1px, transparent 1px), var(--page);background-size:100% 84px;min-height:100svh}.topbar{background:#04112485;border-bottom:1px solid #34658f61;justify-content:space-between;align-items:center;min-height:104px;padding:20px clamp(24px,5vw,76px);display:flex}.brand-lockup{gap:0;line-height:1;display:inline-grid}.brand-lockup span{color:var(--text);letter-spacing:-.055em;font-size:clamp(29px,3vw,42px);font-weight:900}.brand-lockup span:after{content:"";background:var(--orange);border-radius:50%;width:.18em;height:.18em;margin-left:.08em;display:inline-block}.brand-lockup small{color:var(--cyan);letter-spacing:.04em;margin-top:5px;font-size:clamp(14px,1.2vw,20px);font-weight:750}.quiet-action{min-height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.quiet-action:hover{background:var(--surface);color:var(--text)}.workspace{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:22px;width:min(1480px,100%);min-height:calc(100svh - 104px);margin:0 auto;padding:clamp(22px,3.2vw,48px);display:grid}.quote-panel{border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#0a1d35db}.quote-panel--form{padding:clamp(28px,3vw,46px)}.quote-panel--result{flex-direction:column;min-height:650px;padding:clamp(26px,2.6vw,42px);display:flex}.intro-copy h1{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(36px,4vw,58px);font-weight:850;line-height:1.02}.intro-copy p{max-width:640px;color:var(--text-soft);margin:14px 0 30px;font-size:clamp(17px,1.5vw,22px);line-height:1.4}.demo-notice{border-left:3px solid var(--cyan);color:var(--text-soft);margin:-6px 0 24px;padding:10px 13px;font-size:13px;font-weight:650}.field-stack{gap:8px;min-width:0;display:grid;position:relative}.field-label{color:var(--text-soft);letter-spacing:.01em;font-size:14px;font-weight:720}.shop-name-field{margin-bottom:28px}.address-control{border:1px solid var(--border-strong);background:var(--surface);min-height:58px;color:var(--text-soft);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:0 16px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid}.address-control:focus-within{border-color:var(--cyan);background:#0b223c;box-shadow:0 0 0 3px #29c7df24}.address-control--selected{border-color:#2d6480}.address-control input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:16px;font-weight:560}.address-control input::placeholder{color:var(--text-muted)}.selected-check{border:1px solid var(--mint);color:var(--mint);border-radius:50%;padding:2px}.address-flow{gap:30px;margin-top:6px;display:grid;position:relative}.address-flow:before{z-index:0;background:repeating-linear-gradient(to bottom, var(--border-strong) 0, var(--border-strong) 7px, transparent 7px, transparent 13px);content:"";width:2px;position:absolute;top:26px;bottom:46px;left:19px}.address-row{z-index:1;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:18px;min-width:0;display:grid;position:relative}.address-row:focus-within{z-index:2}.route-marker{color:#06162c;width:40px;height:40px;box-shadow:0 0 0 6px var(--surface);border:2px solid #0000;border-radius:50%;place-items:center;margin-top:26px;font-size:15px;font-weight:850;display:grid}.route-marker--a{background:var(--orange)}.route-marker--b{background:var(--cyan)}.field-message{align-items:center;gap:6px;min-height:21px;margin:0;font-size:13px;display:flex}.field-message--saved{color:var(--mint)}.field-message--error,.access-error{color:var(--danger)}.suggestions{z-index:10;border:1px solid var(--border-strong);background:#071a30;border-radius:0 0 12px 12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% - 1px);left:0;right:0;overflow:hidden;box-shadow:0 18px 36px #00000061}.suggestions button{width:100%;min-height:60px;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.suggestions button:hover,.suggestions button:focus-visible{background:var(--surface-hover);color:var(--text)}.suggestions span{min-width:0;display:grid}.suggestions strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.suggestions small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.quota-notice{border-left:3px solid var(--mint);color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;margin:-6px 0 24px;padding:10px 13px;font-size:13px;display:flex}.quota-notice strong{color:var(--text)}.quota-notice>div{gap:2px;display:grid}.quota-notice small{color:#ffcfaa;font-weight:700}.quota-refresh{border:1px solid var(--border-strong);min-height:36px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:9px;flex:none;align-items:center;gap:7px;padding:6px 9px;font-size:12px;font-weight:750;display:inline-flex}.quota-refresh:disabled{cursor:wait;opacity:.65}.suggestions .provider-attribution{color:#b9c6d4;text-align:right;white-space:nowrap;padding:7px 12px 5px;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:400;display:block}.primary-action{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:34px;padding:12px 20px;font-size:16px;font-weight:800;transition:transform .16s,background .16s,opacity .16s;display:inline-flex}.primary-action:hover:not(:disabled){background:var(--orange-hover);transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;opacity:.45}.result-heading{margin-bottom:24px;display:grid}.result-heading p{color:var(--text-soft);margin:0 0 2px;font-size:15px;font-weight:720}.result-heading strong{color:var(--text);letter-spacing:-.055em;font-size:clamp(52px,6vw,82px);font-weight:900;line-height:1.04}.result-heading span{color:var(--text-soft);font-size:clamp(20px,2vw,27px);font-weight:740}.result-heading small{color:#ffcfaa;margin-top:7px;font-size:13px;font-weight:650}.route-map{border:1px solid var(--border-strong);background:#0a2039;border-radius:14px;margin:0;position:relative;overflow:hidden}.route-map svg{width:100%;min-height:280px;max-height:350px;display:block}.street-grid path{fill:none;stroke:#294765;stroke-linecap:round;stroke-width:5px;opacity:.72}.street-grid path:nth-child(2n){stroke:#1d3957;stroke-width:3px}.map-city-label{fill:#8ca3bd;opacity:.54;font-size:28px;font-weight:800}.route-shadow{fill:none;stroke:#06162c;stroke-linecap:round;stroke-linejoin:round;stroke-width:15px}.route-line{fill:none;stroke:url(#route-gradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.map-marker{stroke:#06162c;stroke-width:5px}.map-marker--a{fill:var(--orange)}.map-marker--b{fill:var(--cyan)}.map-marker-text{fill:#06162c;font-size:20px;font-weight:900}.route-map figcaption{color:var(--text-soft);background:#041124d1;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;font-size:12px;font-weight:650;display:flex;position:absolute;bottom:11px;left:11px;right:11px}.google-map-canvas{width:100%;min-height:330px}.map-status{min-height:280px;color:var(--text-soft);text-align:center;place-content:center;padding:24px;display:grid}.route-map--live .map-status{background:#06162ce0;position:absolute;inset:0}.map-status--error{color:var(--danger)}.route-map .provider-attribution{color:#fff;white-space:nowrap;font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:400}.result-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.result-actions button{border:1px solid var(--border-strong);min-height:54px;color:var(--text);cursor:pointer;background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:750;display:inline-flex}.result-actions button:hover{border-color:var(--cyan);background:var(--surface-hover)}.disclaimer{color:var(--text-soft);align-items:center;gap:9px;margin:auto 0 0;padding-top:24px;font-size:13px;display:flex}.legal-notice{width:min(1480px,100%);color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 auto;padding:0 24px 28px;font-size:12px;display:flex}.legal-notice a{color:inherit}.legal-notice a:hover,.legal-notice a:focus-visible{color:var(--text)}.result-empty{color:var(--text-muted);text-align:center;flex:1;place-content:center;justify-items:center;padding:40px;display:grid}.result-empty h2{color:var(--text);margin:20px 0 7px;font-size:23px}.result-empty p{max-width:390px;margin:0}.result-empty--error svg{color:var(--danger)}.result-empty--error button,.verification-actions button{border:1px solid var(--border-strong);background:var(--surface-hover);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:9px 14px;font-weight:750;display:inline-flex}.empty-route{align-items:center;gap:9px;display:flex}.empty-route span{border:2px solid var(--border-strong);width:38px;height:38px;color:var(--text-soft);border-radius:50%;place-items:center;font-weight:800;display:grid}.empty-route i{border-top:2px dashed var(--border-strong);width:90px}.access-state{min-height:calc(100svh - 104px);color:var(--text-soft);text-align:center;place-content:center;justify-items:center;padding:24px;display:grid}.access-state h1{color:var(--text);margin-bottom:4px}.access-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(460px,100% - 32px);box-shadow:var(--shadow);margin:clamp(46px,8vw,100px) auto;padding:34px}.access-card h1{margin:0;font-size:28px;line-height:1.15}.access-card>p{color:var(--text-soft);margin:9px 0 26px}.access-card form{gap:9px;display:grid}.access-tabs{border:1px solid var(--border);background:var(--page-deep);border-radius:11px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px;display:grid}.access-tabs button{min-height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:750}.access-tabs button[aria-selected=true]{background:var(--surface-hover);color:var(--text)}.access-card label{color:var(--text-soft);margin-top:7px;font-size:14px;font-weight:700}.access-card input{border:1px solid var(--border-strong);background:var(--page-deep);min-height:52px;color:var(--text);border-radius:10px;padding:0 14px}.access-card .primary-action{margin-top:17px}.access-error{margin:4px 0 0;font-size:13px}.access-help{color:var(--text-muted);margin:22px 0 0;font-size:13px}.verification-actions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;display:flex}.verification-actions button{margin-top:8px}.verification-actions small{color:var(--text-soft);flex-basis:100%}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.workspace{grid-template-columns:1fr;width:min(760px,100%)}.quote-panel--result{min-height:560px}}@media (max-width:620px){.app-shell{background:var(--page)}.topbar{min-height:86px;padding:17px 20px}.workspace{gap:16px;min-height:calc(100svh - 86px);padding:18px 14px 28px}.quote-panel{box-shadow:none;border-radius:14px}.quote-panel--form,.quote-panel--result{padding:24px 18px}.quote-panel--result{min-height:500px}.intro-copy h1{font-size:39px}.intro-copy p{margin-top:10px;margin-bottom:26px;font-size:17px}.address-flow{gap:26px}.address-row{grid-template-columns:34px minmax(0,1fr);gap:11px}.route-marker{width:34px;height:34px;box-shadow:0 0 0 4px var(--surface);margin-top:29px}.address-flow:before{left:16px}.address-control{gap:10px;min-height:56px;padding:0 12px}.address-control input{font-size:15px}.primary-action{margin-top:28px}.result-heading strong{font-size:58px}.route-map svg{min-height:230px}.google-map-canvas{min-height:260px}.quota-notice{flex-direction:column;align-items:flex-start;gap:2px}.route-map figcaption{flex-direction:column;align-items:flex-end;gap:3px}.result-actions{grid-template-columns:1fr}.disclaimer{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}