.service-section{padding:90px 0}
.service-section h1,.service-section h2,.service-hero h1{font-family:var(--wpx-serif);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.service-section h2{font-size:clamp(2.1rem,3.3vw,42px)}
.service-section p,.service-hero p{color:var(--wpx-subtext)}
.service-hero{background:var(--wpx-soft);padding:65px 0 70px;position:relative;overflow:hidden}
.service-hero::before{content:"";position:absolute;inset:0;background-image:url("../figma/hero/52cea.png");background-size:14px;opacity:.2;pointer-events:none}
.service-hero__main{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:450px;position:relative}
.service-hero__copy{max-width:595px}
.service-breadcrumb{font-size:13px;margin-bottom:45px;color:#5b6269}
.service-breadcrumb a:hover{color:var(--wpx-blue)}
.service-hero h1{font-size:clamp(2.5rem,4.4vw,58px);margin:0 0 18px}
.service-hero__copy>p{font-size:16px;line-height:1.5;max-width:555px}
.service-hero__image{height:450px;position:relative;border-radius:174px 31px 174px 31px;overflow:hidden}
.service-hero__image img{width:100%;height:100%;object-fit:cover}
.service-image-placeholder{width:100%;height:100%;background:#dedfe0}
.service-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;margin:40px auto 0;align-items:stretch}
.service-metrics>div{background:#3858e9;color:#fff;padding:24px 28px;min-height:142px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-radius:15px}
.service-metrics strong{order:2;justify-self:end;font:600 clamp(48px,5vw,72px)/1.05 var(--wpx-serif);letter-spacing:-.055em;white-space:nowrap}
.service-metrics span{order:1;font:500 16px/24px var(--wpx-sans);max-width:190px}
.service-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.service-intro__copy>p{line-height:1.65;max-width:550px;white-space:pre-line}
.service-intro__copy .home-actions{justify-content:flex-start;margin-top:25px}
.service-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px}
.service-feature{padding:14px 0;border-bottom:1px solid #d7dce1}
.service-feature__icon{display:block;margin-bottom:10px}
.service-feature h3{font:700 16px/1.35 var(--wpx-sans);margin:0 0 8px}
.service-feature p{font-size:14px;line-height:1.5;margin:0}
.service-process{background:var(--wpx-blue);color:#fff;padding:95px 0 105px}
.service-process h2{color:#fff;max-width:560px;text-align:center;margin:0 auto 75px}
.service-process__steps{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}
.service-process__steps li{padding:0 15px;position:relative}
.service-process__divider{position:absolute;left:0;top:0;transform:rotate(90deg);transform-origin:left top;opacity:.5}
.service-process__number{display:inline-block;background:#f8bf57;color:#121212;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;min-height:22px}
.service-process__steps summary{cursor:pointer;list-style:none}
.service-process__steps summary::-webkit-details-marker{display:none}
.service-process__steps li:not(:first-child) .service-process__number{background:transparent;color:#fff}
.service-process__steps h3{font:700 14px/1.4 var(--wpx-sans);min-height:50px;margin:18px 0}
.service-process__line{height:28px;background:#fff;border-radius:20px;display:grid;place-items:center;margin:12px -15px 12px}
.service-process__line img{background:#3858e9;border-radius:50%;padding:5px;box-sizing:content-box}
.service-process__line .service-process__minus{display:none;padding:11px 5px}
.service-process__steps details[open] .service-process__plus{display:none}
.service-process__steps details[open] .service-process__minus{display:block}
.service-process__steps p{font-size:13px;line-height:1.5;background:#fff;color:#121212;margin:0;padding:15px;border-radius:0 0 16px 16px}
.service-benefits__image{height:515px;overflow:hidden;border-radius:174px 31px 174px 31px}
.service-benefits__image img{width:100%;height:100%;object-fit:cover}
.service-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}
.service-benefit-grid>div{background:#f5f7f9;padding:18px;border-radius:10px}
.service-benefit-grid img{width:28px;height:28px}
.service-benefit-grid h3{font:700 15px/1.35 var(--wpx-sans);margin:8px 0}
.service-benefit-grid p{font-size:13px;line-height:1.5;margin:0}
.service-related{background:var(--wpx-soft)}
.service-related__carousel{position:relative}
.service-related__track{display:grid;grid-auto-columns:calc((100% - 72px)/4);grid-auto-flow:column;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 4px}
.service-related__track::-webkit-scrollbar{display:none}
.service-related__card{background:#fff;border-radius:12px;overflow:hidden;display:block;min-width:0;scroll-snap-align:start}
.service-related__card>img{height:162px;width:100%;object-fit:cover;display:block}
.service-related__placeholder{height:162px;display:block;background:#d8dee5}
.service-related__card div{padding:16px}
.service-related__card h3{font:700 16px/1.3 var(--wpx-sans);margin:0 0 6px}
.service-related__card p{font-size:13px;line-height:1.4;margin:0}
.service-related__controls{display:flex;justify-content:flex-end;gap:13px;margin-top:25px}
.service-related__controls button{appearance:none;border:0;padding:0;background:transparent;width:40px;height:38px;cursor:pointer;transition:opacity .2s ease}
.service-related__controls button img{display:block;width:40px;height:38px}
.service-related__controls button:first-child img{transform:scaleX(-1)}
.service-related__controls button:disabled{opacity:.4;cursor:default}
.service-related__controls button:focus-visible{outline:2px solid var(--wpx-blue);outline-offset:4px;border-radius:8px}
.service-work{overflow:hidden}
.service-work .home-work__grid{margin-top:50px}
.service-index{background:var(--wpx-soft)}
.service-index .home-section-heading{margin-bottom:50px}
.service-index h1{font-size:clamp(2.8rem,5vw,65px);margin:12px 0}
.service-index__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.service-index__card{background:#fff;border-radius:18px;overflow:hidden;display:block}
.service-index__card img{width:100%;height:280px;object-fit:cover}
.service-index__placeholder{display:block;height:280px;background:#d8dee5}
.service-index__card div{padding:25px}
.service-index__card h2{font-size:27px;margin-bottom:10px}
.service-index__card p{font-size:15px}
@media(max-width:1100px){.service-hero__main,.service-two-col{gap:5%}.service-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-metrics>div:nth-child(3){grid-column:1/-1;width:min(100%,417px);justify-self:center}.service-metrics strong{font-size:clamp(48px,6vw,64px)}.service-related__track{grid-auto-columns:calc((100% - 24px)/2)}.service-process__steps p{min-height:120px}}
@media(max-width:700px){.service-section{padding:65px 0}.service-hero{padding:45px 0 60px}.service-hero__main,.service-two-col{grid-template-columns:1fr;gap:35px}.service-breadcrumb{margin-bottom:30px}.service-hero__image{height:325px}.service-metrics{grid-template-columns:1fr;gap:12px;margin-top:28px}.service-metrics>div,.service-metrics>div:nth-child(3){grid-column:auto;width:100%;min-height:118px;padding:20px 24px}.service-metrics strong{font-size:clamp(48px,13vw,64px)}.service-feature-grid,.service-benefit-grid{grid-template-columns:1fr 1fr}.service-process__steps{grid-template-columns:1fr;gap:12px}.service-process__steps li{padding:15px;background:#ffffff18;border-radius:12px}.service-process__divider{display:none}.service-process__steps h3{min-height:0;margin:10px 0}.service-process__steps p{min-height:0}.service-process__line{display:none}.service-benefits__image{height:350px}.service-index__grid{grid-template-columns:1fr}.service-related__track{grid-auto-columns:minmax(0,1fr);grid-auto-columns:85%}.service-related__controls{margin-top:18px}}
@media(max-width:450px){.service-feature-grid,.service-benefit-grid{grid-template-columns:1fr}.service-related__track{grid-auto-columns:100%}.service-related__card>img{height:180px}}
