:root{--ink:#101216;--paper:#f7f5f0;--white:#fff;--yellow:#ffc928;--green:#14884b;--mist:#e9f4ed;--line:#dce2dc;--muted:#657168}*{box-sizing:border-box}body{margin:0;background:#101512;color:#172019;font-family:Manrope,Arial,sans-serif}.phone{position:relative;max-width:460px;min-height:100dvh;margin:auto;background:var(--paper);overflow:hidden}.logo{display:block;width:108px;height:auto}.welcome{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 25px) 25px 18px;background:radial-gradient(circle at 90% 10%,#2d4434,transparent 30%),var(--ink);color:#fff;overflow:hidden}.grid-bg{position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000,transparent 70%)}.welcome-top,header,.provider-head{display:flex;align-items:center;justify-content:space-between}.stage,.eyebrow{font:700 10px/1.3 ui-monospace,Consolas,monospace;letter-spacing:1.1px}.stage{border:1px solid #ffffff2a;border-radius:99px;padding:7px 9px;color:#d7e1db;font-size:9px}.stage::first-letter,.eyebrow{color:var(--yellow)}.welcome-copy{margin-top:clamp(65px,14vh,130px)}h1,h2,p{margin-top:0}.welcome h1{margin:12px 0 20px;font-size:clamp(43px,12vw,58px);letter-spacing:-3px;line-height:.98}.welcome h1 em{font-style:normal;color:var(--yellow)}.welcome-copy>p:last-child{max-width:330px;color:#c7d0c9;font-size:15px;line-height:1.6}.role-cards{display:grid;gap:11px;margin-top:auto}.role-cards button{position:relative;padding:16px 43px 16px 55px;border:1px solid #ffffff2e;border-radius:18px;background:#ffffff0d;color:#fff;text-align:left;font:inherit}.role-cards i{position:absolute;left:16px;top:17px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--yellow);color:var(--ink);font-size:17px;font-style:normal;font-weight:900}.role-cards b,.role-cards small{display:block}.role-cards b{font-size:15px}.role-cards small{margin-top:3px;color:#c5cfca;font-size:11px}.role-cards strong{position:absolute;right:17px;top:24px;color:var(--yellow);font-size:20px}.prototype-note{margin:17px 0 0;text-align:center;color:#88958d;font-size:10px}header{min-height:70px;padding:calc(env(safe-area-inset-top) + 15px) 21px 10px;background:var(--paper)}header>b{font-size:14px}.back{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#1a271f;font-size:28px;line-height:20px}header>span{width:32px}.home{padding:13px 21px 90px}.greeting{display:flex;justify-content:space-between}.greeting h1{margin:5px 0 22px;font-size:29px;letter-spacing:-1.6px;line-height:1.06}.greeting .eyebrow em{font-style:normal;color:#35b86d}.profile{width:34px;height:34px;border:0;border-radius:50%;background:var(--yellow);color:#152019;font-size:10px;font-weight:900}.search{display:flex;gap:9px;align-items:center;width:100%;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--green);font-size:17px}.search span{flex:1;color:#67736a;text-align:left;font-size:12px;font-weight:600}.availability{display:flex;gap:10px;align-items:center;margin:13px 0 23px;padding:12px;border-radius:14px;background:var(--ink);color:#fff}.availability>i{color:var(--yellow);font-size:23px;font-style:normal}.availability div{flex:1}.availability b,.availability small{display:block}.availability b{font-size:11px}.availability small{margin-top:3px;color:#b5c2b9;font-size:9px}.availability strong{color:var(--yellow);font-size:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px;font-size:13px}.section-title small{color:var(--muted);font-size:10px}.green{color:var(--green)!important}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.services button{min-height:76px;padding:7px 5px;border:1px solid #e0e6e0;border-radius:13px;background:#fff;color:#344139;font:700 9px inherit;text-align:center}.services i{display:grid;place-items:center;width:29px;height:29px;margin:auto auto 6px;border-radius:9px;background:var(--mist);color:var(--green);font-size:17px;font-style:normal}.services button:nth-child(2n) i{background:#fff6d9;color:#c68800}.nearby{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nearby>div{padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--av);color:#26372c;font-size:10px;font-weight:900;flex:0 0 auto}.nearby .avatar{margin-bottom:7px}.nearby b,.nearby small,.nearby em{display:block}.nearby b{font-size:11px}.nearby small{overflow:hidden;margin:2px 0;color:var(--muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis}.nearby em{color:#9b7000;font-size:9px;font-style:normal}nav{position:absolute;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid var(--line);background:#fff}nav button{border:0;background:none;color:#79857d;font:600 17px inherit}nav button small{display:block;margin-top:3px;font-size:9px}nav .active{color:var(--green)}.body{padding:18px 21px calc(env(safe-area-inset-bottom) + 25px)}.service-hero{display:flex;gap:12px;align-items:center;margin-bottom:20px;padding:14px;border-radius:17px;background:var(--mist)}.service-hero>i{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#fff;color:var(--green);font-size:25px;font-style:normal}.service-hero small,.service-hero b,.service-hero span{display:block}.service-hero small,.field-label{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.8px}.service-hero b{margin:2px 0;font-size:16px}.service-hero span{color:var(--muted);font-size:10px}label{display:block;font-size:12px;font-weight:800}textarea{width:100%;height:86px;resize:none;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#344139;font:500 12px/1.45 inherit}.photos{display:flex;gap:10px;align-items:center;margin:11px 0 20px;padding:9px;border:1px dashed #aab9ad;border-radius:12px;background:#fff}.photos i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--mist);color:var(--green);font-size:20px;font-style:normal}.photos b,.photos small{display:block;font-size:11px}.photos small{margin-top:2px;color:var(--muted);font-size:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:13px;background:#e9ede9}.segmented button{padding:10px 5px;border:0;border-radius:10px;background:transparent;color:#566159;font:800 11px inherit}.segmented button.selected{background:#fff;color:var(--green);box-shadow:0 1px 3px #0001}.segmented small{display:block;margin-top:3px;font-size:9px;font-weight:500}.schedule{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.schedule b,.schedule small{display:block;font-size:11px}.schedule small{margin-top:3px;color:var(--muted);font-size:10px}.privacy{display:flex;gap:10px;align-items:flex-start;margin:16px 0;padding:11px;border-radius:12px;background:var(--mist);font-size:10px;line-height:1.45}.privacy>i{color:var(--green);font-size:18px;font-style:normal}.privacy b,.privacy small{display:block;font-size:11px}.privacy small{margin-top:3px;color:#526159;font-size:10px}.button{width:100%;margin-top:9px;padding:15px;border:0;border-radius:13px;font:800 12px inherit;letter-spacing:.2px}.primary{background:var(--green);color:#fff}.secondary{border:1px solid #bcc8bd;background:#fff;color:#28372d}.fine{margin:12px 0;text-align:center;color:#78837c;font-size:9px}.matching,.onway{position:relative;height:calc(100dvh - 70px);background:#dce8df}.map,.route-map,.offer-map,.provider-route{position:relative;overflow:hidden;background:linear-gradient(122deg,#c4d6d0 0 8%,#edf1e8 8% 29%,#dae4d3 29% 45%,#f0eee4 45% 67%,#cddfd7 67%)}.map{height:53%}.map:before,.route-map:before,.offer-map:before,.provider-route:before{position:absolute;inset:0;content:"";opacity:.75;background:repeating-linear-gradient(115deg,transparent 0 22px,#ffffffbd 23px 26px,transparent 27px 48px),repeating-linear-gradient(22deg,transparent 0 32px,#fff 34px 37px,transparent 39px 65px)}.map-label{position:absolute;z-index:2;color:#718078;font-size:9px;font-weight:800;letter-spacing:1px}.map-label.one{top:20%;left:14%}.map-label.two{top:38%;right:12%}.zone{position:absolute;z-index:2;top:26%;left:28%;width:145px;height:145px;border:2px solid #14884b6b;border-radius:50%;background:#14884b28}.pin{position:absolute;z-index:3;display:grid;place-items:center;width:33px;height:33px;border-radius:50% 50% 50% 0;background:var(--green);color:#fff;font-size:14px;font-style:normal;transform:rotate(-45deg);box-shadow:0 4px 9px #0004}.home-pin{top:45%;left:44%}.pro{position:absolute;z-index:3;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:14px;font-style:normal;box-shadow:0 3px 9px #0003}.pro.a{top:27%;left:21%}.pro.b{top:38%;right:17%}.pro.c{right:28%;bottom:16%}.sheet{position:absolute;bottom:0;width:100%;padding:20px 21px calc(env(safe-area-inset-bottom) + 20px);border-radius:24px 24px 0 0;background:#fff}.pill{display:inline-block;padding:6px 8px;border-radius:99px;background:var(--mist);color:var(--green);font:800 9px ui-monospace,monospace;letter-spacing:.5px}.sheet h1{margin:13px 0 8px;font-size:28px;letter-spacing:-1.7px;line-height:1.04}.sheet p{color:var(--muted);font-size:11px;line-height:1.55}.steps{display:grid;grid-template-columns:21px 1fr 21px 1fr 21px;align-items:center;margin:20px 0 6px}.steps b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--green);color:#fff;font-size:11px}.steps b:last-child{background:#dfe8df;color:#8b988e}.steps b:nth-of-type(2){background:var(--yellow);color:var(--ink)}.steps i{height:2px;background:#bdd7c5}.step-label{display:flex;justify-content:space-between;color:#6b786f;font-size:9px}.success{text-align:center}.success>i,.complete-mark{display:grid;place-items:center;width:59px;height:59px;margin:0 auto 9px;border-radius:50%;background:var(--mist);color:var(--green);font-size:29px;font-style:normal;font-weight:900}.success>small{color:var(--green);font:800 9px ui-monospace,monospace;letter-spacing:1px}.success h1{margin:7px 0;font-size:25px;letter-spacing:-1.4px;line-height:1.08}.success p{color:var(--muted);font-size:11px;line-height:1.5}.pro-card{display:flex;gap:10px;align-items:center;margin:18px 0;padding:11px;border:1px solid var(--line);border-radius:15px;background:#fff}.pro-card div{flex:1}.pro-card b,.pro-card small,.pro-card em{display:block}.pro-card b{font-size:12px}.pro-card small{margin:3px 0;color:var(--muted);font-size:9px}.pro-card em{color:#9b7000;font-size:10px;font-style:normal}.pro-card>strong{color:var(--green);font-size:24px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stats>div,.trip-stats>div,.offer-stats>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.stats b,.stats small,.trip-stats b,.trip-stats small,.offer-stats b,.offer-stats small{display:block}.stats b,.trip-stats b,.offer-stats b{font-size:14px}.stats small,.trip-stats small,.offer-stats small{margin-top:3px;color:var(--muted);font-size:9px}.quote{margin:16px 0;padding:12px;border:1px solid #cbe2d0;border-radius:14px;background:linear-gradient(135deg,#eef7ef,#fff)}.quote small,.quote b,.quote span{display:block}.quote small{color:var(--green);font:800 9px ui-monospace,monospace;letter-spacing:.7px}.quote b{margin:5px 0;font-size:12px}.quote span{color:var(--muted);font-size:10px;line-height:1.4}.route-map{height:54%}.route{position:absolute;z-index:2;top:23%;left:27%;width:48%;height:45%;border-right:5px solid var(--green);border-bottom:5px solid var(--green);border-radius:0 0 60px 0;transform:rotate(16deg)}.pro-pin{top:28%;left:25%}.dest-pin{right:19%;bottom:21%;background:var(--ink)}.eta{position:absolute;z-index:4;top:17%;right:18%;padding:7px 10px;border-radius:10px;background:var(--ink);color:#fff;text-align:center;font-size:8px}.eta b{display:block;color:var(--yellow);font-size:14px}.live{background:#dff5e6}.trip-title{display:flex;gap:10px;align-items:center;margin:13px 0}.trip-title h1{margin:0;font-size:21px;letter-spacing:-1px}.trip-title p{margin:3px 0;color:var(--muted);font-size:10px}.trip-stats,.offer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trip-stats>div,.offer-stats>div{padding:8px}.trip-stats b,.offer-stats b{font-size:11px}.complete{text-align:center;padding-top:25px}.complete h1{margin:8px 0;font-size:28px;letter-spacing:-1.5px}.complete>p:not(.eyebrow):not(.fine){color:var(--muted);font-size:11px;line-height:1.5}.stars{display:flex;justify-content:center;gap:5px;margin-top:20px}.stars button{padding:0;border:0;background:none;color:#dbe2da;font-size:34px}.stars .rated{color:var(--yellow)}.provider{min-height:100dvh;padding-bottom:74px;background:var(--ink);color:#fff}.provider-head{min-height:70px;padding:calc(env(safe-area-inset-top) + 15px) 21px 10px}.provider-head .logo{width:95px}.provider-head .back{border-color:#ffffff35;background:#ffffff12;color:#fff}.provider-body{padding:17px 21px}.provider-body>h1,.trip-status h1{margin:8px 0 20px;font-size:29px;letter-spacing:-1.7px;line-height:1.04}.available-card{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #35473b;border-radius:17px;background:#1d2922}.available-card span{color:#48cf7f;font-size:9px}.available-card b,.available-card small{display:block}.available-card b{margin-top:3px;font-size:14px}.available-card small{margin-top:3px;color:#afbeb3;font-size:10px}.toggle{width:45px;height:26px;padding:4px;border:0;border-radius:99px;background:#647269}.toggle.on{background:#36b96e}.toggle i{display:block;width:18px;height:18px;border-radius:50%;background:#fff}.toggle.on i{margin-left:19px}.window{padding:12px 2px 17px;border-bottom:1px solid #344238}.window small,.window b,.window span{display:block}.window small{color:var(--yellow);font:800 9px ui-monospace,monospace;letter-spacing:.6px}.window b{margin:4px 0;font-size:12px}.window span{color:#afbeb3;font-size:10px}.dark-title{margin-top:18px}.dark-title small{color:var(--yellow)}.offer{padding:15px;border-radius:18px;background:#fff;color:#1c291f}.offer h2{margin:10px 0;font-size:22px;letter-spacing:-1px}.offer-map{height:134px;margin:10px 0;border-radius:12px}.offer-map>small,.offer-map>b{position:absolute;z-index:4;padding:5px 7px;border-radius:6px;background:#ffffffd9;font-size:9px}.offer-map>small{top:9px;left:9px;color:#516157}.offer-map>b{bottom:9px;left:11px}.offer-map .zone{top:22%;left:35%;width:85px;height:85px}.offer-map .pin{top:43%;left:47%}.offer>p{color:#5d6b61;font-size:10px;line-height:1.45}.offer .privacy{margin:12px 0;background:#e7f4ea;color:#26362b}.dark-nav{border-color:#314036;background:#141c17}.dark-nav button{color:#8e9e91}.dark-nav .active{color:var(--yellow)}.provider .success{padding:20px 5px 8px}.provider .success>i{background:#21382a;color:#5ade8b}.provider .success p{color:#b5c4b8}.address{margin:16px 0;padding:15px;border-radius:15px;background:#fff;color:#1a281e}.address small{display:block;color:var(--green);font:800 9px ui-monospace,monospace;letter-spacing:.7px}.address>b{display:block;margin-top:6px;font-size:15px}.address p{margin:4px 0;color:#5f6d64;font-size:11px}.address span{display:block;margin-top:4px;color:#627067;font-size:10px;line-height:1.45}.address hr{margin:12px 0;border:0;border-top:1px solid var(--line)}.provider-body>.privacy{background:#1d2a21;color:#bdd0c0}.provider-body>.privacy i{color:#54d685}.provider-body>.privacy small{color:#bdd0c0}.provider-route{height:240px;margin:3px 0 18px;border-radius:16px}.provider-route>b,.provider-route>small{position:absolute;z-index:4;left:12px;padding:6px 8px;border-radius:7px;background:#fffe;color:#233229}.provider-route>b{bottom:33px;font-size:11px}.provider-route>small{bottom:12px;font-size:9px}.trip-status{text-align:center}.trip-status h1{margin:12px 0 7px}.trip-status p{color:#b4c4b7;font-size:11px;line-height:1.5}.light{color:#9cad9f}.empty{padding:37px 22px;border:1px dashed #506153;border-radius:16px;color:#c4d0c5;text-align:center}.empty i{display:block;margin-bottom:10px;color:var(--yellow);font-size:32px;font-style:normal}.empty b,.empty small{display:block}.empty b{font-size:13px}.empty small{margin-top:5px;color:#a4b4a6;font-size:10px;line-height:1.5}.simple{padding:80px 30px;text-align:center}.simple>i{color:var(--green);font-size:42px;font-style:normal}.simple h1{margin:10px 0;font-size:28px;letter-spacing:-1.5px}.simple p{color:var(--muted);font-size:12px;line-height:1.5}@media(min-width:600px){body{padding:20px;background:radial-gradient(circle at 50% 10%,#314137,transparent 35%),#0d110f}.phone{min-height:calc(100dvh - 40px);border-radius:32px;box-shadow:0 24px 75px #0008}nav{border-radius:0 0 32px 32px}}