/* WebPerfLab Services Overview v1 */
.wpl-services-hero{max-width:1260px!important;margin:auto;padding:92px 26px 72px}
.wpl-services-hero h1{font-size:clamp(54px,7vw,88px);line-height:.98;letter-spacing:-.058em;margin:14px 0 26px}
.wpl-services-lead{font-size:20px;line-height:1.7;color:#496078;max-width:760px}
.wpl-services-trace{border:1px solid #DDE8F2;border-radius:24px;background:#fff;padding:22px;box-shadow:0 24px 70px rgba(7,27,51,.10)}
.wpl-services-trace__top{display:flex;justify-content:space-between;gap:12px;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:20px}
.wpl-services-trace__top span{color:#0CA678}
.wpl-services-trace__row{display:grid;grid-template-columns:105px 1fr 62px;align-items:center;gap:12px;margin:13px 0;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#41586e}
.wpl-services-trace__row i{display:block;height:9px;border-radius:999px;background:#edf3f8;overflow:hidden}.wpl-services-trace__row i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0A73F6,#27A8FF)}
.wpl-services-trace__signal{margin-top:22px;padding:16px;border-radius:14px;background:#071B33;color:#fff}.wpl-services-trace__signal small{display:block;color:#89b9ef;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}
.wpl-services-nav{position:sticky;top:0;z-index:30;border-block:1px solid #DDE8F2;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.wpl-services-nav>div{max-width:1260px;margin:auto;padding:10px 26px;display:flex;gap:6px;overflow:auto;scrollbar-width:none}
.wpl-services-nav a{white-space:nowrap;text-decoration:none;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:800;color:#435b72}.wpl-services-nav a:hover{background:#F4F9FF;color:#0A73F6}
.wpl-services-snapshot{max-width:1260px!important;margin:auto;padding:34px 26px 16px}
.wpl-services-section{max-width:1260px!important;margin:auto;padding:96px 26px}.wpl-services-section--tint{max-width:none!important;background:#F4F9FF;padding-left:max(26px,calc((100vw - 1208px)/2));padding-right:max(26px,calc((100vw - 1208px)/2))}
.wpl-services-section--dark{max-width:none!important;background:#061A30;color:#fff;padding-left:max(26px,calc((100vw - 1208px)/2));padding-right:max(26px,calc((100vw - 1208px)/2))}
.wpl-services-section h2,.wpl-services-cta h2{font-size:clamp(36px,4.4vw,54px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 24px}.wpl-services-section--dark h2{color:#fff}
.wpl-services-card{border:1px solid #DDE8F2;border-radius:18px;background:#fff;padding:24px}.wpl-services-card h3{font-size:21px;line-height:1.25}.wpl-services-card p,.wpl-services-card li{color:#496078}
.wpl-services-card--feature{min-height:245px;display:flex;flex-direction:column}.wpl-services-card--feature p:last-child{margin-top:auto}.wpl-services-card a{font-weight:800;color:#0A73F6;text-decoration:none}
.wpl-eyebrow,.wpl-kicker{font-size:12px!important;font-weight:850!important;letter-spacing:.12em;text-transform:uppercase;color:#0A73F6}
.wpl-services-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}
.wpl-services-process>div{background:#08213b;padding:24px}.wpl-services-process b{display:block;color:#67b8ff;font-size:11px;margin-bottom:10px}.wpl-services-process strong{display:block;color:#fff;font-size:19px;margin-bottom:8px}.wpl-services-process span{font-size:13px;color:#d7e5f2}
.wpl-services-cta{max-width:none!important;padding:98px 26px;text-align:center;background:linear-gradient(135deg,#071B33,#0A73F6);color:#fff}.wpl-services-cta h2{max-width:900px;margin:12px auto 22px;color:#fff}.wpl-services-cta>p:not(.wpl-eyebrow){max-width:720px;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.8);font-size:19px}.wpl-services-cta .wpl-eyebrow{color:#bfe0ff}
@media(max-width:1000px){.wpl-services-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){.wpl-services-hero,.wpl-services-section,.wpl-services-cta{padding-top:64px;padding-bottom:64px}.wpl-services-hero h1{font-size:clamp(44px,14vw,64px)}.wpl-services-process{grid-template-columns:1fr}.wpl-services-trace__row{grid-template-columns:90px 1fr 52px}}
