.services-container {width:min(1180px,100%);margin:0 auto;}
.services-hero,.services-offer,.services-process,.services-contact {padding:82px 5vw;}
.services-hero {color:#fff;background:var(--track);}
.services-label {margin:0 0 14px;color:var(--electric);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}
.services-hero .services-label,.services-process .services-label {color:#7ed3c6;}
.services-hero h1 {max-width:1000px;font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.06;margin:0 0 30px;}
.services-intro {max-width:700px;color:rgba(255,255,255,.76);font-size:1.15rem;line-height:1.75;margin:0 0 30px;}
.services-button {display:inline-block;padding:14px 22px;background:var(--signal);color:#fff;text-decoration:none;font-weight:900;}
.services-button:hover {background:#a92f27;}
.services-heading {max-width:780px;margin-bottom:34px;}
.services-heading h2,.services-contact h2 {font-size:clamp(2rem,4vw,3.4rem);margin:0 0 20px;}
.services-heading > p:last-child,.service-card > p,.services-contact > div > p:not(.services-label) {color:#626d72;line-height:1.75;}
.services-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.service-card {min-width:0;padding:32px;background:#fff;border-top:4px solid var(--electric);}
.service-number {display:block;color:var(--electric);font-size:.8rem;font-weight:900;margin-bottom:26px;}
.service-card h3 {font-size:1.65rem;margin:0 0 14px;}
.service-card .service-lead {color:var(--text);font-weight:800;}
.service-card ul {padding-left:20px;margin:24px 0 0;color:#626d72;line-height:1.8;}
.services-process {background:var(--electric);color:#fff;}
.services-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;counter-reset:step;padding:0;margin:0;}
.services-steps li {counter-increment:step;border-top:1px solid rgba(255,255,255,.35);padding-top:22px;}
.services-steps li::before {content:'0' counter(step);color:#a9efe5;font-weight:900;}
.services-steps h3 {font-size:1.2rem;margin:16px 0 12px;}
.services-steps p {color:rgba(255,255,255,.78);line-height:1.75;}
.services-contact {background:#fff;}
.services-contact p {max-width:650px;}
.services-page .performance-header nav [aria-current=page] {color:#fff;text-decoration:underline;text-underline-offset:6px;}
@media(max-width:700px) {.services-grid,.services-steps {grid-template-columns:1fr;}.services-hero,.services-offer,.services-process,.services-contact {padding:56px 5vw;}.service-card {padding:26px;}}

.services-testimonials { padding: 82px 5vw; background: var(--electric); color: #fff; }
.services-testimonials .services-label { color: #a9efe5; }
.testimonial-placeholder-note { color: rgba(255,255,255,.7); font-size: .85rem; }
.testimonial-slide { margin: 0; min-height: 190px; padding: 32px 0; max-width: 950px; }
.testimonial-slide[hidden] { display: none; }
.testimonial-slide blockquote { margin: 0 0 24px; font-family: Georgia, serif; font-size: clamp(1.5rem,3vw,2.5rem); line-height: 1.4; }
.testimonial-slide figcaption { color: #a9efe5; font-weight: 800; }
.testimonial-controls { display: flex; gap: 20px; align-items: center; }
.testimonial-controls button { border: 1px solid rgba(255,255,255,.4); border-radius: 50%; width: 44px; height: 44px; background: rgba(17,21,25,.3); color: #fff; font-size: 28px; cursor: pointer; }
.testimonial-controls button:hover { background: rgba(17,21,25,.6); }
.testimonial-controls button:focus-visible { outline: 3px solid #a9efe5; outline-offset: 3px; }
@media(max-width:700px) { .services-testimonials { padding: 56px 5vw; } }

.testimonial-carousel { position: relative; padding: 0 64px 36px; }
.testimonial-slide { max-width: none; text-align: center; }
.testimonial-arrow { position: absolute; top: calc((100% - 36px) / 2); transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); background: rgba(17,21,25,.65); color: #fff; font: 32px/1 Georgia, serif; cursor: pointer; display: grid; place-items: center; padding: 0 0 4px; }
.testimonial-prev { left: 0; } .testimonial-next { right: 0; }
.testimonial-arrow:hover { background: rgba(17,21,25,.9); }
.testimonial-arrow:focus-visible { outline: 3px solid #a9efe5; outline-offset: 3px; }
.testimonial-counter { display: block; text-align: center; color: #a9efe5; font-size: .8rem; }
@media(max-width:700px) { .testimonial-carousel { padding-inline: 50px; } }