:root{--coal:#111714;--garage:#18211d;--paper:#f2eee5;--white:#fffdf8;--orange:#ff6038;--signal:#d7f443;--line:#b9b6ac;--muted:#5d665f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--coal);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.skip-link{z-index:100;color:#111;background:#fff;padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.work-order-bar{z-index:30;background:var(--coal);color:#fff;border-bottom:4px solid var(--orange);grid-template-columns:230px 1fr 200px;min-height:92px;display:grid;position:sticky;top:0}.garage-brand{border-right:1px solid #35403a;align-items:center;gap:14px;padding:14px 22px;text-decoration:none;display:flex}.garage-brand b{text-transform:uppercase;color:var(--signal);font-size:1.3rem;line-height:.83}.garage-brand span{text-transform:uppercase;letter-spacing:.12em;color:#aeb7b1;font-size:.6rem}.work-order-bar nav{grid-template-columns:repeat(4,1fr);display:grid}.work-order-bar nav a{border-right:1px solid #35403a;grid-template-columns:35px 1fr 10px;align-items:center;padding:12px 18px;text-decoration:none;display:grid}.work-order-bar nav a b{color:var(--orange);font-size:.7rem}.work-order-bar nav a span{text-transform:uppercase;font-size:.76rem}.work-order-bar nav a i{background:#4e5953;border-radius:50%;width:8px;height:8px}.work-order-bar nav a:hover,.work-order-bar nav a.active{background:#25302b}.work-order-bar nav a.active i{background:var(--signal);box-shadow:0 0 0 4px #d7f4431f}.emergency-link{color:var(--signal);text-transform:uppercase;justify-content:center;align-items:center;gap:7px;font-size:.68rem;font-weight:900;text-decoration:none;display:flex}.emergency-link span{color:var(--orange)}.garage-opening{background:var(--garage);color:#fff;grid-template-columns:1fr 240px;align-items:end;gap:40px;min-height:54vh;padding:clamp(45px,7vw,110px);display:grid;position:relative;overflow:hidden}.garage-opening:after{content:"OS";color:#ffffff06;font-size:40vw;font-weight:900;line-height:1;position:absolute;bottom:-14vw;right:-3vw}.garage-opening>div,.garage-opening>aside{z-index:1;position:relative}.garage-opening span,.service-route>header span,.shop-floor>div>span{color:var(--orange);letter-spacing:.14em;font-size:.67rem;font-weight:900}.service-route>header span,.shop-floor>div>span{color:#9d3018}.garage-opening h1{letter-spacing:-.07em;text-transform:uppercase;max-width:1100px;margin:22px 0 0;font-size:clamp(3.6rem,8vw,9rem);line-height:.82}.garage-opening h1 em{color:var(--signal);font-style:normal;display:block}.garage-opening aside{border-top:1px solid #526057;gap:10px;padding-top:18px;font-size:.72rem;display:grid}.garage-opening aside b{color:var(--signal)}.service-bay{border-bottom:1px solid var(--coal);grid-template-columns:minmax(520px,1.2fr) minmax(380px,.8fr);min-height:720px;display:grid}.car-bay{background:#e9e5db;padding:clamp(32px,5vw,76px);position:relative;overflow:hidden}.car-bay:before{content:"";opacity:.35;background-image:linear-gradient(#c8c6bd 1px,#0000 1px),linear-gradient(90deg,#c8c6bd 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.car-bay>*{position:relative}.car-bay header>span,.service-ticket header span,.vehicle-console>div>span,.slot-console>div>span,.order-review header span{color:#ad351a;letter-spacing:.14em;font-size:.66rem;font-weight:900}.car-bay h2{letter-spacing:-.06em;margin:15px 0 5px;font-size:clamp(2.4rem,4.5vw,5.2rem);line-height:.88}.car-bay header p{color:var(--muted);margin:0}.car-silhouette{max-width:760px;height:310px;margin:30px auto 20px;position:relative}.car-shape{border:7px solid var(--coal);background:#fff6;border-radius:42% 48% 16% 18%;height:54%;position:absolute;top:25%;left:7%;right:7%}.car-shape:before{content:"";border:7px solid var(--coal);border-bottom:0;border-radius:40% 48% 0 0;width:51%;height:60%;position:absolute;top:-43%;left:23%;transform:skew(-13deg)}.car-shape i{background:var(--coal);border:12px solid #58605c;border-radius:50%;width:94px;height:62px;position:absolute;bottom:-31px}.car-shape i:first-child{left:10%}.car-shape i:nth-child(2){right:10%}.car-shape b{background:var(--orange);clip-path:polygon(0 20%,100% 0,100% 100%,0 80%);width:18%;height:20%;position:absolute;top:20%;right:5%}.hotspot{color:var(--coal);z-index:3;background:0 0;border:0;place-items:center;gap:4px;display:grid;position:absolute}.hotspot span{aspect-ratio:1;background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:42px;font-size:1.3rem;font-weight:900;display:grid;box-shadow:0 0 0 7px #ff603833}.hotspot small{background:var(--white);white-space:nowrap;padding:4px 7px;font-weight:800}.hotspot[aria-pressed=true] span{background:var(--signal);color:var(--coal);box-shadow:0 0 0 9px #d7f44342}.hotspot.front{top:45%;left:7%}.hotspot.center{top:24%;left:45%}.hotspot.wheel{bottom:1%;left:23%}.hotspot.rear{top:45%;right:8%}.symptom-list{border-top:1px solid var(--coal);grid-template-columns:repeat(4,1fr);display:grid}.symptom-list button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;gap:4px;padding:13px 10px;display:grid}.symptom-list button[aria-pressed=true]{background:var(--signal)}.symptom-list button span{color:var(--muted);font-size:.65rem}.service-ticket{background:var(--white);box-shadow:inset 10px 0 0 var(--orange);flex-direction:column;padding:clamp(30px,4vw,60px);display:flex}.service-ticket>header{border-bottom:2px solid var(--coal);justify-content:space-between;padding-bottom:14px;display:flex}.ticket-signal{padding:35px 0 25px}.ticket-signal small{color:var(--muted);font-size:.62rem}.ticket-signal h3{letter-spacing:-.05em;margin:10px 0;font-size:clamp(2.2rem,3.5vw,4.2rem);line-height:.9}.ticket-signal p{color:var(--muted)}.service-ticket fieldset{border:0;border-top:1px dashed var(--line);flex-wrap:wrap;gap:7px;margin:0;padding:18px 0;display:flex}.service-ticket legend{text-transform:uppercase;padding-top:16px;font-size:.66rem;font-weight:900}.service-ticket fieldset button{border:1px solid var(--line);background:0 0;padding:8px 10px;font-size:.68rem}.service-ticket fieldset button[aria-pressed=true]{background:var(--coal);color:#fff;border-color:var(--coal)}.service-ticket dl{border-top:1px dashed var(--line);margin:0 0 18px}.service-ticket dl div{border-bottom:1px dashed var(--line);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.service-ticket dt{text-transform:uppercase;font-size:.66rem}.service-ticket dd{text-align:right;margin:0;font-weight:900}.service-ticket>label{gap:7px;font-size:.68rem;font-weight:800;display:grid}.service-ticket input{border:1px solid var(--line);padding:12px}.ticket-submit,.ticket-next{background:var(--orange);color:var(--coal);border:0;justify-content:space-between;margin-top:9px;padding:15px;font-weight:900;text-decoration:none;display:flex}.service-ticket>output{min-height:28px;padding-top:9px;font-size:.72rem;font-weight:800}.service-ticket>small{color:var(--muted);margin-top:auto;padding-top:16px;line-height:1.4}.shop-floor{background:var(--signal);grid-template-columns:1fr 1fr;gap:50px;padding:clamp(60px,8vw,120px);display:grid}.shop-floor h2{letter-spacing:-.06em;margin:20px 0;font-size:clamp(2.7rem,5vw,5.7rem);line-height:.9}.shop-floor ol{border-top:2px solid var(--coal);margin:0;padding:0;list-style:none}.shop-floor li{border-bottom:1px solid #11171459;grid-template-columns:48px 1fr auto;padding:18px 0;display:grid}.shop-floor li b{color:#ad351a}.shop-floor li span{font-weight:900}.shop-floor li i{text-transform:uppercase;font-size:.68rem;font-style:normal}.shop-floor>a{background:var(--coal);color:#fff;grid-column:2;justify-self:start;padding:15px 18px;font-weight:800;text-decoration:none}.service-route{min-height:80vh;padding:clamp(50px,7vw,105px) clamp(24px,7vw,110px)}.service-route>header{grid-template-columns:1fr 2fr;gap:20px;margin-bottom:55px;display:grid}.service-route>header h1{letter-spacing:-.07em;text-transform:uppercase;grid-column:2;margin:0;font-size:clamp(3.2rem,7vw,7.6rem);line-height:.84}.service-route>header p{max-width:640px;color:var(--muted);grid-column:2;line-height:1.55}.service-route .service-bay{border:1px solid var(--line)}.route-next{background:var(--coal);color:#fff;margin-top:30px;padding:15px 20px;font-weight:900;text-decoration:none;display:inline-flex}.vehicle-console{border:1px solid var(--line);background:#fff;grid-template-columns:1.4fr .6fr;display:grid}.vehicle-console>div{padding:clamp(30px,5vw,60px)}.vehicle-console h2,.slot-console h2,.order-review h2{letter-spacing:-.055em;margin:17px 0 30px;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.9}.vehicle-picks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.vehicle-picks button{border:1px solid var(--line);background:var(--paper);place-items:center;min-height:190px;display:grid}.vehicle-picks button[aria-pressed=true]{border:4px solid var(--orange);background:#fff5ef}.vehicle-picks i{border:4px solid var(--coal);border-radius:50% 55% 20% 20%;width:90px;height:34px;display:block;position:relative}.vehicle-picks i.sedan{width:110px}.vehicle-picks i.suv{height:48px}.vehicle-console label{gap:7px;max-width:280px;margin-top:28px;font-size:.7rem;font-weight:800;display:grid}.vehicle-console input{border:1px solid var(--line);text-transform:uppercase;padding:13px}.vehicle-console aside{background:var(--coal);color:#fff;flex-direction:column;justify-content:center;padding:40px;display:flex}.vehicle-console aside span{color:var(--orange);font-size:.66rem;font-weight:900}.vehicle-console aside strong{margin:16px 0;font-size:2.3rem}.vehicle-console aside small{color:#aeb8b1;line-height:1.5}.slot-console{border:1px solid var(--line);background:#fff;padding:clamp(30px,5vw,60px)}.slot-console>div:first-child{max-width:800px}.slot-board{border-top:2px solid var(--coal);grid-template-columns:repeat(4,1fr);display:grid}.slot-board button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;flex-direction:column;justify-content:space-between;min-height:170px;padding:20px;display:flex}.slot-board button[aria-pressed=true]{background:var(--signal)}.slot-board small{color:var(--muted)}.slot-board b{font-size:1.25rem}.slot-board span{text-transform:uppercase;color:#ad351a;font-size:.68rem}.slot-console output{background:var(--coal);color:#fff;padding:18px;display:block}.order-review{border:1px solid var(--line);background:#fff;grid-template-columns:1fr 320px;gap:30px;padding:clamp(30px,5vw,60px);display:grid}.order-review header{grid-column:1/-1}.review-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.review-grid label{gap:7px;font-size:.7rem;font-weight:800;display:grid}.review-grid input,.review-grid select{border:1px solid var(--line);background:var(--paper);padding:13px}.review-total{background:var(--signal);align-content:center;gap:8px;padding:25px;display:grid}.review-total span{font-size:.65rem;font-weight:900}.review-total strong{font-size:2rem}.order-review>button{background:var(--orange);border:0;grid-column:1/-1;padding:16px;font-weight:900}.order-review>output{grid-column:1/-1;min-height:20px}.garage-footer{background:var(--coal);color:#fff;grid-template-columns:1fr 1fr 1.2fr;gap:30px;padding:32px clamp(22px,6vw,90px);font-size:.72rem;display:grid}.garage-footer div{gap:5px;display:grid}.garage-footer p{color:#aeb8b1;margin:0}@media (max-width:980px){.work-order-bar{grid-template-columns:170px 1fr}.emergency-link{display:none}.service-bay,.vehicle-console{grid-template-columns:1fr}.service-ticket{min-height:650px;box-shadow:inset 0 10px 0 var(--orange)}.slot-board{grid-template-columns:repeat(2,1fr)}.shop-floor{grid-template-columns:1fr}.shop-floor>a{grid-column:1}}@media (max-width:680px){.work-order-bar{grid-template-columns:1fr;position:static}.garage-brand{border-right:0;justify-content:center}.work-order-bar nav a{text-align:center;grid-template-columns:1fr;padding:10px 5px}.work-order-bar nav a b{font-size:.6rem}.work-order-bar nav a i{display:none}.garage-opening{grid-template-columns:1fr;min-height:76vh}.garage-opening h1{font-size:clamp(3rem,17vw,5rem)}.service-route>header{grid-template-columns:1fr}.service-route>header h1,.service-route>header p{grid-column:1}.car-bay{padding:28px 18px}.car-silhouette{margin-inline:-20px;transform:scale(.9)}.symptom-list{grid-template-columns:repeat(2,1fr)}.service-ticket{padding:34px 22px}.vehicle-picks,.slot-board,.order-review,.review-grid{grid-template-columns:1fr}.order-review header,.order-review>button,.order-review>output{grid-column:1}.garage-footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.car-bay{background-image:linear-gradient(#c8c6bd 1px,#0000 1px),linear-gradient(90deg,#c8c6bd 1px,#0000 1px);background-size:34px 34px}.car-bay:before{display:none}