@import url('./theme-tokens.css');
:root{--bg:var(--theme-page);--paper:var(--theme-surface);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);--accent:var(--theme-accent);--dark:var(--theme-page);--green:var(--theme-link);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px}button:disabled{opacity:.42;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:var(--dark);color:var(--theme-text);padding:33px 22px;display:flex;flex-direction:column;z-index:30}.brand{font-weight:900;letter-spacing:-2px;font-size:33px;line-height:1;display:block;text-decoration:none}.brand small{display:block;letter-spacing:2.1px;font-size:9px;font-weight:500;margin-top:9px}.studio-tag{margin-top:38px;color:var(--theme-text);text-transform:uppercase;font-size:10px;letter-spacing:2px}.nav{display:grid;gap:7px;margin-top:15px}.nav button{border:0;background:none;color:var(--theme-muted);display:flex;gap:13px;align-items:center;text-align:left;padding:13px 14px;border-radius:9px;font-size:14px}.nav button.active{background:var(--theme-accent);color:var(--accent)}.nav button:hover{background:var(--theme-surface)}.icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle}.sidebar-bottom{margin-top:auto;padding-top:35px}.mini-help{padding:19px 14px;border:1px solid var(--theme-border);border-radius:14px}.mini-help p{font-size:12px;color:var(--theme-text);margin:5px 0 13px}.mini-help button{padding:0;background:none;border:0;color:var(--accent);font-size:13px}.staff-switch{margin-top:22px;background:none;border:0;color:var(--theme-text);font-size:12px;display:flex;align-items:center;gap:10px}.demo-indicator{font-size:10px;color:var(--theme-text);letter-spacing:1.3px;text-transform:uppercase;margin-top:22px;display:flex;align-items:center;gap:7px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}main{width:calc(100% - 238px);margin-left:238px;padding:0 42px 40px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.subtle{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:16px}.demo-pill,.pill{font-size:11px;border:1px solid var(--line);padding:5px 9px;border-radius:30px;white-space:nowrap}.demo-pill{background:var(--theme-surface)}.avatar{background:var(--theme-surface);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-weight:700;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 0 24px;gap:18px}.page-heading h1{font-size:32px;font-weight:500;letter-spacing:-1.3px;line-height:1.14;margin:8px 0}.page-heading p{color:var(--muted);margin:0;font-size:13px}.btn{border:0;border-radius:8px;padding:12px 17px;background:var(--ink);color:var(--theme-on-accent);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;min-height:42px}.btn:hover{filter:brightness(1.12)}.btn.lime{background:var(--accent);color:var(--theme-on-accent)}.btn.secondary{border:1px solid var(--theme-border);background:transparent;color:var(--ink)}.btn.light{background:var(--theme-accent);color:var(--ink)}.btn.small{padding:8px 12px;min-height:34px;font-size:12px}.btn.full{width:100%}.hero{height:280px;border-radius:var(--radius);background:radial-gradient(ellipse at 79% 100%,var(--theme-surface) 0,var(--theme-surface) 32%,var(--theme-surface) 59%);color:var(--theme-text);position:relative;overflow:hidden;display:flex;align-items:center;margin-bottom:25px}.hero-content{padding:36px;position:relative;z-index:3;max-width:50%}.hero .eyebrow{color:var(--accent);font-size:10px}.hero h2{font-weight:400;font-size:37px;line-height:1.08;letter-spacing:-1.2px;margin:15px 0 12px}.hero p{font-size:12px;color:var(--theme-text);max-width:240px;margin:0 0 21px}.hero-car{position:absolute;right:-30px;bottom:3px;width:62%;opacity:.96}.hero-word{position:absolute;right:35px;top:3px;color:#87878733;font-size:100px;letter-spacing:-7px;font-weight:800}.asset-label{position:absolute;right:22px;bottom:15px;font-size:9px;color:#cecece;letter-spacing:.7px;z-index:2}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 17px}.section-head h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.text-button{background:none;border:0;font-size:12px;color:var(--green);padding:0;display:inline-flex;align-items:center;gap:6px}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 13px;border-radius:30px;border:1px solid var(--theme-border);background:transparent;font-size:11px;color:var(--theme-text)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--theme-on-accent)}.catalog-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}.search{border:1px solid var(--theme-border);border-radius:30px;padding:9px 13px;background:var(--theme-field);max-width:200px;width:100%;font-size:12px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{background:var(--paper);border-radius:17px;overflow:hidden;border:1px solid var(--theme-border);display:flex;flex-direction:column}.service-art{height:131px;position:relative;background:var(--theme-surface);overflow:hidden;display:flex;align-items:center;justify-content:center}.service-art .art-number{position:absolute;left:17px;top:13px;font-size:10px;letter-spacing:1.5px;color:var(--theme-text)}.service-art .art-category{position:absolute;right:12px;top:12px;background:#ffffffb0;border-radius:20px;font-size:9px;padding:3px 7px;color:#5c5c5c}.film-art{width:120px;height:83px;border:1px solid #b8b8b8;border-radius:70% 8% 55% 12%;transform:rotate(-20deg);background:linear-gradient(140deg,#fcfcfc99,#cacacabb 50%,#9f9f9f33);box-shadow:15px 15px 0 -2px #c2c2c255,30px 30px 0 -4px #ababab33}.wrap-art{width:145px;height:85px;background:linear-gradient(125deg,#828282,#c5c5c5 32%,#545454 36%,#a3a3a3 57%,#cdcdcd 60%,#505050);border-radius:60% 10% 50% 9%;transform:rotate(-17deg);box-shadow:0 14px 18px #71717137}.coating-art{width:45px;height:75px;border-radius:8px;background:linear-gradient(90deg,#2f2f2f,#696969,#343434);border-top:12px solid #a8a8a8;box-shadow:15px 15px 25px #7e7e7e55;transform:rotate(12deg)}.tint-art{width:130px;height:76px;clip-path:polygon(19% 0,96% 0,100% 100%,0 100%);border:2px solid #868686;background:linear-gradient(130deg,#bfbfbf77,#2e2e2e 90%);transform:rotate(-10deg)}.wheel-art{width:90px;height:90px;border:13px solid #2e2e2e;border-radius:50%;background:repeating-conic-gradient(#868686 0deg 10deg,#dadada 10deg 50deg,#868686 50deg 60deg);box-shadow:inset 0 0 0 8px #6e6e6e,6px 10px 18px #7b7b7b55}.detail-art{width:95px;height:65px;border-radius:14px;background:repeating-linear-gradient(0deg,#b4b4b4 0px 1px,#d6d6d6 1px 4px);transform:rotate(-13deg);box-shadow:9px 10px 0 #acacac}.service-body{padding:17px;display:flex;flex-direction:column;flex:1}.service-body h3{margin:0 0 6px;font-size:16px;font-weight:500;letter-spacing:-.3px}.service-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;min-height:35px}.service-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--theme-border);margin:16px 0 13px;padding-top:13px;font-size:11px}.service-meta strong{font-weight:500}.service-meta span{color:var(--theme-muted)}.card-actions{display:flex;gap:7px}.card-actions .btn{flex:1}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--line);margin-top:28px}.how-item{display:flex;gap:13px}.how-number{width:30px;height:30px;border:1px solid var(--theme-border);border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.how-item strong{font-size:12px;font-weight:500}.how-item p{font-size:11px;color:var(--muted);margin:3px 0}.footer{font-size:11px;color:var(--theme-muted);display:flex;gap:12px;justify-content:space-between;margin-top:24px;border-top:1px solid var(--line);padding-top:19px}.footer button{border:0;background:none;color:var(--muted);font-size:11px}.notice{border:1px solid var(--theme-border);background:var(--theme-notice-surface);color:var(--theme-text);padding:11px 14px;border-radius:10px;font-size:12px;margin:15px 0}.notice.amber{background:var(--theme-notice-surface);border-color:var(--theme-border);color:var(--theme-text)}.panel{background:var(--paper);border:1px solid var(--theme-border);border-radius:17px;padding:24px}.panel h2{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:0 0 5px}.panel h3{font-size:15px;margin:0 0 10px;font-weight:500}.panel p{font-size:13px;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr);gap:22px}.steps{display:flex;gap:6px;margin-bottom:24px}.step{flex:1;border-top:3px solid var(--theme-border);padding:11px 0;font-size:12px;color:var(--theme-muted)}.step.active{border-color:var(--theme-focus);color:var(--theme-link)}.step b{font-size:11px;margin-right:7px}label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.field{width:100%;background:var(--theme-field);border:1px solid var(--theme-border);border-radius:8px;padding:11px 12px;font-size:13px;color:var(--ink)}textarea.field{resize:vertical;min-height:78px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.field-group{margin:17px 0}.field-hint{font-size:11px;color:var(--theme-muted);margin-top:5px}.choice{border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-surface);padding:16px;margin:11px 0;text-align:left;width:100%;display:flex;gap:12px;align-items:flex-start}.choice.selected{border:1.5px solid var(--theme-focus);background:var(--theme-selected)}.radio{height:16px;width:16px;border:1px solid var(--theme-border);border-radius:50%;margin-top:2px;flex-shrink:0}.choice.selected .radio{border:5px solid var(--theme-focus)}.choice strong{font-weight:500;font-size:14px}.choice p{font-size:12px;margin:5px 0 0}.choice .price{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:600}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.time-slot{padding:11px 5px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:8px;font-size:12px}.time-slot.selected{background:var(--theme-accent);border-color:var(--theme-focus)}.actions-row{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.summary-line{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--theme-border);font-size:12px}.summary-line span{color:var(--muted)}.summary-line strong{font-weight:500;text-align:right}.summary-top{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:9px}.summary-top small{font-size:10px;color:var(--muted)}.sticky{position:sticky;top:20px;align-self:start}.large-icon{width:50px;height:50px;background:var(--theme-surface);border-radius:50%;display:grid;place-items:center;color:var(--theme-text);margin-bottom:20px}.success{text-align:center;padding:40px 25px}.success .large-icon{margin:0 auto 20px}.success h2{font-size:28px}.success p{max-width:420px;margin:12px auto 25px}.active-job{background:var(--dark);color:var(--theme-text);border-radius:20px;padding:27px;position:relative;overflow:hidden}.active-job .job-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;position:relative;z-index:2}.active-job h2{font-size:28px;font-weight:400;letter-spacing:-.7px;margin:5px 0}.active-job p{font-size:12px;color:var(--theme-text);margin:0}.job-visual{height:139px;width:75%;margin:0 auto;position:relative}.job-visual svg{height:150px;width:100%}.job-visual .vehicle-image{height:150px;width:100%;object-fit:cover;object-position:center;border-radius:12px}.status-pill{background:var(--theme-accent);color:var(--theme-on-accent);border-radius:20px;padding:5px 10px;font-size:10px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.job-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--theme-border);padding-top:17px;font-size:11px;gap:15px}.job-bottom span{color:var(--theme-muted);display:block;font-size:10px;margin-bottom:3px}.progress-track{display:flex;margin:20px 0 0;gap:5px}.progress-track span{height:3px;background:var(--theme-surface);flex:1;border-radius:5px}.progress-track span.done{background:var(--accent)}.timeline{margin:20px 0 0}.timeline-item{display:grid;grid-template-columns:24px 1fr auto;gap:12px;position:relative;padding:0 0 26px}.timeline-item:before{content:'';position:absolute;top:20px;left:10px;width:1px;bottom:0;background:var(--theme-surface)}.timeline-item:last-child:before{display:none}.timeline-item:last-child{padding-bottom:0}.timeline-mark{height:21px;width:21px;border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:50%;display:grid;place-items:center;font-size:11px;z-index:1;color:var(--theme-muted)}.timeline-item.complete .timeline-mark{background:var(--theme-accent);border-color:var(--theme-border);color:var(--theme-on-accent)}.timeline-item.current .timeline-mark{border:5px solid var(--theme-focus);background:var(--theme-surface);box-shadow:0 0 0 1px var(--theme-shadow)}.timeline-text strong{font-size:12px;font-weight:500}.timeline-text p{font-size:11px;margin:3px 0 0}.timeline-time{font-size:10px;color:var(--muted);text-align:right;max-width:105px}.timeline-time span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:var(--theme-muted);margin-top:2px}.timeline-item.pending strong{color:var(--theme-muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.photo-slot{min-height:83px;background:var(--theme-surface);border:1px dashed var(--theme-border);border-radius:9px;display:grid;align-content:center;justify-items:center;gap:7px;color:var(--theme-text);font-size:10px;overflow:hidden}.photo-slot img{width:100%;height:90px;object-fit:cover}.detail-list{display:grid;gap:15px;margin-top:20px}.detail-row{display:flex;align-items:flex-start;gap:12px}.detail-row .icon{color:var(--theme-text)}.detail-row strong{font-size:11px;font-weight:500}.detail-row p{font-size:11px;margin:3px 0}.note{font-size:11px;color:var(--muted)}.list-gap{display:grid;gap:19px}.job-select{max-width:240px}.booking-list{margin-top:18px;display:grid;gap:8px}.job-row{padding:14px 16px;border:1px solid var(--theme-border);background:var(--paper);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;text-align:left;width:100%}.job-row.active{border-color:var(--theme-focus);background:var(--theme-selected)}.job-row small{display:block;color:var(--muted);margin-top:3px}.staff-header{background:var(--theme-surface);border-radius:14px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:17px}.stat strong{font-size:28px;font-weight:400;display:block}.stat span{font-size:11px;color:var(--muted)}.staff-columns{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.staff-note{font-size:11px;color:var(--theme-muted)}.chat-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);gap:22px}.chat-box{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.chat-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.chat-head .avatar{background:var(--ink);color:var(--accent)}.chat-head strong{font-size:13px;font-weight:500;display:block}.chat-head small{font-size:11px;color:var(--muted)}.chat-messages{height:340px;overflow-y:auto;padding:21px;display:flex;flex-direction:column;gap:16px}.chat-message{max-width:90%;background:var(--theme-surface);padding:13px 16px;border-radius:12px 12px 12px 3px;font-size:13px;line-height:1.65;white-space:pre-wrap}.chat-message.user{margin-left:auto;background:var(--theme-accent);color:var(--theme-on-accent);border-radius:12px 12px 3px 12px}.quick-questions{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 15px}.chat-form{display:flex;gap:9px;padding:15px 20px;border-top:1px solid var(--line)}.chat-form input{flex:1;min-width:0}.faq{border-top:1px solid var(--line);padding:13px 0}.faq summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+'}.faq[open] summary:after{content:'−'}.faq p{font-size:12px;line-height:1.65;margin:10px 0 0}.mobile-brand{display:none}.modal-backdrop{position:fixed;inset:0;z-index:80;background:var(--theme-scrim);display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal{max-width:540px;width:100%;background:var(--paper);border-radius:20px;padding:28px;max-height:90vh;overflow:auto}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top h2{font-size:23px;font-weight:500;margin:0}.close{background:none;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;font-size:18px}.modal p,.modal li{font-size:13px;color:var(--muted)}.modal ul{padding-left:17px;line-height:1.8}.modal .btn{margin-top:15px}#toast{position:fixed;right:25px;bottom:25px;z-index:100;background:var(--theme-accent);color:var(--theme-on-accent);border-radius:11px;padding:13px 18px;box-shadow:0 6px 25px var(--theme-shadow);font-size:13px;max-width:350px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.empty{padding:35px;text-align:center;background:var(--paper);border-radius:15px;grid-column:1/-1}.service-detail-art{margin:20px 0;border-radius:12px}.delivery-progress{padding:14px;background:var(--theme-surface);border-radius:10px;margin-top:17px}.delivery-progress strong{font-size:12px}.delivery-progress p{font-size:11px;margin:5px 0}.upload-area{border:1px dashed var(--theme-border);border-radius:11px;padding:15px;background:var(--theme-surface)}.upload-area input{font-size:11px;max-width:100%}.upload-area p{font-size:11px}.error{color:var(--theme-danger-text);background:var(--theme-danger-surface);border-radius:8px;padding:10px 13px;font-size:12px;margin:12px 0}.hidden{display:none!important}.hero-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero.has-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#202020ed 0,#202020aa 45%,#20202020)}
@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.hero{height:325px}.hero h2{font-size:45px}.service-art{height:160px}.services-grid{gap:22px}}
@media(max-width:1150px){.sidebar{width:198px;padding:30px 17px}main{width:calc(100% - 198px);margin-left:198px;padding:0 25px 35px}.hero-content{max-width:54%;padding:28px}.hero h2{font-size:32px}.service-body{padding:14px}.services-grid{gap:11px}.two-col{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.staff-columns{grid-template-columns:220px minmax(0,1fr)}.chat-layout{grid-template-columns:1.2fr 1fr}.hero-word{font-size:82px}}
@media(max-width:900px){.sidebar{width:82px;padding:28px 13px}.brand{font-size:23px;letter-spacing:-2px}.brand small,.studio-tag,.nav button span,.mini-help,.staff-switch span,.demo-indicator{display:none}.nav{margin-top:37px}.nav button{padding:15px;justify-content:center}.staff-switch{justify-content:center;width:100%;padding:12px}.sidebar .brand{font-size:0}.sidebar .brand:after{content:'S.';font-size:33px;color:var(--accent)}main{width:calc(100% - 82px);margin-left:82px;padding:0 24px 32px}.two-col,.chat-layout{grid-template-columns:1fr}.sticky{position:static}.hero-content{max-width:57%}.hero-car{width:61%;right:-55px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-columns{grid-template-columns:1fr}.staff-job-list{display:flex;gap:10px;overflow:auto}.staff-job-list .job-row{min-width:235px}.footer{flex-wrap:wrap}}
@media(max-width:600px){body{font-size:14px}.sidebar{inset:auto 0 0;width:100%;height:65px;flex-direction:row;padding:4px 9px;background:var(--theme-page);box-shadow:0 -2px 15px var(--theme-shadow)}.sidebar>.brand,.sidebar-bottom{display:none}.nav{display:flex;margin:0;width:100%;justify-content:space-around;gap:4px}.nav button{flex-direction:column;padding:8px 12px;gap:3px;border-radius:8px;flex:1;font-size:10px}.nav button span{display:block;font-size:9px}.nav .icon{width:18px;height:18px}main{width:100%;margin:0;padding:0 18px 89px}.topbar{height:69px}.topbar>.eyebrow{display:none}.mobile-brand{display:block;font-size:20px;font-weight:900;letter-spacing:-1.4px;line-height:1}.mobile-brand small{font-size:6px;letter-spacing:1.1px;display:block;margin-top:5px}.top-actions{gap:9px}.demo-pill{font-size:9px;padding:4px 6px}.avatar{width:27px;height:27px;font-size:9px}.page-heading{margin:24px 0 18px;align-items:center}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.page-heading>.btn{font-size:11px;padding:9px 11px;white-space:nowrap}.hero{height:324px;margin-bottom:21px;align-items:flex-start}.hero-content{padding:25px;max-width:87%;z-index:3}.hero h2{font-size:34px;max-width:300px}.hero p{font-size:11px;max-width:195px}.hero .btn{min-height:35px;padding:9px 12px;font-size:11px}.hero-car{width:85%;right:-46px;bottom:-8px;opacity:.7}.hero-word{font-size:68px;right:20px;top:175px;letter-spacing:-5px}.asset-label{font-size:6px;right:12px;bottom:10px}.catalog-top{align-items:stretch;flex-direction:column;gap:11px}.search{max-width:none;border-radius:8px}.filters{gap:6px}.chip{padding:7px 11px;font-size:10px}.services-grid{gap:11px}.service-art{height:101px}.service-body{padding:13px 11px}.service-body h3{font-size:14px;line-height:1.25;min-height:35px}.service-body p{font-size:11px;line-height:1.5;min-height:45px}.service-meta{flex-direction:column;align-items:flex-start;gap:3px;font-size:10px;padding-top:10px;margin-top:12px}.card-actions{flex-direction:column;gap:5px}.card-actions .btn{font-size:10px;padding:9px 5px;min-height:31px}.card-actions .text-button{font-size:10px;justify-content:center;min-height:25px}.service-art .art-number{left:10px;top:9px;font-size:7px}.service-art .art-category{right:7px;top:7px;font-size:6px;padding:3px 5px}.film-art,.wrap-art,.tint-art{transform:scale(.77) rotate(-17deg)}.wheel-art{transform:scale(.77)}.coating-art{transform:scale(.8) rotate(12deg)}.detail-art{transform:scale(.8) rotate(-13deg)}.section-head h2{font-size:18px}.section-head>.text-button{font-size:10px}.how-grid{gap:12px;grid-template-columns:1fr;padding:19px 0;margin-top:23px}.how-item p{font-size:11px}.footer{font-size:10px;line-height:1.7;gap:5px;margin-top:12px}.panel{padding:19px}.two-col{gap:16px}.steps{gap:8px}.step{font-size:10px}.step b{margin-right:2px}.field-row{gap:10px}.field{padding:11px 10px;font-size:13px}.time-grid{grid-template-columns:repeat(2,1fr)}.choice{padding:13px;gap:9px}.choice strong{font-size:13px}.choice p{font-size:11px}.choice .price{font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:13px}.stat strong{font-size:24px}.staff-header{align-items:start;padding:13px;font-size:11px}.staff-header .btn{white-space:nowrap}.active-job{padding:22px}.active-job h2{font-size:24px}.job-visual{height:117px;width:100%}.job-visual svg{height:123px}.job-bottom{font-size:10px}.status-pill{font-size:9px;padding:5px 7px}.timeline-item{gap:9px;grid-template-columns:23px 1fr 74px}.timeline-time{font-size:9px}.timeline-text strong{font-size:11px}.timeline-text p{font-size:10px}.chat-messages{height:300px;padding:16px}.chat-message{font-size:12px}.chat-form{padding:13px}.chat-form .btn{padding:9px 13px}.quick-questions{padding:0 14px 13px}.page-heading .job-select{max-width:120px;font-size:11px}.photo-slot{min-height:73px;font-size:9px}#toast{bottom:82px;right:15px;left:15px;max-width:none;font-size:12px}.modal{padding:23px}.modal-top h2{font-size:20px}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.home-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.home-categories .service-body h3{font-size:15px;min-height:42px}.home-categories .service-body p{font-size:11px;min-height:64px}.home-categories .service-art{height:123px}.home-categories .service-body{padding:17px 14px}.home-categories .art-number{font-size:7px;left:12px}.home-categories .service-art>div{transform:scale(.86) rotate(-15deg)}@media(max-width:1100px){.home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.home-categories .service-body h3{min-height:0}.home-categories .service-body p{min-height:35px}.home-categories .service-art{height:130px}}@media(max-width:600px){.home-categories .service-art{height:105px}.home-categories .service-body{padding:14px 12px}.home-categories .service-body h3{font-size:14px;min-height:36px}.home-categories .service-body p{font-size:11px;min-height:74px}.home-categories .text-button{font-size:10px}.home-categories .art-number{font-size:6px;left:9px}}
.hero.has-image{height:320px}.hero-custom-image{object-position:center 66%}.hero.has-image:after{background:linear-gradient(90deg,rgba(19,19,19,.91) 0%,rgba(19,19,19,.59) 39%,rgba(19,19,19,.10) 75%)}.hero.has-image .hero-content{max-width:52%}.hero.has-image .asset-label{z-index:3;color:#fff9}.hero.has-image h2{font-size:40px}.category-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.category-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--theme-surface),transparent 55%)}.category-photo .art-number{z-index:2;color:var(--theme-text);text-shadow:0 1px 3px var(--theme-shadow)}.home-categories .service-art{height:144px}.service-card:hover .category-photo img{transform:scale(1.035)}@media(max-width:600px){.hero.has-image{height:352px}.hero.has-image .hero-content{max-width:100%;padding:25px}.hero.has-image h2{font-size:34px}.hero-custom-image{object-position:63% 70%}.hero.has-image:after{background:linear-gradient(180deg,#171717c9 0,#17171780 53%,#17171718 100%)}.hero.has-image .asset-label{font-size:6px}.home-categories .service-art{height:108px}}
.studio-gallery{margin-top:34px}.studio-gallery .eyebrow{font-size:9px;margin-bottom:7px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-item{position:relative;display:block;border:0;border-radius:13px;overflow:hidden;background:var(--theme-surface);padding:0;color:var(--theme-text);aspect-ratio:3/4;text-align:left}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0e0e0eb3)}.gallery-item span{position:absolute;bottom:15px;left:14px;right:14px;z-index:1;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:8px}.gallery-item b{font-size:16px;font-weight:400}.gallery-modal{max-width:670px}.gallery-modal>img{display:block;max-height:70vh;width:100%;object-fit:contain;border-radius:12px;background:#191919;margin-top:18px}.gallery-modal>p{font-size:11px;margin:12px 0 0}@media(max-width:600px){.studio-gallery{margin-top:27px}.studio-gallery .section-head{align-items:end}.studio-gallery h2{max-width:230px;font-size:19px}.studio-gallery .section-head>.note{max-width:75px;font-size:9px;text-align:right}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-item span{font-size:10px;bottom:10px;left:10px;right:10px}.gallery-modal>img{max-height:65vh}.gallery-modal .modal-top h2{font-size:18px}}
.official-brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1.5px}.logo-badge{background:#f9f9f9;border-radius:50%;width:61px;height:61px;display:grid;place-items:center;flex-shrink:0}.logo-badge img{width:100%;height:100%;object-fit:contain}.official-brand .brand-name{display:block}.official-brand .brand-name small{font-size:6px;letter-spacing:1.7px;margin-top:7px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:30px;height:30px;object-fit:contain}.mobile-brand{color:inherit;text-decoration:none}.mobile-brand img{width:39px;height:39px;object-fit:contain}.mobile-brand span{font-size:17px}.mobile-brand small{font-size:5px;letter-spacing:1px}@media(max-width:1150px){.official-brand{gap:9px;font-size:22px}.logo-badge{width:49px;height:49px}.official-brand .brand-name small{font-size:5px;letter-spacing:1.5px}}@media(max-width:900px){.sidebar .official-brand:after{content:none}.sidebar .official-brand .brand-name{display:none}.sidebar .logo-badge{width:50px;height:50px}.official-brand{justify-content:center}}@media(max-width:600px){.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand small{margin-top:4px}.footer-brand img{width:24px;height:24px}.top-actions{gap:7px}.top-actions .avatar{display:none}}
/* Monochrome technical direction. Photography retains its natural color. */
:root{--bg:var(--theme-page);--paper:var(--theme-surface);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);--accent:var(--theme-accent);--dark:var(--theme-page);--green:var(--theme-link);--radius:6px}body{font-family:Arial,Helvetica,sans-serif;background:var(--theme-page);color:var(--theme-text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--theme-focus);outline-offset:3px}.sidebar{background:var(--theme-page);width:215px;padding:30px 19px}.official-brand{gap:10px;align-items:center}.official-brand .brand-name{font-family:'Arial Narrow',Arial,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.8px;transform:scaleX(.86);transform-origin:left center;line-height:1}.official-brand .brand-name small{font-size:6px;letter-spacing:.25px;font-weight:400;margin-top:6px}.logo-badge{width:48px;height:48px;background:#fff}.studio-tag{font-size:9px;letter-spacing:.8px;color:var(--theme-text);margin-top:37px}.nav{gap:5px}.nav button{padding:12px 11px;border-radius:3px;font-size:13px;color:var(--theme-muted);gap:12px}.nav button.active{background:var(--theme-accent);color:var(--theme-on-accent)}.nav button:hover{background:var(--theme-surface);color:var(--theme-text)}.nav button.active:hover{background:var(--theme-accent);color:var(--theme-on-accent)}.nav .icon{width:17px;height:17px}.sidebar-support{color:var(--theme-text);font-size:11px}.staff-switch{color:var(--theme-text);font-size:11px;padding:0;margin-top:24px}.demo-indicator{font-size:7px;letter-spacing:.4px;color:var(--theme-text)}.demo-indicator .dot{background:var(--theme-surface);width:4px;height:4px}main{width:calc(100% - 215px);margin-left:215px;padding:0 38px 30px}.topbar{height:72px}.topbar>.eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.4px}.top-actions{gap:14px}.top-actions .text-button{font-size:11px;color:var(--theme-link)}.demo-pill{border-color:var(--theme-border);background:transparent;color:var(--theme-text);border-radius:3px;font-size:10px;padding:3px 7px}.eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:.5px;font-weight:400}.page-heading{margin:29px 0 23px}.page-heading h1{font-size:30px;font-weight:500;letter-spacing:-1px}.page-heading p{font-size:12px;color:var(--theme-muted)}.btn{border-radius:3px;font-size:12px;min-height:40px;padding:11px 16px;background:var(--theme-accent);color:var(--theme-on-accent);font-weight:500}.btn.lime{background:var(--theme-accent);color:var(--theme-on-accent)}.btn.secondary{background:transparent;color:var(--theme-text);border-color:var(--theme-border)}.btn.small{min-height:33px}.btn:hover{filter:none;background:var(--theme-surface);color:var(--theme-text)}.btn.secondary:hover{background:var(--theme-surface);color:var(--theme-text)}.btn.light{background:var(--theme-accent);color:var(--theme-on-accent)}.text-button{color:var(--theme-link);font-size:11px}.hero.has-image{margin-top:24px;margin-bottom:0;height:345px;border-radius:5px;background:var(--theme-surface)}.hero.has-image:after{background:linear-gradient(90deg,#000c 0%,#0007 41%,#0000 75%)}.hero.has-image .hero-content{padding:35px 38px;max-width:60%}.hero h1{font-size:48px;letter-spacing:-2px;font-weight:400;line-height:1.05;margin:21px 0 15px}.hero .eyebrow{font-size:9px;color:var(--theme-muted);letter-spacing:.4px}.hero p{font-size:12px;color:var(--theme-text);max-width:none;margin-bottom:24px}.hero .btn.lime{background:var(--theme-accent);color:var(--theme-on-accent);border:1px solid var(--theme-border)}.hero .btn.lime:hover{background:var(--theme-accent)}.hero-actions{display:flex;gap:18px;align-items:center}.hero-secondary{background:none;border:0;padding:10px 0;color:var(--theme-link);font-size:11px;white-space:nowrap}.company-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 24px}.company-intro h2{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:6px 0 0}.company-intro p{font-size:12px;line-height:1.7;margin:0;color:var(--theme-muted)}.home-categories{gap:14px}.home-categories .service-card{border:0;border-radius:3px;background:transparent;overflow:visible}.home-categories .service-art{height:140px;border-radius:3px}.category-photo:after{display:none}.home-categories .service-body{padding:15px 0 0}.category-title{display:flex;gap:7px;align-items:baseline}.category-code{font-family:'Courier New',monospace;font-size:9px;color:var(--theme-muted)}.home-categories .service-body h3{font-size:13px;line-height:1.3;min-height:0;font-weight:500;letter-spacing:-.2px;margin:0}.home-categories .service-body p{font-size:11px;line-height:1.6;min-height:34px;margin:8px 0 12px;color:var(--theme-muted)}.home-categories .text-button{font-size:10px;gap:5px;justify-content:flex-start}.home-categories .text-button .icon{width:13px;height:13px}.studio-gallery{margin-top:34px;padding-top:24px;border-top:1px solid var(--theme-border)}.studio-gallery .section-head{margin:0 0 17px}.studio-gallery h2{font-size:19px;letter-spacing:-.5px;font-weight:500}.studio-gallery .note{font-size:10px}.gallery-grid{gap:14px}.gallery-item{border-radius:3px;aspect-ratio:4/5;background:var(--theme-surface)}.gallery-item span{font-size:10px;left:12px;right:12px;bottom:12px;color:#fff}.gallery-item:after{background:linear-gradient(transparent,#0009)}.home-flow{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--theme-border);font-family:'Courier New',monospace;font-size:10px;color:var(--theme-text)}.home-demo-note{font-size:10px;color:var(--theme-muted);margin:18px 0 0}.footer{font-size:9px;gap:14px;margin-top:25px;color:var(--theme-muted);align-items:center}.footer-brand{font-size:9px;gap:8px}.footer-brand img{width:25px;height:25px}.footer button{font-size:9px}.panel,.chat-box,.active-job,.service-card,.modal{border-radius:6px}.panel{background:var(--theme-surface);border-color:var(--theme-border)}.panel h2{font-size:20px}.active-job{background:var(--theme-selected)}.active-job p{color:var(--theme-text)}.status-pill{border-radius:3px;background:var(--theme-accent);color:var(--theme-on-accent);font-size:10px}.status-pill .dot{background:var(--theme-accent)!important}.progress-track span{background:var(--theme-surface)}.progress-track span.done{background:var(--theme-selected)}.job-bottom{border-color:var(--theme-border)}.job-bottom span{color:var(--theme-muted)}.service-card{border-color:var(--theme-border)}.service-art{background:var(--theme-surface)}.service-art .art-category{background:#ffffffb0;color:#555;border-radius:3px}.service-art .art-number{color:var(--theme-text)}.service-meta{border-color:var(--theme-border)}.service-meta span{color:var(--theme-muted)}.chip{border-radius:3px;border-color:var(--theme-border);color:var(--theme-text);font-size:10px}.chip.active{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-focus)}.search{border-radius:3px;background:var(--theme-field);border-color:var(--theme-border)}.notice,.notice.amber,.error{background:var(--theme-danger-surface);border:1px solid var(--theme-border);color:var(--theme-danger-text);border-radius:4px;font-size:11px}.error{border-color:var(--theme-border);color:var(--theme-danger-text)}.field{border-radius:3px;background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-text)}.field-hint,.note{color:var(--theme-muted)}.choice{border-radius:4px;border-color:var(--theme-border);background:var(--theme-surface)}.choice.selected{border-color:var(--theme-focus);background:var(--theme-selected)}.choice.selected .radio{border-color:var(--theme-focus)}.radio{border-color:var(--theme-border)}.time-slot{border-radius:3px;background:var(--theme-surface);border-color:var(--theme-border)}.time-slot.selected{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-focus)}.steps .step{border-color:var(--theme-border);color:var(--theme-muted)}.steps .step.active{border-color:var(--theme-focus);color:var(--theme-link)}.summary-line{border-color:var(--theme-border)}.large-icon{background:var(--theme-surface);color:var(--theme-text)}.timeline-item:before{background:var(--theme-surface)}.timeline-mark{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-muted)}.timeline-item.complete .timeline-mark{background:var(--theme-accent);border-color:var(--theme-border);color:var(--theme-on-accent)}.timeline-item.current .timeline-mark{border-color:var(--theme-focus);background:var(--theme-surface);box-shadow:0 0 0 1px var(--theme-shadow)}.timeline-item.pending strong{color:var(--theme-muted)}.timeline-time,.timeline-time span{color:var(--theme-muted)}.photo-slot{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text);border-radius:4px}.detail-row .icon{color:var(--theme-text)}.delivery-progress{background:var(--theme-surface);border-radius:4px}.staff-header{background:var(--theme-surface);border-radius:4px}.stat{background:var(--theme-surface);border-color:var(--theme-border);border-radius:4px}.staff-note{color:var(--theme-muted)}.job-row{background:var(--theme-surface);border-color:var(--theme-border);border-radius:4px}.job-row.active{background:var(--theme-selected);border-color:var(--theme-focus)}.upload-area{background:var(--theme-surface);border-color:var(--theme-border);border-radius:4px}.pill{border-color:var(--theme-border);border-radius:3px}.chat-head .avatar{background:var(--theme-accent);color:var(--theme-on-accent)}.chat-message{background:var(--theme-surface);color:var(--theme-text);border-radius:4px}.chat-message.user{background:var(--theme-accent);color:var(--theme-on-accent);border-radius:4px}.chat-head,.chat-form,.faq{border-color:var(--theme-border)}.gallery-modal>img{border-radius:3px;background:#111}.close{border-radius:3px}.modal-backdrop{background:var(--theme-scrim)}#toast{background:var(--theme-accent);color:var(--theme-on-accent);border-radius:4px;box-shadow:0 6px 25px var(--theme-shadow)}.mobile-brand span{font-size:15px;font-weight:500;letter-spacing:-.7px;transform:scaleX(.88);transform-origin:left}.mobile-brand small{font-size:5px;letter-spacing:.2px;font-weight:400}.mobile-brand img{width:34px;height:34px}.mobile-brand{gap:7px}
@media(min-width:1500px){main{padding-left:60px;padding-right:60px}.hero.has-image{height:390px}.hero h1{font-size:58px}.home-categories .service-art{height:170px}}
@media(max-width:1150px){main{padding:0 28px 30px}.sidebar{width:195px}main{width:calc(100% - 195px);margin-left:195px}.official-brand .brand-name{font-size:18px}.hero.has-image .hero-content{max-width:68%;padding:30px}.hero h1{font-size:44px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.home-categories .service-art{height:150px}.home-categories .service-body p{min-height:0}.home-categories .service-card{margin-bottom:11px}.gallery-grid{gap:11px}.home-flow{font-size:9px;gap:12px}}
@media(max-width:900px){.sidebar{width:76px;padding:25px 12px}.sidebar .logo-badge{width:44px;height:44px}.sidebar .brand-name,.sidebar-support{display:none}.nav button{padding:13px;gap:0}.nav{margin-top:30px}.staff-switch{justify-content:center}.sidebar .official-brand:after{display:none}main{width:calc(100% - 76px);margin-left:76px;padding:0 23px 28px}.home-flow{flex-wrap:wrap}.hero.has-image{height:330px}.hero h1{font-size:44px}.company-intro h2{font-size:20px}}
@media(max-width:600px){.sidebar{inset:auto 0 0;width:100%;height:64px;padding:4px 7px;background:var(--theme-page)}.sidebar>.brand{display:none}.nav{margin:0}.nav button{padding:8px 6px;gap:5px;border-radius:3px}.nav button span{font-size:9px;white-space:nowrap}.nav button.active{background:var(--theme-accent);color:var(--theme-on-accent)}.nav button .icon{width:17px;height:17px}main{width:100%;margin:0;padding:0 17px 84px}.topbar{height:63px}.top-actions{gap:10px}.top-actions .text-button{font-size:10px}.demo-pill{font-size:9px;padding:3px 5px}.mobile-brand{display:flex}.mobile-brand img{width:32px;height:32px}.mobile-brand span{font-size:14px}.hero.has-image{margin-top:17px;height:338px}.hero.has-image .hero-content{padding:26px 23px;max-width:100%}.hero.has-image:after{background:linear-gradient(180deg,#000a,#0005 53%,#0001)}.hero h1{font-size:40px;letter-spacing:-1.5px;margin:20px 0 13px}.hero p{font-size:11px;margin-bottom:22px}.hero .eyebrow{font-size:7px}.hero-actions{gap:15px}.hero .btn{font-size:11px;padding:10px 12px;min-height:36px}.hero-secondary{font-size:10px}.company-intro{padding:24px 0 20px;align-items:flex-start;gap:12px;flex-direction:column}.company-intro h2{font-size:21px}.company-intro p{font-size:11px;line-height:1.6}.home-categories{gap:16px 12px}.home-categories .service-art{height:111px}.home-categories .service-body{padding:11px 0 0}.home-categories .service-body h3{font-size:12px;min-height:30px;letter-spacing:-.3px;line-height:1.2}.category-title{gap:5px}.category-code{font-size:7px}.home-categories .service-body p{font-size:10px;line-height:1.5;min-height:28px;margin:6px 0 8px}.home-categories .text-button{font-size:10px;min-height:27px}.home-categories .service-card{margin-bottom:0}.studio-gallery{margin-top:25px;padding-top:21px}.studio-gallery h2{font-size:18px;max-width:none}.studio-gallery .note{font-size:9px}.gallery-grid{gap:10px}.gallery-item{aspect-ratio:3/4}.gallery-item span{font-size:9px}.home-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:9px;padding:20px 0}.home-flow .text-button{font-size:9px}.home-demo-note{font-size:9px;line-height:1.7;margin-top:15px}.footer{font-size:9px;line-height:1.7;margin-top:19px;gap:7px}.footer-brand{font-size:9px}.footer-brand img{width:22px;height:22px}.page-heading h1{font-size:26px}.page-heading{margin:24px 0 20px}.page-heading p{font-size:11px}.panel{padding:18px}.panel h2{font-size:19px}.stats .stat{padding:13px}.active-job h2{font-size:23px}.active-job{padding:20px}.timeline-text strong{font-size:11px}.pill{font-size:9px}.chat-message{font-size:12px}}
/* Deliberate desktop / phone navigation and public contact paths. */
.sidebar{display:none}main{width:100%;max-width:1320px;margin:0 auto;padding:0 44px 30px}.topbar{height:84px;gap:25px}.desktop-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--theme-text);flex-shrink:0}.desktop-brand img{width:45px;height:45px;object-fit:contain}.desktop-brand>span{font-family:'Arial Narrow',Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.8px;line-height:1;transform:scaleX(.86);transform-origin:left}.desktop-brand small{font-size:5px;letter-spacing:.3px;display:block;font-weight:400;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto;margin-right:25px;align-self:stretch}.desktop-nav button{border:0;border-bottom:2px solid transparent;background:none;padding:3px 0 0;color:var(--theme-muted);font-size:12px;white-space:nowrap}.desktop-nav button.active{border-bottom-color:var(--theme-focus);color:var(--theme-link)}.desktop-nav button:hover{color:var(--theme-text)}.mobile-brand{display:none}.hero.has-image{height:383px}.hero.has-image .hero-content{max-width:50%;padding:40px 44px}.hero h1{font-size:56px}.home-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-categories .service-art{height:155px}.home-categories .service-body h3{font-size:14px}.gallery-item{aspect-ratio:4/5}:is(.contact-strip,.store-contact-grid){display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:25px;padding:23px 0;margin-top:29px;border-top:1px solid var(--theme-border)}:is(.contact-strip,.store-contact-grid)>a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;line-height:1.6;color:var(--theme-text)}:is(.contact-strip,.store-contact-grid)>a>.icon{color:var(--theme-text);width:18px;height:18px;flex-shrink:0}:is(.contact-strip,.store-contact-grid) small{display:block;color:var(--theme-muted);font-size:9px;text-transform:uppercase;font-family:'Courier New',monospace;letter-spacing:.3px;margin-bottom:4px}:is(.contact-strip,.store-contact-grid) b{font-size:15px;font-weight:400;margin-left:auto;color:var(--theme-text)}:is(.contact-strip,.store-contact-grid) a:hover span{text-decoration:underline}:is(.contact-strip,.store-contact-grid)+.footer{margin-top:0}.company-intro{padding:32px 0 25px}.home-flow{font-size:10px}
@media(min-width:1500px){main{max-width:1440px;padding:0 60px 35px}.hero.has-image{height:430px}.hero h1{font-size:62px}.home-categories .service-art{height:172px}}
@media(min-width:601px) and (max-width:900px){main{width:100%;margin:0 auto;padding:0 25px 28px}.topbar{gap:16px;height:75px}.desktop-nav{gap:17px;margin-right:8px}.desktop-nav button{font-size:11px}.desktop-brand img{width:38px;height:38px}.desktop-brand>span{font-size:16px}.top-actions{gap:9px}.top-actions .text-button{font-size:10px}.demo-pill{font-size:9px}.hero.has-image{height:340px}.hero.has-image .hero-content{max-width:65%;padding:32px}.hero h1{font-size:47px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px}.home-categories .service-art{height:170px}.home-categories .service-body p{min-height:0}:is(.contact-strip,.store-contact-grid){gap:18px}:is(.contact-strip,.store-contact-grid)>a{font-size:11px;gap:8px}:is(.contact-strip,.store-contact-grid)>a>.icon{width:16px}.home-flow{font-size:9px}}
@media(max-width:600px){main{width:100%;margin:0;padding:0 17px 84px}.sidebar{display:flex;width:100%;height:64px;inset:auto 0 0;padding:4px 7px}.desktop-brand,.desktop-nav{display:none}.mobile-brand{display:flex}.topbar{height:63px;gap:12px}.hero.has-image{height:338px}.hero.has-image .hero-content{max-width:100%;padding:26px 23px}.hero h1{font-size:40px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.home-categories .service-art{height:111px}.home-categories .service-body h3{font-size:12px;min-height:30px}.home-categories .service-body p{min-height:28px}.company-intro{padding:24px 0 20px}.gallery-item{aspect-ratio:3/4}:is(.contact-strip,.store-contact-grid){grid-template-columns:1fr 1fr;gap:21px 15px;padding:21px 0;margin-top:23px}:is(.contact-strip,.store-contact-grid)>a{font-size:11px;gap:9px}:is(.contact-strip,.store-contact-grid)>a:last-child{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--theme-border)}:is(.contact-strip,.store-contact-grid) small{font-size:7px}:is(.contact-strip,.store-contact-grid) .icon{width:16px!important;height:16px!important}:is(.contact-strip,.store-contact-grid) b{font-size:14px}.home-flow{font-size:9px}}
:is(.contact-strip,.store-contact-grid){grid-template-columns:1fr 1fr 1fr 1.45fr;gap:24px}@media(min-width:601px) and (max-width:900px){:is(.contact-strip,.store-contact-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media(max-width:600px){:is(.contact-strip,.store-contact-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}:is(.contact-strip,.store-contact-grid)>a:last-child{grid-column:auto;border-top:0;padding-top:0}:is(.contact-strip,.store-contact-grid)>a:last-child b{display:none}:is(.contact-strip,.store-contact-grid)>a:last-child{align-items:flex-start}:is(.contact-strip,.store-contact-grid)>a:last-child>.icon{margin-top:3px}}
/* One continuous track; movement reflects recorded state changes only. */
.active-job .job-bottom{margin-top:24px}.linear-status{display:flex;justify-content:space-between;align-items:center;gap:20px}.linear-status h3{margin:6px 0 0;font-size:16px;letter-spacing:-.4px;font-weight:500}.linear-status .eyebrow{font-size:9px}.track-note{font-size:10px;color:var(--theme-muted);text-align:right}.linear-track{margin:59px 16px 0;position:relative}.track-rail{height:2px;background:var(--theme-surface);position:relative}.track-fill{height:2px;background:var(--theme-selected);display:block}.track-car{position:absolute;width:53px;height:22px;bottom:8px;transform:translateX(-50%);z-index:3}.track-car svg{display:block;width:100%;height:100%}.track-stop{position:absolute;top:-3px;width:8px;height:8px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:50%;transform:translateX(-50%)}.track-stop.reached{background:var(--theme-selected);border-color:var(--theme-border)}.track-labels{height:64px;position:relative}.track-label{position:absolute;top:14px;transform:translateX(-50%);border:0;padding:4px 0;background:none;font-size:11px;white-space:nowrap;color:var(--theme-text);min-height:28px;min-width:47px}.track-label:first-child{transform:none;text-align:left}.track-label:last-child{transform:translateX(-100%);text-align:right}.track-label span{display:block;font-size:11px;margin-top:3px;color:var(--theme-muted)}.track-label.reached{color:var(--theme-text)}.track-label.selected{color:var(--theme-text)}.track-label.selected span{color:var(--theme-muted)}.track-caption{font-size:10px;line-height:1.7;color:var(--theme-muted);margin:0}.delivery-branch{width:100%;margin-top:20px;display:flex;align-items:center;gap:12px;padding:14px 0;border:0;border-top:1px solid var(--theme-border);background:none;color:var(--theme-text);text-align:left}.delivery-branch>span{flex:1}.delivery-branch strong{display:block;font-size:11px;font-weight:500}.delivery-branch small{display:block;font-size:10px;color:var(--theme-muted);margin-top:4px}.delivery-branch b{font-weight:400}.milestone-details{margin-top:18px;padding-top:17px;border-top:1px solid var(--theme-border)}.milestone-details-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.milestone-details-head>strong{font-size:11px;font-weight:500}.milestone-detail{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:start;margin:14px 0}.detail-status{font-size:11px;color:var(--theme-text)}.milestone-detail strong{font-weight:500;font-size:11px}.milestone-detail p{font-size:11px;color:var(--theme-text);margin:4px 0 0;line-height:1.6}.milestone-detail>small{font-size:9px;max-width:107px;text-align:right;color:var(--theme-muted)}.milestone-detail>small span{display:block;color:var(--theme-muted);font-size:7px;margin-top:3px}.track-car.state-update{animation:confirmed-car-move .9s ease-in-out both}@keyframes confirmed-car-move{from{left:var(--car-from)}to{left:var(--car-to)}}@media(prefers-reduced-motion:reduce){.track-car.state-update{animation:none}}@media(max-width:600px){.linear-status{gap:12px;align-items:flex-start}.linear-status h3{font-size:14px;max-width:190px}.track-note{font-size:9px;max-width:75px}.linear-track{margin:52px 11px 0}.track-label{font-size:10px;min-width:38px}.track-labels{height:62px}.track-car{width:47px;height:20px;bottom:8px}.track-caption{font-size:9px}.milestone-detail{grid-template-columns:10px 1fr 77px;gap:7px}.milestone-detail strong{font-size:10px}.milestone-detail p{font-size:10px}.milestone-detail>small{font-size:7px}.active-job .job-heading{gap:10px}.active-job .status-pill{max-width:110px;white-space:normal;text-align:center;line-height:1.4}.active-job .job-bottom{margin-top:19px}.delivery-branch{margin-top:17px}.delivery-branch strong{font-size:10px}}
.sample-contact{border-top:1px solid var(--theme-border);border-bottom:1px solid var(--theme-border);padding:0 0 15px;margin:19px 0}.consent-line{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400;cursor:pointer}.consent-line input{accent-color:var(--theme-focus);margin:2px 0 0;width:14px;height:14px;flex-shrink:0}.consent-line small{display:block;font-size:10px;color:var(--theme-muted);font-weight:400;margin-top:4px}.notification-policy{font-size:11px;line-height:1.7;color:var(--theme-text);background:var(--theme-notice-surface);border-radius:3px;padding:11px 13px;margin:12px 0 18px}.notification-item{border-top:1px solid var(--theme-border);padding:14px 0}.notification-item summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer}.notification-item summary strong{font-size:11px;font-weight:500;display:block}.notification-item summary small{display:block;font-size:9px;color:var(--theme-muted);margin-top:4px}.notification-count{white-space:nowrap;font-size:9px;color:var(--theme-text)}.notification-count b{font-size:14px;font-weight:400;margin-left:8px}.notification-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.notification-channels>div{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:3px;padding:12px}.notification-channels strong{font-size:11px;font-weight:500;display:block}.notification-channels span{display:block;font-size:10px;margin:5px 0}.notification-channels small{font-size:9px;color:var(--theme-muted);overflow-wrap:anywhere}.notification-copy{margin-bottom:14px}.notification-copy label{font-size:10px;font-weight:500}.notification-copy p{font-size:11px;line-height:1.7;overflow-wrap:anywhere}.notification-panel .section-head p{font-size:11px;margin:2px 0 0}@media(max-width:600px){.sample-contact .field-row{grid-template-columns:1fr}.notification-channels{gap:9px}.notification-channels>div{padding:10px}.notification-item summary strong{font-size:10px}.notification-count{font-size:7px}.notification-policy{font-size:10px}.consent-line{font-size:10px}.consent-line small{font-size:9px}}
.garage-tabs{display:flex;gap:22px;border-bottom:1px solid var(--theme-border);margin-bottom:23px}.garage-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;font-size:12px;color:var(--theme-text)}.garage-tabs button.active{color:var(--theme-link);border-color:var(--theme-focus)}.garage-tabs button span{font-family:'Courier New',monospace;font-size:9px;margin-left:5px;border:1px solid var(--theme-border);padding:2px 4px;border-radius:2px;color:var(--theme-muted)}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.invoice-head h2{margin:10px 0 7px;font-size:23px}.invoice-head p{font-size:11px;margin:0}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:23px 0;border-bottom:1px solid var(--theme-border)}.invoice-meta>span{font-size:8px;color:var(--theme-muted);text-transform:uppercase;letter-spacing:.3px}.invoice-meta strong{display:block;font-size:10px;font-weight:400;text-transform:none;color:var(--theme-muted);letter-spacing:0;margin-top:6px}.invoice-line{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--theme-border)}.invoice-line strong{font-size:11px;font-weight:500}.invoice-line p{font-size:9px;color:var(--theme-text);margin:5px 0 0}.invoice-line>span{font-size:12px;white-space:nowrap}.invoice-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:12px}.invoice-total>strong{font-size:24px;font-weight:500;letter-spacing:-.5px}.invoice-total small{font-size:9px;font-weight:400;letter-spacing:0;color:var(--theme-muted)}.payment-demo-method{display:flex;align-items:center;gap:12px;padding:19px 0;margin:8px 0}.payment-demo-method strong{font-size:12px;font-weight:500;display:block}.payment-demo-method small{font-size:10px;color:var(--theme-muted);display:block;margin-top:3px}.invoice-layout aside>.note{font-size:10px;line-height:1.7;margin:17px 0}.payment-complete{font-size:12px;background:var(--theme-notice-surface);padding:13px;text-align:center;border-radius:3px}.receipt-summary{display:flex;align-items:flex-start;gap:14px;padding:20px 0;border-top:1px solid var(--theme-border)}.receipt-summary .large-icon{width:37px;height:37px;margin:0;flex-shrink:0}.receipt-summary strong{font-size:12px;font-weight:500}.receipt-summary p{font-size:10px;line-height:1.8;margin:6px 0 0}@media(max-width:600px){.garage-tabs{gap:20px;margin-bottom:18px}.garage-tabs button{font-size:11px}.invoice-head h2{font-size:20px}.invoice-head .pill{font-size:7px}.invoice-meta{gap:8px}.invoice-meta>span{font-size:7px}.invoice-meta strong{font-size:8px}.invoice-total>strong{font-size:23px}.invoice-line strong{font-size:10px}.invoice-line p{font-size:8px}}
.vehicle-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.vehicle-selector .field{min-height:45px}.confirmed-vehicle{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:17px}.vehicle-card-icon{width:54px;height:54px;background:var(--theme-surface);border-radius:4px;display:grid;place-items:center}.vehicle-card-icon .icon{width:28px;height:28px}.confirmed-vehicle h3{font-size:19px;letter-spacing:-.4px;margin:6px 0}.confirmed-vehicle p{font-size:11px;margin:0}.confirmed-vehicle>.btn{margin-left:auto;white-space:nowrap}.vehicle-context{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--line);border-radius:4px;margin-bottom:20px}.vehicle-context strong{font-size:13px;font-weight:500}.vehicle-context .text-button{margin-left:auto}.workflow-panel{margin-bottom:22px;padding:26px}.workflow-panel h2{margin:10px 0 9px;font-size:24px}.workflow-panel p{max-width:710px;line-height:1.7}.workflow-panel .btn{margin-top:6px}.quote-totals{display:flex;gap:35px;margin:23px 0}.quote-totals>span{font-size:11px;color:var(--muted)}.quote-totals strong{display:block;font-weight:500;font-size:25px;color:var(--ink);letter-spacing:-.6px;margin-top:6px}.quote-scope{padding:15px 0;line-height:1.7}.request-review{padding:15px;border:1px solid var(--line);border-radius:4px;margin-bottom:20px}.request-review>strong{font-weight:500;font-size:14px}.request-review p{font-size:12px;line-height:1.7}.awaiting-timeline{padding:15px 0}.awaiting-timeline h3{font-size:19px;font-weight:500;margin:10px 0}.awaiting-timeline p{font-size:11px;color:var(--muted)}.receipt-list{margin-top:25px}.receipt-list h3{font-weight:500;font-size:14px}@media(max-width:800px){.vehicle-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.vehicle-filters{grid-template-columns:1fr 1fr;gap:16px 12px}.vehicle-selector .field{font-size:13px}.confirmed-vehicle{padding:17px;gap:12px;flex-wrap:wrap}.vehicle-card-icon{width:40px;height:40px}.confirmed-vehicle h3{font-size:16px}.confirmed-vehicle p{font-size:10px}.confirmed-vehicle>.btn{margin:7px 0 0;width:100%}.vehicle-context{padding:13px;gap:9px}.vehicle-context strong{font-size:11px}.vehicle-context .text-button{font-size:9px}.workflow-panel{padding:20px;margin-bottom:17px}.workflow-panel h2{font-size:21px}.workflow-panel p{font-size:12px}.quote-totals{gap:21px;margin:20px 0;flex-wrap:wrap}.quote-totals>span{font-size:10px}.quote-totals strong{font-size:20px}.request-review>strong{font-size:13px}}
/* Final palette: black dominant, white type, restrained baby-blue signals. */
:root{--bg:var(--theme-page);--paper:var(--theme-surface);--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border);--accent:var(--theme-accent);--dark:var(--theme-page);--green:var(--theme-link)}html,body{background:var(--theme-page);color:var(--theme-text)}body{color-scheme:var(--theme-scheme)}main{background:var(--theme-page)}.topbar{border-color:var(--theme-border)}.desktop-brand,.mobile-brand{color:var(--theme-text)}.desktop-brand img,.mobile-brand img,.footer-brand img{background:#f5f8fa;border-radius:50%}.desktop-nav button{color:var(--theme-muted)}.desktop-nav button:hover{color:var(--theme-text)}.desktop-nav button.active{color:var(--theme-link);border-color:var(--theme-focus)}.top-actions .text-button{color:var(--theme-link)}.demo-pill,.pill{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border)}.sidebar{background:var(--theme-page);border-top:1px solid var(--theme-border)}.nav button{color:var(--theme-muted)}.nav button.active,.nav button.active:hover{background:var(--theme-accent);color:var(--theme-on-accent)}.nav button:hover{background:var(--theme-surface);color:var(--theme-text)}.page-heading p,.panel p,.company-intro p,.section-head p{color:var(--theme-muted)}.page-heading h1,.panel h2,.panel h3,.company-intro h2,.section-head h2{color:var(--theme-text)}.subtle,.eyebrow.subtle{color:var(--theme-muted)}.panel,.chat-box,.service-card,.stat,.modal{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.btn,.btn.lime{background:var(--theme-accent);color:var(--theme-on-accent);border:1px solid var(--theme-border)}.btn:hover,.btn.lime:hover{background:var(--theme-accent);color:var(--theme-on-accent)}.btn.secondary{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.btn.secondary:hover{background:var(--theme-surface);color:var(--theme-text)}.btn.light{background:var(--theme-accent);color:var(--theme-on-accent)}.text-button{color:var(--theme-link)}.hero.has-image{background:var(--theme-surface);border:1px solid var(--theme-border)}.hero.has-image:after{background:linear-gradient(90deg,#03080ce6 0%,#03080c99 42%,#03080c0d 78%)}.hero .btn.lime{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-border)}.hero h1{color:var(--theme-text)}.hero .eyebrow{color:var(--theme-muted)}.hero p{color:var(--theme-text)}.hero-secondary{color:var(--theme-link)}.home-categories .service-card{background:transparent}.home-categories .service-body h3{color:var(--theme-text)}.home-categories .service-body p{color:var(--theme-muted)}.category-code{color:var(--theme-muted)}.studio-gallery{border-color:var(--theme-border)}.gallery-item{background:var(--theme-surface);border:1px solid var(--theme-border)}.gallery-item:after{background:linear-gradient(transparent,#02060bbd)}.gallery-item span{color:#f0f6fb}.home-flow{border-color:var(--theme-border);color:var(--theme-text)}.home-demo-note{color:var(--theme-muted)}:is(.contact-strip,.store-contact-grid){border-color:var(--theme-border)}:is(.contact-strip,.store-contact-grid)>a{color:var(--theme-text)}:is(.contact-strip,.store-contact-grid)>a>.icon{color:var(--theme-text)}:is(.contact-strip,.store-contact-grid) small,:is(.contact-strip,.store-contact-grid) b{color:var(--theme-muted)}.footer{border-color:var(--theme-border);color:var(--theme-muted)}.footer button{color:var(--theme-muted)}.field,.search{background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-text)}.field:disabled{color:var(--theme-text);background:var(--theme-field)}.field::placeholder,.search::placeholder{color:var(--theme-muted)}.field-hint,.note{color:var(--theme-muted)}.sample-contact{border-color:var(--theme-border)}.consent-line{color:var(--theme-text)}.consent-line input{accent-color:var(--theme-focus)}.consent-line small{color:var(--theme-muted)}.chip{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.chip.active{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-focus)}.notice,.notice.amber{background:var(--theme-notice-surface);border-color:var(--theme-border);color:var(--theme-text)}.error{background:var(--theme-danger-surface);border-color:var(--theme-border);color:var(--theme-danger-text)}.choice{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.choice.selected{background:var(--theme-selected);border-color:var(--theme-focus)}.choice p{color:var(--theme-muted)}.choice.selected .radio{border-color:var(--theme-focus)}.radio{border-color:var(--theme-border)}.time-slot{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-muted)}.time-slot.selected{background:var(--theme-accent);border-color:var(--theme-focus);color:var(--theme-on-accent)}.step{color:var(--theme-muted)!important;border-color:var(--theme-border)!important}.step.active{color:var(--theme-link)!important;border-color:var(--theme-focus)!important}.summary-line{border-color:var(--theme-border)}.summary-line span{color:var(--theme-muted)}.summary-line strong{color:var(--theme-text)}.summary-top{border-color:var(--theme-border)}.service-art{background:var(--theme-surface)}.service-art .art-category{background:#18252dcc;color:#adc7da}.service-art .art-number{color:var(--theme-text)}.service-meta{border-color:var(--theme-border)}.service-meta span{color:var(--theme-muted)}.active-job{background:linear-gradient(135deg,var(--theme-selected),var(--theme-selected));border:1px solid var(--theme-focus)}.active-job h2{color:var(--theme-text)}.active-job p{color:var(--theme-text)}.active-job .eyebrow{color:var(--theme-muted)!important}.active-job .job-bottom{border-color:var(--theme-focus)}.job-bottom span{color:var(--theme-muted)}.status-pill{background:var(--theme-accent);color:var(--theme-on-accent)}.status-pill .dot{background:var(--theme-accent)!important}.progress-track span.done{background:var(--theme-selected)}.timeline-item:before{background:var(--theme-surface)}.timeline-mark{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-muted)}.timeline-item.complete .timeline-mark{background:var(--theme-accent);border-color:var(--theme-border);color:var(--theme-on-accent)}.timeline-item.current .timeline-mark{background:var(--theme-surface);border-color:var(--theme-focus);box-shadow:0 0 0 1px var(--theme-shadow)}.timeline-time,.timeline-time span{color:var(--theme-muted)}.photo-slot{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.detail-row .icon{color:var(--theme-text)}.delivery-progress{background:var(--theme-surface)}.staff-header{background:var(--theme-surface);border:1px solid var(--theme-border);color:var(--theme-text)}.job-row{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.job-row.active{background:var(--theme-selected);border-color:var(--theme-focus)}.job-row small{color:var(--theme-muted)}.upload-area{background:var(--theme-surface);border-color:var(--theme-border)}.chat-head,.chat-form,.faq{border-color:var(--theme-border)}.chat-head .avatar{background:var(--theme-accent);color:var(--theme-on-accent)}.chat-head small{color:var(--theme-muted)}.chat-message{background:var(--theme-surface);color:var(--theme-text)}.chat-message.user{background:var(--theme-accent);color:var(--theme-on-accent)}.chat-message audio{display:block;max-width:100%;width:280px;margin-top:10px}.chat-form .field{background:var(--theme-field)}.faq summary{color:var(--theme-text)}.faq p{color:var(--theme-muted)}.large-icon{background:var(--theme-surface);color:var(--theme-text)}.modal-backdrop{background:var(--theme-scrim)}.close{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}.gallery-modal>img{background:#070c11}.gallery-modal>p{color:#859eb2}#toast{background:var(--theme-accent);color:var(--theme-on-accent);box-shadow:0 8px 28px var(--theme-shadow)}.linear-status h3{color:var(--theme-text)}.track-note,.track-caption{color:var(--theme-muted)}.track-rail{background:var(--theme-surface)}.track-fill{background:var(--theme-selected)}.track-car svg path:first-child{fill:#bedff7;stroke:#c6e8ff}.track-car svg path:nth-child(2){fill:#233b4f}.track-car svg circle{fill:#c4e6ff}.track-car svg circle:nth-last-child(-n+2){fill:#1a3042}.track-stop{background:var(--theme-surface);border-color:var(--theme-border)}.track-stop.reached{background:var(--theme-selected);border-color:var(--theme-border)}.track-label{color:var(--theme-text)}.track-label.reached{color:var(--theme-text)}.track-label.selected{color:var(--theme-text)}.track-label span{color:var(--theme-muted)}.track-label.selected span{color:var(--theme-muted)}.delivery-branch{border-color:var(--theme-border);color:var(--theme-text)}.delivery-branch small{color:var(--theme-muted)}.milestone-details{border-color:var(--theme-border)}.milestone-details-head>strong{color:var(--theme-text)}.milestone-detail p,.milestone-detail>small{color:var(--theme-muted)}.milestone-detail>small span{color:var(--theme-muted)}.detail-status{color:var(--theme-text)}.garage-tabs{border-color:var(--theme-border)}.garage-tabs button{color:var(--theme-text)}.garage-tabs button.active{color:var(--theme-link);border-color:var(--theme-focus)}.garage-tabs button span{background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-muted)}.invoice-meta{border-color:var(--theme-border)}.invoice-meta>span{color:var(--theme-muted)}.invoice-meta strong{color:var(--theme-muted)}.invoice-line{border-color:var(--theme-border)}.invoice-line p{color:var(--theme-text)}.invoice-total small{color:var(--theme-muted)}.invoice-total>strong{color:var(--theme-text)}.payment-complete{background:var(--theme-notice-surface);color:var(--theme-text)}.receipt-summary{border-color:var(--theme-border)}.notification-policy{background:var(--theme-notice-surface);color:var(--theme-text)}.notification-item{border-color:var(--theme-border)}.notification-item summary small,.notification-count{color:var(--theme-muted)}.notification-channels>div{background:var(--theme-surface);border-color:var(--theme-border)}.notification-channels span{color:var(--theme-muted)}.notification-channels small{color:var(--theme-muted)}.notification-copy p{color:var(--theme-text)}.confirmed-vehicle{background:var(--theme-surface);border-color:var(--theme-border)}.vehicle-card-icon{background:var(--theme-surface);color:var(--theme-text)}.vehicle-context{background:var(--theme-surface);border-color:var(--theme-border)}.request-review{background:var(--theme-surface);border-color:var(--theme-border)}.quote-totals strong{color:var(--theme-text)}.workflow-panel{background:linear-gradient(110deg,var(--theme-surface),var(--theme-surface));border-color:var(--theme-border)}.quote-scope{color:var(--theme-text)}.home-categories .text-button{color:var(--theme-link)}.voice-entry{border-top:1px solid var(--theme-border);padding:17px 20px;background:var(--theme-surface)}.voice-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.voice-label strong{font-size:12px;font-weight:500;color:var(--theme-text)}.voice-label span{font-size:9px;color:var(--theme-muted)}.voice-note{font-size:9px!important;line-height:1.7;color:var(--theme-muted)!important;margin:13px 0 0}.voice-recording{display:flex;align-items:center;gap:12px}.voice-recording strong{font-size:12px;font-weight:500;flex:1}.recording-dot{background:var(--theme-surface);width:7px;height:7px;border-radius:50%}.voice-review audio{width:100%;height:36px}.voice-review .actions-row{margin-top:12px}.voice-error{font-size:11px!important;color:var(--theme-danger-text)!important}.voice-entry .note{font-size:11px}.sample-contact .field-row{margin-bottom:14px}@media(max-width:600px){.hero.has-image:after{background:linear-gradient(180deg,#02070dcc,#02070d66 58%,#02070d1a)}.sidebar{background:var(--theme-page)}.nav button.active{background:var(--theme-accent);color:var(--theme-on-accent)}:is(.contact-strip,.store-contact-grid)>a:last-child{border-color:var(--theme-border)}.voice-entry{padding:15px}.voice-label span{font-size:7px}.voice-note{font-size:9px!important}.voice-recording{gap:10px}.voice-recording .btn{font-size:11px}}
/* The reference-car sketch drives in place; milestone position stays factual. */
.list-gap{align-content:start}.two-col{align-items:start}.two-col>.list-gap{align-self:start}.active-job{min-height:0}.track-car{width:88px;height:33px;bottom:6px}.track-car .sketch-body{fill:#dce8f1!important;stroke:#bedff7!important}.track-car .sketch-canopy{fill:#132431!important;stroke:#a5cbe7!important}.track-car .sketch-sill{fill:#15232e!important;stroke:none!important}.track-car .sketch-line{fill:none!important;stroke:#789caf!important}.track-car .sketch-light{fill:#ecf8ff!important;stroke:none!important}.track-car .sketch-rear-light{fill:#b9dcf4!important;stroke:none!important}.track-car .sketch-arch{fill:#0e1820!important;stroke:#bedff7!important}.track-car .sketch-wheel>circle{fill:#101a23!important;stroke:#b9dcf4}.track-car .sketch-wheel>circle:nth-child(2){fill:none!important;stroke:#6e91aa}.track-car .sketch-wheel .sketch-hub{fill:#ceeaff!important;stroke:none!important}.track-car .sketch-wheel path{fill:none!important;stroke:#b9dcf4!important}.track-car .sketch-road{fill:none!important;stroke:#8cb7d7!important}.is-driving .sketch-wheel{transform-box:fill-box;transform-origin:center;animation:sketch-wheel-spin .75s linear infinite}.is-driving .sketch-road{animation:sketch-road-move .65s linear infinite}.is-driving .sketch-body-motion{animation:sketch-body-bob .5s ease-in-out infinite alternate}.is-complete .sketch-road{opacity:0}.is-complete .sketch-wheel,.is-complete .sketch-body-motion,.is-complete .sketch-road{animation:none}@keyframes sketch-wheel-spin{to{transform:rotate(360deg)}}@keyframes sketch-road-move{to{stroke-dashoffset:-47}}@keyframes sketch-body-bob{from{transform:translateY(0)}to{transform:translateY(-.45px)}}@media(max-width:600px){.track-car{width:70px;height:27px;bottom:7px}}@media(prefers-reduced-motion:reduce){.is-driving .sketch-wheel,.is-driving .sketch-road,.is-driving .sketch-body-motion,.track-car.state-update{animation:none!important}}
/* Owner-requested logo enlargement: +96 CSS px on wide desktop, responsive caps. */
@media(min-width:901px){.desktop-brand img{width:141px;height:141px;max-width:none}.topbar{height:169px}.desktop-nav{align-self:center}.desktop-nav button{padding:16px 0}.desktop-brand{gap:12px}}
@media(min-width:601px) and (max-width:900px){.desktop-brand img{width:82px;height:82px;max-width:none}.topbar{height:108px}.desktop-nav{gap:13px;align-self:center}.desktop-nav button{padding:14px 0}}
@media(max-width:600px){.mobile-brand img{width:64px;height:64px;flex-shrink:0}.topbar{height:88px;gap:10px}.mobile-brand{gap:7px}}
@media(max-width:360px){.mobile-brand img{width:56px;height:56px}.mobile-brand>span{font-size:13px}.top-actions{gap:6px}.top-actions .text-button{font-size:9px}.demo-pill{font-size:7px}.topbar{height:80px;gap:8px}}

/* Test Site header/footer logos: preserve the original alpha, geometry, and sizes. */
:root{--sp-logo-filter:brightness(0) invert(1)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--sp-logo-filter:none}}
:root[data-theme="daylight"]{--sp-logo-filter:none}
.desktop-brand,.mobile-brand,.footer-brand{background-image:radial-gradient(circle closest-side,var(--theme-surface) 99%,transparent 100%);background-size:var(--sp-logo-size) var(--sp-logo-size);background-position:left center;background-repeat:no-repeat}
.desktop-brand{--sp-logo-size:141px}
.mobile-brand{--sp-logo-size:64px}
.footer-brand{--sp-logo-size:25px}
.desktop-brand img,.mobile-brand img,.footer-brand img{background:transparent;filter:var(--sp-logo-filter)}
@media(min-width:601px) and (max-width:900px){.desktop-brand{--sp-logo-size:82px}}
@media(max-width:600px){.footer-brand{--sp-logo-size:22px}}
@media(max-width:360px){.mobile-brand{--sp-logo-size:56px}}

/* One-line header wordmark; the separate SP image retains its existing size. */
.desktop-brand>span,.mobile-brand>span{display:inline-flex;align-items:baseline;gap:.28em;white-space:nowrap;font-weight:300;transform:none}
.desktop-brand small,.mobile-brand small{display:inline;font:inherit;letter-spacing:inherit;margin-top:0}
.topbar{height:auto;min-height:169px;flex-wrap:wrap;row-gap:12px;padding:14px 0}
.top-actions{margin-left:auto}
@media(max-width:900px){.topbar{min-height:108px;padding:12px 0}}
@media(max-width:600px){.topbar{min-height:88px}.mobile-brand{flex-shrink:0}}
@media(max-width:360px){.topbar{min-height:80px}}
/* Keep both original hero cars visible, with copy outside the photograph. */
.hero.has-image{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--theme-surface)}
.hero.has-image:after{display:block;position:relative;inset:auto;grid-column:2;grid-row:1;align-self:stretch;z-index:1;pointer-events:none}
.hero.has-image .hero-custom-image{position:static;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.hero.has-image .hero-content{grid-column:1;grid-row:1;min-width:0;max-width:none;padding:32px}
@media(max-width:900px){.hero.has-image{height:auto;grid-template-columns:minmax(0,1fr)}.hero.has-image .hero-content{grid-column:1;grid-row:1;padding:26px 23px}.hero.has-image .hero-custom-image{grid-column:1;grid-row:2;height:auto;aspect-ratio:2/1;object-position:center bottom}.hero.has-image:after{grid-column:1;grid-row:2}}

/* Keep long manufacturer names within the vehicle form on small screens. */
.vehicle-filters>*,.vehicle-filters .field{min-width:0;max-width:100%;width:100%}

/* Show both cars in the owner-selected landscape photo; retain the gallery overlay. */
.gallery-item[data-gallery="gallery-daylight"] img{object-fit:contain;object-position:center 66%}


/* Bound the photo inside its own grid cell; prioritize both complete cars. */
.hero.has-image{grid-template-rows:minmax(0,1fr)}
.hero.has-image .hero-media{grid-column:2;grid-row:1;position:relative;overflow:hidden;min-width:0;min-height:0;height:100%}
.hero.has-image .hero-custom-image{position:absolute;inset:0;min-height:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.25);transform-origin:25% 100%}
.hero.has-image .hero-content{min-height:0}
@media(max-width:900px){.hero.has-image{grid-template-rows:auto auto}.hero.has-image .hero-media{grid-column:1;grid-row:2;height:auto;aspect-ratio:2/1}.hero.has-image .hero-custom-image{height:100%;aspect-ratio:auto}}
/* Shorter, independent car views replace the forced front/rear join. */
.studio-gallery{margin-top:46px;padding-top:30px}
.studio-gallery .section-head{margin-bottom:24px}
.gallery-grid{gap:22px}
.gallery-item{aspect-ratio:4/3;border:0}
.gallery-item img{position:static;width:100%;height:100%;max-width:100%;translate:none;object-fit:cover;object-position:center 62%;transform-origin:center}
.gallery-item[data-gallery="gallery-detail"] img,.gallery-item[data-gallery="gallery-rear"] img{object-position:center 85%}
.gallery-item span{font-size:10px;font-weight:400;bottom:14px;left:14px;right:14px}
.home-flow{margin-top:64px;padding-top:26px;padding-bottom:26px}
@media(max-width:600px){.gallery-grid{gap:20px}.studio-gallery{margin-top:36px;padding-top:26px}.studio-gallery .section-head{margin-bottom:20px}}

/* Balance the two complete frontal car views without distorting either source. */
.gallery-item[data-gallery="gallery-daylight"] img{object-fit:cover;object-position:center 33%}
.gallery-item[data-gallery="gallery-front"] img{transform:scale(1.15);transform-origin:center 85%}
.gallery-item[data-gallery="gallery-front"]:hover img{transform:scale(1.17875)}

/* Keep the approved stacked hero composition at every viewport width. */
.hero.has-image{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
.hero.has-image .hero-content{grid-column:1;grid-row:1;max-width:none}
.hero.has-image .hero-media{grid-column:1;grid-row:2;height:auto;aspect-ratio:2/1}
.hero.has-image:after{grid-column:1;grid-row:2}

/* Preserve both cars in the corrected workshop photo on narrow service cards. */
.category-photo img[src$="maintenance-edited.png"]{object-fit:contain;object-position:center}

/* Approved Ferrari pair: preserve the complete composition, including all local roof masks. */
.gallery-composite{position:absolute;inset:0;overflow:hidden;transition:transform .3s}
.gallery-composite>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;translate:none;transform:none}
.gallery-item .gallery-composite--detail>img{object-position:center}
.gallery-composite--rear>img{object-position:center 85%}
.gallery-item:hover .gallery-composite>img{transform:none}
.gallery-item:hover .gallery-composite{transform:scale(1.025)}
.gallery-rear-roof-patch,.gallery-arc-patch{pointer-events:none;mask-size:100% 100%;mask-repeat:no-repeat}
.gallery-rear-roof-patch{mask-image:url("assets/gallery-rear-roof-mask.svg")}
.gallery-arc-patch{position:absolute;inset:0;display:block;width:100%;height:100%;background-image:url("assets/gallery-roof-arc-patch.png");background-size:212.94363256784968% 132.21990257480863%;background-position:var(--roof-arc-x) 48.38012958963283%;background-repeat:no-repeat}
.gallery-composite--detail .gallery-arc-patch{--roof-arc-x:3.6968576709796674%;mask-image:url("assets/gallery-detail-arc-mask.svg")}
.gallery-composite--rear .gallery-arc-patch{--roof-arc-x:96.30314232902033%;mask-image:url("assets/gallery-rear-arc-mask.svg")}
.gallery-modal>.gallery-composite{position:relative;inset:auto;width:min(100%,86.666667vh);aspect-ratio:4/3;margin:18px auto 0;border-radius:3px}

/* Approved Daylight glass retouch: keep the original photo beneath the glass-only mask. */
.gallery-composite--daylight>img{object-position:center 33%}
.gallery-daylight-glass-patch{pointer-events:none;mask-image:url("assets/gallery-daylight-glass-card-mask.svg");mask-size:100% 100%;mask-repeat:no-repeat}
.gallery-modal>.gallery-composite--daylight{width:min(100%,55.95625vh);aspect-ratio:1279/1600}
.gallery-modal .gallery-daylight-glass-patch{mask-image:url("assets/gallery-daylight-glass-portrait-mask.svg")}
@media(max-width:600px){.gallery-modal>.gallery-composite--daylight{width:min(100%,51.959375vh)}}

/* Searchable vehicle choices retain the existing four-field layout. */
.vehicle-combobox{position:relative;min-width:0}
.vehicle-combobox-control{position:relative}
.vehicle-combobox-control .field{padding-right:42px;text-overflow:ellipsis}
.vehicle-combobox-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:40px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:20px}
.vehicle-combobox-toggle:disabled{opacity:.35;cursor:default}
.vehicle-options{position:absolute;z-index:35;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--theme-border);border-radius:7px;background:var(--theme-surface);box-shadow:0 12px 36px var(--theme-shadow);padding:5px}
.vehicle-options[hidden]{display:none}
.vehicle-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:4px;text-align:left;font:inherit;font-size:14px;background:transparent;color:var(--theme-text);cursor:pointer;overflow-wrap:anywhere}
.vehicle-option.is-active,.vehicle-option:hover{background:var(--theme-selected);color:var(--theme-text)}
.vehicle-option[aria-selected=true]{font-weight:650}
.vehicle-no-match{padding:12px;font-size:13px;line-height:1.5;color:var(--theme-text)}
.vehicle-combobox .field:focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.vehicle-combobox .field{font-size:16px}.vehicle-options{max-height:210px}.vehicle-option{min-height:44px}}

/* Keep a clear previous-step action above long service lists and forms. */
.booking-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.booking-nav .booking-back{min-height:44px}
.booking-nav .note{white-space:nowrap}
@media(max-width:600px){.booking-nav{margin-bottom:20px}.booking-nav .booking-back{font-size:13px;padding:12px 15px}}

/* Recognizable Instagram mark with a full keyboard/touch target. */
:is(.contact-strip,.store-contact-grid)>.instagram-link{min-height:44px;border-radius:4px}
:is(.contact-strip,.store-contact-grid)>.instagram-link>.icon{width:22px!important;height:22px!important}
:is(.contact-strip,.store-contact-grid)>.instagram-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

/* Annotated vehicle-card brand badge and first-step footer navigation. */
.vehicle-card-icon--brand{flex-shrink:0;overflow:hidden}
.vehicle-brand-logo{display:block;width:42px;height:42px;object-fit:contain}
.vehicle-brand-logo--mono,.vehicle-brand-logo--color{filter:brightness(0) invert(1);background:transparent;padding:0}
.vehicle-brand-text{max-width:46px;padding:3px;text-align:center;font-size:10px;line-height:1.15;overflow-wrap:anywhere;color:var(--theme-text)}
.vehicle-step-actions>[data-go=home]{min-width:76px;min-height:44px}
:is(.contact-strip,.store-contact-grid)>a[href^="tel:"]{min-height:44px}
:is(.contact-strip,.store-contact-grid)>a[href^="tel:"]>.icon{width:22px!important;height:22px!important}

/* Service-specific action illustrations; retain service labels and booking controls. */
.service-art.service-art--illustrated{height:auto;aspect-ratio:2/1;padding:27px 9px 8px;background:var(--theme-surface)}.service-action-image{display:block;width:100%;height:100%;object-fit:contain}.service-art--illustrated .art-number,.service-art--illustrated .art-category{z-index:1}.service-detail-art.service-art--illustrated{height:auto;aspect-ratio:2/1;padding:10px}.service-detail-art .service-action-image{height:auto}
@media(max-width:600px){.service-art.service-art--illustrated{height:130px;padding:23px 3px 5px}.service-detail-art.service-art--illustrated{height:auto;padding:6px}}

/* Shared customer/staff support conversation; uses the existing private request. */
.support-conversation{margin-bottom:24px}.support-conversation>.notice{margin:20px 0}.support-conversation .field-group{margin:20px 0}.support-thread{display:grid;gap:14px;max-height:480px;overflow:auto;margin:20px 0;padding:2px;overscroll-behavior:contain}.support-message{padding:17px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);min-width:0}.support-message--customer{background:var(--theme-surface);border-color:var(--theme-border)}.support-message--staff{border-color:var(--theme-focus)}.support-message>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.support-message strong{font-size:13px}.support-message time{font-size:11px;color:var(--theme-muted)}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:12px 0 0}.support-actions,.support-contact-links{flex-wrap:wrap;gap:12px}.support-contact-links{margin-top:24px}.support-conversation .customer-name-summary strong{overflow-wrap:anywhere}.customer-name-summary strong{overflow-wrap:anywhere}@media(max-width:600px){.support-conversation{padding:18px}.support-message{padding:13px}.support-thread{max-height:420px}.support-actions .btn{min-height:44px;width:100%}.support-contact-links>*{min-height:44px;display:flex;align-items:center}.support-conversation h2{font-size:21px}.support-conversation .section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.support-conversation .field{min-height:44px}}

.request-services,.job-heading p,.request-review p,.summary-line strong,.job-row small{overflow-wrap:anywhere}

.support-conversation{background:var(--theme-surface);border-color:var(--theme-border)}.support-conversation .notice,.support-conversation .field{background:var(--theme-notice-surface);color:var(--theme-text)}

.customer-contact-fields{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--theme-border)}.customer-contact-fields h3{margin:0 0 18px;color:var(--theme-text)}.customer-contact-fields .field-group{margin:0 0 16px}.customer-contact-fields .field{min-height:46px;background:var(--theme-field);color:var(--theme-text)}.customer-contact-fields label{color:var(--theme-text)}.customer-name-row{align-items:start}.customer-contact-fields .field-hint{margin:0}.customer-contact-fields .error{margin:8px 0 0}@media(max-width:600px){.customer-name-row{grid-template-columns:1fr}.customer-contact-fields{padding-bottom:20px}}

/* Integrated company introduction: source https://www.spiritac.co/customization */
body{background:var(--theme-page)}.vehicle-selector{background:var(--theme-surface)}.company-intro{background:var(--theme-surface);align-items:flex-start;gap:56px;padding:48px 0;border-bottom:1px solid var(--theme-border);margin-bottom:28px}.company-heading{flex:0 0 32%}.company-intro h2{font-size:28px;line-height:1.2;color:var(--theme-text);margin:12px 0}.company-intro p{font-size:14px;line-height:1.8;color:var(--theme-muted)}.company-intro .eyebrow{color:var(--theme-muted)}.company-copy{flex:1;min-width:0}.customization-overview{margin:24px 0 0}.customization-overview>div{padding:16px 0;border-top:1px solid var(--theme-border)}.customization-overview dt{margin:0 0 7px;color:var(--theme-text)}.customization-overview .text-button{font-size:14px;color:var(--theme-link);text-align:left}.customization-overview dd{margin:0;font-size:13px;line-height:1.8;color:var(--theme-text)}.customization-overview .icon{width:13px;height:13px}.company-intro button:focus-visible{outline-color:var(--theme-focus)}@media(max-width:700px){.company-intro{display:block;padding:32px 0;gap:0}.company-heading{margin-bottom:22px}.company-intro h2{font-size:25px}.customization-overview .text-button{min-height:32px}.company-intro p{font-size:13px}}

.invoice-number small{display:block;font-size:10px;line-height:1.6;color:var(--theme-muted);margin-top:6px}

.invoice-number strong{overflow-wrap:anywhere}

/* Private, stage-linked progress photo galleries. */
.stage-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin-top:18px}.stage-photo-group{min-width:0;border:1px solid var(--line,var(--theme-border));border-radius:8px;overflow:hidden;background:var(--theme-surface)}.stage-photo-heading{padding:13px 14px;border-bottom:1px solid var(--line,var(--theme-border))}.stage-photo-heading h4{font-size:14px;margin:0 0 5px}.stage-photo-heading span{font-size:12px;color:var(--theme-muted)}.stage-photo-scroll{height:360px;max-height:52vh;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable}.stage-photo-scroll:focus-visible,.stage-photo-open:focus-visible{outline:2px solid var(--theme-focus);outline-offset:-3px}.stage-photo-scroll ol{list-style:none;padding:0;margin:0}.stage-photo-scroll li+li{border-top:1px solid var(--line,var(--theme-border))}.stage-photo-open{display:block;width:100%;padding:0;border:0;background:var(--theme-surface);cursor:zoom-in}.stage-photo-open img{display:block;width:100%;height:auto;max-height:250px;min-height:90px;object-fit:contain}.stage-photo-copy{padding:12px;overflow-wrap:anywhere}.stage-photo-copy p{margin:8px 0;font-size:14px;white-space:pre-wrap}.stage-photo-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--theme-text);text-align:center}.stage-photo-empty p{font-size:13px}.photo-editor{margin-top:12px}.photo-editor summary{cursor:pointer;color:var(--theme-text);font-size:13px}.photo-editor label,.photo-queue-item label{display:block;font-size:13px;margin:10px 0}.photo-editor .field-row,.photo-queue-item .field-row{grid-template-columns:1fr;gap:0}.photo-visibility{display:flex!important;align-items:center;gap:9px;line-height:1.5}.photo-visibility input{width:16px;height:16px;accent-color:var(--theme-focus)}.photo-upload-queue{margin-top:18px}.photo-queue-item{margin:12px 0;padding:14px;border:1px solid var(--line,var(--theme-border));border-radius:8px;overflow-wrap:anywhere}.photo-queue-heading{display:flex;align-items:center;gap:10px}.photo-queue-heading img{width:70px;height:54px;object-fit:contain;background:var(--theme-surface)}.photo-queue-heading>div{min-width:0;flex:1}.photo-queue-heading strong{display:block;font-size:12px}.photo-queue-heading span{display:block;font-size:12px;color:var(--theme-muted);margin-top:5px}.photo-queue-heading button{font-size:12px}.progress-photo-modal{width:min(1000px,96vw);max-height:92vh;overflow:auto}.progress-photo-modal>img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto;background:var(--theme-surface)}.progress-photo-modal>p{white-space:pre-wrap;overflow-wrap:anywhere}.stage-photos input[type=file]{max-width:100%;font-size:14px}.stage-photos .field{min-width:0}.stage-photos .actions-row{flex-wrap:wrap}@media(max-width:600px){.stage-photo-grid{grid-template-columns:1fr}.stage-photo-scroll{height:330px;max-height:48vh}.photo-queue-heading{flex-wrap:wrap}.progress-photo-modal{width:100%;max-height:90vh}.stage-photo-copy{padding:11px}}

.account-navigation{display:flex;align-items:center;gap:14px;white-space:nowrap}.account-navigation .text-button{font-size:13px}.account-navigation small{font-size:10px;opacity:.75}.top-actions{flex-wrap:wrap}.my-vehicle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;margin:24px 0}.my-vehicle-card{min-width:0}.my-vehicle-card h2{font-size:23px}.my-vehicle-job{padding:18px 0;border-top:1px solid var(--line,var(--theme-border));overflow-wrap:anywhere}.my-vehicle-job .section-head{align-items:flex-start;gap:12px}.my-vehicle-job .actions-row{flex-wrap:wrap;gap:10px}.account-status{margin:20px 0}.account-status p{margin:8px 0}.account-status button{margin-top:8px}.vehicle-support{scroll-margin-top:30px}.vehicle-support .section-head{flex-wrap:wrap;gap:12px}.vehicle-support .support-thread{max-height:380px;overflow-y:auto}.account-modal{max-width:560px}.account-modal .notice{font-size:14px;line-height:1.7}.account-modal .field-group{margin-top:20px}.account-modal a{color:var(--theme-text)}@media(max-width:700px){.top-actions{width:100%;justify-content:space-between;margin-left:0;gap:12px}.account-navigation{gap:14px}.account-navigation .text-button{font-size:13px}.nav button{min-width:0;flex:1;letter-spacing:-.2px}.nav button span{font-size:10px}.my-vehicle-card h2{font-size:21px}.my-vehicle-job .section-head{flex-wrap:wrap}.vehicle-support .support-actions{display:flex;flex-wrap:wrap}.vehicle-support .support-actions button{flex:1 1 140px}.account-modal .btn{white-space:normal;line-height:1.5}.topbar{padding-bottom:16px}}

/* Official source details integrated into the existing introduction and four service cards. */
.company-intro-integrated .company-heading p{margin:14px 0;color:var(--theme-text)}.company-intro-integrated .company-motto{color:var(--theme-text);font-size:15px}.company-intro-integrated .customization-overview dd{color:var(--theme-text)}.company-intro-integrated .service-brands{font-size:13px;color:var(--theme-text);margin:10px 0 0;line-height:1.7}.company-intro-integrated .note{font-size:12px;color:var(--theme-muted);margin-top:20px}.home-categories .service-body{display:flex;flex-direction:column}.home-category-details{margin:10px 0 18px;padding-left:16px;color:var(--theme-text);font-size:13px;line-height:1.8}.home-category-details li{margin:5px 0}.home-categories .home-category-brands{color:var(--theme-text);font-size:12px;line-height:1.8;margin:0 0 22px;overflow-wrap:anywhere}.home-categories .service-body>.text-button{margin-top:auto;align-self:flex-start}.company-intro-integrated .company-heading{min-width:0}@media(max-width:700px){.company-intro-integrated .company-heading p{font-size:13px}.home-category-details{font-size:13px}.home-categories .home-category-brands{font-size:13px}}

.workspace-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.invoice-draft-list{display:grid;gap:12px}.invoice-draft-row{display:flex;flex-direction:column;gap:9px;text-align:left;background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);border-radius:6px;padding:18px;overflow-wrap:anywhere;cursor:pointer}.invoice-draft-row span{font-size:13px;color:var(--theme-muted)}.invoice-editor{max-width:980px}.invoice-editor>label{display:block;margin:20px 0 10px}.invoice-editor label{font-size:13px;display:block}.invoice-details-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.invoice-editor .field{margin-top:8px;width:100%;min-width:0}.invoice-line-editors{display:grid;gap:16px;margin:22px 0}.invoice-line{border:1px solid var(--theme-border);border-radius:6px;padding:16px;min-width:0}.invoice-line legend{color:var(--theme-text);padding:0 8px}.invoice-line>label{margin-bottom:16px}.invoice-line .text-button{margin-top:16px}.invoice-draft-number{overflow-wrap:anywhere;font-size:13px}.invoice-draft-number span{color:var(--theme-muted)}.invoice-summary{max-width:420px;margin:24px 0 24px auto}.invoice-summary>div,.paper-totals>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #324655}.invoice-summary dd,.paper-totals dd{margin:0;white-space:nowrap}.invoice-summary>div:last-child{font-weight:700;color:var(--theme-text)}.invoice-preview-actions{margin:20px 0;flex-wrap:wrap}.invoice-paper-wrap{overflow-x:auto;padding:0 0 20px}.invoice-paper{box-sizing:border-box;background:#fff;color:#111;font-family:Arial,sans-serif;width:816px;max-width:100%;margin:auto;padding:38px 42px;line-height:1.5}.invoice-paper *{box-sizing:border-box;color:inherit}.invoice-draft-banner{border:2px solid var(--theme-border);text-align:center;font-size:12px;letter-spacing:.08em;padding:8px;margin-bottom:24px;font-weight:700}.paper-heading{display:flex;justify-content:space-between;gap:20px}.paper-heading h1{font-size:30px;font-weight:400;letter-spacing:0;margin:0 0 18px}.paper-heading h2{font-size:15px;letter-spacing:0;margin:0 0 12px}.paper-heading p{font-size:12px;line-height:1.7;margin:0}.paper-heading img{width:140px;height:140px;object-fit:contain;filter:none;background:transparent}.paper-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.invoice-paper h3{font-size:13px;margin:0 0 8px}.paper-parties p{font-size:12px;margin:0;overflow-wrap:anywhere}.paper-lines{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed}.paper-lines th,.paper-lines td{padding:9px 5px;border-bottom:1px solid #bbb;vertical-align:top;text-align:left;overflow-wrap:anywhere;white-space:pre-wrap}.paper-lines th{background:#eee;border-top:1px solid #aaa}.paper-lines th:first-child{width:5%}.paper-lines th:nth-child(2){width:25%}.paper-lines th:nth-child(3){width:28%}.paper-lines th:nth-child(4){width:9%}.paper-lines th:nth-child(5){width:15%}.paper-lines th:nth-child(6){width:18%}.paper-lines td:nth-child(n+4),.paper-lines th:nth-child(n+4){text-align:right}.paper-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;margin-top:30px}.paper-bottom p{font-size:11px}.paper-demo-note{font-size:10px!important;border:1px solid #777;padding:8px}.paper-notes{white-space:pre-wrap;overflow-wrap:anywhere}.paper-totals{font-size:13px;margin:0}.paper-totals>div{border-color:#aaa}.paper-totals>div:first-child,.paper-totals>div:last-child{font-weight:700}.paper-paid{text-align:right;font-size:16px!important;font-weight:700}.invoice-paper footer{border-top:1px solid #ccc;margin-top:35px;padding-top:12px;text-align:center;font-size:10px}@media(max-width:700px){.invoice-details-fields{grid-template-columns:1fr}.invoice-editor{padding:20px}.invoice-editor .field-row{grid-template-columns:1fr}.invoice-editor .actions-row{flex-wrap:wrap}.invoice-paper{max-width:none;width:740px;padding:28px}.invoice-paper-wrap{border:1px solid #324655}.invoice-preview-actions .note{flex-basis:100%}}@media print{@page{size:letter;margin:12mm}body{background:white!important}body *{visibility:hidden!important}#invoice-paper,#invoice-paper *{visibility:visible!important}#invoice-paper{position:absolute;left:0;top:0;width:100%;max-width:100%;padding:0;margin:0;font-size:11px;box-shadow:none}#invoice-paper .paper-heading img{width:120px;height:120px}#invoice-paper .paper-lines thead{display:table-header-group}#invoice-paper tr{break-inside:avoid}#invoice-paper .paper-bottom{break-inside:avoid}.invoice-paper-wrap{overflow:visible;border:0}.sidebar,.topbar,.footer,.workspace-tabs,.invoice-preview-actions{display:none!important}}

.invoice-editor .draft-invoice-line{display:block;border:1px solid #324655;border-radius:6px;padding:16px;min-width:0}.draft-invoice-line legend{color:#bddff7;padding:0 8px}.draft-invoice-line>label{margin-bottom:16px}.draft-invoice-line .text-button{margin-top:16px}

/* Dedicated employee entry; customer pages contain no link to it. */
.staff-portal{min-height:100vh;background:#f3f4f2;color:#111}.staff-portal-header{padding:20px 4vw;background:var(--theme-surface);color:var(--theme-text);display:flex;justify-content:space-between;align-items:center;gap:18px}.staff-portal-brand{display:flex;align-items:center;gap:13px;color:var(--theme-text);text-decoration:none;letter-spacing:.12em}.staff-portal-brand .logo-badge{width:48px;height:48px;background:#000}.staff-portal-brand img{width:48px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}.staff-portal-brand small{display:block;font-size:10px;margin-top:4px;letter-spacing:.08em}.staff-portal-header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.staff-portal-header nav a{color:var(--theme-text);font-size:14px}.staff-portal-main{margin:0 auto;max-width:1500px;padding:30px 4vw}.staff-portal-entry{display:grid;place-items:center;min-height:calc(100vh - 180px)}.staff-login-card{width:min(100%,510px);padding:36px}.staff-login-card h1{font-size:42px;line-height:1.1;margin:16px 0}.staff-login-card>.btn{margin:10px 0 0;min-height:48px;text-align:center}.staff-login-card>.notice{margin:22px 0}.staff-login-card>.note{margin:22px 0}.staff-portal-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 4vw;font-size:13px;color:var(--theme-muted)}.staff-portal :focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px}@media(max-width:600px){.staff-portal-header{padding:16px;align-items:flex-start}.staff-portal-header nav{max-width:130px;justify-content:flex-end;gap:10px}.staff-portal-main{padding:24px 16px}.staff-login-card{padding:24px}.staff-login-card h1{font-size:35px}.staff-portal-footer{padding:18px 16px;flex-wrap:wrap}.staff-portal-brand{letter-spacing:.07em;gap:9px}.staff-portal-brand .logo-badge,.staff-portal-brand img{width:40px;height:40px}}

.photo-drop-area,.stage-photo-group[data-photo-drop-stage]{transition:outline-color .15s,background .15s}.photo-drag-over{outline:3px dashed var(--theme-focus)!important;outline-offset:4px;background:var(--theme-surface)!important}.stage-photo-upload{margin:0 12px 12px;white-space:normal;min-height:44px}.photo-drop-area select{max-width:360px;margin:8px 0 20px}.photo-drop-area h4{font-size:14px}.photo-upload-queue progress{display:block;width:100%;height:12px;margin-top:16px;accent-color:var(--theme-focus)}.photo-queue-heading small{display:block;margin-top:5px;color:var(--theme-muted)}.photo-queue-heading>div{min-width:0;overflow-wrap:anywhere}.photo-queue-heading .btn{flex-shrink:0}@media(max-width:600px){.photo-drop-area h4{font-size:13px}.photo-queue-heading{flex-wrap:wrap}.photo-drop-area input[type=file]{width:100%;min-width:0}.photo-queue-heading img{max-width:72px}}

/* Keep printable paper styles separate from the customer quote panel. */
.customer-quote-paper{background:#fff!important;color:#111!important;color-scheme:light;padding:30px;min-width:0}.customer-quote-paper h2,.customer-quote-paper h3,.customer-quote-paper p,.customer-quote-paper strong,.customer-quote-paper .summary-line span,.customer-quote-paper .invoice-meta>span,.customer-quote-paper .invoice-meta strong,.customer-quote-paper .invoice-total>strong,.customer-quote-paper .invoice-total small,.customer-quote-paper .quote-scope,.customer-quote-paper .subtle{color:#222!important}.customer-quote-paper .pill{background:#f0f0f0;color:#222;border-color:#ccc}.customer-quote-paper .invoice-line{border:0;border-bottom:1px solid #ddd;border-radius:0;padding:18px 0}.customer-quote-paper .notice{background:#f3f5f7;border-color:#c8d0d5;color:#333}.customer-quote-paper .receipt-summary .large-icon{background:#e9eef1;color:#111}.customer-quote-paper .invoice-total{align-items:flex-start}.customer-quote-paper .summary-line strong{overflow-wrap:anywhere}.statement-brand{display:grid;grid-template-columns:1.2fr 1fr 100px;gap:15px;align-items:start;border-bottom:1px solid #ccc;padding-bottom:24px;margin-bottom:24px}.statement-brand>div>strong{display:block;font-size:23px;letter-spacing:.06em;margin-bottom:14px}.statement-brand h3{font-family:Arial,sans-serif;font-size:12px;margin:0 0 7px}.statement-brand p{font:10px/1.65 Arial,sans-serif;margin:0}.statement-brand>p{padding-top:43px}.statement-brand img{display:block;width:100px;height:100px;object-fit:contain;object-position:center;border:0;border-radius:0;background:#fff;filter:none;max-width:100%}.customer-quote-paper .invoice-head{flex-wrap:wrap}.customer-quote-paper .invoice-meta{grid-template-columns:2fr 1fr 1fr}.statement-download{margin:20px 0}.invoice-paper .paper-heading{display:grid;grid-template-columns:1fr 1fr 120px;gap:18px;align-items:start}.invoice-paper .paper-heading h1{font-size:25px;font-weight:700;margin:0 0 10px}.invoice-paper .paper-heading h2{font-size:12px;margin:0 0 6px;color:#111!important}.invoice-paper .paper-heading p{font-size:10px;line-height:1.65;color:#222!important}.invoice-paper .paper-contact{padding-top:43px}.invoice-paper .paper-heading img{width:120px;height:120px;display:block;object-fit:contain;object-position:center;filter:none;border:0;border-radius:0;background:#fff}.invoice-paper .paper-parties{display:block;margin:30px 0}.invoice-paper .paper-parties section+section{margin-top:35px}.invoice-paper h3,.invoice-paper p,.invoice-paper dd,.invoice-paper dt{color:#111!important}.invoice-paper .paper-lines th{background:#fff;border-top:0}.invoice-paper .paper-lines td{border-bottom:0;padding-top:12px;padding-bottom:12px}.invoice-paper .paper-lines td:nth-child(2){font-weight:700}.invoice-paper .paper-lines th:nth-child(2){width:27%}.invoice-paper .paper-lines th:nth-child(3){width:32%}.invoice-paper .paper-lines th:nth-child(4){width:7%}.invoice-paper .paper-lines th:nth-child(5){width:13%}.invoice-paper .paper-lines th:nth-child(6){width:16%}.invoice-paper .paper-totals>div{align-items:start}.invoice-paper .paper-totals dt{font-size:10px}.invoice-paper .paper-demo-note{font-size:9px!important}.billing-snapshot-fields{border:1px solid var(--theme-border);padding:18px;border-radius:8px;margin-top:20px}.billing-snapshot-fields legend{padding:0 7px;font-size:13px}.billing-snapshot-fields label+label{margin-top:15px}.invoice-preview-actions .btn{white-space:normal}
@media(max-width:700px){.customer-quote-paper{padding:20px;max-width:100%;width:auto}.statement-brand{grid-template-columns:1fr 80px;gap:12px}.statement-brand>p{grid-column:1;padding-top:0;grid-row:2}.statement-brand img{grid-column:2;grid-row:1 / 3;width:80px;height:80px}.statement-brand h3{font-size:10px}.statement-brand p{font-size:9px}.customer-quote-paper .invoice-meta{grid-template-columns:1fr;gap:16px}.customer-quote-paper .invoice-meta strong{font-size:11px}.customer-quote-paper .invoice-total{flex-wrap:wrap}.customer-quote-paper .invoice-total>strong{font-size:23px}.statement-download .btn{width:100%;white-space:normal}}

.invoice-row-amount span{display:block;font-size:12px;color:var(--theme-muted);margin-bottom:12px}.invoice-row-amount output{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.invoice-row-amount{margin-top:14px}@media(min-width:1000px){.invoice-editor{max-width:1200px}.invoice-editor .draft-invoice-line{display:grid;grid-template-columns:1.1fr 1.5fr 1.3fr .65fr;gap:14px;align-items:start}.invoice-editor .draft-invoice-line>label{margin:0}.invoice-editor .draft-invoice-line>.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.invoice-editor .draft-invoice-line>.text-button{grid-column:4;margin:0;justify-self:start}.invoice-row-amount{margin-top:0;padding-top:1px}.invoice-editor .draft-invoice-line textarea{min-height:72px}.billing-snapshot-fields{display:grid;grid-template-columns:1fr 1.4fr .9fr;gap:15px}.billing-snapshot-fields label+label{margin-top:0}}

/* Keep the original Workspace entry reachable beside customer navigation. */
.workspace-entry{white-space:nowrap}@media(max-width:900px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-entry{flex-basis:auto}}

.workspace-invoice-entry{background:transparent;color:var(--theme-text);border-color:var(--theme-border);white-space:nowrap}

.company-overview .company-copy>p{margin:0 0 16px;color:var(--theme-text)}.company-overview .company-copy>.note,.home-material-note{color:var(--theme-muted);font-size:12px;line-height:1.8}.home-material-note{margin:18px 0 0}.works-home-gallery .section-head>div{max-width:640px}.works-home-gallery .section-head p{margin-top:9px}.workshop-enlarged{display:block;width:100%;max-height:65vh;object-fit:contain}.workshop-gallery-item>img{width:100%;height:100%;object-fit:cover}.company-overview #company-heading{scroll-margin-top:30px}#home-services,#gallery-heading{scroll-margin-top:35px}@media(max-width:600px){.works-home-gallery .section-head{align-items:start}.works-home-gallery .section-head>span{display:none}.company-overview .company-copy>p{font-size:13px}}

/* Keep the original four works visible; reveal the remaining photos on request. */
.works-home-gallery .gallery-toggle-row{display:flex;justify-content:center;margin-top:22px}
.works-home-gallery .gallery-toggle{min-height:44px;min-width:160px}
.works-home-gallery .gallery-toggle:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px}
.works-home-gallery .gallery-more{margin-top:22px}
.works-home-gallery .gallery-more[hidden]{display:none}

.customer-search-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:12px}.customer-search-list li{display:grid;gap:6px;padding:14px;border:1px solid var(--theme-border);border-radius:12px;overflow-wrap:anywhere}.customer-search .actions-row{flex-wrap:wrap}.customer-search .field{flex:1 1 260px;min-width:0}.customer-search-list .actions-row{margin-top:6px}@media(max-width:600px){.customer-search .actions-row .btn{flex:1 1 auto}.customer-search .field{flex-basis:100%}}

.track-car.is-parked,.track-car.is-parked *{animation:none!important;transition:none!important}.track-car.is-parked .sketch-road{opacity:0}


/* Native homepage disclosures keep service introductions below each photo, collapsed by default. */
.home-category-disclosure{margin:0 0 14px;min-width:0}
.home-category-disclosure>summary{min-height:44px;padding:12px 0;cursor:pointer;touch-action:manipulation;color:var(--theme-text);font-size:13px;line-height:20px}
.home-category-disclosure>summary:focus-visible{outline:2px solid var(--theme-focus);outline-offset:4px;border-radius:2px}
.home-category-description{padding-top:4px;border-top:1px solid var(--theme-border);overflow-wrap:anywhere}
.home-categories .home-category-description>p{min-height:0;font-size:13px;line-height:1.7}
.home-categories .home-category-description>.home-category-brands{margin-bottom:8px}

/* Public policies are readable without signing in or running the customer app. */
.footer-policies{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-policies a{display:inline-flex;align-items:center;min-height:44px;color:var(--theme-muted);font-size:13px;text-underline-offset:4px}
.policy-page{min-height:100vh;background:var(--theme-page);color:var(--theme-text)}
.policy-header,.policy-footer{width:min(100%,1160px);margin:0 auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.policy-header{border-bottom:1px solid var(--theme-border)}
.policy-brand{display:flex;gap:14px;align-items:center;color:var(--theme-text);text-decoration:none;font-weight:700;font-size:22px;letter-spacing:.08em}
.policy-brand img{width:64px;height:64px;object-fit:contain;filter:var(--sp-logo-filter)}
.policy-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.17em;margin-top:2px}
.policy-home{display:inline-flex;align-items:center;min-height:44px;color:var(--theme-text);text-underline-offset:4px;flex-shrink:0}
.policy-main{width:min(100%,900px);max-width:900px;margin:0 auto;padding:60px 36px}
.policy-main:focus{outline:none}
.policy-heading h1{font-weight:500;font-size:clamp(36px,6vw,58px);letter-spacing:-.04em;line-height:1.1;margin:16px 0}
.policy-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;color:var(--theme-muted)}
.policy-date{font-size:14px;color:var(--theme-text)}
.policy-intro{font-size:18px;line-height:1.75;margin:28px 0;color:var(--theme-text)}
.policy-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.policy-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:var(--theme-link);text-underline-offset:5px}
.policy-links a[aria-current=page]{color:var(--theme-link);font-weight:700;text-decoration-thickness:2px}
.policy-main>.policy-links{padding:16px 0;border-top:1px solid var(--theme-border);border-bottom:1px solid var(--theme-border)}
.policy-copy{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.policy-copy section{margin:36px 0}
.policy-copy h2,.policy-contact h2{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.02em;color:var(--theme-text);scroll-margin-top:24px;margin:0 0 16px}
.policy-copy p{margin:0 0 16px;color:var(--theme-text)}
.policy-copy a,.policy-contact a{color:var(--theme-link);text-underline-offset:4px}
.policy-references{padding-left:22px;margin:8px 0}
.policy-references li+li{margin-top:6px}
.policy-references a{display:inline-block;padding:6px 0}
.policy-original{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;padding:24px;margin:22px 0}
.policy-original p:last-child{margin-bottom:0}
.policy-contact{padding:28px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;margin-top:48px;overflow-wrap:anywhere}
.policy-contact address{font-style:normal;font-size:15px;line-height:1.9;color:var(--theme-text)}
.policy-contact address strong{font-weight:600}
.policy-footer{border-top:1px solid var(--theme-border);flex-wrap:wrap;font-size:13px;color:var(--theme-muted);padding-bottom:32px}
.policy-page :focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px;border-radius:2px}
.policy-skip{position:absolute;left:20px;top:-100px;z-index:100;background:var(--theme-accent);color:var(--theme-on-accent);padding:12px 18px;border-radius:6px}
.policy-skip:focus{top:16px}
@media(max-width:600px){.policy-header,.policy-footer{padding:18px 20px;gap:16px}.policy-brand{font-size:18px;gap:9px}.policy-brand img{width:48px;height:48px}.policy-brand small{font-size:9px}.policy-home{font-size:13px}.policy-main{width:100%;margin:0;padding:36px 20px 44px}.policy-intro{font-size:16px}.policy-copy{font-size:16px;line-height:1.75}.policy-copy h2,.policy-contact h2{font-size:21px}.policy-links{gap:6px 18px}.policy-original,.policy-contact{padding:20px}.policy-footer>.policy-links{width:100%}.footer-policies{width:100%}}

/* Explicit customer terms consent is separate from estimate acceptance. */
.dropoff-signing-fields{border:0;padding:0;margin:0;min-width:0}.dropoff-signing-fields:disabled{opacity:.75}.terms-signing{margin:28px 0;padding-top:24px;border-top:1px solid var(--theme-border);min-width:0}.terms-signing h3{font-size:22px;line-height:1.3}.terms-signing p,.terms-signing label{font-size:14px;line-height:1.7}.terms-signing .notice{font-size:14px}.terms-review{margin:18px 0;border:1px solid var(--theme-border);border-radius:8px;padding:14px}.terms-review summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.terms-review-text{max-height:330px;overflow:auto;overscroll-behavior:contain;margin-top:12px;padding:4px 12px 4px 0;overflow-wrap:anywhere}.terms-review-text pre{white-space:pre-wrap;font:14px/1.8 Arial,Helvetica,sans-serif;margin:0;color:var(--theme-text)}.terms-consent{display:flex;align-items:flex-start;gap:12px;min-height:44px;margin:22px 0;cursor:pointer}.terms-consent input{flex:0 0 20px;width:20px;height:20px;margin:3px 0;accent-color:var(--theme-focus)}.terms-signing a,.terms-signed-copy a{color:var(--theme-link);text-underline-offset:4px}.terms-signing .actions-row,.terms-signed-copy .actions-row{flex-wrap:wrap;gap:14px}.terms-signing .actions-row a,.terms-signed-copy a{display:inline-flex;align-items:center;min-height:44px}.terms-signed-copy{margin:22px 0;overflow-wrap:anywhere}.terms-signed-copy p{margin:8px 0;font-size:13px}.terms-signing :focus-visible,.terms-signed-copy a:focus-visible{outline:3px solid var(--theme-focus);outline-offset:4px}.terms-legacy-note{margin:20px 0}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
@media(max-width:600px){.terms-signing h3{font-size:20px}.terms-signing p,.terms-signing label,.terms-review-text pre{font-size:14px}.terms-review{padding:12px}.terms-review-text{max-height:280px}.terms-consent{gap:10px}.terms-signing .actions-row,.terms-signed-copy .actions-row{align-items:flex-start;flex-direction:column}}
.terms-signing [data-terms-copy],.terms-signed-copy [data-terms-copy]{color:var(--theme-text);min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px;white-space:normal;text-align:left}


/* Brand identification stays confined to the My Vehicles card heading. */
.my-vehicle-brand{display:grid;place-items:center;flex:0 0 48px;width:48px;min-height:48px;align-self:flex-start}
.my-vehicle-card>.section-head>div:first-child{min-width:0;overflow-wrap:anywhere}

/* Directive006: readable secondary copy on the existing dark surfaces. */
.home-categories .service-body p,.home-material-note,.home-demo-note,.category-code,.service-meta,.service-meta span,.note,.footer,:is(.contact-strip,.store-contact-grid) small{color:var(--theme-muted)}
.store-visit{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:24px;margin-top:32px}.store-visit iframe{width:100%;height:300px;border:0;border-radius:4px}.store-visit a{color:var(--theme-link)}.customer-reviews[hidden]{display:none}
@media(max-width:700px){.store-visit{grid-template-columns:1fr}.store-visit iframe{height:250px}}

/* Hidden auth/review controls must stay hidden even when button styles set display. */
[hidden]{display:none!important}.staff-portal{min-height:100vh;background:var(--bg)}

/* 015: compact unread counts share the existing navigation at all breakpoints. */
.support-unread-slot:empty{display:none}.support-unread-slot{display:inline-flex;vertical-align:middle;margin-left:4px}
.support-unread-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:999px;padding:2px 6px;background:var(--theme-surface);color:var(--theme-text);font:700 11px/1.3 system-ui,sans-serif}
.support-unread-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--theme-surface)}
.job-row .support-unread-slot{margin:5px 0 0}.support-inbox .section-head{flex-wrap:wrap;gap:10px}.support-inbox h2{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
@media(max-width:700px){.nav button .support-unread-slot{position:absolute;top:3px;right:2px;margin:0}.nav button{position:relative}.nav button .support-unread-badge{font-size:10px;padding:2px 4px;gap:3px}.nav button .support-unread-dot{width:5px;height:5px}}

/* 013: the homepage's single contact grid lives above its map. */
.store-visit{grid-template-columns:minmax(0,1fr);gap:18px}
.store-visit-heading h2{margin:0 0 12px}.store-visit-heading h3{margin:0 0 4px}.store-visit-heading p{margin:0}
.store-contact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0 0 8px;border-top:0}
.store-contact-grid>a{min-width:0;min-height:44px}.store-contact-grid>a>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.store-visit{gap:14px}.store-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-contact-grid>a:last-child{grid-column:auto;border-top:0;padding-top:0}.store-contact-grid>a{gap:8px}.store-contact-grid b{display:none}.store-visit iframe{height:180px}}
@media(max-width:600px){.sidebar{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}main{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

/* Theme preference controls; after legacy layout rules. */
spirit-theme-control{display:inline-block;max-width:100%;color:var(--theme-text)}
.theme-control-label{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:400}
.theme-control-select{min-height:44px;max-width:100%;border:1px solid var(--theme-border);border-radius:6px;padding:7px 9px;background:var(--theme-field);color:var(--theme-text);color-scheme:var(--theme-scheme)}
.theme-control-select:focus-visible{outline:3px solid var(--theme-focus);outline-offset:3px}
.account-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
@media(max-width:700px){.topbar{height:auto;min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.top-actions{flex-wrap:wrap;gap:8px}.theme-control-label{font-size:11px}.theme-control-select{padding:6px}.account-navigation{gap:8px}}
@media print{spirit-theme-control{display:none!important}}

/* Status semantics are readable in both palettes. */
.support-unread-badge{background:var(--theme-danger-surface);color:var(--theme-danger-text)}
.support-unread-dot{background:var(--theme-danger-text)}
.panel .error,.staff-login-card .error{color:var(--theme-danger-text);background:var(--theme-danger-surface)}