@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#080a0d;--canvas:radial-gradient(ellipse at 80% 2%,#18212a 0,transparent 44%);--text:#f4f4f1;--muted:#abb3be;--panel:#171c23;--raised:#252e39;--glass:linear-gradient(135deg,#ffffff13,#ffffff04);--line:#ffffff26;--edge:#ffffff50;--blue:#94caff;--orange:#f9a462;--accent:var(--orange);--green:#ade2bf;--notice:#142332;--notice-text:#c6deef;--danger:#ffbab3;--shadow:0 16px 44px #0003;--display:'Cormorant Garamond',Georgia,serif;--display-weight:400;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--radius:28px;--ease:cubic-bezier(.2,.8,.2,1);font-family:var(--font);font-synthesis:none;background:var(--bg);color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#c2cdd6;--canvas:radial-gradient(ellipse at 65% 0%,#d3dce4 0,transparent 48%),linear-gradient(125deg,#c5d0d9,#ced8e0 50%,#b4c3d0);--text:#152738;--muted:#3f5365;--panel:#ccd6df;--raised:#b4c5d3;--glass:linear-gradient(135deg,#dce5ecb8,#c0cedb88);--line:#94a9bb;--edge:#e4ecf2;--blue:#064da4;--orange:#934208;--accent:#064da4;--green:#205c3d;--notice:#bacddd;--notice-text:#24445e;--danger:#972820;--shadow:0 16px 42px #344c6625;--display:var(--font);--display-weight:550}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:var(--canvas);background-attachment:fixed;min-height:100dvh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:4px}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-family:var(--display);font-weight:var(--display-weight);font-size:clamp(2.2rem,4.2vw,3.75rem);letter-spacing:-.025em;line-height:1.08}h2{font-family:var(--display);font-weight:var(--display-weight);font-size:2.3rem;letter-spacing:-.025em;line-height:1.15}h3{font-weight:550;font-size:1.125rem;line-height:1.3}p{line-height:1.65}svg.icon{width:21px;height:21px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.small{font-size:.875rem}.micro{font-size:.75rem}.eyebrow,.heading-kicker{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}.blue{color:var(--blue)}.orange{color:var(--orange)}.green{color:var(--green)}
.workspace{max-width:1440px;margin:auto}.topbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 48px}.brand{display:flex;align-items:center;gap:14px;background:none;padding:0;text-align:left}.brand img{width:82px;height:72px;object-fit:contain}.brand>span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:80px;line-height:1.6}.desktop-nav,.mobile-nav{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--edge),0 8px 24px #0001;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:50px}.desktop-nav{display:flex;padding:5px;gap:2px}.desktop-nav button{background:none;min-height:44px;padding:0 16px;border-radius:50px;color:var(--muted);font-size:.875rem}.desktop-nav button>.icon{display:none}.desktop-nav button.active{background:var(--raised);color:var(--text);box-shadow:inset 0 1px 0 var(--line)}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn,.avatar,.round-link{width:46px;min-width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--glass);box-shadow:inset 0 1px 0 var(--edge);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .18s var(--ease),border-color .18s}.avatar{font-size:.875rem;font-weight:600}.icon-btn:hover,.round-link:hover{border-color:var(--blue)}.theme-switch .moon-icon{display:none}[data-theme=light] .theme-switch .moon-icon{display:block}[data-theme=light] .theme-switch .sun-icon{display:none}.content{max-width:1320px;margin:auto;padding:30px 48px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.heading-kicker{display:block;color:var(--muted);margin-bottom:15px}.page-heading p{margin-top:14px;font-size:1rem;color:var(--muted)}.page-home .heading-kicker{display:none}.btn{min-height:50px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--line);border-radius:50px;font-size:.9375rem;font-weight:500;line-height:1.4;background:var(--glass);box-shadow:inset 0 1px 0 var(--edge);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s var(--ease),border-color .18s,box-shadow .18s}.btn.primary{border-color:#c5c9cd9c;border-bottom-color:#f2a15c;box-shadow:inset 0 1px 0 #ffffff7a,0 5px 15px #f3964014;background:linear-gradient(155deg,#ffffff26,#ffffff08 48%,#273c4c88);color:var(--text)}[data-theme=light] .btn.primary{background:linear-gradient(130deg,#fff,#d7edffb8);border:1px solid #7badd3;border-top-color:#fff;border-bottom-color:#367fc2;box-shadow:inset 0 2px 0 white,0 6px 18px #1769b31c;color:#14466f}.btn:hover{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--edge),0 5px 20px #0002}.btn:active,.icon-btn:active,.round-link:active{transform:scale(.97)}.btn.wide{width:100%}.btn.ghost{background:none;box-shadow:none;border-color:transparent}.btn.danger{color:var(--danger)}.text-btn{background:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 0;min-height:44px;font-size:.875rem;font-weight:500;text-align:left}.text-btn .icon{width:17px;height:17px}.text-btn:hover{color:var(--accent)}
.garage-tabs{display:flex;gap:10px;overflow:auto;margin:0 0 20px;padding:2px 2px 6px}.garage-tab{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:50px;background:transparent;color:var(--muted);font-size:.875rem}.garage-tab.active{background:var(--glass);color:var(--text);border-color:var(--edge);box-shadow:inset 0 1px 0 var(--line)}.garage-tab.add-tab{width:44px;padding:10px;justify-content:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:24px}.garage-hero{position:relative;isolation:isolate;min-height:490px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;background:#070b10;box-shadow:var(--shadow);color:#fff}.hero-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 54%;z-index:-3}.crystal-photo{display:none}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#03070b4d,transparent 28%,transparent 50%,#05090ec9 87%,#05090ef5)}.hero-top{padding:25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.vehicle-label{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.hero-top .icon-btn{background:#17212b80;border-color:#ffffff6b;color:white}.hero-bottom{margin-top:auto;padding:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.vehicle-name{font-family:var(--display);font-size:2.25rem;letter-spacing:-.02em;font-weight:var(--display-weight);margin:6px 0}.vehicle-spec{font-size:.875rem;color:#d7dfe9}.hero-bottom p{font-size:.75rem;color:#c3cdd9}.hero-bottom .round-link{background:#ffffff1c;color:white;border-color:#ffffff73}.sample-car{background:var(--panel);color:var(--text)}.sample-car>.icon{width:110px;height:110px;margin:auto;align-self:center;color:var(--muted)}.sample-car .vehicle-spec,.sample-car .hero-bottom p{color:var(--muted)}.care-points{position:absolute;inset:0;pointer-events:none;z-index:2}.care-point{position:absolute;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #dceaff;background:#132637bb;backdrop-filter:blur(8px);color:white;pointer-events:auto;box-shadow:0 0 0 6px #ffffff16}.point-paint{left:65%;top:52%}.point-cabin{left:40%;top:36%}.point-wheels{left:39%;top:61%}
[data-theme=light] .noir-photo{display:none}[data-theme=light] .crystal-photo{display:block}[data-theme=light] .garage-hero{background:#e9eff6;color:var(--text);border-color:#fff}[data-theme=light] .hero-shade{background:linear-gradient(180deg,#ffffff75,transparent 32%,transparent 58%,#eef5fbcf 90%,#eef5fb)}[data-theme=light] .vehicle-spec,[data-theme=light] .hero-bottom p{color:#405971}[data-theme=light] .hero-bottom .round-link,[data-theme=light] .hero-top .icon-btn{background:#ffffff90;border-color:white;color:#193d60}
.visit-column{display:flex;flex-direction:column;gap:16px;min-width:0}.appointment,.care-status-card,.panel,.record-card,.service-card,.footer-strip{border:1px solid var(--line);background:var(--glass);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--edge),var(--shadow)}.appointment{padding:25px;flex:1;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;color:var(--muted)}.appointment h3{font-family:var(--display);font-size:1.8rem;font-weight:var(--display-weight);margin:12px 0 6px}.appointment p{font-size:.875rem;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:50px;background:var(--raised);color:var(--green);padding:5px 10px;font-size:.75rem;font-weight:500;max-width:100%}.pill .icon{width:14px;height:14px}.pill.blue-pill{color:var(--blue)}.pill.orange-pill{color:var(--orange)}.pill.neutral{color:var(--muted)}.appointment-date{display:flex;gap:14px;align-items:center;margin:20px 0}.date-tile{width:58px;flex-shrink:0;text-align:center;border:1px solid var(--line);border-radius:16px;background:var(--glass);padding:8px}.date-tile span{display:block;font-size:.75rem;text-transform:uppercase;color:var(--muted)}.date-tile strong{display:block;font-size:1.65rem;font-weight:500;margin-top:2px}.date-copy strong{font-size:.9375rem;font-weight:500}.date-copy span{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-top:7px}.date-copy .icon{width:15px;height:15px}.appointment-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto}.appointment-actions .btn{font-size:.875rem;flex:1;padding:12px 15px}.appointment-actions .text-btn{font-size:.8125rem}.book-cta{width:100%;min-height:56px}.care-status-card{text-align:left;padding:20px 24px;display:block;width:100%;cursor:pointer}.status-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.care-stage{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:15px 0 12px}.care-stage strong{font-size:1rem;font-weight:500}.care-stage>span{color:var(--blue);font-size:1.25rem}.care-stage em{font-size:.875rem;color:var(--muted);font-style:normal}.stage-track{display:flex;gap:6px}.stage-track span{height:3px;flex:1;background:var(--raised);border-radius:3px}.stage-track .done{background:var(--accent)}.care-status-card p{color:var(--muted);font-size:.75rem;margin-top:12px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:46px 0 22px}.section-heading .heading-kicker{margin-bottom:10px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{padding:23px;display:flex;flex-direction:column;min-width:0;transition:transform .22s var(--ease),border-color .22s}.service-card:hover{transform:translateY(-3px);border-color:var(--edge)}.service-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.service-card-top .eyebrow{font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.duration{font-size:.75rem;color:var(--muted);white-space:nowrap}.service-art{height:118px;display:flex;align-items:center;margin:4px 0 10px}.service-glyph{display:block;width:122px;height:122px;background-image:url('assets/service-icons.png');background-repeat:no-repeat;background-size:300% 200%;mix-blend-mode:screen}.glyph-signature{background-position:0% 0%}.glyph-ceramic{background-position:50% 0%}.glyph-interior{background-position:100% 0%}.glyph-correction{background-position:0% 100%}.glyph-refresh{background-position:50% 100%}.glyph-exterior{background-position:100% 100%}[data-theme=light] .service-glyph{mix-blend-mode:normal;border-radius:24px;background-color:#0a111c;box-shadow:0 8px 22px #16416a24}.service-card h3{font-family:var(--display);font-size:1.9rem;font-weight:var(--display-weight);letter-spacing:-.02em;margin-bottom:10px}.service-card p{font-size:.9375rem;color:var(--muted)}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:auto;padding-top:18px;margin-top:24px}.service-bottom strong{font-size:1.4rem;font-weight:500}.service-bottom .quote-label{font-size:1rem}.service-bottom small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.footer-strip{display:flex;align-items:center;gap:20px;padding:26px;margin-top:28px}.footer-strip>.icon{color:var(--accent);width:30px;height:30px}.footer-strip p{font-size:.875rem;color:var(--muted);margin-top:7px}.footer-strip .text-btn{margin-left:auto;flex-shrink:0}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:32px;margin-top:32px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.7}.page-footer .text-btn{font-size:.8125rem}.mobile-nav{display:none}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.chip{min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:50px;background:var(--glass);color:var(--muted);font-size:.875rem}.chip.active{color:var(--text);border-color:var(--accent);background:var(--raised)}.search{position:relative;max-width:480px}.search>.icon{position:absolute;left:17px;top:16px;color:var(--muted)}.search input{padding-left:48px;border-radius:50px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.field label{font-size:.9375rem;font-weight:500}input,textarea,select{font-size:1rem;width:100%;min-height:50px;line-height:1.4;padding:13px 15px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:15px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-height:110px}.field small{font-size:.8125rem;color:var(--muted);line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{padding:50px 25px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty>.icon{width:38px;height:38px;color:var(--blue);margin-bottom:20px}.empty h3{color:var(--text);margin-bottom:12px}.empty .btn{margin-top:20px}.notice{padding:15px 18px;border:1px solid var(--line);background:var(--notice);color:var(--notice-text);border-radius:18px;font-size:.875rem;line-height:1.6;margin-bottom:24px}.garage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.garage-grid .garage-hero{min-height:430px}.vehicle-add{min-height:300px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:var(--muted);padding:24px}.vehicle-add .icon{width:32px;height:32px}.vehicle-add strong{color:var(--text);font-size:1.1rem;font-weight:500}.record-list{display:flex;flex-direction:column;gap:18px}.record-card{display:flex;align-items:center;gap:22px;padding:24px}.record-main{flex:1;min-width:0}.record-main h3{font-size:1.25rem;margin:9px 0}.record-main p{font-size:.875rem;color:var(--muted)}.record-actions{display:flex;gap:12px}.two-col{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.panel{padding:28px}.panel h2{font-size:1.85rem;margin-bottom:23px}.panel p{color:var(--muted);font-size:.9375rem}.row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:.9375rem}.row:last-child{border:0}.row small{display:block;font-size:.8125rem;color:var(--muted);margin-top:7px;line-height:1.5}.toggle{width:48px;height:30px;background:var(--muted);border-radius:50px;padding:4px;flex-shrink:0}.toggle:before{content:'';display:block;width:22px;height:22px;border-radius:50%;background:white;transition:transform .2s var(--ease)}.toggle[aria-checked=true]{background:#1776bf}.toggle[aria-checked=true]:before{transform:translateX(18px)}.appearance-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.appearance-panel h2{margin-bottom:8px}.theme-options{display:flex;flex-wrap:wrap;gap:7px;padding:5px;border:1px solid var(--line);border-radius:50px;background:var(--bg)}.theme-options button{display:flex;gap:7px;align-items:center;min-height:44px;padding:9px 15px;border-radius:50px;background:none;font-size:.875rem;color:var(--muted)}.theme-options button[aria-pressed=true]{background:var(--raised);color:var(--text);box-shadow:inset 0 1px 0 var(--edge)}.appearance-actions{display:flex;gap:24px;width:100%;border-top:1px solid var(--line);padding-top:14px}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
dialog{width:min(610px,calc(100% - 28px));max-height:90dvh;margin:auto;padding:0;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--edge);border-radius:30px;box-shadow:0 35px 120px #0007}dialog::backdrop{background:#02060d99;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}dialog[open]{animation:dialog-enter .26s var(--ease)}.modal-head{position:sticky;top:0;z-index:3;background:var(--panel);padding:23px 27px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:1.75rem;line-height:1.2}.modal-body{padding:26px 28px 30px}.modal-body>p{font-size:1rem;color:var(--muted);margin-bottom:20px}.modal-foot{padding:20px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.modal-foot .primary{margin-left:auto}.detail-glyph{float:right;width:124px;height:130px;margin:0 0 14px 16px}.service-detail-title{font-family:var(--display);font-size:2.35rem;font-weight:var(--display-weight);letter-spacing:-.025em;margin-bottom:14px}.service-detail-price{clear:both;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:24px 0}.service-detail-price strong{font-weight:500;font-size:1.65rem}.service-detail-price span{font-size:.875rem;color:var(--muted)}.label-pair{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.check-list{list-style:none;padding:0;margin:22px 0}.check-list li{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:.9375rem;margin:15px 0}.check-list .icon{width:18px;height:18px;color:var(--blue);margin-top:4px}.steps{display:flex;gap:7px;margin-bottom:24px}.steps span{height:4px;flex:1;background:var(--raised);border-radius:4px}.steps .done{background:var(--accent)}.step-label{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 23px}.choice{display:flex;flex-direction:column;gap:10px;min-height:120px;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--glass);text-align:left}.choice.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.choice .icon{color:var(--blue)}.choice small{color:var(--muted);line-height:1.6;font-size:.8125rem}.check{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:var(--muted);line-height:1.6;margin:20px 0}.check input{width:19px;height:19px;min-height:19px;flex-shrink:0;margin:3px 0;accent-color:var(--accent)}.summary{border:1px solid var(--line);border-radius:22px;padding:4px 20px;margin:20px 0}.summary .row{font-size:.875rem;align-items:flex-start}.summary .row strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.summary .total{font-size:1.15rem}.success{text-align:center;padding:20px 0}.success-mark{width:72px;height:72px;border:1px solid var(--line);border-radius:50%;background:var(--glass);display:grid;place-items:center;margin:0 auto 24px;color:var(--green)}.success-mark .icon{width:32px;height:32px}.success h3{font-family:var(--display);font-size:2rem;font-weight:var(--display-weight);margin-bottom:16px}.success p{color:var(--muted);margin-bottom:24px;font-size:.9375rem}.timeline{margin:26px 0}.timeline-item{position:relative;display:flex;gap:18px;min-height:80px}.timeline-item:not(:last-child):before{content:'';position:absolute;width:1px;left:15px;top:30px;bottom:0;background:var(--line)}.timeline-dot{width:31px;height:31px;flex-shrink:0;z-index:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);font-size:.8125rem}.timeline-dot.complete{color:var(--green)}.timeline-dot.current{color:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px var(--raised)}.timeline-dot .icon{width:16px;height:16px}.timeline-text strong{font-size:.9375rem;font-weight:500}.timeline-text p{font-size:.875rem;color:var(--muted);margin-top:6px}.error{color:var(--danger);font-size:.875rem;margin:12px 0}.auth-tabs{display:flex;gap:16px;margin-bottom:24px}.auth-tabs button{background:none;color:var(--muted);padding:12px 3px;min-height:44px;border-bottom:2px solid transparent;font-size:.875rem}.auth-tabs button.active{color:var(--text);border-color:var(--accent)}.mode-label{font-size:.875rem;color:var(--muted);margin-bottom:14px}.contact-title{font-family:var(--display);font-size:2rem;font-weight:var(--display-weight);margin:16px 0}.care-block{padding:20px 0;border-bottom:1px solid var(--line)}.care-block h3{font-size:1.05rem;margin-bottom:10px}.care-block p{font-size:.9375rem;color:var(--muted)}.service-icon{color:var(--blue);margin-bottom:20px}#toast{position:fixed;bottom:30px;left:50%;max-width:calc(100% - 36px);width:max-content;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:100;padding:16px 24px;border-radius:24px;border:1px solid var(--edge);background:var(--panel);color:var(--text);box-shadow:var(--shadow);font-size:.875rem;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:1000;top:12px;left:12px;padding:14px 20px;border-radius:40px;background:var(--panel)}
/* The welcome composition uses the same material language as the garage. */
.welcome-screen{position:relative;isolation:isolate;min-height:100svh;padding:36px max(7vw,24px) 40px;display:flex;flex-direction:column;overflow:hidden}.welcome-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;animation:photo-reveal 1.2s var(--ease) both}.welcome-veil{position:absolute;inset:0;background:linear-gradient(90deg,#04070ad9,#04070a44 65%,#04070a0a),linear-gradient(0deg,#03060ae8,transparent 42%);z-index:-2}.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.welcome-logo{width:135px;height:122px;object-fit:contain}.welcome-copy{margin:6vh 0 50px;max-width:720px;animation:soft-reveal .7s var(--ease) both}.welcome-copy .eyebrow{color:#d2dfec;font-size:.8125rem}.welcome-copy h1{font-size:clamp(3.1rem,6.2vw,6.2rem);margin:24px 0 20px;line-height:1.02;font-weight:400;letter-spacing:-.035em}.welcome-copy p{font-size:1.125rem;color:#d2d9e2}.signature{display:block;margin-top:30px;letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;color:#b9c4d1}.welcome-entry{margin-top:auto;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px;animation:soft-reveal .8s .1s var(--ease) both}.welcome-cta{width:100%;min-height:68px;justify-content:space-between;padding:18px 28px;font-size:1.15rem}.welcome-entry>p{font-size:.75rem;color:#b9c4d1}.welcome-entry>.text-btn{color:#e9f0f8}.welcome-screen .theme-switch{color:#fff;border-color:#ffffff70;background:#16233480}[data-theme=light] .welcome-veil{background:linear-gradient(180deg,#edf5fd 0%,#eef5faf0 12%,#ecf4fbd6 37%,#d1e3f66b 62%,#081f379c 100%)}[data-theme=light] .welcome-copy .eyebrow,[data-theme=light] .welcome-copy p,[data-theme=light] .signature{color:#263f57}[data-theme=light] .welcome-copy h1{font-weight:550;font-size:clamp(2.8rem,5.6vw,5.5rem)}[data-theme=light] .welcome-screen .theme-switch{background:#ffffff8c;color:#17354f;border-color:white}
@keyframes soft-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-reveal{from{transform:scale(1.035);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.welcome-screen{padding-left:12vw;padding-right:12vw}.welcome-copy{margin-top:9vh}}
@media(max-width:1100px){.topbar{padding:20px 28px;gap:15px}.brand>span{display:none}.desktop-nav button{padding:0 12px}.content{padding:24px 28px 35px}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr)}.service-card{padding:20px}.service-card h3{font-size:1.65rem}.service-card-top{flex-wrap:wrap}.garage-grid{grid-template-columns:1fr 1fr}.top-actions{gap:7px}.two-col{grid-template-columns:1fr}}
@media(max-width:800px){.desktop-nav{display:none}.topbar{padding:12px 22px;min-height:90px}.brand img{width:73px;height:66px}.brand>span{display:block}.content{padding:23px 22px 135px}.top-actions>.avatar{display:none}.page-heading{margin-bottom:25px;align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:2.65rem}[data-theme=light] .page-heading h1{font-size:2.05rem}.page-heading p{font-size:.9375rem;margin-top:11px}.heading-kicker{font-size:.75rem;letter-spacing:.08em}.hero-grid{grid-template-columns:1fr;gap:20px}.garage-hero{min-height:430px}.visit-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.appointment{grid-column:1/3}.book-cta{grid-column:1/3;grid-row:2}.care-status-card{grid-column:1/3}.appointment h3{font-size:1.8rem}.appointment-actions{margin-top:4px}.section-heading{margin-top:38px}.section-heading h2{font-size:2rem}[data-theme=light] .section-heading h2{font-size:1.6rem}.section-heading .text-btn{font-size:.875rem;flex-shrink:0}.services-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:18px;padding:21px}.service-card-top{grid-column:1/3;margin-bottom:20px}.service-art{grid-column:1;grid-row:2;height:100px;margin:0;align-self:center}.service-glyph{width:100px;height:100px}.service-copy{grid-column:2;grid-row:2;align-self:center}.service-card h3{font-size:1.7rem}[data-theme=light] .service-card h3{font-size:1.25rem}.service-card p{font-size:.875rem}.service-bottom{grid-column:1/3;margin-top:20px;padding-top:17px}.service-bottom strong{font-size:1.25rem}.footer-strip{flex-wrap:wrap;padding:23px;gap:15px}.footer-strip>div{flex:1;min-width:170px}.footer-strip .text-btn{margin-left:45px}.footer-strip h3{font-size:1rem}.page-footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:26px}.mobile-nav{display:flex;position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:18px;right:18px;z-index:10;justify-content:space-around;padding:8px;background:linear-gradient(135deg,#272e38ed,#111720ed);border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff65,0 10px 30px #0005}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:56px;padding:7px 6px;background:none;color:var(--muted);font-size:.75rem;flex:1;border-radius:50px}.mobile-nav button .icon{width:22px;height:22px}.mobile-nav button.active{color:var(--accent);background:#ffffff0f}.mobile-nav button.active:after{content:'';height:2px;width:16px;border-radius:2px;background:var(--accent);position:absolute;bottom:2px;left:calc(50% - 8px)}[data-theme=light] .mobile-nav{background:linear-gradient(135deg,#ffffffed,#e2effbdc);border-color:white}[data-theme=light] .mobile-nav button.active{background:#d4e8fd;color:#075ec8}.garage-grid{grid-template-columns:1fr}.vehicle-add{min-height:190px}.record-card{flex-wrap:wrap;padding:23px;gap:15px}.record-actions{width:100%}.record-actions .btn{width:100%}.record-main p{font-size:.8125rem}.filters{flex-wrap:nowrap;overflow:auto;padding:3px 2px 8px;gap:8px}.chip{white-space:nowrap;flex-shrink:0}.panel{padding:24px}.theme-options{border-radius:25px}.appearance-panel{gap:22px}.appearance-panel h2{font-size:1.6rem}.appearance-actions{gap:20px;justify-content:space-between}.modal-head{padding:19px 21px}.modal-head h2{font-size:1.5rem}.modal-body{padding:23px 22px}.modal-foot{padding:18px 22px}.modal-foot .btn{font-size:.875rem;padding:12px 18px}.service-detail-title{font-size:2rem}.detail-glyph{width:105px;height:115px;margin-left:10px}.detail-glyph .service-glyph{width:105px;height:105px}.welcome-screen{min-height:100svh;padding:20px 26px max(27px,env(safe-area-inset-bottom))}.welcome-top{align-items:flex-start}.welcome-logo{width:110px;height:106px}.welcome-photo{object-position:62% 50%}.welcome-veil{background:linear-gradient(180deg,#020507bb,#02050744 48%,#02050714 62%,#020507ed)}.welcome-copy{margin-top:6vh;margin-bottom:24px;max-width:590px}.welcome-copy h1{font-size:clamp(3.1rem,8vw,4.7rem);line-height:1.04;margin:20px 0}.welcome-copy p{font-size:1rem}.signature{margin-top:22px}.welcome-entry{max-width:none;width:100%;padding-top:65px}.welcome-entry .btn{min-height:63px}.welcome-entry>p{color:#e1eaf6}.welcome-screen .theme-switch{margin-top:15px}.welcome-copy .eyebrow{font-size:.75rem}.welcome-copy h1{max-width:540px}[data-theme=light] .welcome-copy h1{font-size:clamp(2.65rem,7.2vw,4rem)}#toast{bottom:110px}.is-welcome #toast{bottom:24px}}
@media(max-width:430px){.topbar{padding:12px 20px}.brand>span{display:none}.content{padding-left:20px;padding-right:20px}.page-heading h1{font-size:2.35rem}[data-theme=light] .page-heading h1{font-size:1.9rem}.hero-top,.hero-bottom{padding:21px}.garage-hero,.garage-grid .garage-hero{min-height:365px}.hero-image{object-position:50% 57%}.vehicle-name{font-size:1.85rem}[data-theme=light] .vehicle-name{font-size:1.45rem}.vehicle-spec{font-size:.8125rem}.hero-bottom p{font-size:.75rem}.garage-tabs{margin-bottom:14px}.garage-tab{font-size:.8125rem;padding:9px 14px}.appointment{padding:22px}.appointment h3{font-size:1.65rem}.date-copy strong{font-size:.875rem}.appointment-actions{gap:10px}.appointment-actions .btn{font-size:.8125rem}.service-card{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:20px}.service-art{height:84px}.service-glyph{width:84px;height:84px}.service-card-top{margin-bottom:7px}.service-card h3{font-size:1.5rem}.service-card p{font-size:.875rem}.service-bottom{margin-top:6px}.service-card-top .eyebrow,.duration{font-size:.75rem}.section-heading .heading-kicker{max-width:150px;line-height:1.6}.mobile-nav{left:12px;right:12px;padding:6px}.mobile-nav button{font-size:.75rem;min-width:44px;gap:6px}.field-row{grid-template-columns:1fr}.choice{padding:17px}.choice-grid{gap:11px}.row{gap:12px}.modal-foot{gap:6px}.modal-foot .btn{padding:12px 14px}.theme-options button{padding:9px 11px;font-size:.8125rem}.appearance-actions .text-btn{font-size:.8125rem}.welcome-copy{margin-top:4vh}.welcome-entry{padding-top:60px}}
@media(max-width:350px){.content{padding-left:15px;padding-right:15px}.topbar{padding-left:15px;padding-right:15px}.section-heading{gap:10px}.section-heading .text-btn{font-size:.8125rem}.service-card{grid-template-columns:1fr}.service-art{display:none}.service-copy{grid-column:1}.service-card-top,.service-bottom{grid-column:1}.mobile-nav{left:8px;right:8px}.mobile-nav button{font-size:.6875rem}.choice-grid{grid-template-columns:1fr}.welcome-screen{padding-left:20px;padding-right:20px}.welcome-copy h1{font-size:2.8rem}[data-theme=light] .welcome-copy h1{font-size:2.35rem}.welcome-logo{width:90px;height:90px}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .service-card:hover{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.service-card:hover{transform:none}}

/* Brand-first entrance: the original emblem leads both welcome and garage. */
.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px 24px;padding-top:20px;padding-bottom:16px}.brand{grid-column:2;grid-row:1;justify-self:center;justify-content:center}.brand img{width:180px;height:156px}.brand>span{display:none}.top-actions{grid-column:3;grid-row:1;justify-self:end}.desktop-nav{grid-column:1/-1;grid-row:2;justify-self:center}.welcome-screen{align-items:center;justify-content:center;padding-top:30px;padding-bottom:30px}.welcome-top{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.welcome-logo{width:clamp(260px,29vw,390px);height:clamp(235px,32svh,350px);object-fit:contain;filter:drop-shadow(0 16px 35px #0005);animation:brand-arrive .8s var(--ease) both}.welcome-screen .theme-switch{position:absolute;top:0;right:0;margin:0}.welcome-copy{margin:20px auto 26px;text-align:center;max-width:640px;animation:soft-reveal .6s .15s var(--ease) both}.welcome-copy h1,[data-theme=light] .welcome-copy h1{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.1;margin:14px 0;max-width:none}.welcome-copy p{font-size:1rem}.welcome-copy .signature{margin-top:18px}.welcome-entry{width:100%;max-width:420px;margin:0 auto;padding-top:8px;animation:soft-reveal .6s .25s var(--ease) both}.welcome-veil{background:linear-gradient(180deg,#04070aca,#04070a66 55%,#04070af0)}[data-theme=light] .welcome-logo{filter:drop-shadow(0 14px 24px #244a7338)}
@keyframes brand-arrive{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){.topbar{padding:14px 22px;gap:0;min-height:160px}.brand img{width:158px;height:136px}.brand>span{display:none}.top-actions{flex-direction:column;gap:8px}.welcome-screen{padding:24px 26px max(24px,env(safe-area-inset-bottom));justify-content:space-evenly}.welcome-logo{width:clamp(230px,72vw,320px);height:clamp(205px,31svh,285px)}.welcome-copy{margin:18px auto 24px}.welcome-copy h1,[data-theme=light] .welcome-copy h1{font-size:clamp(1.9rem,6.5vw,2.7rem);margin:13px 0}.welcome-copy .eyebrow{font-size:.75rem;letter-spacing:.12em}.welcome-entry{padding-top:0;max-width:420px}.welcome-entry .btn{min-height:60px}.welcome-screen .theme-switch{top:0;right:-6px;width:42px;min-width:42px;height:42px}}
@media(max-width:350px),(max-height:700px){.welcome-screen{padding-top:18px;padding-bottom:18px}.welcome-logo{width:230px;height:200px}.welcome-copy{margin:12px auto 18px}.welcome-copy h1,[data-theme=light] .welcome-copy h1{font-size:1.9rem}.welcome-copy p{font-size:.875rem}.welcome-copy .signature{margin-top:12px}.welcome-entry{gap:7px}.welcome-entry .btn{min-height:54px}.welcome-entry>p{font-size:.75rem}}

/* Softer silver light mode and a larger original emblem in both appearances. */
[data-theme=light] .btn.primary{background:linear-gradient(130deg,#dce6ee,#b4cce0);border-color:#7e9bb4;border-top-color:#e0eaf2;border-bottom-color:#4f779b;box-shadow:inset 0 1px 0 #e7edf3,0 6px 18px #214e7520;color:#163c5d}
[data-theme=light] .mobile-nav{background:linear-gradient(135deg,#d6e0e8f5,#b9cbdaf0);border-color:#e1e9ef}
[data-theme=light] .mobile-nav button.active{background:#a9c4de;color:#064da4}
[data-theme=light] .garage-hero{background:#bdcbd6;border-color:#cbd8e1}
[data-theme=light] .crystal-photo{filter:brightness(.85) saturate(.9)}
[data-theme=light] .hero-shade{background:linear-gradient(180deg,#c9d5df50,transparent 32%,transparent 58%,#c2d0dccf 90%,#c2d0dc)}
[data-theme=light] .hero-bottom .round-link,[data-theme=light] .hero-top .icon-btn{background:#cbdbe8c4;border-color:#e0e9f0}
[data-theme=light] .welcome-veil{background:linear-gradient(180deg,#b9c7d4fa 0%,#bdcbd8ed 24%,#b0c1d0eb 69%,#587fa380 85%,#081f37d9 100%)}
[data-theme=light] .welcome-screen .theme-switch{background:#cedce8c4;border-color:#dce7f0}
.brand img{width:250px;height:218px}
.welcome-logo{width:min(90vw,480px);height:clamp(310px,43svh,420px)}
@media(max-width:800px){.topbar{padding-top:18px;padding-bottom:18px}.brand img{width:min(58vw,240px);height:auto;aspect-ratio:1.12}.welcome-screen{padding-left:20px;padding-right:20px}.welcome-logo{width:min(90vw,390px);height:clamp(290px,39svh,350px)}.welcome-copy{margin-top:12px;margin-bottom:20px}}
@media(max-width:350px),(max-height:700px){.welcome-logo{width:min(88vw,340px);height:285px}.welcome-copy{margin:10px auto 16px}.welcome-entry{padding-bottom:4px}}