:root{color-scheme:dark;--bg:#101210;--ink:#151814;--paper:#f7f8f4;--lime:#bded65;--muted:#9ca393;--line:#2b3028;--light-line:#dfe3d9;--panel:#181b16}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button,a,input,summary{outline-offset:5px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime)}
a{color:inherit;text-decoration:none}
button{color:inherit}
button:disabled{cursor:wait}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:550}
::selection{background:var(--lime);color:var(--ink)}
[hidden]{display:none!important}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{max-width:1248px;width:calc(100% - 112px);margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-100px;padding:12px 20px;background:var(--lime);color:var(--ink);z-index:100}
.skip-link:focus{top:15px}
.button{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 21px;font-size:13px;line-height:1.4;font-weight:600;transition:background .2s,transform .2s,border-color .2s;min-height:48px}
.button svg{width:18px;height:18px;transition:transform .2s}
.button:hover svg,.text-link:hover svg{transform:translateX(3px)}
.button:active{transform:translateY(1px)}
.button-lime{background:var(--lime);color:var(--ink)}
.button-lime:hover{background:#caf780}
.button-outline{background:transparent;border-color:#4b5342}
.button-outline:hover{background:#252c1f;border-color:#809267}
.button-small{padding:11px 17px;min-height:42px;font-size:12px;gap:23px}
.eyebrow{color:#a1a79a;font-size:9px;font-weight:550;letter-spacing:1.75px;text-transform:uppercase;display:flex;gap:9px;align-items:center}
.status-dot{width:5px;height:5px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--lime)}
.text-link{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:18px;color:var(--lime);font-size:12px;font-weight:500}
.text-link svg{width:17px;height:17px;transition:transform .2s}

.site-header{height:101px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:32px;font-weight:700;letter-spacing:-1.8px;line-height:1}
.brand-dot{width:10px;height:10px;background:var(--lime);border-radius:50%;display:inline-block;flex-shrink:0}
.brand-divider{height:20px;background:#42473c;width:1px;margin:0 7px 0 10px}
.brand-descriptor{font-size:10px;letter-spacing:.2px;font-weight:400;color:var(--muted);white-space:nowrap}
.desktop-nav{display:flex;gap:30px;padding-left:22px}
.desktop-nav a,.sign-in{color:#c1c6b9;font-size:11px;transition:color .2s}
.desktop-nav a:hover,.sign-in:hover{color:var(--lime)}
.header-actions{display:flex;gap:27px;align-items:center}
.sign-in span{padding-left:6px;color:#818877}
.menu-toggle,.mobile-nav{display:none}

.hero{position:relative;padding-top:63px}
.hero:before{content:"";position:absolute;inset:0 -20px 100px;z-index:-1;background-image:radial-gradient(#64744f66 .7px,transparent .7px);background-size:19px 19px;mask-image:radial-gradient(ellipse at 55% 63%,black,transparent 65%);opacity:.5}
.hero-intro{display:grid;grid-template-columns:1fr 290px;gap:46px;align-items:end;margin-bottom:49px}
.hero-heading .eyebrow{margin-bottom:23px}
h1{font-size:clamp(43px,4.85vw,68px);font-weight:500;line-height:1.08;letter-spacing:-3.5px}
h1 span{color:var(--lime)}
.hero-copy{padding-bottom:4px}
.hero-copy>p{font-size:13px;color:#abb1a3;line-height:1.85;margin-bottom:23px;max-width:287px}
.hero-copy .button{gap:33px}
.cta-note{display:block;color:#828b77;font-size:8px;margin-top:12px;letter-spacing:.08px}
.product-stage{position:relative;border:1px solid #353d2d;background:#1b2116a8;border-radius:12px;padding:12px 12px 0;box-shadow:0 16px 80px #0002}
.stage-caption{display:flex;align-items:center;justify-content:space-between;padding:0 5px 12px;color:#c5ceba;font-size:8px;letter-spacing:1.2px}
.stage-caption>span{display:flex;align-items:center;gap:7px}
.stage-caption button{display:flex;gap:10px;align-items:center;background:none;border:0;font-size:9px;letter-spacing:0;color:#c2d4ac;padding:2px 0}
.stage-caption svg{height:13px;width:13px}
.product-window{display:grid;grid-template-columns:57px 255px minmax(0,1fr) 212px;height:435px;background:var(--paper);color:var(--ink);border-radius:6px;overflow:hidden;color-scheme:light}
.app-rail{display:flex;align-items:center;flex-direction:column;background:#e9ede2;border-right:1px solid #dce2d3;padding:16px 7px;gap:14px}
.rail-brand{font-size:30px;line-height:1;font-weight:700;letter-spacing:-3px;margin:0 0 20px -5px}
.rail-brand span{color:#7e9f45}
.rail-icon{width:35px;height:35px;display:grid;place-items:center;color:#87907d}
.rail-icon svg{height:19px;width:19px}
.rail-icon.active{background:#d5e6bd;border-radius:7px;color:#4a602f}
.rail-bottom{margin-top:auto;width:29px;height:29px;display:grid;place-items:center;border:2px solid var(--paper);background:#c8d7b6;border-radius:50%;font-size:9px;font-weight:600;outline:1px solid #c8d0bd}
.inbox-list{border-right:1px solid var(--light-line);background:#f3f5ef;display:flex;flex-direction:column;min-width:0}
.inbox-title{display:flex;align-items:center;justify-content:space-between;padding:20px 17px 18px}
.inbox-title h2{font-size:17px;font-weight:600;letter-spacing:-.6px;display:flex;align-items:center;gap:7px}
.inbox-title h2 span{background:#e4e9dc;color:#77816a;font-size:9px;letter-spacing:0;border-radius:4px;padding:1px 5px}
.inbox-title>svg{width:15px;height:15px;color:#838c7a}
.inbox-tabs{font-size:8px;display:flex;gap:17px;border-bottom:1px solid var(--light-line);padding:0 17px;color:#8c9484}
.inbox-tabs span{padding:0 0 12px;white-space:nowrap}
.inbox-tabs .selected{border-bottom:2px solid #7c9f47;color:#37452c;font-weight:600}
.inbox-tabs b{font-size:7px;border-radius:3px;background:#e5eadf;padding:2px 4px;margin-left:2px}
.contact-list{padding:7px}
.preview-contact{width:100%;display:flex;gap:9px;text-align:left;padding:14px 9px;border:1px solid transparent;border-radius:6px;background:none;color:var(--ink);transition:background .15s}
.preview-contact:hover{background:#e8eddf}
.preview-contact.active{background:#e3ebd8;border-color:#d4dfc7}
.preview-contact:focus-visible,.preview-composer:focus-visible{outline:2px solid #647f3e;outline-offset:-3px}
.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:650;flex-shrink:0;letter-spacing:0}
.avatar-sage{background:#d0dac4;color:#526343}
.avatar-lavender{background:#e1dfeb;color:#6c647d}
.avatar-sand{background:#e9e1d4;color:#877359}
.contact-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px;color:#747d6a;font-size:8px;line-height:1.1}
.contact-copy>span:not(.contact-top):not(.contact-bottom){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.contact-top strong{font-size:10px;font-weight:600;color:#343b2e;white-space:nowrap}
.contact-top small{font-size:7px;color:#88917e}
.contact-bottom{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:7px;min-height:13px}
.channel-dot{width:6px;height:6px;border:1.5px solid #7c9263;display:inline-block;border-radius:50%;flex-shrink:0}
.unread-dot{width:5px;height:5px;background:#6f9541;border-radius:50%;margin-left:auto;margin-right:1px}
.contact-bottom svg{width:10px;height:10px}
.mini-tag{margin-left:auto;font-size:6px;border-radius:3px;background:#e8eddf;padding:3px 5px;color:#7b866e}
.inbox-footer{font-size:7px;color:#8b9680;display:flex;align-items:center;gap:5px;margin:auto 16px 19px}
.inbox-footer .status-dot{background:#8eab61;width:4px;height:4px}
.preview-chat{min-width:0;display:flex;flex-direction:column;background:var(--paper)}
.preview-chat-header{display:flex;align-items:center;gap:8px;padding:16px 19px;border-bottom:1px solid var(--light-line)}
.preview-chat-header h3{font-size:11px;font-weight:600}
.preview-chat-header p{font-size:7px;color:#89917e;display:flex;gap:5px;align-items:center;margin-top:3px}
.preview-chat-header .avatar{width:29px;height:29px;font-size:8px}
.preview-chat-header .channel-dot{height:5px;width:5px;border-width:1px}
.open-tag{margin-left:auto;font-size:7px;background:#e9efdf;border:1px solid #dce5d0;color:#7c9064;border-radius:4px;padding:3px 6px}
.more-dots{font-size:18px;letter-spacing:1px;margin-left:4px;color:#87907c}
.preview-messages{padding:17px 23px 14px;flex:1;min-height:0}
.date-divider{font-size:7px;color:#9ca391;text-align:center;margin-bottom:19px}
.message{font-size:11px;line-height:1.7;padding:11px 13px;max-width:min(88%,365px);width:fit-content;border-radius:9px 9px 9px 2px;background:#e9ece3}
.message.sent{margin-left:auto;background:#d8edb7;border-radius:9px 9px 2px 9px;margin-top:15px}
.message-time{font-size:6px;color:#959c8b;margin-top:5px}
.message-time.sent-time{text-align:right}
.sent-time span{color:#819c5c;letter-spacing:-2px;margin-left:5px}
.vehicle-card{border:1px solid #dce2d3;border-radius:6px;margin-top:16px;display:flex;align-items:center;gap:10px;padding:8px 9px;background:#f0f3eb}
.car-art{background:#e3e9db;border-radius:4px;width:83px;height:53px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}
.car-art svg{width:93px;height:55px;stroke:none}
.vehicle-card>div:not(.car-art){min-width:0}
.vehicle-kicker{display:block;font-size:5px;letter-spacing:.7px;color:#7f8c70;margin-bottom:5px}
.vehicle-card strong{display:block;font-size:8px;font-weight:600;margin-bottom:4px}
.vehicle-card strong+span{font-size:6px;color:#929b85;display:block}
.vehicle-arrow{width:14px;height:14px;color:#8a9879;margin-left:auto}
.preview-composer{margin:0 17px 16px;background:#fafbf8;border:1px solid #dce2d4;border-radius:6px;min-height:45px;padding:8px 10px 8px 12px;display:flex;align-items:center;justify-content:space-between;color:#9aa18f;font-size:9px}
.composer-icons{display:flex;gap:12px;align-items:center}
.composer-icons svg{width:14px;height:14px}
.preview-send{width:27px;height:27px;display:grid;place-items:center;border-radius:5px;background:var(--lime);color:#55673e}
.customer-panel{border-left:1px solid var(--light-line);padding:24px 16px 16px;background:#f1f4ec;font-size:9px;display:flex;flex-direction:column;align-items:flex-start}
.customer-heading{display:flex;align-items:center;justify-content:space-between;align-self:stretch;font-weight:600;font-size:9px;margin-bottom:23px;color:#4a5540}
.customer-heading svg{width:13px;height:13px;color:#9aa78a}
.context-label{font-size:6px;letter-spacing:1px;color:#939d88;margin-bottom:7px}
.dealer-name{font-size:9px;display:flex;justify-content:space-between;align-self:stretch;margin-bottom:20px;font-weight:550}
.dealer-name span{color:#82906f}
.assigned{display:flex;align-items:center;gap:6px;width:100%;font-size:8px;margin-bottom:18px}
.small-avatar{width:22px;height:22px;display:inline-flex;justify-content:center;align-items:center;background:#d5dfc9;color:#6a7958;font-size:7px;font-weight:600;border-radius:50%;flex-shrink:0}
.online-dot{width:4px;height:4px;border-radius:50%;background:#85a657;margin-left:auto}
.context-pill{padding:3px 8px;background:#e3e9db;border-radius:3px;color:#7b896b;font-size:7px}
.context-divider{width:100%;border-top:1px solid #dfe6d6;margin:17px 0}
.context-detail{font-size:7px;display:flex;gap:7px;align-items:center;color:#7e8a70;margin-bottom:9px}
.context-detail svg{width:12px;height:12px}
.team-note{background:#e6eddc;border:1px solid #dce5d0;padding:11px 12px;border-radius:5px;position:relative;margin-top:auto;width:100%}
.team-note>span:first-child{font-size:6px;color:#8a9779;letter-spacing:.4px}
.team-note p{font-size:8px;line-height:1.7;color:#687b54;margin-top:4px;max-width:119px}
.note-squiggle{position:absolute;right:9px;top:11px;color:#a5b68c;font-size:18px;transform:rotate(-25deg)}
.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#94a286;padding:11px 5px}
.stage-bottom>span:first-child{display:flex;align-items:center;gap:6px}
.stage-bottom svg{width:11px;height:11px;color:#a3bb84}
.stage-bottom>span:last-child{color:#77856a;font-size:7px}
.stage-bottom>span:last-child span{margin-left:7px;color:#9daf8c}
.channel-strip{padding:33px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);color:#b7beae}
.channel-strip>p{color:#77816b;font-size:10px;line-height:1.7}
.channel-strip strong{font-weight:500;color:#bbc3b2}
.channel-strip>span{display:flex;align-items:center;gap:11px;font-size:11px;white-space:nowrap}
.channel-strip svg{height:18px;width:18px;color:#859275}
.sms-icon{border:1px solid #717e62;border-radius:4px;color:#9bab88;font-size:6px;padding:3px 2px;line-height:1}
.channel-strip .channel-strip-end{font-size:8px;color:#6f7c62}

.section-space{padding-top:94px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:33px}
.section-heading .eyebrow,.how-intro .eyebrow,.faq-section .eyebrow{margin-bottom:17px}
.section-heading h2,.how-intro h2,.faq-section h2{font-size:39px;letter-spacing:-1.6px;line-height:1.18}
.section-heading>p{font-size:11px;color:#929b87;line-height:1.8;max-width:286px;margin-bottom:4px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.feature-card{background:var(--panel);border:1px solid #2a3123;border-radius:10px;padding:18px 24px 25px;overflow:hidden}
.feature-visual{height:174px;margin-bottom:24px;position:relative;display:flex;align-items:center;justify-content:center}
.feature-number{color:#7f8e70;font-size:7px;letter-spacing:1.3px}
.feature-card h3{font-size:17px;letter-spacing:-.4px;margin:11px 0 10px;font-weight:500}
.feature-card>p{font-size:10px;line-height:1.85;color:#939d88;max-width:286px;min-height:56px;margin-bottom:25px}
.feature-card .text-link{font-size:10px;gap:16px}
.feature-card .text-link svg{width:14px;height:14px}
.shared-visual{isolation:isolate}
.visual-orbit{position:absolute;border:1px solid #35422a;border-radius:50%;width:160px;height:160px;z-index:-1}
.orbit-two{width:235px;height:235px;opacity:.4;mask-image:linear-gradient(black 65%,transparent)}
.inbox-center{width:61px;height:61px;background:#d1eea7;border:5px solid #304224;box-shadow:0 0 0 1px #566e3b,0 9px 30px #0005;border-radius:16px;display:grid;place-items:center;color:#536f34;position:relative;transform:rotate(-5deg);z-index:1}
.inbox-center>svg{width:28px;height:28px}
.inbox-notification{position:absolute;right:-8px;top:-7px;background:var(--lime);border:3px solid var(--panel);width:21px;height:21px;line-height:15px;text-align:center;border-radius:50%;font-size:8px;color:#3f522c;transform:rotate(5deg)}
.floating-channel{position:absolute;display:grid;place-items:center;border:1px solid #435134;color:#aac28f;background:#252e1f;box-shadow:0 5px 10px #0003;border-radius:10px;width:36px;height:36px}
.floating-channel svg{width:17px;height:17px}
.channel-one{top:16px;left:49px;transform:rotate(-12deg)}
.channel-two{right:24px;top:41px;transform:rotate(12deg)}
.channel-three{left:36px;bottom:24px;transform:rotate(-8deg);font-size:9px}
.visual-pill{position:absolute;bottom:1px;right:15px;font-size:8px;color:#b6c7a4;background:#202a19;border:1px solid #38482b;border-radius:30px;padding:7px 11px;display:flex;align-items:center;gap:5px;box-shadow:0 6px 14px #0002}
.visual-pill .status-dot{width:4px;height:4px}
.handoff-visual{flex-direction:column;align-items:flex-end;gap:12px}
.handoff-note{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#252c1f;border:1px solid #3e4933;border-radius:7px;transform:rotate(-3deg);width:calc(100% - 6px);margin-right:6px;box-shadow:0 9px 19px #0002}
.handoff-note .small-avatar{background:#59694a;color:#e1e9d9}
.handoff-note p{font-size:8px;line-height:1.7;color:#a0ae93}
.handoff-note p b{display:block;font-size:8px;font-weight:500;color:#dae2d1;margin-bottom:5px}
.handoff-note p span{display:block}
.handoff-note em{font-style:normal;color:#c1e396;background:#3d502b;border-radius:3px;padding:2px 4px}
.handoff-assign{display:flex;align-items:center;gap:8px;background:#20281b;border:1px solid #34432a;border-radius:6px;padding:9px 11px;transform:rotate(2deg);font-size:7px;color:#94a783;width:84%;box-shadow:0 7px 18px #0002}
.handoff-assign .small-avatar{background:#4a5343;color:#ced9c4}
.handoff-assign b{color:#c4d3b5;font-weight:500}
.handoff-assign svg{width:13px;height:13px;color:#a0c076;margin-left:auto}
.appointment-visual{flex-direction:column;align-items:flex-end;gap:12px}
.appointment-mini{display:flex;align-items:center;gap:11px;border:1px solid #3a4930;background:#242e1d;border-radius:9px;padding:16px 14px;width:100%;transform:rotate(-2deg);box-shadow:0 10px 20px #0002}
.calendar-square{border-radius:5px;background:#c6e6a0;color:#465b32;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:47px;flex-shrink:0}
.calendar-square small{font-size:6px;letter-spacing:1px}
.calendar-square b{font-size:21px;font-weight:500;line-height:1.2}
.appointment-mini>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.appointment-mini strong{font-size:9px;font-weight:500;color:#d3dec9}
.appointment-mini div>span{font-size:7px;color:#93a883}
.appointment-mini div>.appointment-time{font-size:6px;color:#758b65}
.appointment-check{width:17px;height:17px;display:grid;place-items:center;color:#b3d892;border:1px solid #668849;background:#344c23;border-radius:50%;margin-left:auto}
.appointment-check svg{width:9px;height:9px}
.appointment-reply{border-radius:7px 7px 2px 7px;color:#cadbb8;background:#344827;border:1px solid #496436;padding:10px 13px;font-size:9px;transform:rotate(2deg);margin-right:7px;display:flex;gap:18px;align-items:center}
.appointment-reply>span{font-size:8px;color:#91b071;letter-spacing:-2px}

.how-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-bottom:89px;border-bottom:1px solid var(--line)}
.how-intro .text-link{margin-top:28px;font-size:11px}
.steps{list-style:none;margin:0;padding:5px 0 0}
.steps li{display:flex;gap:24px;padding:21px 0;border-bottom:1px solid var(--line)}
.steps li:first-child{padding-top:0}
.steps li:last-child{border-bottom:0;padding-bottom:0}
.steps li>span{font-size:10px;color:#b6d393;padding-top:3px}
.steps h3{font-size:15px;font-weight:500;letter-spacing:-.2px;margin-bottom:7px}
.steps p{font-size:10px;color:#89977b}
.billing-wrap{text-align:right}
.billing-toggle{display:flex;gap:4px;background:#191e15;border:1px solid #323b29;padding:4px;border-radius:7px}
.billing-toggle button{font-size:10px;background:none;border:0;border-radius:4px;padding:10px 13px;color:#9ca88f}
.billing-toggle button.active{background:#35452a;color:#d5eac0}
.billing-toggle button>span{font-size:7px;color:#a8c98b;padding-left:7px}
.billing-wrap>p{font-size:8px;color:#7d8a70;margin-top:9px;min-height:12px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.price-card{padding:29px 30px;background:#181c15;border:1px solid #303a27;border-radius:10px}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.plan-top h3{font-size:17px;letter-spacing:-.3px}
.plan-top>span{font-size:6px;color:#788b68;letter-spacing:1px}
.plan-top>.plan-badge{display:flex;align-items:center;gap:5px;color:#a3be88}
.plan-badge .status-dot{width:4px;height:4px}
.price{font-size:44px;letter-spacing:-2px;font-weight:500;margin:19px 0 5px;line-height:1.2}
.price>span:before{content:"$";font-size:26px;vertical-align:8px;margin-right:4px;letter-spacing:-.8px}
.price small{font-size:10px;color:#819172;letter-spacing:0;font-weight:400;margin-left:7px}
.price-card>p{font-size:10px;color:#91a080}
.price-card ul{list-style:none;padding:24px 0 0;margin:22px 0 29px;border-top:1px solid #2d3824;display:flex;flex-direction:column;gap:13px}
.price-card li{font-size:10px;color:#b7c3ac;display:flex;gap:10px;align-items:center}
.price-card li svg{width:13px;height:13px;color:#91b86c}
.price-card .button{width:100%;justify-content:space-between;font-size:11px}
.featured-plan{background:linear-gradient(140deg,#222d19,#181e13 75%);border-color:#566d3a;box-shadow:inset 0 1px 0 #667c4c40}
.pricing-footnote{text-align:center;font-size:8px;color:#7c896f;margin-top:17px}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding-bottom:90px}
.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}
.faq-list details:first-child{padding-top:0}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;color:#cbd2c2}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{width:15px;height:15px;color:#859774;transition:transform .2s}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.faq-list details>p{color:#919e83;font-size:11px;line-height:1.8;padding-top:13px;max-width:465px}
.faq-list details>.text-link{margin-top:14px;font-size:11px}
.final-cta{position:relative;overflow:hidden;text-align:center;border:1px solid #36452a;border-radius:12px;background:#1a2215;padding:56px 35px 54px;isolation:isolate}
.final-cta:before{position:absolute;content:"";inset:0;background-image:radial-gradient(#6c885144 .8px,transparent .8px);background-size:17px 17px;mask-image:linear-gradient(90deg,black,transparent 40%,transparent 60%,black);z-index:-1}
.cta-content .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px}
.cta-content h2{font-size:53px;line-height:1.12;letter-spacing:-2.5px;margin:22px 0 18px;font-weight:500}
.cta-content h2 span{color:var(--lime)}
.cta-content>p:not(.eyebrow){font-size:11px;color:#9dae8e;margin-bottom:27px}
.cta-content .button{font-size:12px;gap:35px}
.cta-secondary{display:block;background:none;border:0;font-size:9px;color:#a2b58f;margin:16px auto 0;padding:5px}
.cta-secondary>span{margin-left:5px}
.cta-orbit{position:absolute;left:-160px;top:50%;width:350px;height:350px;border:1px solid #33442a;border-radius:50%;transform:translateY(-50%);z-index:-1}
.cta-orbit:after{content:"";position:absolute;inset:-45px;border:1px solid #33442a66;border-radius:50%}
.site-footer{padding-top:48px;padding-bottom:24px}
.footer-top{display:flex;align-items:center;gap:24px;padding-bottom:32px}
.footer-top .brand{font-size:30px}
.footer-top .brand-dot{width:8px;height:8px}
.footer-top>span{font-size:9px;color:#738267;margin-left:3px}
.footer-top strong{font-weight:400;color:#9eae91}
.footer-top nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:9px;color:#a1ae94}
.footer-top nav button{background:none;border:0;font-size:9px;padding:0}
.footer-top nav a:hover,.footer-top nav button:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;font-size:8px;color:#65765a}

dialog{background:var(--bg);color:var(--paper);border:1px solid #455536;border-radius:14px;padding:0;box-shadow:0 25px 120px #0008;width:calc(100% - 32px);max-height:calc(100svh - 40px);overscroll-behavior:contain}
dialog::backdrop{background:#080b08b8;backdrop-filter:blur(7px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 27px}
.dialog-heading h2{font-size:26px;letter-spacing:-.9px;margin-top:10px}
.dialog-subtitle{font-size:10px;color:#91a07f;margin-top:8px}
.icon-button{padding:8px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #36432b;background:transparent;border-radius:6px;flex-shrink:0;color:#a0b18e}
.icon-button:hover{background:#28331f}
.icon-button svg{height:17px;width:17px}
.demo-dialog{max-width:850px}
.demo-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:430px;border-top:1px solid #35432a}
.demo-conversations{background:#191f14;border-right:1px solid #35432a;padding:14px 10px}
.demo-conversations>button{width:100%;border:1px solid transparent;border-radius:6px;background:none;display:flex;align-items:center;gap:9px;text-align:left;padding:13px 9px;font-size:11px;color:#b6c8a7}
.demo-conversations>button.active{background:#2a3620;border-color:#405730}
.demo-conversations small{display:block;font-size:8px;color:#879b76;margin-top:5px}
.demo-chat{min-width:0;display:flex;flex-direction:column;max-height:500px}
.demo-chat>header{padding:18px 22px;border-bottom:1px solid #2a3521}
.demo-chat h3{font-size:14px}
.demo-chat>header p{font-size:9px;color:#899c77;margin-top:5px}
.demo-chat-log{padding:20px 22px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:190px}
.demo-chat-log .message,.demo-chat-log .bubble{font-size:12px;padding:11px 14px;line-height:1.7;background:#242e1d;border-radius:10px 10px 10px 2px;max-width:85%;width:fit-content;color:#c9d6bf;overflow-wrap:anywhere;white-space:pre-wrap}
.demo-chat-log .sent,.demo-chat-log .outgoing{align-self:flex-end;background:#c8e9a1;color:#29391c;border-radius:10px 10px 2px 10px;margin:0}
.demo-chat-log .message-meta,.demo-chat-log .delivery-note,.demo-chat-log .demo-message-note{font-size:8px;color:#7f946d;align-self:flex-end}
.demo-chat-log .typing{font-size:10px;color:#8ba274}
.demo-composer{display:flex;align-items:center;gap:10px;padding:15px 19px;border-top:1px solid #2d3824}
.demo-composer input{min-width:0;flex:1;background:#1d2518;border:1px solid #3b4a2f;padding:11px 12px;color:var(--paper);border-radius:6px;font-size:12px}
.send-button{background:var(--lime);color:var(--ink);border:0;width:40px;height:40px}
.send-button:hover{background:#d0f693}
.book-dialog{max-width:440px;padding:28px}
.book-dialog .dialog-heading{padding:0;margin-bottom:30px;align-items:center}
.book-dialog>.eyebrow{font-size:7px;letter-spacing:1px}
.book-dialog>h2{font-size:30px;letter-spacing:-1.1px;margin-top:12px}
.book-intro{font-size:12px;color:#93a582;margin:9px 0 25px}
.book-dialog label{display:block;font-size:11px;margin:16px 0 7px;color:#bfceb4}
.book-dialog input{width:100%;padding:12px;font-size:13px;border:1px solid #3a492e;background:#1b2415;border-radius:6px;color:var(--paper)}
input:focus{outline:2px solid #8ba962;outline-offset:2px}
input::placeholder{color:#6c7d5e}
.book-dialog .button{width:100%;justify-content:space-between;margin-top:23px;font-size:12px}
.form-note{font-size:9px;line-height:1.7;color:#829673;margin-top:13px;text-align:center}
.book-result{padding:22px;border:1px solid #496234;background:#26361b;border-radius:8px;font-size:13px;line-height:1.8;color:#c3dfac}
.book-result h3{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}

@media(min-width:1500px){.hero{padding-top:78px}
.hero-intro{margin-bottom:58px}
.product-window{height:457px}
.preview-messages{padding-top:23px}
.message{font-size:11px}
.vehicle-card{margin-top:20px;padding-block:11px}
.channel-strip{padding-block:40px}
}

@media(max-width:1200px){.container{width:calc(100% - 72px)}
.hero-intro{grid-template-columns:1fr 253px;gap:25px}
h1{font-size:5.2vw;letter-spacing:-2.7px}
.hero-copy>p{font-size:12px}
.product-window{grid-template-columns:49px 224px minmax(0,1fr) 177px}
.customer-panel{padding-inline:12px}
.preview-messages{padding-inline:17px}
.preview-chat-header{padding-inline:15px}
.preview-contact{padding-inline:7px;gap:7px}
.inbox-tabs{gap:12px;padding-inline:14px}
.channel-strip{gap:17px}
.channel-strip .channel-strip-end{display:none}
.feature-card{padding-inline:19px}
.feature-card h3{font-size:15px}
.channel-one{left:29px}
.channel-two{right:6px}
.channel-three{left:13px}
.handoff-note{padding:12px 9px}
.appointment-mini{padding:13px 10px;gap:7px}
.appointment-check{display:none}
.section-heading h2,.how-intro h2,.faq-section h2{font-size:35px}
.feature-card>p{min-height:74px}
.plan-top>span{font-size:5px}
}

@media(max-width:1000px){.container{width:calc(100% - 56px)}
.desktop-nav{gap:20px;padding:0}
.site-header{gap:20px}
.brand-descriptor{font-size:8px}
.brand-divider{margin-inline:5px}
.header-actions{gap:20px}
.hero{padding-top:48px}
.hero-intro{grid-template-columns:1fr 236px;gap:20px}
.hero-copy>p{font-size:11px;margin-bottom:18px}
.hero-copy .button{padding:13px 17px;font-size:11px;min-height:44px}
.hero-heading .eyebrow{font-size:7px}
.cta-note{font-size:6px}
.product-window{grid-template-columns:49px 223px minmax(0,1fr)}
.customer-panel{display:none}
.feature-grid{gap:12px}
.feature-card{padding-inline:16px}
.feature-card h3{font-size:14px}
.feature-card>p{font-size:9px}
.feature-visual{height:150px;margin-bottom:20px}
.appointment-mini{gap:7px;padding:12px 8px}
.appointment-mini strong{font-size:8px}
.appointment-mini div>span{font-size:6px}
.calendar-square{width:30px;height:40px}
.handoff-note{gap:6px}
.handoff-note p{font-size:7px}
.handoff-note .small-avatar{width:18px;height:18px;font-size:6px}
.handoff-assign{font-size:6px;width:94%;gap:6px;padding:8px}
.handoff-assign .small-avatar{width:18px;height:18px}
.appointment-reply{font-size:8px;padding:9px;gap:10px}
.visual-orbit{width:135px;height:135px}
.orbit-two{width:185px;height:185px}
.inbox-center{width:53px;height:53px}
.floating-channel{width:30px;height:30px}
.channel-one{left:12px;top:6px}
.channel-two{right:0;top:28px}
.channel-three{left:0;bottom:25px}
.visual-pill{font-size:6px;right:0}
.section-space{padding-top:74px}
.how-section{gap:35px;padding-bottom:70px}
.steps li{gap:17px}
.steps h3{font-size:13px}
.steps p{font-size:9px}
.plan-top>span{max-width:110px;line-height:1.7;text-align:right}
.price-card{padding:24px}
.faq-section{gap:30px;padding-bottom:70px}
.faq-list summary{font-size:11px}
}

@media(max-width:760px){.container{width:calc(100% - 40px)}
.site-header{height:80px}
.brand{font-size:29px}
.brand-dot{height:8px;width:8px}
.brand-descriptor{font-size:9px}
.brand-divider{margin-inline:8px}
.desktop-nav,.header-actions{display:none}
.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #35402d;border-radius:6px;background:transparent}
.menu-toggle span{height:1px;width:17px;background:#c1cdb5;transition:transform .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mobile-nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:70px;border:1px solid #39472e;background:#171e12;border-radius:8px;padding:14px;box-shadow:0 12px 40px #0008}
.mobile-nav>a{padding:12px;font-size:13px;color:#b8c7ac}
.mobile-nav .button{margin-top:10px;justify-content:space-between}
.hero{padding-top:41px}
.hero-intro{grid-template-columns:1fr;gap:23px;margin-bottom:33px}
.hero-heading .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:20px}
h1{font-size:clamp(38px,7.7vw,57px);letter-spacing:-2.4px;line-height:1.12}
.hero-copy{display:grid;grid-template-columns:1fr auto;column-gap:30px;row-gap:9px;align-items:center;max-width:none;padding:0}
.hero-copy>p{font-size:11px;max-width:320px;line-height:1.8;margin:0}
.hero-copy .button{gap:20px;padding:12px 16px}
.cta-note{grid-column:1/-1;font-size:7px;margin:1px 0 0}
.product-stage{padding:8px 8px 0;border-radius:10px}
.stage-caption{font-size:6px;letter-spacing:1px;padding:2px 3px 9px}
.stage-caption button{font-size:7px;gap:5px}
.product-window{grid-template-columns:48px 195px minmax(0,1fr);height:409px}
.inbox-title{padding:20px 12px 18px}
.inbox-title h2{font-size:15px}
.inbox-tabs{padding-inline:10px;gap:9px;font-size:6px}
.inbox-tabs b{font-size:6px}
.preview-contact{gap:6px;padding-inline:6px}
.preview-contact .avatar{width:25px;height:25px;font-size:7px}
.contact-top strong{font-size:8px}
.contact-copy{font-size:7px}
.contact-top small{font-size:6px}
.contact-bottom{font-size:6px}
.inbox-footer{font-size:5px;margin-inline:10px}
.preview-chat-header{padding:16px 12px;gap:6px}
.preview-chat-header h3{font-size:9px}
.preview-chat-header p{font-size:6px;gap:3px}
.preview-chat-header .avatar{width:25px;height:25px;font-size:7px}
.preview-messages{padding:16px 13px 12px}
.message{font-size:8px;padding:9px 10px;max-width:94%;line-height:1.8}
.date-divider{font-size:6px;margin-bottom:15px}
.message-time{font-size:5px}
.vehicle-card{gap:7px;padding:7px;flex-wrap:wrap}
.car-art{width:66px;height:39px}
.car-art svg{width:70px;height:40px}
.vehicle-card strong{font-size:7px}
.vehicle-kicker{font-size:4px}
.vehicle-card strong+span{font-size:5px;max-width:105px}
.vehicle-arrow{display:none}
.preview-composer{margin:0 10px 13px;font-size:8px;min-height:40px}
.stage-bottom{font-size:6px;padding:9px 3px}
.stage-bottom>span:last-child{font-size:5px}
.channel-strip{padding:24px 0;gap:15px;flex-wrap:wrap;justify-content:flex-start;column-gap:24px}
.channel-strip>p{font-size:8px;margin-right:auto}
.channel-strip>span{font-size:8px;gap:7px}
.channel-strip svg{width:15px;height:15px}
.channel-strip>span:nth-last-child(2){display:none}
.section-space{padding-top:61px}
.section-heading{gap:20px;margin-bottom:24px}
.section-heading h2,.how-intro h2,.faq-section h2{font-size:29px;letter-spacing:-1.2px}
.section-heading .eyebrow,.how-intro .eyebrow,.faq-section .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:13px}
.section-heading>p{font-size:9px;max-width:205px}
.desktop-break{display:none}
.feature-grid{grid-template-columns:1fr}
.feature-card{padding:24px;display:grid;grid-template-columns:1fr 1.15fr;column-gap:30px}
.feature-visual{grid-column:1;grid-row:1/5;height:175px;margin:0;align-self:center}
.feature-number{grid-column:2;align-self:end;font-size:7px}
.feature-card h3{font-size:17px;grid-column:2;margin:9px 0}
.feature-card>p{font-size:10px;grid-column:2;min-height:0;margin-bottom:19px}
.feature-card>.text-link{grid-column:2;font-size:10px}
.channel-one{left:10px;top:15px}
.channel-two{right:3px;top:35px}
.channel-three{left:0;bottom:35px}
.visual-pill{font-size:7px;bottom:10px}
.handoff-note p{font-size:8px}
.handoff-note p b{font-size:8px}
.handoff-assign{font-size:7px;padding:10px}
.appointment-mini{padding:15px 10px;gap:10px}
.calendar-square{width:34px;height:44px}
.appointment-mini strong{font-size:9px}
.appointment-mini div>span{font-size:7px}
.appointment-reply{font-size:9px;padding:10px;gap:14px}
.how-section{grid-template-columns:1fr 1.4fr;gap:30px;padding-bottom:61px}
.how-intro .text-link{font-size:9px;gap:10px}
.steps h3{font-size:11px}
.steps p{font-size:9px;line-height:1.8}
.steps li{padding-block:17px;gap:13px}
.steps li>span{font-size:8px}
.pricing-section .section-heading{align-items:center}
.billing-toggle{padding:3px}
.billing-toggle button{font-size:8px;padding:8px}
.billing-toggle button>span{font-size:6px;padding-left:4px}
.billing-wrap>p{font-size:6px}
.pricing-grid{gap:12px}
.price-card{padding:23px 20px}
.plan-top{align-items:flex-start}
.plan-top h3{font-size:15px}
.plan-top>span{max-width:80px;font-size:4px;letter-spacing:.6px}
.plan-top>.plan-badge{gap:3px;align-items:flex-start}
.plan-badge .status-dot{height:3px;width:3px;margin-top:2px}
.price{font-size:37px}
.price small{font-size:8px}
.price>span:before{font-size:20px;vertical-align:7px}
.price-card>p{font-size:9px;min-height:27px}
.price-card ul{margin-top:20px;padding-top:20px;gap:12px;margin-bottom:24px}
.price-card li{font-size:8px;gap:7px;align-items:flex-start}
.price-card li svg{width:10px;height:10px;margin-top:1px}
.price-card .button{font-size:9px;padding:12px 13px;min-height:43px;gap:10px}
.pricing-footnote{font-size:6px}
.faq-section{grid-template-columns:1fr 1.4fr;gap:30px;padding-bottom:61px}
.faq-list summary{font-size:10px}
.faq-list details{padding-block:17px}
.faq-list details>p{font-size:10px}
.final-cta{padding:43px 25px}
.cta-content .eyebrow{font-size:6px;letter-spacing:1px}
.cta-content h2{font-size:43px;letter-spacing:-1.8px}
.cta-content>p:not(.eyebrow){font-size:10px;max-width:280px;margin-inline:auto}
.cta-orbit{left:-245px}
.footer-top{gap:17px}
.footer-top>span{font-size:7px}
.footer-top nav{gap:15px;font-size:8px}
.footer-top nav button{font-size:8px}
.footer-bottom{font-size:6px}
.site-footer{padding-top:37px}
.demo-workspace{grid-template-columns:170px 1fr}
.demo-conversations>button{font-size:9px;padding-inline:6px;gap:7px}
.demo-conversations>button .avatar{width:27px;height:27px;font-size:8px}
.dialog-heading{padding:22px}
.dialog-heading h2{font-size:24px}
.dialog-subtitle{font-size:8px}
.demo-chat-log .message,.demo-chat-log .bubble{font-size:11px}
.demo-chat>header{padding:16px}
.demo-chat-log{padding:17px}
.demo-composer{padding:12px}
.demo-composer input{font-size:16px}
}

@media(max-width:540px){.hero-copy{display:block}
.hero-copy>p{font-size:12px;max-width:330px;margin-bottom:20px}
.hero-copy .button{font-size:12px;gap:32px;padding:14px 18px}
.cta-note{margin-top:11px;font-size:7px}
.hero-intro{gap:20px;margin-bottom:29px}
.hero:before{inset:0 -15px 100px}
.product-window{grid-template-columns:42px minmax(0,1fr);height:410px}
.app-rail{padding-inline:5px}
.rail-brand{font-size:26px}
.rail-icon{width:29px;height:32px}
.rail-icon svg{width:17px;height:17px}
.inbox-list{display:none}
.preview-chat-header{padding:17px 14px}
.preview-chat-header h3{font-size:11px}
.preview-chat-header p{font-size:7px}
.preview-chat-header .avatar{width:30px;height:30px;font-size:8px}
.open-tag{font-size:7px}
.preview-messages{padding:17px 16px 13px}
.date-divider{font-size:6px;margin-bottom:17px}
.message{font-size:9px;max-width:95%;padding:10px 12px}
.message.sent{margin-top:14px}
.message-time{font-size:6px}
.vehicle-card{margin-top:14px;gap:9px;padding:8px;flex-wrap:nowrap}
.car-art{width:67px;height:43px}
.vehicle-card strong{font-size:7px}
.vehicle-kicker{font-size:4.5px;letter-spacing:.5px}
.vehicle-card strong+span{font-size:5px;max-width:none}
.preview-composer{margin:0 12px 13px;font-size:9px;min-height:44px}
.stage-caption{font-size:5px;letter-spacing:.8px}
.stage-caption button{font-size:6px}
.stage-bottom{font-size:5px}
.stage-bottom>span:last-child{display:none}
.stage-bottom svg{width:9px;height:9px}
.channel-strip{gap:15px;justify-content:space-between;padding:23px 0}
.channel-strip>p{font-size:7px;margin:0}
.channel-strip>span{font-size:7px;gap:5px}
.channel-strip svg{width:13px;height:13px}
.sms-icon{font-size:4px;padding:3px 2px}
.section-heading{display:block}
.section-heading h2,.how-intro h2,.faq-section h2{font-size:31px}
.section-heading>p{font-size:11px;max-width:300px;margin-top:17px}
.feature-card{display:block;padding:20px 25px 26px}
.feature-visual{height:178px;width:100%;max-width:290px;margin:0 auto 22px}
.feature-card h3{font-size:20px;margin:11px 0}
.feature-card>p{font-size:11px;max-width:none;line-height:1.8;margin-bottom:21px}
.feature-card>.text-link{font-size:11px}
.visual-orbit{width:155px;height:155px}
.orbit-two{width:230px;height:230px}
.inbox-center{width:62px;height:62px}
.floating-channel{width:36px;height:36px}
.channel-one{left:34px;top:6px}
.channel-two{right:17px;top:28px}
.channel-three{left:15px;bottom:29px}
.visual-pill{right:17px;font-size:8px;bottom:5px}
.handoff-note{padding:15px 13px;gap:10px}
.handoff-note p{font-size:10px}
.handoff-note p b{font-size:9px}
.handoff-note .small-avatar{width:24px;height:24px;font-size:7px}
.handoff-assign{font-size:8px;width:86%;padding:10px 12px}
.handoff-assign .small-avatar{width:24px;height:24px;font-size:8px}
.appointment-mini{padding:19px 17px;gap:13px}
.calendar-square{width:40px;height:49px}
.calendar-square small{font-size:7px}
.calendar-square b{font-size:23px}
.appointment-mini strong{font-size:11px}
.appointment-mini div>span{font-size:8px}
.appointment-mini div>.appointment-time{font-size:7px}
.appointment-check{display:grid}
.appointment-reply{font-size:10px;padding:11px 15px}
.how-section{grid-template-columns:1fr;gap:30px}
.how-intro h2 br{display:none}
.how-intro .text-link{font-size:11px;margin-top:20px}
.steps{padding:0}
.steps h3{font-size:13px}
.steps p{font-size:10px}
.steps li{gap:18px;padding-block:20px}
.steps li>span{font-size:9px}
.pricing-section .section-heading{display:block}
.billing-wrap{text-align:left;margin-top:24px}
.billing-toggle{width:fit-content}
.billing-toggle button{font-size:10px;padding:10px 14px}
.billing-toggle button>span{font-size:7px;padding-left:7px}
.billing-wrap>p{font-size:8px}
.pricing-grid{grid-template-columns:1fr;gap:16px}
.price-card{padding:27px}
.plan-top h3{font-size:19px}
.plan-top>span{max-width:140px;font-size:6px;letter-spacing:.7px}
.price{font-size:46px}
.price>span:before{font-size:26px;vertical-align:8px}
.price small{font-size:11px}
.price-card>p{font-size:11px;min-height:0;max-width:240px;line-height:1.8}
.price-card li{font-size:11px;gap:10px;align-items:center}
.price-card li svg{width:13px;height:13px;margin-top:0}
.price-card ul{gap:14px;margin-bottom:28px}
.price-card .button{font-size:11px;padding:15px 17px}
.pricing-footnote{font-size:8px;line-height:1.8;padding-inline:15px}
.faq-section{grid-template-columns:1fr;gap:28px}
.faq-list summary{font-size:12px}
.faq-list details{padding-block:20px}
.faq-list details>p{font-size:11px}
.final-cta{padding:38px 18px}
.cta-content h2{font-size:37px;letter-spacing:-1.5px;margin:22px 0 17px}
.cta-content .eyebrow{font-size:5px;letter-spacing:.8px;gap:6px}
.cta-content>p:not(.eyebrow){font-size:10px;max-width:235px;line-height:1.8}
.cta-content .button{font-size:11px;padding:14px 19px}
.cta-orbit{left:-300px}
.footer-top{flex-wrap:wrap;gap:15px;padding-bottom:24px}
.footer-top>span{font-size:8px;margin-left:auto}
.footer-top nav{margin:10px 0 0;width:100%;justify-content:space-between;font-size:10px}
.footer-top nav button{font-size:10px}
.footer-bottom{font-size:7px;flex-direction:column;gap:8px;padding-top:18px}
.demo-dialog{max-height:calc(100svh - 24px)}
.dialog-heading{padding:18px 16px;gap:10px}
.dialog-heading h2{font-size:21px}
.dialog-heading .eyebrow{font-size:6px;letter-spacing:1.2px}
.dialog-subtitle{font-size:8px;line-height:1.8;max-width:235px}
.dialog-heading>.icon-button{height:30px;width:30px}
.demo-workspace{grid-template-columns:1fr;min-height:0}
.demo-conversations{display:flex;padding:9px;gap:5px;border-right:0;border-bottom:1px solid #35432a}
.demo-conversations>button{flex:1;min-width:0;padding:8px 5px;justify-content:center;gap:5px;font-size:8px}
.demo-conversations>button .avatar{width:23px;height:23px;font-size:6px}
.demo-conversations small{font-size:6px;margin-top:3px}
.demo-chat{height:min(430px,62svh);max-height:none}
.demo-chat>header{padding:12px 16px}
.demo-chat h3{font-size:12px}
.demo-chat>header p{font-size:8px}
.demo-chat-log{padding:15px;min-height:100px}
.demo-chat-log .message,.demo-chat-log .bubble{font-size:11px;max-width:92%}
.demo-composer{padding:11px}
.book-dialog{padding:24px}
.book-dialog>h2{font-size:28px}
.book-dialog input{font-size:16px}
.book-dialog .dialog-heading{margin-bottom:26px}
}

@media(max-width:360px){.container{width:calc(100% - 32px)}
h1{font-size:34px;letter-spacing:-1.8px}
.hero-heading .eyebrow{font-size:6px}
.brand-descriptor{font-size:8px}
.channel-strip{gap:10px}
.channel-strip>span{font-size:6px}
.vehicle-card{gap:6px;padding:6px}
.car-art{width:54px}
.vehicle-card strong{font-size:6px}
.vehicle-card strong+span{font-size:4.5px}
.message{font-size:8px}
.feature-card{padding-inline:20px}
.price-card{padding:24px}
.demo-conversations>button .avatar{display:none}
.cta-content h2{font-size:33px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}