.services-page { background:#fff; }.services-hero { background:linear-gradient(135deg,#f8fbff,#e7f0fc); padding:100px 7vw 92px; }.services-hero h1 { color:var(--ink); font-size:clamp(44px,5.9vw,78px); margin-bottom:25px; }.services-hero h1 em { color:var(--blue); font-style:normal; }.services-hero>p:not(.eyebrow) { color:var(--muted); font-size:20px; max-width:760px; }.service-detail { display:grid; gap:42px; grid-template-columns:72px minmax(0,1.18fr) minmax(270px,.72fr); padding:72px 7vw; }.service-detail-tint { background:var(--pale); }.service-number { color:var(--blue); font-size:13px; font-weight:900; letter-spacing:.15em; padding-top:4px; }.service-detail h2,.engagement-section h2,.services-cta h2 { color:var(--ink); font-size:clamp(30px,3.5vw,48px); letter-spacing:-.04em; line-height:1.08; margin:0; }.service-detail>p { color:var(--muted); font-size:17px; margin:30px 0 0; }.capability-list { color:var(--ink); font-size:14px; grid-column:3; list-style:none; margin:-16px 0 0; padding:0; }.capability-list li { border-top:1px solid var(--line); padding:9px 0 9px 19px; position:relative; }.capability-list li::before { color:var(--blue); content:"•"; left:0; position:absolute; }.engagement-section { align-items:start; display:grid; gap:70px; grid-template-columns:1fr 1fr; padding:82px 7vw; }.engagement-section ul { border-top:1px solid var(--line); list-style:none; margin:0; padding:0; }.engagement-section li { border-bottom:1px solid var(--line); color:var(--ink); padding:17px 0 17px 28px; position:relative; }.engagement-section li::before { color:var(--blue); content:"→"; left:0; position:absolute; }.engagement-section li strong { display:block; font-size:18px; }.engagement-section li span { color:var(--muted); display:block; font-size:14px; margin-top:3px; }.services-cta { background:var(--ink); color:#fff; padding:88px 7vw; text-align:center; }.services-cta h2 { color:#fff; margin:0 auto 30px; max-width:900px; }.services-cta .eyebrow { margin-bottom:16px; }@media (max-width:860px) { .service-detail { grid-template-columns:52px 1fr; }.service-detail>p { grid-column:2; margin-top:-20px; }.capability-list { grid-column:2; margin:0; }.engagement-section { gap:38px; grid-template-columns:1fr; } }@media (max-width:760px) { .services-hero { padding:70px 7vw; }.service-detail { gap:25px; grid-template-columns:1fr; padding:55px 7vw; }.service-detail>p,.capability-list { grid-column:auto; margin:0; }.service-number { padding:0; }.engagement-section,.services-cta { padding:62px 7vw; } }
