:root{font-family:Arial,Helvetica,sans-serif;color:#17251f;background:#f7f8f2;font-synthesis:none;--lime:#b6ff28;--ink:#17251f;--muted:#58665e;--line:#dae1d4}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5c8316;outline-offset:4px}.top{max-width:1360px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand span{color:#587c22}.top nav{display:flex;gap:25px;font-size:13px}main{max-width:1360px;margin:auto;padding:0 32px}.intro{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;padding:45px 0 30px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:0 0 13px}h1{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.9px;line-height:1.09;margin:0 0 18px}h1 span{font-weight:400}p{line-height:1.65}.intro>div>p:last-child{font-size:14px;max-width:600px;color:var(--muted);margin-bottom:0}.intro aside{background:#eaf1df;border:1px solid #d7e1c9;padding:23px;border-radius:12px}.intro aside strong{font-size:14px}.intro aside p{font-size:12px;color:#4b5d41;margin:10px 0 15px}.quiet{border:1px solid #66745d;background:transparent;color:var(--ink);padding:9px 13px;border-radius:6px;font-size:12px;font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.steps li{padding:17px 20px;font-size:12px;color:var(--muted);border-right:1px solid var(--line)}.steps li:last-child{border:0}.steps b{margin-right:13px}.steps [aria-current]{background:var(--ink);color:white}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 10px 30px #23321b05;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 22px;border-bottom:1px solid var(--line)}.panel-head .eyebrow{margin-bottom:8px;font-size:9px}.panel h2{font-size:21px;letter-spacing:-.7px;line-height:1.25;margin:0}.badge{font-size:9px;line-height:1.4;border:1px solid #b9c9ad;border-radius:4px;padding:6px 8px;white-space:nowrap;color:#456032}.staff .panel-head{background:var(--ink);color:white}.staff .eyebrow{color:#bac8b7}.staff-badge{color:#d8edc3;border-color:#6a805c}.vehicle-picker{padding:20px 22px;background:#f4f6ef}.vehicle-picker label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;display:block;margin-bottom:9px}select{border:1px solid #bcc9b0;border-radius:6px;background:white;width:100%;padding:11px 10px;color:var(--ink);font-size:14px}#vehicle-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;gap:10px}#vehicle-facts small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}#vehicle-facts strong{font-size:17px;letter-spacing:-.5px}.chat-head{display:flex;justify-content:space-between;padding:14px 22px;border-block:1px solid var(--line);align-items:center;font-size:13px}.state{font-size:9px;background:#edf4e3;color:#49652e;border-radius:20px;padding:6px 9px;white-space:nowrap}.state.waiting{background:#fff0c7;color:#7d5408}.transcript{height:290px;overflow:auto;padding:18px 22px;overscroll-behavior:contain;scrollbar-width:thin;background:#fff}.staff .transcript{height:365px;background:#fbfcf8}.empty{font-size:13px;color:#718067;padding:38px 15px;text-align:center}.bubble{max-width:92%;border-radius:12px;margin:0 0 14px;padding:12px 14px;background:#f0f3ea;overflow-wrap:anywhere}.bubble small{font-size:8px;letter-spacing:1px;color:#596a4f;font-weight:bold}.bubble p{font-size:13px;line-height:1.6;margin:6px 0 0;white-space:pre-wrap}.bubble.shopper{margin-left:auto;background:#e8f1de}.bubble.staff{background:#e1efc9;border:1px solid #c4d6a8}.bubble.system{background:#f7f7f1;border:1px dashed #d7ddcd;max-width:100%}.bubble.system p{font-size:11px;color:#64705c}.suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:5px 22px 13px}.suggestions button{border:1px solid #c8d5b9;border-radius:20px;background:#fff;padding:7px 10px;font-size:10px;color:#41542f}.composer{display:flex;gap:9px;padding:12px 22px;border-top:1px solid var(--line);margin:0}.composer input{min-width:0;flex:1;border:1px solid #bdc8b5;border-radius:6px;padding:11px 12px;color:var(--ink);font-size:12px}.composer input:disabled{background:#f4f5ef}.primary{border:1.5px solid var(--ink);background:var(--lime);color:#132000;padding:10px 15px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.person{width:calc(100% - 44px);margin:0 22px 18px;padding:12px;border:1px solid #293c1d;border-radius:6px;background:var(--ink);color:white;font-size:12px}.contact{border-top:1px solid var(--line);padding:17px 22px}.contact summary{font-size:12px;font-weight:bold;cursor:pointer}.contact p{font-size:11px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.contact-grid label{font-size:10px;font-weight:600}.contact-grid input{width:100%;font-size:12px;padding:9px;border:1px solid #bcc9b0;border-radius:5px;margin-top:6px}.inbox-list{display:flex;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid var(--line)}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e5efda;font-size:11px;flex-shrink:0}.inbox-list>div{flex:1;min-width:0}.inbox-list strong{font-size:13px}.inbox-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.staff-tools{padding:15px 22px;display:flex;gap:18px;align-items:center;background:#f0f4e9;border-bottom:1px solid var(--line)}.staff-tools p{font-size:11px;color:#546347;flex:1;margin:0}.staff-foot{font-size:10px;color:var(--muted);padding:15px 22px;border-top:1px solid var(--line)}.dot{display:inline-block;width:6px;height:6px;background:#728b53;border-radius:50%;margin-right:6px}.complete{background:#eaf4dc;border-top:1px solid #cfdfba;padding:20px 22px}.complete strong{font-size:15px}.complete p{font-size:12px;color:#4e6240;margin:8px 0}.complete a{font-size:12px;font-weight:700}.error{margin:0 22px 10px;color:#9d2f24;font-size:12px}.error:empty{display:none}.demo-note{max-width:780px;margin:45px auto 40px;text-align:center}.demo-note h2{font-size:25px;letter-spacing:-.8px}.demo-note p{color:var(--muted);font-size:12px}.demo-note a{font-size:12px}footer{max-width:1360px;margin:auto;border-top:1px solid var(--line);padding:25px 32px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;background:white;z-index:99;padding:12px}[hidden]{display:none!important}@media(max-width:950px){.panel-head{align-items:flex-start;flex-direction:column}.intro{gap:30px}.staff-tools{flex-direction:column;align-items:stretch}.staff .transcript{height:340px}.workspace{gap:15px}.panel h2{font-size:20px}}@media(max-width:700px){main{padding:0 18px}.top{padding:20px 18px}.brand{font-size:23px}.top nav{gap:15px;font-size:10px}.intro{grid-template-columns:1fr;gap:20px;padding-top:30px}.intro h1{font-size:36px}.intro aside{padding:18px}.steps li{padding:13px 9px;font-size:10px;line-height:1.6}.steps b{display:block;margin:0 0 3px}.workspace{grid-template-columns:1fr;gap:24px}.panel-head{flex-direction:row;align-items:center;padding:20px 18px}.panel h2{font-size:19px}.badge{font-size:8px;white-space:normal;text-align:center}.staff .transcript,.transcript{height:280px}.staff-tools{flex-direction:row;align-items:center}.composer{padding:12px 15px}.composer input{font-size:16px;padding:10px;width:100%}.primary{padding:10px 12px}.suggestions{padding-inline:16px}.contact-grid{grid-template-columns:1fr}.contact-grid input{font-size:16px}.demo-note{margin-top:32px}footer{padding:22px 18px;font-size:10px;gap:20px}.person{font-size:12px}.intro>div>p:last-child{font-size:13px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}button:not(:disabled):hover{filter:brightness(.96)}}