main{max-width:1180px;margin:auto;padding:0 32px 100px}.service-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:76px 0 68px}.service-hero h1{max-width:760px;margin:12px 0 20px;color:#211735;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em}.service-hero>div>p:not(.eyebrow){max-width:650px;color:#60586c;font-size:18px;line-height:1.65}.service-hero .button{display:inline-flex;margin-top:12px;text-decoration:none}.service-hero aside{padding:27px;border:1px solid #ded6e9;border-radius:20px;background:#fff;box-shadow:0 18px 50px #34204d0b}.service-hero aside strong{color:#6c3b9b}.service-hero aside p{margin:10px 0 0;color:#5f5668;line-height:1.65}.service-prices{padding:64px 0;border-top:1px solid #ded7e8}.service-prices h2,.service-process h2,.service-request h2{margin:5px 0 0;color:#211735;font-size:clamp(31px,4vw,46px);letter-spacing:-.04em}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.service-grid article{display:flex;min-height:285px;flex-direction:column;padding:25px;border:1px solid #ded7e8;border-radius:18px;background:#fff}.service-grid article>span{color:#7042b1;font-size:10px;font-weight:900;letter-spacing:.13em}.service-grid h3{margin:15px 0 9px;color:#2b2040;font-size:21px}.service-grid article>strong{color:#c81d68;font-size:27px}.service-grid p{color:#5e5767;line-height:1.55}.service-grid small{margin-top:auto;color:#6c6473;line-height:1.45}.service-grid em{margin-top:10px;padding:9px;border-radius:8px;background:#f2ecfa;color:#5f3288;font-size:11px;font-style:normal;font-weight:700}.service-process{padding:64px 0}.service-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 0;padding:0;list-style:none}.service-process li{display:flex;gap:13px;padding:20px;border-radius:16px;background:#f3eff8}.service-process li>b{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#5f3598;color:#fff}.service-process li span{color:#685f70;font-size:12px;line-height:1.5}.service-process li strong{display:block;margin-bottom:4px;color:#2a2038;font-size:13px}.service-request{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;padding-top:66px;border-top:1px solid #ded7e8}.service-request .form-intro h2{margin:8px 0 18px}.service-form .service-option{padding:13px;border-radius:10px;background:#f8f5fb}.service-option>span{display:flex;align-items:center;gap:10px;font-size:13px}.service-option input{width:18px;height:18px;flex:none}.service-estimate{display:grid;gap:5px;margin:5px 0 20px;padding:19px;border-radius:14px;background:#392664;color:#fff}.service-estimate span{color:#d7caea;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.service-estimate strong{font-size:29px}.service-estimate small{color:#e8e0f1;line-height:1.45}.parts-option[hidden],.save-option[hidden]{display:none}.request-form select:disabled{background:#f0edf3;color:#625b68;cursor:not-allowed}@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-process ol{grid-template-columns:1fr 1fr}.service-request{grid-template-columns:1fr;gap:30px}}@media(max-width:700px){main{padding:0 16px 70px}.service-hero{grid-template-columns:1fr;gap:28px;padding:48px 0}.service-hero h1{font-size:clamp(38px,12vw,54px)}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:245px}.service-process ol{grid-template-columns:1fr}.service-request{padding-top:48px}}

.service-grid article{border-width:2px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.service-grid article:hover,.service-grid article:focus-visible{transform:translateY(-3px);border-color:#00a998;box-shadow:4px 5px 0 #e91e81;outline:0}.service-grid article.selected{border-color:#00a998;box-shadow:4px 4px 0 #00a998}.service-request{scroll-margin-top:76px}


/* Mobile choices wrap service names, details and carrier names. */
.service-mobile-picker{display:none}
@media(max-width:700px){
 .service-form{min-width:0}
 .service-form.service-picker-ready .service-native-choice{display:none}
 .service-form .service-mobile-picker{display:block;min-width:0;margin:0 0 18px;border:1px solid #bdb4c8;border-radius:12px;background:#fff}
 .service-picker-summary{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;grid-template-rows:auto auto;align-items:center;gap:5px 10px;padding:14px;list-style:none;cursor:pointer}
 .service-picker-summary::-webkit-details-marker{display:none}
 .service-picker-heading{display:contents}
 .service-picker-caption{grid-column:1/-1;grid-row:1;font-size:11px;font-weight:600;line-height:1.35;color:#776e80}
 .service-picker-title{grid-column:1;grid-row:2;font-size:16px;line-height:1.35;color:#30263c;overflow-wrap:anywhere}
 .service-picker-price{white-space:nowrap;font-size:14px;font-weight:700;line-height:1.4;color:#6c3b9b}
 .service-picker-summary>.service-picker-price{grid-column:2;grid-row:2;align-self:center}
 .service-picker-arrow{grid-column:3;grid-row:2;font-size:22px;line-height:1;color:#6c3b9b;transition:transform .15s}
 .service-mobile-picker[open] .service-picker-arrow{transform:rotate(180deg)}
 .service-picker-summary:focus-visible{outline:3px solid #e4d4f6;outline-offset:2px;border-radius:11px}
 .service-picker-options{min-width:0;display:grid;gap:5px;margin:0;padding:7px;border:0;border-top:1px solid #e6deed}
 .service-form .service-picker-option{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:12px 8px;border:1px solid transparent;border-radius:9px;cursor:pointer}
 .service-form .service-picker-option>input{width:18px;height:18px;padding:0;margin:0;accent-color:#6c3b9b}
 .service-picker-option-text{min-width:0}
 .service-picker-option-text strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
 .service-form .service-picker-option-text small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#776e80;font-weight:400}
 .service-picker-option.is-selected{background:#f3eff8;border-color:#bca1d8}
 .service-picker-option:focus-within{outline:2px solid #6c3b9b;outline-offset:-2px}
 .service-mobile-picker.is-disabled{background:#f0edf3}
 .service-mobile-picker.is-disabled .service-picker-summary{cursor:default}
 .service-mobile-picker.is-disabled .service-picker-arrow{visibility:hidden}
}

#service-form{scroll-margin-top:76px}
.service-quick{margin:0 0 24px}
.service-quick h2{margin:0 0 10px;font-size:1.125rem}
.service-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.service-quick-links a{box-sizing:border-box;display:grid;gap:4px;min-height:100%;padding:10px 12px;border:1px solid #e6deed;border-radius:10px;background:#fff;color:#30263c;font-size:.95rem;line-height:1.35;text-decoration:none}
.service-quick-links a span{color:#6c3b9b;font-size:.85rem;font-weight:600}
.service-quick-links a:hover,.service-quick-links a:focus-visible{background:#f3eff8;border-color:#bca1d8}
@media(max-width:700px){.service-quick-links{grid-template-columns:1fr}}

.battery-story{margin-top:clamp(32px,5vw,64px);scroll-margin-top:100px}
.battery-story h2{margin:6px 0 20px;color:#211735;font-size:clamp(24px,3vw,36px);line-height:1.2}
.battery-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.battery-story figure{overflow:hidden;margin:0;border:1px solid #e6deed;border-radius:14px;background:#f8f5fb}
.battery-story-photo{aspect-ratio:3/2;overflow:hidden;background:#dbe8ee}
.battery-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 49%}
.battery-story-photo-measure img{object-position:center 39%;transform:rotate(180deg)}
.battery-story-photo-solder img{object-position:center 39%;transform:rotate(180deg) scale(1.18)}
.battery-story figcaption{display:grid;gap:5px;padding:14px 16px;color:#5d5368;font-size:.9rem;line-height:1.5}
.battery-story figcaption strong{color:#30263c;font-size:1rem}
@media(max-width:700px){.battery-story-steps{grid-template-columns:1fr}}

.service-detail .service-process ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));margin:20px 0 0}
.service-detail .service-process ol+h2{margin-top:36px}
.service-detail .service-process p{max-width:72ch;color:#60586c;line-height:1.65}
.service-detail .service-process h2{font-size:clamp(24px,3vw,36px);line-height:1.2}

.workshop-teaser{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;max-width:1180px;margin:32px auto;padding:22px;background:#f8f5fb;border:1px solid #e6deed;border-radius:14px}.workshop-teaser-image{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:9px}.workshop-teaser-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 52%}.workshop-teaser .eyebrow{margin:0 0 6px}.workshop-teaser h2{font-size:clamp(19px,2vw,25px);line-height:1.3;margin:0 0 10px;color:#211735}.workshop-teaser p:not(.eyebrow){font-size:14px;line-height:1.7;color:#5d5368;margin:0 0 12px}.workshop-teaser a:not(.workshop-teaser-image){color:#65508c;text-decoration:underline;text-underline-offset:3px;font-size:14px}.workshop-teaser nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:15px}.service-faq{margin:38px 0}.service-faq h2{font-size:26px}.service-faq details{border-bottom:1px solid #e1dbe9;padding:16px 0}.service-faq summary{cursor:pointer;font-weight:700;line-height:1.5}.service-faq details p{font-size:15px;line-height:1.8;color:#5d5368;max-width:75ch}@media(max-width:600px){.workshop-teaser{grid-template-columns:92px minmax(0,1fr);gap:15px;padding:16px;margin:24px 0;align-items:start}.workshop-teaser-image{margin-top:4px}.workshop-teaser h2{font-size:19px}.workshop-teaser nav{gap:10px;flex-direction:column}.service-faq h2{font-size:23px}}