/* Approved CGS solution design system. */
.service-page .solution-spectrum{display:inline-block;background:linear-gradient(105deg,#91e8ef 8%,#b2a9fa 60%,#f28ec8);background-clip:text;-webkit-background-clip:text;color:transparent;padding:.14em .12em .18em .04em;margin:-.14em -.12em -.18em -.04em;letter-spacing:-.02em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.service-page #approach{padding-block:75px;background:linear-gradient(135deg,#101519,#0b0c0e);border-bottom:1px solid #ffffff16}
.service-page #approach .svc-definition{grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.service-page #approach .svc-definition>p{font-size:18px;line-height:1.65;letter-spacing:0;color:#c5cdd3;max-width:580px;padding-left:40px;border-left:1px solid #83c8dc50;margin:0}
.service-page #approach h2{font-size:clamp(32px,3.3vw,48px);line-height:1.08;letter-spacing:-.035em}
.service-page .solution-business-case .svc-section-head{align-items:start;gap:65px}
.service-page .solution-business-case .svc-section-head>p{font-size:18px;line-height:1.65;max-width:550px;padding-top:4px}
.service-page .solution-business-case .svc-section-head h2{font-size:clamp(36px,4.1vw,58px);line-height:1.07;max-width:650px}
.service-page .solution-ink-gradient{display:inline;background:linear-gradient(105deg,#16576f,#514294 64%,#8b2f68);background-clip:text;-webkit-background-clip:text;color:transparent;padding:.12em .08em .17em .03em;margin:-.12em -.08em -.17em -.03em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.service-page .solution-benefits{background:radial-gradient(ellipse at 5% 80%,#294b6020,transparent 55%),#0b0c0e}
.service-page .solution-benefits .svc-card{--frost:105,220,235;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,rgba(var(--frost),.13),transparent 70%),linear-gradient(145deg,#ffffff09,#ffffff03),#121619;border:1px solid rgba(var(--frost),.22);box-shadow:inset 0 1px 0 #ffffff12,0 15px 45px #0002;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:36px;transition:transform .25s,border-color .25s}
.service-page .solution-benefits .svc-card:nth-child(2){--frost:170,148,242}
.service-page .solution-benefits .svc-card:nth-child(3){--frost:235,133,173}
.service-page .solution-benefits .svc-card:before{content:'';position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--frost),.65),transparent)}
.service-page .solution-benefits .svc-card:hover{transform:translateY(-4px);border-color:rgba(var(--frost),.5)}
.service-page .solution-benefits .svc-card .svc-icon{color:rgb(var(--frost))}
.service-page .solution-benefits .svc-card p{font-size:17px;line-height:1.65;color:#c1cbd2}
.service-page .solution-benefits .svc-card h3{font-size:25px;line-height:1.18;letter-spacing:-.025em}
@media(max-width:1000px){.service-page #approach .svc-definition{gap:35px}.service-page .solution-business-case .svc-section-head{gap:35px}.service-page .solution-benefits .svc-card{padding:26px}}
@media(max-width:700px){.service-page #approach{padding-block:55px}.service-page #approach .svc-definition{grid-template-columns:1fr;gap:25px}.service-page #approach .svc-definition>p{padding:24px 0 0;border-left:0;border-top:1px solid #83c8dc50;font-size:17px}.service-page .solution-business-case .svc-section-head{grid-template-columns:1fr;gap:25px}.service-page .solution-business-case .svc-section-head>p{font-size:17px}.service-page .svc-hero h1{font-size:clamp(38px,9.5vw,65px)}}
@media(prefers-reduced-motion:reduce){.service-page .solution-benefits .svc-card{transition:none}.service-page .solution-benefits .svc-card:hover{transform:none}}
.service-page .svc-hero h1{font-size:clamp(42px,5.5vw,88px);max-width:760px}.service-page .solution-spectrum{white-space:nowrap;text-wrap:wrap}@media(max-width:1000px) and (min-width:701px){.service-page .svc-hero h1{max-width:56vw}}@media(max-width:700px){.service-page .svc-hero h1{font-size:clamp(34px,8.4vw,58px);max-width:100%}}
/* H1 refinement: larger type, tighter leading; gradient paint padding retained. */
.service-page .svc-hero h1{font-size:clamp(52px,6.4vw,104px);line-height:.92;max-width:860px}
@media(max-width:1000px) and (min-width:701px){.service-page .svc-hero h1{font-size:clamp(46px,6vw,64px);max-width:68vw}}
@media(max-width:700px){.service-page .svc-hero h1{font-size:clamp(34px,9.7vw,64px);line-height:.94;max-width:100%}}
/* CGS light blue: From Clarity to Action step numbers only. */
.service-page .svc-process .svc-step::before{color:#91e8ef}

.service-page .solution-spectrum{white-space:normal;overflow-wrap:normal}