.mechanic{color:#263d4c;--form-ink:#1c5070;background:#f4f4ee;font-family:Inter,Arial,sans-serif}.mech-head{border-bottom:1px solid #b8c4ca;justify-content:space-between;align-items:center;gap:20px;padding:26px 4vw;display:flex}.mech-mark{align-items:center;gap:12px;font:700 17px/1.1 Arial,sans-serif;text-decoration:none;display:flex}.mech-mark small{letter-spacing:.3em;font:10px/2 monospace;display:block}.mech-plus{color:#c15629;font-size:48px;font-weight:400}.mech-head nav{gap:30px;font-size:13px;display:flex}.mech-head>span{font:13px monospace}.mech-hero{grid-template-columns:46% 54%;padding:55px 4vw 30px;display:grid}.mech-intro h1{margin:35px 0 25px;font:900 clamp(42px,4.6vw,76px)/1.04 Arial,sans-serif}.mech-intro h1 em{color:#ba4d24;font-style:normal}.mech-intro>p:not(.eyebrow){max-width:410px}.mech-intro .action{color:#fff;background:#263d4c;border:0;margin-top:15px}.mech-car-panel{align-self:center;padding:25px 0 0 25px}.mech-diagram-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.mech-pill{border:1px solid;border-radius:30px;padding:8px 12px;font-size:11px}.mech-car{width:100%;color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.mech-car svg{width:100%}.car-bonnet{transform-origin:519px 245px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.car-bonnet.open{transform:rotate(-48deg)}.mech-tool-tag{background:#f0b27c;border:1px solid;padding:11px 15px;font-size:12px;position:absolute;top:32%;right:5%}.mech-tool-tag span{margin-left:20px}.mech-car-panel>.caption{border-top:1px dashed #84979f;padding-top:15px}.mech-desk{background:#e3eaf0;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:70px 7vw;display:grid}.mech-desk h2,.mech-route h2{margin:20px 0;font-size:clamp(32px,4vw,57px);line-height:1.05}.mech-desk-heading p{max-width:290px}.mech-issues{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mech-issues>button{color:inherit;text-align:left;background:#f8f9f5;border:1px solid #97acb8;justify-content:space-between;align-items:center;gap:8px;padding:20px;display:flex}.mech-issues>button[aria-pressed=true]{color:#fff;background:#263d4c}.mech-check{font-size:25px}.mech-issues>.caption,.mech-issues>.action{grid-column:1/-1}.mech-issues>.action{justify-self:start}.mech-route{padding:80px 7vw}.route-steps{gap:50px;margin-top:50px;display:flex}.route-steps article{border-top:2px solid;flex:1;padding-top:25px}.route-steps b{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font:22px monospace;display:inline-flex}.route-steps h3{margin-top:24px;font-size:25px}.route-steps p{font-size:14px}.mech-note{border-block:1px solid;grid-template-columns:1fr 2fr;gap:40px;margin:0 7vw 65px;padding:30px 0;display:grid}.mech-note strong{font-size:32px}.mech-note p{margin:0}.mech-request{color:#f4f4ee;background:#263d4c;grid-template-columns:1fr 1.1fr;gap:8vw;padding:75px 7vw;display:grid}.mech-request h2{margin:25px 0;font:900 clamp(40px,5vw,70px)/1 Arial,sans-serif}.mech-ticket{color:#263d4c;background:#f4f4ee;padding:30px;box-shadow:9px 9px #122632}.ticket-top{border-bottom:2px solid;justify-content:space-between;gap:10px;padding-bottom:20px;font:12px monospace;display:flex}.mech-ticket label{gap:8px;margin:22px 0;font-size:14px;display:grid}.mech-ticket input,.mech-ticket select{color:inherit;background:0 0;border:1px solid #97acb8;width:100%;padding:14px}.mech-selection{background:#e3eaf0;padding:16px;font-size:13px}.mech-back{color:inherit;background:0 0;border:0;margin-bottom:15px;padding:10px 0}.mech-request .caption{max-width:320px}@media (width<=900px){.mech-head>span{display:none}.mech-hero{grid-template-columns:1fr}.mech-intro h1{font-size:clamp(40px,7vw,70px)}.mech-car-panel{max-width:700px;padding-left:0}.mech-desk{gap:30px}}@media (width<=600px){.mech-head{flex-wrap:wrap}.mech-head nav{justify-content:space-between;gap:10px;width:100%}.mech-hero{padding-top:30px}.mech-intro h1{font-size:38px}.mech-diagram-label{display:block}.mech-pill{margin-top:10px;display:inline-block}.mech-tool-tag{padding:8px;font-size:10px;top:22%}.mech-desk,.mech-request,.mech-note,.mech-issues{grid-template-columns:1fr}.mech-issues>button{padding:15px}.route-steps{flex-direction:column;gap:20px}.mech-route,.mech-desk,.mech-request{padding:45px 6vw}.mech-ticket{padding:20px}.ticket-top{font-size:10px}.mech-note{gap:15px}.mech-request h2{font-size:48px}}@font-face{font-family:Inter;src:url(/examples/mobile-mechanic/fonts/inter.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid}button{min-height:44px}img{max-width:100%;height:auto;display:block}svg{max-width:100%;display:block}p{line-height:1.7}h1,h2,h3,p,figure{margin-top:0}h1,h2{letter-spacing:-.045em}a,button{overflow-wrap:break-word}section{scroll-margin-top:35px}.skip{color:#000;z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:11px/1.6 monospace}.caption{font:12px/1.6 Inter,Arial,sans-serif}.action{border:1px solid;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:16px 23px;font-weight:600;text-decoration:none;display:inline-flex}.preview-footer{border-top:1px solid;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:25px max(5vw,20px);font:12px/1.7 Inter,Arial,sans-serif;display:flex}.preview-footer p{max-width:650px;margin:0}.request-form{font:15px/1.5 Inter,Arial,sans-serif}.request-form fieldset{border:0;margin:0;padding:0}.request-form label{gap:8px;margin:16px 0;display:grid}.request-form input,.request-form textarea,.request-form select{width:100%;color:inherit;background:0 0;border:1px solid;border-radius:0;min-width:0;padding:14px}.request-form textarea{resize:vertical;min-height:110px}.request-form option{color:#202020;background:#fff}.request-form .form-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.request-form .brief-summary{border-block:1px solid;margin-bottom:24px;padding:18px 0}.request-form .brief-summary p{margin:0}.request-form .form-success{border:1px solid;padding:25px}.request-form .submit{background:var(--form-ink,#202020);color:var(--form-paper,#fff);border:0;padding:16px 25px}.request-form small{margin-top:12px;display:block}input[type=range]{accent-color:currentColor;max-width:100%;min-height:44px}summary{cursor:pointer;min-height:48px;padding:18px 0}details{border-top:1px solid}details p{padding-bottom:16px}body{overflow-wrap:break-word}main{min-width:0}@media (width<=600px){.request-form .form-pair{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}select,fieldset{min-width:0;max-width:100%}main>section>div{min-width:0}.arrow-icon{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em;display:inline-block}header nav a,.pool-nav a,.trees-index a,.preview-footer>a{align-items:center;min-height:44px;display:inline-flex}