/* Capability page atmosphere, section transitions and dark conversion panels. */
.cx-data{--cap-light:#f5f8f6;--cap-soft:#e9f1f1;--cap-glow:rgba(50,132,151,.15);--cap-rule:rgba(47,111,131,.28)}
.cx-cloud{--cap-light:#f5f8f8;--cap-soft:#e5eef3;--cap-glow:rgba(65,136,174,.17);--cap-rule:rgba(58,117,150,.3)}
.cx-ai{--cap-light:#f9f7f3;--cap-soft:#edf1f2;--cap-glow:rgba(131,93,147,.12);--cap-rule:rgba(130,82,131,.29)}
.cx-workflow{--cap-light:#f8f7f2;--cap-soft:#e7f0ef;--cap-glow:rgba(68,149,138,.14);--cap-rule:rgba(54,135,127,.29)}
.cx-devsecops{--cap-light:#f7f8f7;--cap-soft:#e8eef1;--cap-glow:rgba(76,125,161,.15);--cap-rule:rgba(69,117,153,.3)}
.cx-program{--cap-light:#f8f7f3;--cap-soft:#ecf1f0;--cap-glow:rgba(119,126,151,.13);--cap-rule:rgba(97,112,139,.29)}

.capability-page .cx-page>section{isolation:isolate}
.capability-page .cx-page>section.cx-paper{background:linear-gradient(135deg,var(--cap-light),#fbfaf7 54%,var(--cap-soft))}
.capability-page .cx-page>section.cx-blue{background:linear-gradient(145deg,var(--cap-soft),#f4f8f7 51%,#e5eff1)}
.capability-page .cx-page>section.cx-ink{background:radial-gradient(ellipse 55% 85% at 88% 10%,rgba(72,137,156,.14),transparent 75%),linear-gradient(125deg,#071725,#102c3a)}
.capability-page .cx-page>section.cx-proof{background:linear-gradient(145deg,#e6f0f0,#f8f8f3 55%,#eaf1f1)}
.capability-page .cx-page>section.cx-faq{background:linear-gradient(135deg,var(--cap-soft),#faf9f5 60%,var(--cap-light))}
/* Photographic depth stays behind the operating content on dark sections. */
.capability-page .cx-page>section.cx-data-architecture{background:linear-gradient(105deg,rgba(5,19,30,.98),rgba(7,28,42,.91)),url('../client-images-2026/data.webp') center/cover}
.capability-page .cx-page>section.cx-data-delivery{background:linear-gradient(105deg,rgba(5,19,30,.97),rgba(7,31,45,.9)),url('../client-images-2026/data.webp') center 58%/cover}
.capability-page .cx-page>section.cx-cloud-operate{background:linear-gradient(105deg,rgba(5,19,30,.98),rgba(7,30,44,.88)),url('../client-images-2026/cloud.webp') center/cover}
.capability-page .cx-page>section.cx-ai-inputs{background:linear-gradient(105deg,rgba(6,18,31,.98),rgba(21,28,45,.91)),url('../client-images-2026/ai.webp') center/cover}
.capability-page .cx-page>section.cx-ai-proof{background:linear-gradient(105deg,rgba(6,18,31,.97),rgba(17,27,44,.9)),url('../client-images-2026/ai.webp') center/cover}
.capability-page .cx-page>section.cx-wf-platform{background:linear-gradient(105deg,rgba(5,22,31,.97),rgba(8,36,40,.91)),url('../client-images-2026/workflow.webp') center/cover}
.capability-page .cx-page>section.cx-ds-cadence{background:linear-gradient(105deg,rgba(5,19,30,.97),rgba(8,34,45,.89)),url('../client-images-2026/devsecops.webp') center/cover}
.capability-page .cx-page>section.cx-pm-operating{background:linear-gradient(105deg,rgba(5,19,30,.98),rgba(8,32,44,.91)),url('../client-images-2026/program.webp') center/cover}
.capability-page .cx-page>section.cx-pm-rhythm{background:linear-gradient(105deg,rgba(5,19,30,.97),rgba(8,34,46,.91)),url('../client-images-2026/program.webp') center/cover}
.capability-page .cx-page>section>.shell{position:relative;z-index:1}
.capability-page .cx-page>section>.cx-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.78;mix-blend-mode:multiply}
.capability-page .cx-page>section.cx-ink>.cx-atmosphere,
.capability-page .cx-page>section:first-child>.cx-atmosphere{mix-blend-mode:screen;opacity:.38}
.capability-page .cx-page>section:nth-of-type(even)>.cx-atmosphere{transform:scaleX(-1)}
.capability-page .cx-page>section.cx-faq>.cx-atmosphere{opacity:.45}

/* Each discipline carries its own visual language through every section. */
.cx-data .cx-atmosphere{background:radial-gradient(circle at 82% 20%,rgba(64,146,169,.25),transparent 41%),radial-gradient(circle,rgba(38,112,135,.16) 1px,transparent 1.4px) 0 0/31px 31px,linear-gradient(90deg,transparent 48%,rgba(31,102,128,.08) 50%,transparent 52%) 0 0/116px 100%}
.cx-cloud .cx-atmosphere{background:radial-gradient(circle at 85% 29%,rgba(71,156,186,.24),transparent 43%),repeating-radial-gradient(circle at 86% 40%,transparent 0 78px,rgba(61,133,163,.13) 79px 80px,transparent 81px 134px)}
.cx-ai .cx-atmosphere{background:radial-gradient(ellipse at 84% 24%,rgba(164,111,163,.2),transparent 48%),repeating-linear-gradient(133deg,transparent 0 86px,rgba(109,92,146,.085) 87px 88px,transparent 89px 155px)}
.cx-workflow .cx-atmosphere{background:radial-gradient(ellipse at 87% 65%,rgba(77,163,146,.22),transparent 45%),repeating-linear-gradient(90deg,transparent 0 115px,rgba(49,132,121,.12) 116px 117px,transparent 118px 184px)}
.cx-devsecops .cx-atmosphere{background:radial-gradient(circle at 86% 17%,rgba(87,149,187,.22),transparent 42%),radial-gradient(circle,rgba(45,107,145,.15) 1px,transparent 1.5px) 0 0/36px 36px,repeating-linear-gradient(0deg,transparent 0 96px,rgba(60,120,154,.09) 97px 98px,transparent 99px 160px)}
.cx-program .cx-atmosphere{background:radial-gradient(ellipse at 83% 80%,rgba(102,144,165,.23),transparent 49%),repeating-linear-gradient(0deg,transparent 0 73px,rgba(76,107,132,.11) 74px 75px,transparent 76px 135px),linear-gradient(110deg,transparent 60%,rgba(173,73,66,.055) 61%,transparent 62%)}

/* Animated boundary line and signal points, placed inside each section. */
.cx-divider{position:absolute;z-index:4;top:0;left:0;right:0;height:18px;pointer-events:none;overflow:visible}
.cx-divider__line{position:absolute;top:0;left:3%;right:3%;height:1px;background:linear-gradient(90deg,transparent,var(--cap-rule) 14%,rgba(184,65,57,.55) 50%,var(--cap-rule) 86%,transparent);transform:scaleX(.02);transform-origin:left;opacity:.3;transition:transform 1.4s cubic-bezier(.16,.7,.2,1),opacity 1s}
.cx-divider.is-visible .cx-divider__line{transform:scaleX(1);opacity:1}
.cx-divider__node{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:#bc5148;box-shadow:0 0 0 4px rgba(188,81,72,.1);opacity:0;transform:scale(.3);transition:opacity .45s,transform .65s cubic-bezier(.16,.7,.2,1)}
.cx-divider__node:nth-of-type(2){left:18%;transition-delay:.2s}
.cx-divider__node:nth-of-type(3){left:50%;transition-delay:.5s}
.cx-divider__node:nth-of-type(4){left:82%;transition-delay:.8s}
.cx-divider.is-visible .cx-divider__node{opacity:.8;transform:scale(1)}
.cx-ink .cx-divider__line,.cx-close .cx-divider__line{background:linear-gradient(90deg,transparent,rgba(165,208,219,.28) 13%,rgba(229,124,111,.68) 50%,rgba(165,208,219,.28) 87%,transparent)}
.cx-ink .cx-divider__node,.cx-close .cx-divider__node{background:#e58b80;box-shadow:0 0 0 4px rgba(229,139,128,.12)}

/* Dark, detailed ending with a reviewable scope checklist. */
.capability-page .cx-page>section.cx-close{color:#f5f8fa;padding:clamp(82px,9vw,132px) 0;background-position:center;background-size:cover;animation:capCtaDrift 18s ease-in-out infinite alternate;overflow:hidden}
.cx-data>section.cx-close{background-image:linear-gradient(105deg,rgba(4,17,28,.98) 0%,rgba(7,28,42,.91) 52%,rgba(8,35,49,.79)),url('../client-images-2026/data.webp')}
.cx-cloud>section.cx-close{background-image:linear-gradient(105deg,rgba(4,17,28,.98) 0%,rgba(7,28,42,.91) 52%,rgba(8,35,49,.79)),url('../client-images-2026/cloud.webp')}
.cx-ai>section.cx-close{background-image:linear-gradient(105deg,rgba(4,17,28,.98) 0%,rgba(13,27,43,.9) 52%,rgba(35,29,48,.79)),url('../client-images-2026/ai.webp')}
.cx-workflow>section.cx-close{background-image:linear-gradient(105deg,rgba(4,17,28,.98) 0%,rgba(7,31,40,.9) 52%,rgba(7,43,46,.79)),url('../client-images-2026/workflow.webp')}
.cx-devsecops>section.cx-close{background-image:linear-gradient(105deg,rgba(4,17,28,.98) 0%,rgba(7,28,42,.91) 52%,rgba(8,35,49,.79)),url('../client-images-2026/devsecops.webp')}
.cx-program>section.cx-close{background-image:linear-gradient(105deg,rgba(4,17,28,.98) 0%,rgba(8,29,42,.91) 52%,rgba(20,35,49,.79)),url('../client-images-2026/program.webp')}
.capability-page .cx-close::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(166,211,222,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(166,211,222,.045) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,black,transparent 86%);pointer-events:none}
.capability-page .cx-close__grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);gap:clamp(50px,8vw,116px);align-items:center}
.capability-page .cx-close__intro{max-width:720px}
.capability-page .cx-close .cx-kicker{color:#e6a49a}
.capability-page .cx-close h2{font-size:clamp(2.7rem,4.8vw,5.3rem);line-height:1.04;letter-spacing:-.065em;max-width:720px;margin:22px 0}
.capability-page .cx-close__lead{max-width:600px;margin:0 0 30px!important;color:#cfdae0!important;font-size:clamp(.96rem,1.13vw,1.1rem);line-height:1.7}
.cx-close__path{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}
.cx-close__path span{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(218,237,244,.21);background:rgba(255,255,255,.045);font-size:.77rem;font-weight:700;color:#e4eff2}
.cx-close__path i{font:600 .61rem var(--font-mono);font-style:normal;color:#ed9a90}
.cx-close__action{padding:clamp(26px,3vw,38px);border:1px solid rgba(213,239,246,.24);border-top:2px solid #c25249;background:linear-gradient(145deg,rgba(16,43,58,.76),rgba(9,24,38,.87));box-shadow:0 24px 70px rgba(0,8,14,.24);backdrop-filter:blur(14px)}
.cx-close__eyebrow{display:block;color:#e9a69e;font:650 .66rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.cx-close__action ul{list-style:none;padding:0;margin:18px 0 20px;border-top:1px solid rgba(215,237,244,.17)}
.cx-close__action li{padding:11px 0 11px 22px;border-bottom:1px solid rgba(215,237,244,.17);position:relative;color:#f4f8f9;font-size:.83rem;line-height:1.35}
.cx-close__action li::before{content:"";position:absolute;top:17px;left:1px;width:6px;height:6px;border-radius:50%;background:#d9685f}
.capability-page .cx-close__action p{margin:0 0 25px!important;color:#c2d1d8!important;font-size:.86rem;line-height:1.65}
.capability-page .cx-close__action .btn-primary{width:100%;justify-content:space-between;text-align:left}
.capability-page .cx-close__next{margin-top:22px;padding-top:17px;border-color:rgba(218,237,244,.24);color:#e9aaa2}
.capability-page .cx-close__next strong{color:#fff}
@keyframes capCtaDrift{from{background-size:100% 100%}to{background-size:108% 108%}}
@media(max-width:850px){.capability-page .cx-close__grid{grid-template-columns:1fr;gap:35px}.cx-close__action{max-width:670px}}
@media(max-width:600px){.capability-page .cx-close h2{font-size:clamp(2.4rem,9.5vw,3.3rem)}.capability-page .cx-close__path{gap:7px}.cx-close__path span{padding:8px 10px;font-size:.7rem}.capability-page .cx-close{padding:72px 0}.cx-close__action{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.cx-divider__line,.cx-divider__node{transition:none}.capability-page .cx-page>section.cx-close{animation:none;background-size:cover}}