/* SHIFT / porcelain, blue graphite and restrained bronze. Shared surface roles. */
:root,body[data-theme=precision]{--ink:#1b2b38;--paper:#f4f6f7;--muted:#576573;--line:#cdd6dc;--accent:#8b563d;--accent-ink:#fff;--dark:#192a38;--panel:#e9eef1;--copper:#8b563d;--surface:#e9eef1;--form-copper:#8b563d;--form-line:#cdd6dc;--form-surface:#e9eef1;--form-graphite:#1b2b38;--anchor-offset:88px}
html{scroll-padding-top:var(--anchor-offset)}body{background:var(--paper);color:var(--ink)}
.section[id],.pitch-section[id],.pitch-end[id],#top{scroll-margin-top:0}
#car-explorer.entry-explorer{scroll-margin-top:0}
.header,.owner-header{background:var(--paper);border-color:var(--line)}
.audience-switch{background:#192a38;border-color:#3d4c59}.audience-switch__nav{background:#14232e;border-color:#53616b}.audience-switch__label{color:#e2bc9f}.audience-switch__link[aria-current=page]{background:#f4f6f7;color:#1b2b38;box-shadow:inset 0 -2px #a87553}
.logo-mark,.button-dark{background:#192a38;color:#fff}.nav a,.owner-nav a{color:#344654}
.button-accent,.action,#car-request{background:#8b563d!important;color:#fff!important;border-color:#8b563d!important}.button-accent:hover,.action:hover,#car-request:hover{background:#70412d!important}
.button-dark:hover{background:#2c4355}.button,.action{border-radius:3px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #366b91!important;outline-offset:3px}
.section-label,.eyebrow,.booking-steps,.garage-monogram{color:#83543e}
.hero-description,.section-intro,.garage-value p,.faq p,.microcopy,.caption{color:#576573}
.entry-explorer .vehicle-workspace{background:#edf1f3;border-color:#cdd6dc;border-radius:6px;box-shadow:0 12px 40px #1b2b3807}
.entry-explorer .car-layout>.vehicle-workspace:first-child{position:static!important}
.entry-explorer .vehicle-workspace .car-stage{background:radial-gradient(ellipse at 50% 45%,#fff,#edf1f3);border-radius:3px}
.entry-explorer .vehicle-workspace .car-stage[data-state=ready]:has(#car-canvas[data-xray=true]){background:#252d34!important}
.entry-explorer .car-panel{background:#fff;border:1px solid #d5dde2;border-top:3px solid #8b563d;border-radius:6px;box-shadow:0 12px 40px #1b2b3805}
.entry-explorer .vehicle-workspace .car-view-tools button{background:#fff;border-color:#bcc9d1;color:#263e50;border-radius:3px}
.entry-explorer .illustration-contract,.entry-explorer .service-lens{border-color:#cdd6dc}
.entry-explorer .viewer-settings summary{color:#475b6c}.entry-explorer .viewer-settings select{background:#fff;color:#263e50;border-color:#bcc9d1}
.entry-explorer.is-expanded,.viewer-dialog-header{background:#f4f6f7}.viewer-dialog-header{border-color:#cdd6dc}.viewer-dialog-header button{border-color:#bcc9d1;color:#263e50;border-radius:3px}
.entry-explorer.is-expanded .vehicle-workspace{position:static!important}
.entry-explorer .car-layout>.vehicle-workspace[data-sticky-fit=true]{position:sticky!important;top:var(--workspace-top,88px)!important}
.service-row{border-color:#cdd6dc}.service-row:hover,.service-row:focus-visible,.service-row[data-preview=true]{background:#e9eef1}
.service-row strong{color:#233948}.service-row .service-index{color:#83543e}
.service-study,.garage-benefits,.request-system-summary,.booking-first-estimate{background:#e9eef1;border-color:#cdd6dc}.garage-benefits{border-top-color:#8b563d}
.garage-benefits li{border-color:#cdd6dc}.garage-benefits li span,.booking-first-estimate p,.booking-next-step{color:#576573}
.service-preview p,.study-copy p{color:#576573}.study-axis,.study-kicker{color:#83543e}
.approach-gear-detail{background:#f4f6f7}.garage-form-link{color:#83543e}
.car-panel textarea,.service-search input,#booking input,#booking select,#booking textarea{background:#fff;color:#1b2b38;border-color:#aebdc8;border-radius:3px}
dialog{background:#f4f6f7;color:#1b2b38;border:1px solid #cdd6dc;max-height:calc(100dvh - 32px);overscroll-behavior:contain}
dialog::backdrop{background:#0d1c2b99;backdrop-filter:blur(3px)}
.request-example,.experience-story,.owner-promises article{border-color:#cdd6dc}.request-example{background:#edf1f3}.owner-delivery{background:#192a38}
.visible-proof,.proof-view{border-color:#cdd6dc}.proof-strip{border-color:#cdd6dc}
.benefit-grid p,.reason-list p,.section-lead,.lead{color:#576573}.reason-number,.item-index{color:#8b563d}
.owner-nav a,.nav a,.mobile-menu summary,.mobile-menu a{min-height:44px;display:inline-flex;align-items:center}.mobile-menu summary{display:list-item;padding:12px 0}
.mobile-menu nav{padding-bottom:8px}.mobile-menu a{background:#fff;border-color:#cdd6dc;border-radius:3px}
.entry-explorer:focus,.section:focus,[tabindex="-1"]:focus{outline:none}
@media(max-width:700px){.audience-switch__inner{gap:6px;padding:8px 0}.audience-switch__description{font-size:10px}.entry-explorer .car-panel{padding:18px}.entry-explorer .system-picker{scroll-margin-top:16px}dialog{max-height:calc(100dvh - 20px);width:calc(100% - 20px);padding:20px}.owner-nav{flex-wrap:wrap;gap:8px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Calm hierarchy: large decisions, quiet technical detail, one accent for action. */
.audience-switch__inner{min-height:64px;padding-block:6px}
.header-inner{min-height:82px}.header .button-light{background:#192a38;border-color:#192a38;color:#fff}
.service-entry h1{color:#1b2b38;letter-spacing:-.045em;line-height:1.08}
.service-entry h1 em,.pitch-hero h1 em{color:#6f4938}
.service-entry .hero-description{font-size:15px;line-height:1.7;color:#576573}
.service-entry .eyebrow{color:#647785;letter-spacing:.16em}
.entry-actions .button,.entry-action{font-size:12px}.entry-action{border-color:#b9c6ce;color:#344b5d}
.entry-explorer .car-layout{gap:26px}
.entry-explorer .illustration-selector select,.entry-explorer .car-media-mode button{background:#fff;color:#344b5d;border-color:#c3cfd7;border-radius:3px}
.entry-explorer .car-media-mode button[aria-pressed=true]{background:#1b2b38;color:#fff;border-color:#1b2b38}
.entry-explorer .service-lens{width:100%;max-width:none}
.entry-explorer .service-lens button{color:#526675;border-radius:3px}
.entry-explorer .service-lens button[aria-current=step],.entry-explorer .service-lens button[aria-pressed=true]{background:#1b2b38;color:#fff}
.entry-explorer .service-lens button:disabled{opacity:.55}
.entry-explorer .car-stage .stage-top{color:#617582;letter-spacing:.1em}
.entry-explorer .car-stage .stage-bottom{font-size:11px;color:#344b5d}
.entry-explorer .car-stage:has(#car-canvas[data-xray=true]) .stage-top,.entry-explorer .car-stage:has(#car-canvas[data-xray=true]) .stage-bottom{color:#edf1f3}
.entry-explorer .car-panel{padding:24px}
.entry-explorer .car-panel h3,.entry-explorer .concierge-input label{letter-spacing:-.025em}
.entry-explorer .symptom-examples{gap:6px}
.entry-explorer .symptom-examples button{font-size:11px;line-height:1.45;background:#f4f6f7;border:1px solid #d1dbe1;color:#465b6a;border-radius:3px;padding:10px}
.entry-explorer .symptom-examples button:hover{background:#e8eef2;border-color:#6f8798}
.entry-explorer .system-picker{border-top:1px solid #d5dde2;padding-top:24px}
.system-picker input{background:#fff;border-color:#aebdc8;border-radius:3px}
.system-grid{gap:8px}
.system-card{background:#f5f7f8;border-color:#d7e0e5;border-radius:4px;padding:13px 11px;color:#2d4454}
.system-card strong{font-size:13px}.system-card small{font-size:11px;color:#5a6c78}
.system-card:hover{background:#eaf0f4;border-color:#8a9ca9}
.system-card[aria-pressed=true]{background:#f2e9e2;border-color:#9b6a4f;box-shadow:inset 3px 0 #8b563d}
.system-card[aria-pressed=true] svg{color:#8b563d}.system-unsure{color:#465b6a;border-color:#cdd6dc}
.section-rail{color:#6b8291;border-color:#cdd6dc}.proof-band{background:#e8eef2;border-color:#cdd6dc}.proof-band strong{color:#2d4454}.proof-band span{color:#8b563d}
.service-study,.garage-benefits{border-radius:5px;overflow:hidden}.service-study .study-heading{color:#637987}
.service-row{transition:background .18s,border-color .18s}.service-row:hover{border-color:#8b563d}.service-search input{min-height:48px}
.faq details,.owner-faq details{border-color:#cdd6dc}.faq summary,.owner-faq summary{padding-block:24px;color:#2d4454}
.garage-benefits h3,.garage-benefits li strong{color:#233948}.garage-benefits ol{color:#8b563d}
.owner-promises{border-top-color:#cdd6dc}.owner-promises article{background:transparent}.owner-promises article>span{color:#8b563d}
.hero-car,.visible-proof,.experience-frame,.request-example,.direction{border-radius:5px;overflow:hidden}
.hero-car{background:#e9eef1;border:1px solid #cdd6dc}.hero-coordinate,.hero-car figcaption{color:#526675}
.proof-view-1,.direction-care .direction-art{background:#edf1f3}.proof-view figcaption{background:#edf1f3;color:#2d4454}
.proof-view figcaption b{color:#8b563d}.proof-strip strong{color:#8b563d}.owner-delivery .caption{color:#c0ced7}
.owner-delivery .eyebrow{color:#d9af91}.experience-story .benefit{border-color:#b1c1cc;color:#344b5d}
.pitch-end{border-top-color:#cdd6dc}.pitch-end h2 em{color:#6f4938}
@media(min-width:901px){
 .entry-explorer.is-expanded .illustration-contract p{display:none}
 .entry-explorer.is-expanded .vehicle-workspace .car-stage{height:calc(100dvh - 360px)!important;min-height:200px!important}
}
@media(max-width:700px){
 .audience-switch__inner{min-height:0;padding-block:7px}.service-entry .hero-description{font-size:14px}
 .entry-explorer .car-panel{padding:18px}.entry-explorer .car-layout{gap:20px}.entry-explorer .car-stage .stage-bottom{font-size:10px}
 .entry-explorer .illustration-contract p{font-size:11px}.entry-explorer .symptom-examples button{font-size:11px}
 .header .button-light{padding-inline:12px}.system-card strong{font-size:12px}.system-card small{font-size:11px}
}
@media(max-height:500px){
 .entry-explorer.is-expanded .vehicle-workspace .car-stage{height:250px!important;min-height:200px!important}
 .viewer-dialog-header{padding-block:6px}.audience-switch__inner{min-height:0;padding-block:4px}
}
