/* CarMate shared visual language. Functional previews keep their own data colours. */
:root{--bg:#0b141c;--surface:#172330;--line:transparent;--text:#edf3f7;--muted:#a6b5c4;--cyan:#5ed3ce;--blue:#2384ad;--chip:#173d45;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:var(--bg);letter-spacing:normal;line-height:1.8}h1,h2,h3,.eyebrow,.brand-item-name{letter-spacing:normal}h1{font-size:clamp(36px,4.8vw,64px);line-height:1.4;font-weight:600}h2{font-size:clamp(28px,3.1vw,40px);font-weight:600}p{color:var(--muted)}
.site-header{background:#0e1c27ed!important;border:0!important;backdrop-filter:blur(14px)}
.hero,.bot-section{background:var(--bg)!important;border:0}.hero::before,.hero::after,.bot-mockup-wrapper::before{display:none}
.button,.pill,.brand-item,.bot-feat-card,.feat-icon,.feature-card,.tool-card,.step-card,.pricing-card,.faq-item,.contact-card,.download-card,.spec-card,.stat-card{border:0!important;box-shadow:none;background:var(--surface)}
.button{border-radius:12px;transition:background .18s,transform .18s var(--ease);min-height:46px}.button.primary{background:var(--cyan);color:#06242c}.button:hover{transform:none;background:#25404d}.button.primary:hover{background:#7cddda}.button:active{transform:scale(.98)}
.bot-feat-card,.brand-item{transition:background .18s,transform .2s var(--ease)}.bot-feat-card:hover,.brand-item:hover{background:#213744;box-shadow:none;transform:none}
.tg-avatar,.bot-phone-mockup{background:#183241}.phone-frame{border:0}.lead{max-width:36em}.eyebrow{font-size:13px;color:var(--cyan)}
button,input,textarea,select{letter-spacing:normal}input:not([type=range]):not([type=checkbox]),select,textarea{background:#10202c;color:var(--text);border:0!important;border-radius:10px}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.cm-enter{animation:cm-enter .42s var(--ease) both}.cm-type-heading{animation:cm-type .7s steps(24,end) both}
.tabs,.theme-tabs,.tool-tabs{scroll-snap-type:x proximity;overscroll-behavior-x:contain}.tabs>* , .theme-tabs>* , .tool-tabs>*{scroll-snap-align:center}
@keyframes cm-enter{from{opacity:.25;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes cm-type{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
html[dir=ltr] .cm-type-heading{animation-name:cm-type-ltr}@keyframes cm-type-ltr{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;scroll-snap-type:none!important}}

/* Quiet marketing shell; interactive instrument previews keep functional motion. */
.hero .ambient{display:none}.brand-item-name,.eyebrow,.button{font-weight:500}.hero-facts strong{font-weight:600;font-variant-numeric:tabular-nums}.hero .lead{font-size:18px;line-height:1.8}.bot-phone-mockup,.phone-frame{animation:none}.bot-phone-mockup:hover,.phone-frame:hover{transform:none}.download{background:var(--surface);border:0}.button:disabled{opacity:.5;cursor:not-allowed}