@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--forest:#063f36;--forest-2:#075d4b;--lime:#a7ef1f;--lime-2:#c8ff59;--ink:#10231f;--muted:#6b7c77;--line:#e4ebe8;--paper:#fff;--map:#e8efeb;--shadow:0 28px 80px rgba(0,32,26,.28)}
*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 20%,#11705b 0,transparent 28%),linear-gradient(135deg,#032e27,#075345 70%,#092e28);min-height:100vh}.stage{min-height:100vh;display:grid;grid-template-columns:minmax(300px,580px) 390px;align-items:center;justify-content:center;gap:72px;padding:44px}.pitch{color:#fff;max-width:580px}.pitch-brand{display:flex;align-items:center;gap:13px;margin-bottom:72px}.pitch-brand img{width:54px;height:54px;object-fit:contain}.pitch-brand div{display:flex;flex-direction:column;line-height:.88;font-size:22px;letter-spacing:3px}.pitch-brand strong{color:var(--lime);font-size:25px}.eyebrow{color:var(--lime);letter-spacing:2.5px;font-size:13px;font-weight:800}.pitch h1{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-2.6px;margin:14px 0 22px}.pitch-copy{color:#c6ddd7;font-size:18px;line-height:1.7;max-width:540px}.feature-list{display:flex;flex-wrap:wrap;gap:9px;margin:32px 0}.feature-list span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 14px;font-size:13px;background:rgba(255,255,255,.06)}.instruction{font-size:13px;color:#86b0a6;margin-top:60px}.phone{position:relative;width:390px;height:810px;border-radius:48px;background:#0b1715;padding:10px;box-shadow:var(--shadow),inset 0 0 0 2px #2c3735;overflow:hidden}.app{height:100%;border-radius:39px;overflow:hidden;background:var(--map);position:relative}.phone-top{position:absolute;z-index:50;top:13px;left:28px;right:28px;color:#13241f;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;pointer-events:none}.island{height:25px;width:94px;background:#0b1715;border-radius:0 0 16px 16px}.app-header{position:absolute;z-index:10;top:28px;left:0;right:0;padding:12px 17px;display:flex;align-items:center;justify-content:space-between}.avatar{border:0;width:39px;height:39px;border-radius:50%;background:var(--forest);color:white;font-size:12px;font-weight:800;box-shadow:0 4px 12px #7a928b55}.mini-brand{display:flex;align-items:center;background:rgba(255,255,255,.92);border-radius:999px;padding:5px 11px 5px 6px;box-shadow:0 4px 15px #7a928b44;font-size:10px;font-weight:800;letter-spacing:1px}.mini-brand img{width:27px;height:27px;object-fit:contain;background:var(--forest);border-radius:50%;padding:4px;margin-right:7px}.mini-brand b{color:#68a900}.icon-button,.locate{display:grid;place-items:center;border:0;background:white;border-radius:50%;width:39px;height:39px;box-shadow:0 4px 15px #7a928b55}.icon-button svg,.locate svg{width:19px;fill:none;stroke:var(--forest);stroke-width:1.8;stroke-linecap:round}.map{position:absolute;inset:0 0 332px;overflow:hidden;background:linear-gradient(160deg,#edf2ef,#dfe9e4)}.streets{position:absolute;inset:0;width:100%;height:100%}.streets path{fill:none;stroke:white;stroke-width:9;stroke-linecap:round}.streets path:nth-of-type(n+3){stroke-width:5}.streets .river{stroke:#9dd4d2;stroke-width:20}.place{position:absolute;font-size:9px;color:#71827d;font-weight:700}.place-a{top:125px;left:95px}.place-b{top:188px;right:22px}.place-c{top:260px;right:48px}.car{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--forest);border:3px solid white;box-shadow:0 4px 10px #2e524b55;display:grid;place-items:center;color:var(--lime);font-size:12px}.car-1{left:70px;top:165px;transform:rotate(15deg)}.car-2{right:60px;top:105px;transform:rotate(-20deg)}.car-3{right:95px;top:265px;transform:rotate(35deg)}.user-pin{position:absolute;top:205px;left:175px;width:31px;height:31px;border-radius:50%;background:#1885e7aa;border:8px solid #fff;box-shadow:0 0 0 10px #1885e733}.locate{position:absolute;right:16px;bottom:18px}.ride-card{position:absolute;z-index:12;left:0;right:0;bottom:69px;background:var(--paper);border-radius:27px 27px 0 0;padding:10px 18px 18px;box-shadow:0 -8px 25px rgba(12,49,40,.08);max-height:610px;overflow:auto;transition:transform .28s ease,opacity .22s}.ride-card.hidden{transform:translateY(110%);opacity:0;pointer-events:none}.grab{width:42px;height:4px;border-radius:999px;background:#d7dfdc;margin:0 auto 13px}.greeting{font-size:13px;color:var(--muted);margin:0 0 2px}.ride-card h2{margin:0;font-size:22px;letter-spacing:-.7px}.destination{width:100%;display:flex;align-items:center;text-align:left;border:1px solid var(--line);background:#f7faf8;border-radius:16px;margin:14px 0 12px;padding:12px}.destination b,.destination small{display:block}.destination b{font-size:14px}.destination small{font-size:10px;color:var(--muted);margin-top:2px}.search-icon{font-size:26px;margin-right:10px;color:var(--forest)}.chevron{margin-left:auto;font-size:25px;color:#8b9995}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{border:1px solid var(--line);background:white;border-radius:14px;padding:10px;text-align:left;display:grid;grid-template-columns:34px 1fr;column-gap:7px}.action-icon{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#eafaec;display:grid;place-items:center;color:var(--forest);font-size:18px}.quick-actions b{font-size:12px}.quick-actions small{font-size:9px;color:var(--muted)}.eco-note{display:flex;gap:10px;align-items:center;margin-top:12px;background:#effbe1;border-radius:13px;padding:9px 11px}.eco-note>span{color:#65a800}.eco-note p{margin:0}.eco-note b,.eco-note small{display:block}.eco-note b{font-size:10px}.eco-note small{font-size:9px;color:#5e7a51}.bottom-nav{position:absolute;z-index:15;bottom:0;left:0;right:0;height:70px;padding:7px 45px 8px;background:white;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent;color:#87948f;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav span{font-size:20px}.bottom-nav .active{color:var(--forest);font-weight:800}.card-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.card-title h2{font-size:19px}.card-title small{color:var(--muted);font-size:10px}.back{width:32px;height:32px;border-radius:50%;border:0;background:#eff3f1;font-size:24px;color:var(--forest);display:grid;place-items:center}.route-input{height:55px;border:1px solid var(--line);display:flex;align-items:center;padding:8px 11px;gap:10px}.route-input:first-of-type{border-radius:13px 13px 0 0}.route-input.active{border-color:var(--forest);border-radius:0 0 13px 13px}.route-input small,.route-input b{display:block}.route-input small{font-size:9px;color:var(--muted)}.route-input b{font-size:11px}.route-input input{border:0;outline:0;width:100%;font-size:12px;font-weight:700}.dot{display:block;width:10px;height:10px;border-radius:50%;flex:none}.dot.start{background:#158be2;border:2px solid #cbe7fc}.dot.end{background:var(--lime);border:2px solid var(--forest)}.suggestions{margin:10px 0}.suggestions button{width:100%;display:flex;align-items:center;border:0;border-bottom:1px solid var(--line);background:white;padding:9px 4px;text-align:left}.suggestions button>span{width:35px;height:35px;border-radius:10px;background:#f1f5f3;display:grid;place-items:center;margin-right:9px}.suggestions p{margin:0}.suggestions b,.suggestions small{display:block}.suggestions b{font-size:11px}.suggestions small{font-size:9px;color:var(--muted)}.primary{width:100%;border:0;border-radius:14px;background:var(--lime);color:#163500;font-weight:800;padding:14px;font-size:13px;box-shadow:0 7px 18px #9edc3266}.ride-option{width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:10px;display:flex;align-items:center;text-align:left;margin-bottom:8px}.ride-option.selected{border:2px solid var(--forest);background:#f5faf7}.vehicle{width:53px;height:39px;border-radius:12px;background:var(--forest);color:var(--lime);display:grid;place-items:center;margin-right:10px}.vehicle.comfort{background:#0c6a5a}.ride-option p{margin:0;flex:1}.ride-option p b,.ride-option p small,.ride-option>div:last-child strong,.ride-option>div:last-child small{display:block}.ride-option b,.ride-option strong{font-size:12px}.ride-option small{font-size:9px;color:var(--muted);margin-top:2px}.ride-option>div:last-child{text-align:right}.payment{display:flex;align-items:center;border-top:1px solid var(--line);padding:9px 2px;margin-top:5px}.payment>span{margin-right:9px}.payment p{margin:0;flex:1}.payment p small,.payment p b{display:block;font-size:10px}.payment button{border:0;background:transparent;color:var(--forest);font-size:10px;font-weight:800}.searching-card{text-align:center;padding-bottom:28px}.pulse-logo{width:76px;height:76px;border-radius:50%;background:var(--forest);display:grid;place-items:center;margin:7px auto 16px;box-shadow:0 0 0 12px #a7ef1f22}.pulse-logo img{width:54px;height:54px;object-fit:contain}.searching-card h2{font-size:18px}.searching-card p,.rating-card p{font-size:11px;color:var(--muted)}.loader{height:4px;background:#e8eeeb;border-radius:999px;overflow:hidden;margin:20px 0}.loader span{display:block;width:38%;height:100%;background:var(--lime);animation:loading 1.1s infinite alternate ease-in-out}@keyframes loading{to{transform:translateX(165%)}}.text-button{border:0;background:transparent;color:#b44545;font-size:11px;font-weight:700}.status-pill{display:inline-block;font-size:8px;font-weight:800;letter-spacing:1px;color:#3f7300;background:#e7fbc9;border-radius:999px;padding:5px 8px;margin-bottom:7px}.arrival small{font-size:10px;color:var(--muted)}.driver{display:flex;align-items:center;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.driver-photo{width:44px;height:44px;border-radius:50%;background:#dbe6e1;display:grid;place-items:center;font-weight:800;margin-right:9px}.driver p{margin:0;flex:1}.driver p b,.driver p span{display:block;font-size:11px}.driver p span{font-size:9px;color:#d89500}.plate{text-align:right}.plate small,.plate strong,.plate span{display:block;font-size:9px}.plate strong{font-size:12px;border:1px solid var(--line);padding:2px 5px;border-radius:4px}.driver-actions{display:flex;justify-content:center;gap:38px;margin:6px 0 14px}.driver-actions button{border:0;background:transparent;color:var(--forest);font-size:18px}.driver-actions small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.trip-route{margin:13px 0}.trip-route>div{display:flex;align-items:center;gap:9px;padding:7px 0}.trip-route p{margin:0}.trip-route small,.trip-route b{display:block}.trip-route small{font-size:8px;color:var(--muted)}.trip-route b{font-size:11px}.trip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.trip-stats span{background:#f4f8f6;border-radius:10px;padding:8px;text-align:center}.trip-stats small,.trip-stats b{display:block}.trip-stats small{font-size:8px;color:var(--muted)}.trip-stats b{font-size:10px;margin-top:3px}.rating-card{text-align:center}.success-mark{margin:4px auto 10px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:25px;font-weight:800;color:var(--forest)}.stars{display:flex;justify-content:center;gap:4px;margin:12px 0}.stars button{border:0;background:transparent;color:#dce2df;font-size:30px;padding:1px}.stars button.on{color:#ffbd17}.receipt{display:grid;grid-template-columns:1fr auto;text-align:left;background:#f4f8f6;border-radius:12px;padding:11px;margin-bottom:12px}.receipt span,.receipt strong{font-size:11px}.receipt small{grid-column:1/3;color:var(--muted);font-size:9px}.modal{position:absolute;z-index:30;inset:0;background:#082f286b;display:flex;align-items:flex-end;opacity:1;transition:.2s}.modal.hidden{opacity:0;pointer-events:none}.modal-sheet{width:100%;background:white;border-radius:27px 27px 0 0;padding:10px 18px 22px}.modal-copy{font-size:11px;color:var(--muted)}.date-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.date-row button{border:1px solid var(--line);background:white;border-radius:11px;padding:8px}.date-row .selected{border-color:var(--forest);background:#f1f8f4}.date-row b,.date-row small{display:block;font-size:10px}.date-row small{color:var(--muted);font-size:8px}.time-select,.select-field{display:block;border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-bottom:13px}.time-select span,.select-field span{display:block;font-size:9px;color:var(--muted)}.time-select input,.select-field select{border:0;width:100%;outline:0;font-weight:700;background:white;color:var(--ink);font-size:13px;margin-top:3px}
@media(max-width:900px){body{background:#0b1715}.stage{display:block;padding:0;min-height:100vh}.pitch{display:none}.phone{width:100%;max-width:430px;height:100dvh;min-height:690px;margin:auto;border-radius:0;padding:0;box-shadow:none}.app{border-radius:0}.phone-top{top:4px}.app-header{top:20px}.ride-card{bottom:68px}.phone-bottom{display:none}}
@media(max-height:760px) and (min-width:901px){.phone{height:700px}.map{bottom:300px}.ride-card{max-height:530px}.pitch-brand{margin-bottom:35px}.pitch h1{font-size:46px}}
.prototype-tabs{display:flex;gap:8px;margin-top:38px}.prototype-tabs a{color:#b8d2cb;text-decoration:none;border:1px solid rgba(255,255,255,.18);padding:10px 17px;border-radius:999px;font-size:13px;font-weight:700}.prototype-tabs a.active{background:var(--lime);color:#163500;border-color:var(--lime)}.prototype-tabs+.instruction{margin-top:16px}.mobile-switch{display:none}@media(max-width:900px){.mobile-switch{display:block;position:absolute;z-index:11;top:83px;right:16px;color:var(--forest);background:rgba(255,255,255,.94);padding:7px 10px;border-radius:999px;text-decoration:none;font-size:9px;font-weight:800;box-shadow:0 4px 12px #37564f33}}