.cap-section{padding-block:96px}.cap-heading{max-width:760px;margin-bottom:40px}.cap-heading h2{font-size:40px}.cap-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cap-cards article{background:#f4f4f2;border-radius:8px;padding:32px}.cap-number{display:block;font-size:14px;font-weight:600;margin-bottom:40px;border-bottom:2px solid #ffcf24;padding-bottom:16px}.cap-cards h3,.cap-process h3,.cap-lines h3{font-size:21px;line-height:1.4;margin:0 0 16px}.cap-cards p,.cap-process p,.cap-split p{margin:0;color:#6b7077}.cap-four{grid-template-columns:repeat(4,minmax(0,1fr))}.cap-two{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-muted{background:#f4f4f2}.cap-yellow{background:#ffcf24}.cap-yellow p,.cap-yellow .about-kicker{color:#22262c}.cap-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cap-split h2{font-size:40px}.cap-lines>div{padding:24px 0;border-bottom:1px solid #dde0e3}.cap-lines>div:first-child{padding-top:0}.cap-process{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:0;margin:0}.cap-process li{counter-increment:steps;border-top:2px solid #ffcf24;padding-top:24px}.cap-process li:before{content:counter(steps,decimal-leading-zero);display:block;margin-bottom:24px;font-size:32px;font-weight:600}.cap-faq details{border-bottom:1px solid #dde0e3;padding:20px 0}.cap-faq summary{cursor:pointer;font-weight:600}.cap-faq details p{padding-top:16px}.oem-compare{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff}.oem-compare img{display:block;width:100%;height:100%;object-fit:cover}.oem-after{position:absolute;inset:0;clip-path:inset(0 0 0 calc(100% - var(--reveal)))}.oem-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;direction:rtl;touch-action:pan-y}.oem-compare:focus-within{outline:3px solid #22262c;outline-offset:5px}.oem-divider{position:absolute;left:calc(100% - var(--reveal));top:0;bottom:0;width:2px;background:#22262c;pointer-events:none}.oem-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#22262c;color:#fff;font-size:22px}.oem-before-label,.oem-after-label{position:absolute;top:20px;background:#fff;padding:6px 12px;border-radius:6px;font-size:12px}.oem-before-label{left:20px}.oem-after-label{right:20px}.cap-split .oem-caption{font-size:12px;margin-top:12px}
.cap-cards article.oem-service-card{padding:0;overflow:hidden}.oem-service-copy{padding:28px}.oem-service-copy .cap-number{margin-bottom:24px}.oem-service-image{aspect-ratio:530/604;background-image:url('oem-services-yellow.webp');background-repeat:no-repeat;background-size:410% 120%;background-position-y:50%;background-color:#ffcf24}.oem-service-image-1{background-position-x:0}.oem-service-image-2{background-position-x:33.333%}.oem-service-image-3{background-position-x:66.667%}.oem-service-image-4{background-position-x:100%}
.oem-process li{position:relative;border:0;padding-top:0;list-style:none}.oem-process li:before{content:none}.oem-process-art{aspect-ratio:3/4;background:url('oem-process-illustrations.webp') no-repeat;background-size:400% 100%;border-radius:8px;margin-bottom:24px}.oem-process-art-1{background-position:0 0}.oem-process-art-2{background-position:33.333% 0}.oem-process-art-3{background-position:66.667% 0}.oem-process-art-4{background-position:100% 0}.oem-step{display:flex;align-items:center;gap:16px;font-size:24px;font-weight:600;margin-bottom:24px}.oem-step:after{content:'';height:1px;background:#b6b9bd;flex:1}.oem-process li:not(:last-child):after{content:'→';position:absolute;right:-27px;top:calc(100% - 145px);color:#6b7077;font-size:20px}
@media(max-width:1000px){.cap-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-process{grid-template-columns:repeat(2,minmax(0,1fr))}.oem-process li:after{display:none}}
@media(max-width:760px){.cap-section{padding-block:56px}.cap-heading h2,.cap-split h2{font-size:30px}.cap-cards,.cap-two,.cap-four,.cap-split,.cap-process{grid-template-columns:1fr;gap:24px}.cap-cards article{padding:28px}.cap-heading{margin-bottom:32px}.cap-number{margin-bottom:24px}.cap-faq summary{font-size:16px}}
