
/* v39 services page refinements */
.services-page .page-banner .breadcrumbs span{font-size:1.1rem;line-height:1;transform:translateY(-1px)}
.services-page .page-banner .banner-lineart{right:0;bottom:-3px;width:620px;height:336px;background-size:contain;opacity:.78}
.services-page .page-banner .banner-glow{right:10%;top:-70px;width:445px;height:315px}
.services-page .service-card:nth-child(7) .service-icon .icon{width:22px;height:22px}

.services-page .process-band{background:linear-gradient(180deg,#eef3f0 0%,#f4f7f5 100%);color:#fff;padding-top:90px;padding-bottom:90px}
.services-page .process-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:start;padding:38px;border-radius:34px;background:linear-gradient(135deg,#01542f 0%,#004727 52%,#063a23 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 26px 70px rgba(0,41,26,.18)}
.services-page .process-shell:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(98,168,125,.24) 1.2px,transparent 1.2px);background-size:30px 30px;opacity:.48;pointer-events:none}
.services-page .process-shell:after{content:"";position:absolute;right:-110px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 68%);pointer-events:none}
.services-page .process-intro,.services-page .delivery-steps{position:relative;z-index:2}
.services-page .process-intro{padding:8px 8px 8px 10px}
.services-page .process-intro .eyebrow.light{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff}
.services-page .process-intro h2{max-width:520px;color:#fff}
.services-page .process-intro h2 span{color:var(--red) !important;text-shadow:none}
.services-page .process-intro p{max-width:520px;color:rgba(255,255,255,.82);margin:0 0 24px;font-size:1rem;line-height:1.8}
.services-page .process-intro::after{content:"";display:block;width:118px;height:5px;border-radius:999px;margin-top:24px;background:linear-gradient(90deg,#5fd08b 0 46%,#d7e5db 46% 68%,var(--red) 68% 100%)}
.services-page .process-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.services-page .process-tags span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font:700 .7rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:#ecf5ef;box-shadow:none}
.services-page .delivery-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.services-page .delivery-step{position:relative;display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:flex-start;padding:28px 22px 24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.05) 100%);box-shadow:none;backdrop-filter:blur(2px)}
.services-page .delivery-step:before{content:"";position:absolute;top:0;left:22px;right:22px;height:4px;border-radius:999px;background:linear-gradient(90deg,#61cf8b 0 66%,rgba(255,255,255,.12) 66% 100%)}
.services-page .delivery-step:nth-child(even):before{background:linear-gradient(90deg,var(--red) 0 66%,rgba(255,255,255,.12) 66% 100%)}
.services-page .delivery-step b{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:rgba(255,255,255,.92);color:var(--green);font:800 1.4rem var(--head);border:1px solid rgba(255,255,255,.9);box-shadow:none}
.services-page .delivery-step:nth-child(even) b{background:rgba(255,243,243,.96);color:var(--red);border-color:rgba(255,226,226,.95)}
.services-page .delivery-step strong{display:block;font:700 1.02rem/1.05 var(--head);letter-spacing:.02em;color:#fff;text-transform:uppercase;margin:2px 0 10px}
.services-page .delivery-step span{display:block;font-size:.9rem;line-height:1.68;color:rgba(255,255,255,.82)}
.services-page .split-grid{gap:54px}
.services-page .media-frame img{height:520px;object-position:center}
.services-page .content-block .btn{margin-top:8px}

.services-page .also-available-section{padding-top:70px}
.services-page .also-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.services-page .also-card{background:#fff;border:1px solid #dce4de;border-radius:22px;padding:40px 34px;text-align:center;box-shadow:0 14px 34px rgba(0,30,20,.05)}
.services-page .also-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;color:#fff}
.services-page .also-icon.green{background:var(--green)}
.services-page .also-icon.red{background:var(--red)}
.services-page .also-icon .icon{width:30px;height:30px}
.services-page .also-card h3{font:700 1.45rem var(--head);line-height:1.05;margin:0 0 14px;text-transform:uppercase}
.services-page .also-card p{max-width:470px;margin:0 auto 18px;color:#5d6863;font-size:.92rem;line-height:1.75}
.services-page .also-card .text-link{justify-content:center;font-size:.8rem}

@media (max-width:980px){
  .services-page .process-shell{grid-template-columns:1fr;padding:34px 30px}
  .services-page .also-grid{grid-template-columns:1fr}
}

@media (max-width:620px){
  .services-page .page-banner .banner-lineart{right:-24px;bottom:-3px;width:320px;height:186px;opacity:.48}
  .services-page .process-band{padding-top:58px;padding-bottom:58px}
  .services-page .process-shell{padding:26px 20px;border-radius:24px;gap:26px}
  .services-page .process-intro p{font-size:.92rem}
  .services-page .process-intro::after{width:96px;height:4px;margin-top:18px}
  .services-page .process-tags{gap:8px}
  .services-page .process-tags span{font-size:.58rem;padding:8px 10px}
  .services-page .delivery-steps{grid-template-columns:1fr}
  .services-page .delivery-step{grid-template-columns:56px 1fr;padding:20px 16px 18px;border-radius:18px}
  .services-page .delivery-step b{width:56px;height:56px;border-radius:16px;font-size:1.12rem}
  .services-page .media-frame img{height:350px}
  .services-page .also-card{padding:30px 22px;border-radius:18px}
  .services-page .also-icon{width:64px;height:64px;margin-bottom:18px}
  .services-page .also-card h3{font-size:1.2rem}
  .services-page .also-card p{font-size:.88rem}
}
