.services-page{overflow:hidden;color:#292728}.services-page h1,.services-page h2,.services-page h3{font-family:'Bricolage Grotesque',sans-serif;margin:0}.services-page p{line-height:1.5}.services-page__hero{background:#f7faeb;text-align:center;padding:80px 0}.services-page__hero .eyebrow,.services-page__platforms-intro .eyebrow,.services-page__process-header .eyebrow{margin-inline:auto}.services-page__hero h1{font-size:clamp(40px,5vw,75px);line-height:1.08;font-weight:800;margin:8px 0 24px}.services-page__crumbs{display:flex;gap:8px;justify-content:center;color:#62a420;font-weight:600}.services-page__crumbs a{color:#545253}.services-page__platforms{background:linear-gradient(#fff,#f7faeb);padding:100px 0 140px}.services-page__platforms-intro{text-align:center;max-width:1080px}.services-page h2{font-size:clamp(32px,3.3vw,48px);line-height:1.25}.services-page__platforms-intro p,.services-page__process-header>p{max-width:830px;margin:32px auto 0;color:#545253}.services-page__jump{display:flex;justify-content:center;gap:32px;margin:48px auto 0;flex-wrap:wrap}.services-page__jump a,.services-page__tags li{border:1px solid #d9d9d9;background:white;border-radius:24px;padding:7px 20px;color:#292728;font-weight:600}.services-page__jump a:hover,.services-page__jump a:focus-visible{border-color:#62a420;color:#62a420}.services-page__platform{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;margin-top:140px;scroll-margin-top:115px}.services-page__platform:last-of-type .services-page__platform-image{order:2}.services-page__platform-image{height:min(40vw,738px);min-height:420px;border-radius:24px;overflow:hidden;background:#e8f0df}.services-page__platform-image img{width:100%;height:100%;object-fit:cover}.services-page__product-logo{max-width:365px;max-height:60px;width:auto;height:auto;object-fit:contain;object-position:left}.services-page__platform-copy h3{font-size:clamp(31px,3vw,48px);line-height:1.25;margin:32px 0}.services-page__platform-copy>p{color:#545253;max-width:630px}.services-page__tags{display:flex;flex-wrap:wrap;gap:16px;margin:40px 0;list-style:none;padding:0}.services-page__tags li{font-size:16px}.services-page__tags li:before{content:'✦';color:#62a420;margin-right:8px}.services-page__engineering{padding:140px 0;background:#fafbf7}.services-page__engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:56px}.services-page__engineering-photo{border-radius:24px;overflow:hidden;min-height:510px}.services-page__engineering-photo img{height:100%;width:100%;object-fit:cover}.services-page__feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.services-page__feature{background:#fff;border-radius:16px;padding:24px}.services-page__feature-icon{display:grid;place-items:center;background:#f7faeb;border-radius:8px;color:#62a420;width:48px;height:48px;font-size:28px}.services-page__feature h3{font-size:24px;line-height:1.25;margin:12px 0 16px;font-weight:500}.services-page__feature p{color:#545253;margin:0}.services-page__process{padding:140px 0;background:#f7faeb}.services-page__process-header{text-align:center}.services-page__steps{list-style:none;margin:140px auto 0;padding:0;max-width:1288px;position:relative}.services-page__steps:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #a1c958}.services-page__step{display:grid;grid-template-columns:1fr 52px 1fr;align-items:center;gap:clamp(30px,5vw,100px);min-height:400px}.services-page__step-image{grid-column:1;grid-row:1;max-width:518px;height:350px;border-radius:24px;overflow:hidden}.services-page__step-image img{width:100%;height:100%;object-fit:cover}.services-page__step-number{grid-column:2;grid-row:1;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;background:linear-gradient(110deg,#62a420,#b0cb36);color:#fff;font-weight:700;z-index:1}.services-page__step-copy{grid-column:3;grid-row:1;max-width:410px}.services-page__step:nth-child(even) .services-page__step-image{grid-column:3;justify-self:end;width:100%}.services-page__step:nth-child(even) .services-page__step-copy{grid-column:1;justify-self:end}.services-page__step-copy h3{font-size:32px}.services-page__step-copy p{color:#545253;margin-top:16px}.services-page .contact{margin:0}.services-page .contact__bg img{object-fit:cover}@media(max-width:900px){.services-page__platforms,.services-page__engineering,.services-page__process{padding:80px 0}.services-page__platform{gap:36px;margin-top:90px}.services-page__platform-image{min-height:350px}.services-page__engineering-grid{gap:18px}.services-page__feature-grid{gap:16px}.services-page__feature{padding:18px}.services-page__step{gap:25px;min-height:320px}.services-page__step-image{height:280px}}@media(max-width:650px){.services-page__hero{padding:60px 0}.services-page__jump{gap:12px}.services-page__platform{display:flex;flex-direction:column;margin-top:70px;align-items:stretch}.services-page__platform:last-of-type .services-page__platform-image{order:0}.services-page__platform-image{height:320px;min-height:0}.services-page__platform-copy h3{margin:20px 0;font-size:32px}.services-page__product-logo{max-width:250px;max-height:48px}.services-page__tags{gap:8px;margin:24px 0}.services-page__tags li{font-size:13px;padding:6px 12px}.services-page__engineering-grid{grid-template-columns:1fr}.services-page__engineering-photo{min-height:300px}.services-page__feature-grid{gap:12px}.services-page__feature h3{font-size:19px}.services-page__feature p{font-size:14px}.services-page__steps{margin-top:70px}.services-page__steps:before{left:24px}.services-page__step,.services-page__step:nth-child(even){display:grid;grid-template-columns:48px 1fr;gap:12px 18px;margin:0 0 55px;min-height:0}.services-page__step-number{grid-column:1;grid-row:1}.services-page__step-image,.services-page__step:nth-child(even) .services-page__step-image{grid-column:2;grid-row:1;max-width:none;height:220px}.services-page__step-copy,.services-page__step:nth-child(even) .services-page__step-copy{grid-column:2;grid-row:2;justify-self:start}.services-page__step-copy h3{font-size:25px}}

@media(prefers-reduced-motion:no-preference){.services-page__platform-image img,.services-page__engineering-photo img,.services-page__step-image img{transition:transform .7s ease}.services-page__platform-image:hover img,.services-page__engineering-photo:hover img,.services-page__step-image:hover img{transform:scale(1.035)}.services-page__feature{transition:transform .3s ease,box-shadow .3s ease}.services-page__feature:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(36,56,14,.1)}}
/* Same motion when the site plays animations as designed (Customizer → Eimsky: Animations). */
@media(prefers-reduced-motion: reduce){
html.eimsky-motion-full .services-page__platform-image img,html.eimsky-motion-full .services-page__engineering-photo img,html.eimsky-motion-full .services-page__step-image img{transition:transform .7s ease}
html.eimsky-motion-full .services-page__platform-image:hover img,html.eimsky-motion-full .services-page__engineering-photo:hover img,html.eimsky-motion-full .services-page__step-image:hover img{transform:scale(1.035)}
html.eimsky-motion-full .services-page__feature{transition:transform .3s ease,box-shadow .3s ease}
html.eimsky-motion-full .services-page__feature:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(36,56,14,.1)}
}
/* Same motion when the site plays animations as designed (Customizer → Eimsky: Animations). */
@media(prefers-reduced-motion: reduce){
html.eimsky-motion-full .services-page__platform-image img,html.eimsky-motion-full .services-page__engineering-photo img,html.eimsky-motion-full .services-page__step-image img{transition:transform .7s ease}
html.eimsky-motion-full .services-page__platform-image:hover img,html.eimsky-motion-full .services-page__engineering-photo:hover img,html.eimsky-motion-full .services-page__step-image:hover img{transform:scale(1.035)}
html.eimsky-motion-full .services-page__feature{transition:transform .3s ease,box-shadow .3s ease}
html.eimsky-motion-full .services-page__feature:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(36,56,14,.1)}
}

/* Phones: same 72px section rhythm as the other pages. */
@media (max-width: 599px) {
	.services-page__platforms,
	.services-page__engineering,
	.services-page__process { padding-block: 72px; }
}

/* Align the wide product compositions with the Figma canvas. */
@media (min-width:1101px) {
 .services-page__platform.container {box-sizing:border-box;width:min(1534px,calc(100% - 80px));max-width:none;padding-inline:0;grid-template-columns:minmax(0,826fr) minmax(0,628fr);gap:80px;margin-left:max(40px,calc((100vw - 1780px)/2));margin-right:auto}
 .services-page__platform:nth-of-type(2).container {grid-template-columns:minmax(0,628fr) minmax(0,826fr);margin-left:auto;margin-right:max(40px,calc((100vw - 1780px)/2))}
 .services-page__platform:nth-of-type(2) .services-page__platform-image {height:min(40vw,768px)}
 .services-page__platform-image {height:min(40vw,738px)}
}
.services-page__platform-image img,.services-page__engineering-photo img,.services-page__step-image img {display:block}
.services-page__feature-icon svg {width:26px;height:26px}
.services-page__platforms-intro p {max-width:940px;white-space:pre-line}
.services-page__engineering-grid {grid-template-columns:minmax(0,628px) minmax(0,628px)}
.services-page__engineering-photo {height:510px;min-height:0}
.services-page__step-number {width:50px;height:50px;font-size:16px;line-height:1;justify-self:center;color:#fff;flex:none}
@media (max-width:1100px) {.services-page__engineering-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px) {.services-page__engineering-grid {grid-template-columns:1fr}.services-page__engineering-photo{height:300px}.services-page__step-number {width:42px;height:42px;font-size:15px;justify-self:center}}

/* Product marks ship in white for dark panels; render their lettering legibly on this light page. */
.services-page__product-logo {filter:brightness(0);max-width:min(100%,400px);max-height:66px;display:block}
.services-page__step-number {position:relative;z-index:2;text-align:center}

/* Keep the original blue PC symbol while making the white-on-dark wordmark readable. */
.services-page__product-logo-wrap {position:relative;display:block;width:min(400px,100%);max-width:100%;aspect-ratio:400/66}
.services-page__product-logo-wrap .services-page__product-logo {width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:left;filter:brightness(0)}
.services-page__product-logo-wrap .services-page__product-logo--color-icon {position:absolute;inset:0;filter:none;clip-path:inset(0 83.5% 0 0)}
@media (max-width:650px) {.services-page__product-logo-wrap {width:min(250px,100%)}}