:root{color:#17231e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17231e;--muted:#64716b;--paper:#fffdf8;--cream:#f4f0e8;--line:#ded8cc;--green:#1d6b50;--green-deep:#124735;--green-soft:#dfece5;--coral:#dc704e;--coral-soft:#fae7df;--gold:#dcae54;--shadow:0 20px 70px #23332b1f;background:#f4f0e8;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{background:radial-gradient(circle at 8% 8%, #dcae5429, transparent 26rem), radial-gradient(circle at 94% 16%, #1d6b5021, transparent 31rem), var(--cream);min-width:320px;min-height:100vh;margin:0}button,textarea,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #dc704e73}.app{min-height:100vh}.topbar{border-bottom:1px solid #17231e1f;justify-content:space-between;align-items:center;width:min(1440px,100% - 48px);min-height:78px;margin:0 auto;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green-deep);color:#fff;border-radius:14px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 24px #12473538}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font:800 16px/1.15 Manrope,sans-serif}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:12px}.topbar-actions{align-items:center;gap:18px;display:flex}.connection{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.connection i{background:#9ba29f;border-radius:999px;width:8px;height:8px}.connection.online i{background:#2e9a70;box-shadow:0 0 0 5px #2e9a701f}.role-link{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fffdf8b8;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.role-link:hover{border-color:var(--green);background:var(--paper);transform:translateY(-1px)}.shell{grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);align-items:stretch;gap:28px;width:min(1440px,100% - 48px);margin:36px auto 0;display:grid}.intro-panel,.workspace-panel{border-radius:28px;overflow:hidden}.intro-panel{color:#f7faf8;background:linear-gradient(155deg, #ffffff0a, transparent 42%), var(--green-deep);box-shadow:var(--shadow);padding:clamp(30px,4vw,58px);position:relative}.intro-panel:after{content:"";border:42px solid #ffffff0b;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-110px;right:-100px}.role-passenger .intro-panel{background:linear-gradient(155deg,#ffffff0d,#0000 42%),#263f55}.route-pill{color:#f7faf8;letter-spacing:.03em;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin:26px 0 10px;font-size:12px;font-weight:800}.intro-panel .eyebrow{color:#ecc789}.intro-panel h1{letter-spacing:-.055em;max-width:620px;margin:0;font:800 clamp(36px,4.5vw,68px)/.99 Manrope,sans-serif}.lede{color:#f7faf8c7;max-width:590px;margin:24px 0 34px;font-size:16px;line-height:1.65}.journey-card{z-index:1;border-top:1px solid #ffffff1f;grid-template-columns:38px 1fr;gap:14px;padding:17px 0;display:grid;position:relative}.journey-number{color:#ecc789;letter-spacing:.09em;font:700 12px/1.4 Manrope,sans-serif}.journey-card strong{font:700 14px/1.4 Manrope,sans-serif;display:block}.journey-card p{color:#f7faf89e;margin:4px 0 0;font-size:13px;line-height:1.5}.trust-note{z-index:1;color:#f7faf8d6;background:#ffffff17;border-radius:14px;align-items:flex-start;gap:11px;margin-top:23px;padding:14px;font-size:12px;line-height:1.45;display:flex;position:relative}.trust-note svg{color:#ecc789;flex:none}.workspace-panel{background:var(--paper);min-height:720px;box-shadow:var(--shadow);border:1px solid #17231e14;flex-direction:column;padding:clamp(24px,3vw,36px);display:flex}.workspace-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:20px;display:flex}.workspace-heading .eyebrow,.section-heading .eyebrow{margin:0 0 7px}.workspace-heading h2,.section-heading h2{letter-spacing:-.04em;margin:0;font:800 clamp(23px,3vw,34px)/1.08 Manrope,sans-serif}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:13px;font-weight:700}.chat-window{scrollbar-color:#cbc4b8 transparent;flex:1;min-height:480px;max-height:620px;padding:26px 4px 22px;overflow-y:auto}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:460px;display:flex}.welcome-icon{background:var(--green-soft);width:60px;height:60px;color:var(--green);border-radius:20px;place-items:center;display:grid;transform:rotate(-4deg)}.role-passenger .welcome-icon{color:#315b7d;background:#e3ebf2}.welcome h3{letter-spacing:-.035em;margin:20px 0 8px;font:800 24px/1.2 Manrope,sans-serif}.welcome>p{max-width:470px;color:var(--muted);margin:0 0 24px;line-height:1.55}.prompt-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,620px);display:grid}.prompt-grid button{border:1px solid var(--line);min-height:106px;color:var(--ink);cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:16px;font-size:13px;font-weight:650;line-height:1.4;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.prompt-grid button span{color:var(--coral);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;position:absolute;top:13px;left:15px}.prompt-grid button svg{color:var(--green)}.prompt-grid button:hover:not(:disabled){border-color:#1d6b5099;transform:translateY(-2px);box-shadow:0 10px 25px #23332b14}.prompt-grid button:disabled{opacity:.55;cursor:wait}.message-group{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.message{white-space:pre-wrap;border-radius:17px;max-width:84%;padding:12px 15px;font-size:14px;line-height:1.58}.message-user{background:var(--green-deep);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.role-passenger .message-user{background:#263f55}.message-ai{color:var(--ink);background:#f1eee7;border-bottom-left-radius:5px;align-self:flex-start}.message-system{color:var(--muted);background:0 0;align-self:flex-start;align-items:center;gap:8px;padding-left:2px;display:inline-flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-card,.approval-card{border:1px solid var(--line);background:#fff;border-radius:20px;align-self:flex-start;width:min(94%,650px);padding:20px;box-shadow:0 12px 35px #23332b14}.result-driver{border-top:4px solid var(--green)}.result-ride{border-top:4px solid #315b7d}.result-kicker{color:var(--green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.result-card h3{letter-spacing:-.03em;margin:10px 0 3px;font:800 21px/1.2 Manrope,sans-serif}.result-status{color:var(--coral);margin:0 0 16px;font-size:13px;font-weight:700}.data-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.data-line{background:#f5f2ec;border-radius:12px;padding:11px 12px}.data-line span,.data-line strong{display:block}.data-line span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.data-line strong{margin-top:4px;font-size:13px;line-height:1.35}.result-columns{grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;display:grid}.result-columns h4{text-transform:uppercase;letter-spacing:.07em;margin:0 0 7px;font-size:12px}.result-columns ul,.result-columns ol{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.6}.result-notice{background:var(--coral-soft);color:#773b29;border-radius:12px;margin:15px 0 0;padding:12px;font-size:12px;line-height:1.5}.roadmap-list{gap:9px;margin-top:14px;display:grid}.roadmap-item{background:#f5f2ec;border-radius:12px;justify-content:space-between;gap:14px;padding:12px;display:flex}.roadmap-item strong{font-size:13px}.roadmap-item p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.4}.roadmap-item>span{background:var(--green-soft);height:fit-content;color:var(--green-deep);border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.approval-card{background:#fffaf0;border-color:#d8b976;gap:13px;display:flex}.approval-card>svg{color:#a47624;flex:none}.approval-card strong{font:700 14px/1.4 Manrope,sans-serif}.approval-card p{color:var(--muted);margin:4px 0 12px;font-size:12px}.approval-actions{gap:8px;display:flex}.approval-actions button{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-flex}.approval-actions .button-secondary{border-color:var(--line);color:var(--ink);background:#fff}.composer{background:#fff;border:1px solid #c9c2b6;border-radius:18px;grid-template-columns:1fr 48px;align-items:end;gap:10px;padding:7px;display:grid;box-shadow:0 8px 28px #23332b14}.composer:focus-within{border-color:var(--green);box-shadow:0 0 0 4px #1d6b5017}.composer textarea{resize:vertical;min-height:48px;max-height:130px;color:var(--ink);background:0 0;border:0;outline:0;padding:13px 12px;line-height:1.45}.composer textarea::placeholder{color:#8b928e}.composer>button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.composer>button:disabled{opacity:.42;cursor:not-allowed}.privacy-line{color:#818985;text-align:center;margin:9px 2px 0;font-size:10px}.preview-note{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.5}footer a{color:var(--green);text-underline-offset:3px}.connections-section{width:min(1240px,100% - 48px);margin:88px auto 70px}.section-heading{max-width:650px}.connection-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;display:grid}.connection-grid article{border:1px solid var(--line);background:#fffdf8b8;border-radius:20px;min-height:222px;padding:22px}.connection-icon{background:var(--green-soft);width:42px;height:42px;color:var(--green);border-radius:13px;place-items:center;margin-bottom:25px;display:grid}.connection-grid article>span{color:var(--coral);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.connection-grid h3{margin:7px 0 8px;font:800 18px/1.2 Manrope,sans-serif}.connection-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}footer{border-top:1px solid var(--line);width:min(1440px,100% - 48px);color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:26px 0 34px;font-size:12px;display:flex}@media (width<=1080px){.shell{grid-template-columns:1fr}.intro-panel h1{max-width:800px}.workspace-panel{min-height:680px}.connection-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.topbar,.shell,.connections-section,footer{width:min(100% - 28px,100%)}.topbar{min-height:70px}.connection{display:none}.role-link{padding:0 11px}.shell{gap:16px;margin-top:18px}.intro-panel,.workspace-panel{border-radius:21px}.intro-panel{padding:28px 23px}.intro-panel h1{font-size:40px}.workspace-panel{min-height:680px;padding:22px 15px}.prompt-grid,.data-grid,.result-columns,.connection-grid{grid-template-columns:1fr}.prompt-grid button{min-height:90px}.chat-window{max-height:660px}.message,.result-card,.approval-card{width:95%;max-width:95%}.connections-section{margin-top:60px}footer{flex-direction:column;padding-bottom:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
