.genai-journey { background: linear-gradient(180deg,#fff,#f3f8fb); }
.genai-journey .network-levels-heading { max-width: 900px; }
.genai-journey-grid { margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; list-style: none; }
.genai-journey-grid li { min-width: 0; padding: 30px; position: relative; border: 1px solid #d4e2eb; border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 14px 38px rgba(19,18,45,.05); }
.genai-journey-grid li::before { content: attr(data-step); position: absolute; right: 24px; top: 22px; color: #c3d7e4; font-weight: 900; font-size: 1.05rem; }
.genai-journey-grid span { display: block; margin-bottom: 16px; color: #3979ad; font-size: .72rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.genai-journey-grid h3 { max-width: 85%; margin-bottom: 12px; color: var(--navy); font-size: 1.25rem; }
.genai-journey-grid p { margin: 0; color: var(--muted); }
.genai-journey-grid strong { display: block; margin: 22px 0 6px; color: var(--navy); font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
.genai-shapes-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.genai-shapes-grid article { padding: 28px; border-top: 4px solid var(--service-accent); border-radius: 0 0 18px 18px; background: #fff; }
.genai-shapes-grid h3 { color: var(--navy); }
.genai-shapes-grid p { margin-bottom: 0; color: var(--muted); }
.service-offer { padding: 34px 0; background: #102c67; }
.service-offer-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; overflow: hidden; background: rgba(255,255,255,.16); }
.service-offer article { padding: 24px; background: #102c67; }
.service-offer span { display: block; margin-bottom: 8px; color: #8bdcf9; font-size: .75rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.service-offer p { margin: 0; color: rgba(255,255,255,.82); font-size: .9rem; }
@media (max-width: 760px) {
.service-offer-grid { grid-template-columns: 1fr; }
  .service-hero-layout { grid-template-columns:minmax(0,1fr); }
  .genai-intro-side { justify-items:center; }
  .service-hero-visual { width:min(74vw,260px); justify-self:center; }
  .private-ai-brief, .private-ai-flow, .private-ai-governance, .private-ai-example { grid-template-columns:minmax(0,1fr); }
  .private-ai-brief > div:nth-child(odd) { border-right:0; }
  .private-ai-brief > div:nth-last-child(-n+2) { border-bottom:1px solid #d7e2ea; }
  .private-ai-brief > div:last-child { border-bottom:0; }
  .private-ai-flow article { min-height:0; }
  .private-ai-example { padding:30px 24px; }
  .private-ai-process { width:min(100%,520px); justify-self:center; padding:16px; }
  .genai-journey-grid, .genai-shapes-grid { grid-template-columns: minmax(0,1fr); }
  .genai-journey-grid li { padding: 26px 22px; }
}
.service-hero-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,900px); align-items:center; }
.service-hero-layout .service-hero-copy { min-width:0; }
.genai-intro-side { min-width:0; display:grid; gap:24px; justify-items:end; }
.genai-intro-side .service-summary { width:100%; }
.service-hero-visual { width:min(100%,280px); aspect-ratio:1; position:relative; justify-self:end; pointer-events:none; animation:none; transform:none; transition:none; }
.service-hero-icon { width:58%; aspect-ratio:1; position:absolute; z-index:2; inset:21%; background:linear-gradient(145deg,#102c67 8%,#3979ad 58%,#5bc4f1); filter:drop-shadow(0 18px 30px rgba(15,39,142,.2)); -webkit-mask:var(--service-watermark) center/contain no-repeat; mask:var(--service-watermark) center/contain no-repeat; animation:none; transform:none; transition:none; }
.service-hero-visual i { position:absolute; display:block; border:1px solid rgba(57,121,173,.22); border-radius:50%; box-shadow:0 0 0 24px rgba(91,196,241,.035),0 0 0 54px rgba(57,121,173,.025); will-change:transform; }
.service-hero-visual i:nth-child(2) { width:78%; aspect-ratio:1; right:0; top:4%; animation:genai-ring-one 16s ease-in-out infinite; }
.service-hero-visual i:nth-child(3) { width:48%; aspect-ratio:1; left:1%; bottom:3%; border-color:rgba(91,196,241,.34); animation:genai-ring-two 19s ease-in-out infinite; }
.service-hero-visual i:nth-child(4) { width:22%; aspect-ratio:1; right:10%; bottom:11%; background:rgba(91,196,241,.075); animation:genai-ring-three 14s ease-in-out infinite; }
@keyframes genai-ring-one { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(-10px,8px,0); } }
@keyframes genai-ring-two { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(8px,-7px,0); } }
@keyframes genai-ring-three { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(-5px,-9px,0); } }
.private-ai-brief { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #d7e2ea; border-radius:22px; overflow:hidden; background:rgba(255,255,255,.94); box-shadow:0 18px 46px rgba(19,18,45,.06); }
.private-ai-brief > div { padding:26px 30px; border-bottom:1px solid #d7e2ea; }
.private-ai-brief > div:nth-child(odd) { border-right:1px solid #d7e2ea; }
.private-ai-brief > div:nth-last-child(-n+2) { border-bottom:0; }
.private-ai-brief dt { margin-bottom:8px; color:var(--navy); font-weight:850; }
.private-ai-brief dd { margin:0; color:var(--muted); }
.private-ai-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid #cadce8; border-radius:20px; overflow:hidden; background:#cadce8; }
.private-ai-flow article { min-height:220px; padding:28px; background:rgba(255,255,255,.95); }
.private-ai-flow span { display:block; margin-bottom:24px; color:#527088; font-size:.72rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.private-ai-flow h3 { margin-bottom:11px; color:var(--navy); }
.private-ai-flow p { margin:0; color:var(--muted); }
.private-ai-governance { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:start; }
.private-ai-guardrails { display:grid; gap:13px; }
.private-ai-guardrails article { padding:24px 26px; border-left:4px solid var(--service-accent); border-radius:0 15px 15px 0; background:#f7f9fb; }
.private-ai-guardrails h3 { margin-bottom:8px; color:var(--navy); font-size:1.16rem; }
.private-ai-guardrails p { margin:0; color:var(--muted); }
.private-ai-example { padding:44px; display:grid; grid-template-columns:.82fr 1.18fr; gap:58px; align-items:center; border:1px solid #d6e2ea; border-radius:24px; background:linear-gradient(135deg,#fff,#eef4f8); }
.private-ai-example-label { color:#527088; font-size:.73rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.private-ai-example p { color:var(--muted); }
.private-ai-example li + li { margin-top:12px; }
.private-ai-process { min-width:0; margin:0; padding:22px; border:1px solid rgba(57,121,173,.18); border-radius:20px; background:rgba(255,255,255,.78); }
.private-ai-process svg { width:100%; height:auto; margin-top:16px; display:block; }
.private-ai-process figcaption { margin-top:12px; color:#486176; font-size:.78rem; line-height:1.55; }
.private-ai-process .process-boundary { fill:rgba(91,196,241,.045); stroke:#5bc4f1; stroke-width:2; stroke-dasharray:8 8; }
.private-ai-process .process-boundary-label { fill:#3979ad; font-size:15px; font-weight:850; letter-spacing:1.6px; }
.private-ai-process .process-card rect { fill:#fff; stroke:#bdd4e3; stroke-width:2; }
.private-ai-process .process-card-accent rect { fill:#edf8fd; stroke:#5bc4f1; }
.private-ai-process .process-card-human rect { fill:#102c67; stroke:#102c67; }
.private-ai-process .process-card text { fill:#13122d; font-size:22px; font-weight:780; }
.private-ai-process .process-card-human text { fill:#fff; }
.private-ai-process .process-card path,.private-ai-process .process-card circle { fill:none; stroke:#3979ad; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.private-ai-process .process-card-human path,.private-ai-process .process-card-human circle { stroke:#86d9f7; }
.private-ai-process .process-arrow { fill:none; stroke:#3979ad; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.private-ai-frameworks { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:28px; }
.private-ai-frameworks a { color:var(--navy); font-weight:800; text-underline-offset:4px; }
@media (max-width: 760px) {
  .service-hero-layout { grid-template-columns:minmax(0,1fr); }
  .genai-intro-side { justify-items:center; }
  .service-hero-visual { width:min(74vw,260px); justify-self:center; }
  .service-offer-grid, .private-ai-brief, .private-ai-flow, .private-ai-governance, .private-ai-example, .genai-journey-grid, .genai-shapes-grid { grid-template-columns:minmax(0,1fr); }
  .private-ai-flow article { min-height:0; }
  .genai-journey-grid li { padding:26px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .service-hero-visual i { animation:none !important; }
}
