.services-hero { padding: clamp(110px,14vw,190px) 0 clamp(80px,10vw,130px); border-bottom: 1px solid var(--line); background: #d7d3ce; }
.services-hero__inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; }.services-hero h1 { max-width: 1000px; margin: 0; font-size: clamp(60px,7.6vw,110px); line-height: .88; letter-spacing: -.04em; text-wrap: balance; }.services-hero__inner > p { max-width: 610px; margin: 0 0 8px; color: #535a60; font-size: 19px; line-height: 1.65; }
.services-route { padding: clamp(90px,11vw,150px) 0; }.services-route__head { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; margin-bottom: 70px; }.services-route__head h2 { max-width: 860px; margin: 0; font-size: clamp(50px,6vw,88px); line-height: .93; letter-spacing: -.04em; }.services-route__head p { max-width: 570px; margin: 0 0 8px; color: var(--ink-soft); font-size: 18px; line-height: 1.6; }
.services-route__list { border-top: 1px solid var(--line); }.services-route__list article { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 40px; padding: 42px 0; border-bottom: 1px solid var(--line); }.services-route__list article > span { color: var(--signal-strong); font-size: 12px; font-weight: 700; }.services-route__list h3 { margin: 0 0 12px; font-size: clamp(30px,3vw,46px); line-height: 1; letter-spacing: -.03em; }.services-route__list p { max-width: 560px; margin: 0; color: var(--ink-soft); line-height: 1.6; }.services-route__list strong { display: block; margin-bottom: 10px; font-size: 12px; }.services-route__list a { display: inline-block; margin-top: 22px; color: var(--ink); font-size: 13px; font-weight: 700; text-decoration: none; }
.services-capabilities { padding: clamp(90px,11vw,150px) 0; background: var(--ink); color: var(--surface); }.services-capabilities__grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 100px; }.services-capabilities h2 { max-width: 650px; margin: 0 0 24px; font-size: clamp(50px,5.8vw,84px); line-height: .93; letter-spacing: -.04em; }.services-capabilities p { max-width: 520px; color: #bfc4c8; line-height: 1.6; }.services-capabilities ul { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.2); list-style: none; }.services-capabilities li { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; padding: 26px 0; border-bottom: 1px solid rgba(255,255,255,.14); }.services-capabilities li span { color: #bfc4c8; line-height: 1.5; }
.ai-spectrum { padding:clamp(90px,11vw,150px) 0; border-bottom:1px solid var(--line); background:var(--surface-raised); }
.ai-spectrum__intro { max-width:1100px; margin-bottom:64px; }
.ai-spectrum__intro h2 { max-width:900px; margin:0 0 24px; font-size:clamp(50px,6vw,88px); line-height:.93; letter-spacing:-.04em; }
.ai-spectrum__intro p { max-width:680px; margin:0; color:var(--ink-soft); font-size:18px; line-height:1.6; }
.ai-spectrum__grid { display:grid; grid-template-columns:1.35fr .65fr; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.ai-spectrum article { min-height:330px; display:flex; flex-direction:column; padding:clamp(28px,4vw,52px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.ai-spectrum article:nth-child(2),.ai-spectrum article:nth-child(3){background:var(--surface-muted)}
.ai-spectrum article strong { color:var(--signal-strong); font-size:12px; }
.ai-spectrum article h3 { max-width:620px; margin:auto 0 18px; font-size:clamp(30px,4vw,58px); line-height:.96; letter-spacing:-.035em; }
.ai-spectrum article p { max-width:610px; margin:0; color:var(--ink-soft); line-height:1.6; }
.governance-section { padding:clamp(90px,11vw,150px) 0; border-bottom:1px solid var(--line); }
.governance-section__layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(60px,9vw,130px); }
.governance-section h2 { max-width:720px; margin:0 0 24px; font-size:clamp(48px,5.8vw,82px); line-height:.93; letter-spacing:-.04em; }
.governance-section h2+p { max-width:610px; margin:0 0 32px; color:var(--ink-soft); font-size:17px; line-height:1.65; }
.governance-section__list { border-top:1px solid var(--line); }
.governance-section__list article { display:grid; grid-template-columns:.7fr 1.3fr; gap:32px; padding:30px 0; border-bottom:1px solid var(--line); }
.governance-section__list span { font-weight:700; }
.governance-section__list p { margin:0; color:var(--ink-soft); line-height:1.55; }
.ops-section { padding:clamp(90px,11vw,150px) 0; background:var(--surface-muted); }
.ops-section__layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(60px,9vw,130px); align-items:end; }
.ops-section h2 { max-width:760px; margin:0 0 24px; font-size:clamp(50px,6vw,88px); line-height:.93; letter-spacing:-.04em; }
.ops-section p { max-width:610px; margin:0; color:var(--ink-soft); font-size:18px; line-height:1.6; }
.ops-section dl { display:grid; grid-template-columns:1fr 1fr; margin:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.ops-section dl div { min-height:160px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.ops-section dt { margin-bottom:16px; color:var(--signal-strong); font-weight:700; }
.ops-section dd { margin:0; color:var(--ink-soft); line-height:1.5; }
.services-next { padding: clamp(90px,11vw,150px) 0; background: var(--signal); color: #21170f; }.services-next__inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: end; }.services-next h2 { max-width: 840px; margin: 0; font-size: clamp(54px,7vw,100px); line-height: .9; letter-spacing: -.04em; }.services-next p { max-width: 560px; margin: 0 0 30px; font-size: 18px; line-height: 1.6; }.services-next__inner > div > div { display: flex; flex-wrap: wrap; gap: 12px; }.services-next__secondary { border-color: rgba(33,23,15,.5); background: transparent; color: #21170f; }
@media (max-width: 960px) { .services-hero__inner,.services-route__head,.services-capabilities__grid,.services-next__inner,.governance-section__layout,.ops-section__layout { grid-template-columns: 1fr; }.services-route__list article { grid-template-columns: 100px 1fr; }.services-route__list article > div:last-child { grid-column: 2; } }
@media (max-width: 680px) { .services-hero h1 { font-size: 58px; }.services-route__list article { grid-template-columns: 1fr; gap: 18px; }.services-route__list article > div:last-child { grid-column: auto; }.services-capabilities li,.governance-section__list article { grid-template-columns: 1fr; gap: 9px; }.ai-spectrum__grid,.ops-section dl { grid-template-columns:1fr; }.ai-spectrum article { min-height:280px; } }
