/*
 * CrossMerg — Cloud Hosting & Infrastructure
 * Path: assets/themes/crossmerg/custom/css/cloud-hosting-infrastructure.css
 * Created: 2026-08-09 07:02 PT
 *
 * Release 1 — Destination Page Foundation
 *
 * Release 2 — Capabilities Workspace
 * Updated: 2026-08-09 07:25 PT
 * - Strengthens the Infrastructure Capabilities section with a
 *   Reporting-baseline workspace composition.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Release 3 — Infrastructure Lifecycle
 * Updated: 2026-08-09 07:35 PT
 * - Strengthens lifecycle hierarchy and continuous-operations framing.
 * - Adds page-local lifecycle trigger cards and operating principle panel.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Release 4 — Shared Ownership Model
 * Updated: 2026-08-09 07:45 PT
 * - Strengthens responsibility, coordination, and escalation hierarchy.
 * - Adds coordinated-decision cards and an operating principle panel.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Release 5 — Practical Infrastructure Outcomes
 * Updated: 2026-08-09 08:54 PT
 * - Adds the Reporting-baseline before/after transformation treatment.
 * - Strengthens business-outcome hierarchy and final payoff.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Release 6 — FAQ Decision Guide
 * Updated: 2026-08-09 09:04 PT
 * - Strengthens FAQ decision-support hierarchy and accordion polish.
 * - Adds page-local pre-conversation guidance and question framing.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Release 7 — Final Conversion Polish
 * Updated: 2026-08-09 09:10 PT
 * - Polishes the combined final conversion composition.
 * - Preserves established destination-page width and shared CTA contracts.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Release 9 — Final Hero Artwork
 * Updated: 2026-08-09 09:24 PT
 * - Hero artwork is supplied through the existing page-local $hero config.
 * - No local geometry override is required; shared Marketing Hero remains authoritative.
 * - No shared/global/component overrides.
 *
 * Release 8 — Desktop QA & Visual Rhythm Polish
 * Updated: 2026-08-09 09:19 PT
 * - Tightens desktop spacing and hierarchy from full-page screenshot review.
 * - Rebalances dense/dark workspace areas.
 * - Compresses transformation and FAQ transitions.
 * - Refines final conversion alignment without changing CTA width.
 * - Keeps all additions page-scoped.
 * - No shared/global/component overrides.
 *
 * Visual baseline:
 * - Frozen Reporting & Business Intelligence destination page.
 * - Wider 1380px major-section alignment.
 * - Premium card composition, controlled accents, strong band contrast,
 *   lifecycle presentation, outcome emphasis, FAQ composition, and combined final conversion area.
 *
 * Scope:
 * - Cloud Hosting & Infrastructure page only.
 * - Page-scoped selectors only.
 * - No shared/global .container, .row, Bootstrap, Hero, Quick Navigation,
 *   CTA, marketing-shell, app-shell, loader, or shared-component overrides.
 */

/* ============================================================
   PAGE-SCOPED FOUNDATION
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure {
  --cm-chi-blue: #3e79d1;
  --cm-chi-green: #2cae78;
  --cm-chi-violet: #7567d8;
  --cm-chi-gold: #d1963e;
  --cm-chi-rose: #d13e79;
  --cm-chi-ink: #0f172a;
  --cm-chi-muted: #475569;
  --cm-chi-line: rgba(148, 163, 184, 0.24);
  --cm-chi-shadow: 0 18px 44px rgba(15, 23, 42, 0.10);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head {
  max-width: 920px;
  margin-bottom: clamp(1.75rem, 3.5vw, 2.6rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head.cm-heading-center {
  margin-left: auto;
  margin-right: auto;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head .cm-section-title {
  max-width: 830px;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-heading-center.cm-chi-section-head .cm-section-title,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-heading-center.cm-chi-section-head .cm-section-subtitle {
  margin-left: auto;
  margin-right: auto;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head .cm-section-subtitle {
  max-width: 780px;
  line-height: 1.68;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-scroll {
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

/* Frozen destination-page wider alignment pattern, page-scoped only. */
@media (min-width: 1200px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure
  > .cm-section--band
  > .container {
    width: min(1380px, calc(100% - 64px));
    max-width: 1380px;
  }
}

/* Shared page-local transition polish. */
body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
  .cm-chi-challenge-card,
  .cm-chi-foundation-card,
  .cm-chi-model-card,
  .cm-chi-capability-card,
  .cm-chi-lifecycle-card,
  .cm-chi-connected-card,
  .cm-chi-ownership-card,
  .cm-chi-outcome-card,
  .cm-chi-decision-card
) {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
    .cm-chi-challenge-card,
    .cm-chi-foundation-card,
    .cm-chi-model-card,
    .cm-chi-capability-card,
    .cm-chi-lifecycle-card,
    .cm-chi-connected-card,
    .cm-chi-ownership-card,
    .cm-chi-outcome-card,
    .cm-chi-decision-card
  ):hover {
    transform: translateY(-3px);
    border-color: rgba(62, 121, 209, 0.26);
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.11);
  }
}

/* ============================================================
   SECTION 1 — INFRASTRUCTURE CHALLENGES
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenges {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 92% 8%, rgba(62, 121, 209, 0.07), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenges__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.4rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card {
  --cm-chi-accent: var(--cm-chi-blue);
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(1.25rem, 2.4vw, 1.65rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 22px;
  background: rgba(255,255,255,0.97);
  box-shadow: var(--cm-chi-shadow);
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--cm-chi-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card--blue { --cm-chi-accent: var(--cm-chi-blue); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card--green { --cm-chi-accent: var(--cm-chi-green); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card--violet { --cm-chi-accent: var(--cm-chi-violet); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card--gold { --cm-chi-accent: var(--cm-chi-gold); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card--rose { --cm-chi-accent: var(--cm-chi-rose); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.05rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card__icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: color-mix(in srgb, var(--cm-chi-accent) 9%, white);
  font-size: 1.3rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card__number {
  color: rgba(15,23,42,0.28);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card h3 {
  margin: 0 0 0.62rem;
  color: var(--cm-chi-ink);
  font-size: 1.12rem;
  line-height: 1.33;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card > p {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.65;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card__impact {
  margin-top: auto;
  padding-top: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card__impact span {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--cm-chi-accent);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card__impact strong {
  display: block;
  color: #334155;
  font-size: 0.94rem;
  line-height: 1.48;
}

/* ============================================================
   SECTION 2 — INFRASTRUCTURE FOUNDATION
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 90% 5%, rgba(62, 121, 209, 0.10), transparent 31%),
    linear-gradient(180deg, #f7faff 0%, #edf4fb 100%);
  color: var(--cm-chi-ink);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: clamp(1.5rem, 4vw, 3.25rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__intro .cm-chi-section-head {
  margin-bottom: 0;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__statement {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: clamp(1.3rem, 2.6vw, 1.8rem);
  border: 1px solid rgba(30, 64, 175, 0.18);
  border-radius: 22px;
  background: linear-gradient(135deg, #17335f 0%, #234f85 100%);
  box-shadow: 0 18px 42px rgba(30, 64, 175, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__statement-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255,255,255,0.12);
  color: #ffffff;
  font-size: 1.15rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__statement-eyebrow {
  margin: 0 0 0.28rem;
  color: #a8ccff;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__statement h3 {
  margin: 0 0 0.45rem;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.32;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__statement div > p:last-child {
  margin: 0;
  color: rgba(255,255,255,0.80);
  line-height: 1.62;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.4rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card {
  min-height: 100%;
  padding: clamp(1.2rem, 2.3vw, 1.6rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 21px;
  background: rgba(255,255,255,0.97);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card__number {
  color: var(--cm-chi-blue);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.1em;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card__icon { font-size: 1.3rem; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-chi-ink);
  font-size: 1.12rem;
  line-height: 1.32;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card p {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.66;
}

/* ============================================================
   SECTION 3 — RUN / PROTECT / RECOVER
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  color: var(--cm-chi-ink);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model .cm-eyebrow { color: #2f66aa; }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model .cm-section-title { color: var(--cm-chi-ink); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model .cm-section-subtitle { color: var(--cm-chi-muted); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card {
  --cm-chi-model-accent: var(--cm-chi-blue);
  position: relative;
  min-height: 100%;
  padding: clamp(1.35rem, 2.5vw, 1.75rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 22px;
  background: rgba(255,255,255,0.97);
  box-shadow: var(--cm-chi-shadow);
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-chi-model-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card--blue { --cm-chi-model-accent: var(--cm-chi-blue); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card--green { --cm-chi-model-accent: var(--cm-chi-green); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card--violet { --cm-chi-model-accent: var(--cm-chi-violet); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card__head {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card__icon {
  display: inline-flex;
  width: 2.7rem;
  height: 2.7rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: color-mix(in srgb, var(--cm-chi-model-accent) 11%, white);
  font-size: 1.12rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card__label {
  color: var(--cm-chi-model-accent);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card h3 {
  margin: 0 0 0.6rem;
  color: var(--cm-chi-ink);
  font-size: 1.18rem;
  line-height: 1.34;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card > p {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.62;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card ul,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card ul,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card ul {
  display: grid;
  gap: 0.55rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card li,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card li,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.55rem;
  align-items: start;
  color: #475569;
  font-size: 0.88rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model-card li i {
  margin-top: 0.18rem;
  color: var(--cm-chi-model-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model__outcome,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: center;
  margin-top: clamp(1.4rem, 3vw, 2rem);
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(62,121,209,0.18);
  border-radius: 19px;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 16px 36px rgba(15,23,42,0.08);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
  .cm-chi-model__outcome,
  .cm-chi-lifecycle__outcome,
  .cm-chi-ownership__handoff,
  .cm-chi-outcomes__summary
) > span {
  display: inline-flex;
  width: 2.9rem;
  height: 2.9rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62,121,209,0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
  .cm-chi-model__outcome,
  .cm-chi-lifecycle__outcome,
  .cm-chi-ownership__handoff,
  .cm-chi-outcomes__summary
) p:first-child {
  margin: 0 0 0.23rem;
  color: #2f66aa;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
  .cm-chi-model__outcome,
  .cm-chi-lifecycle__outcome,
  .cm-chi-ownership__handoff,
  .cm-chi-outcomes__summary
) h3 {
  margin: 0 0 0.28rem;
  color: var(--cm-chi-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
  .cm-chi-model__outcome,
  .cm-chi-lifecycle__outcome,
  .cm-chi-outcomes__summary
) div > p:last-child {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.55;
}

/* ============================================================
   SECTION 4 — CAPABILITIES
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 10% 0%, rgba(62,121,209,0.07), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card {
  --cm-chi-capability-accent: var(--cm-chi-blue);
  position: relative;
  min-height: 100%;
  padding: clamp(1.25rem, 2.4vw, 1.65rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 22px;
  background: rgba(255,255,255,0.98);
  box-shadow: var(--cm-chi-shadow);
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-chi-capability-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card--blue { --cm-chi-capability-accent: var(--cm-chi-blue); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card--green { --cm-chi-capability-accent: var(--cm-chi-green); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card--violet { --cm-chi-capability-accent: var(--cm-chi-violet); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card--gold { --cm-chi-capability-accent: var(--cm-chi-gold); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card--rose { --cm-chi-capability-accent: var(--cm-chi-rose); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card__head {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  margin-bottom: 0.95rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card__icon {
  display: inline-flex;
  width: 2.65rem;
  height: 2.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: color-mix(in srgb, var(--cm-chi-capability-accent) 10%, white);
  font-size: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card__label {
  color: var(--cm-chi-capability-accent);
  font-size: 0.69rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-chi-ink);
  font-size: 1.12rem;
  line-height: 1.34;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card > p {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.6;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capability-card li i {
  margin-top: 0.18rem;
  color: var(--cm-chi-capability-accent);
}

/* ============================================================
   SECTION 5 — LIFECYCLE
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 88% 10%, rgba(117,103,216,0.08), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__flow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card {
  position: relative;
  min-width: 0;
  min-height: 100%;
  padding: 1.2rem 1rem;
  border: 1px solid var(--cm-chi-line);
  border-radius: 18px;
  background: rgba(255,255,255,0.97);
  box-shadow: 0 15px 34px rgba(15,23,42,0.09);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -0.67rem;
  z-index: 2;
  width: 1.15rem;
  height: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #ffffff;
  color: var(--cm-chi-blue);
  box-shadow: 0 6px 18px rgba(15,23,42,0.12);
  font-size: 0.75rem;
  font-weight: 950;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card__step {
  color: var(--cm-chi-blue);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.08em;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card__icon { font-size: 1.15rem; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card h3 {
  margin: 0 0 0.45rem;
  color: var(--cm-chi-ink);
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card p {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.89rem;
  line-height: 1.58;
}

/* ============================================================
   SECTION 6 — CONNECTED STACK
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  color: var(--cm-chi-ink);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected .cm-eyebrow { color: #2f66aa; }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected .cm-section-title { color: var(--cm-chi-ink); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected .cm-section-subtitle { color: var(--cm-chi-muted); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.75fr);
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: stretch;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__workspace::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -0.55rem;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(62,121,209,0.04), rgba(255,255,255,0) 52%, rgba(62,209,150,0.03));
  pointer-events: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__workspace > * {
  position: relative;
  z-index: 1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__map,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle {
  border: 1px solid var(--cm-chi-line);
  border-radius: 24px;
  background: rgba(255,255,255,0.97);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__map {
  padding: clamp(1.3rem, 2.7vw, 1.9rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__map-head {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__map-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle > p {
  margin: 0 0 0.28rem;
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__map-head h3 {
  max-width: 700px;
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  line-height: 1.3;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__status {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.45rem;
  align-items: center;
  padding: 0.55rem 0.72rem;
  border: 1px solid rgba(62,121,209,0.16);
  border-radius: 999px;
  background: rgba(62,121,209,0.07);
  color: #315f9f;
  font-size: 0.74rem;
  font-weight: 850;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__status i {
  color: var(--cm-chi-green);
  font-size: 0.52rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(148,163,184,0.20);
  border-radius: 17px;
  background: #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected-card__icon {
  display: inline-flex;
  width: 2.45rem;
  height: 2.45rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(62,121,209,0.08);
  font-size: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected-card h4 {
  margin: 0 0 0.25rem;
  color: var(--cm-chi-ink);
  font-size: 0.96rem;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected-card p {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle {
  padding: clamp(1.3rem, 2.6vw, 1.75rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle-icon {
  display: inline-flex;
  width: 2.9rem;
  height: 2.9rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
  border-radius: 15px;
  background: rgba(62,121,209,0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-chi-ink);
  font-size: 1.15rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle > p:last-of-type {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.62;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: center;
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(62,121,209,0.16);
  border-radius: 14px;
  background: rgba(62,121,209,0.06);
  color: #334155;
  line-height: 1.45;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__principle-note i { color: var(--cm-chi-blue); }

/* ============================================================
   SECTION 7 — OWNERSHIP
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 90% 5%, rgba(62,209,150,0.07), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card {
  --cm-chi-owner-accent: var(--cm-chi-blue);
  min-height: 100%;
  padding: clamp(1.35rem, 2.6vw, 1.8rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 22px;
  background: rgba(255,255,255,0.98);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card--blue { --cm-chi-owner-accent: var(--cm-chi-blue); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card--green { --cm-chi-owner-accent: var(--cm-chi-green); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148,163,184,0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head > span {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: color-mix(in srgb, var(--cm-chi-owner-accent) 10%, white);
  font-size: 1.08rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.12rem;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card li i {
  margin-top: 0.18rem;
  color: var(--cm-chi-owner-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff div > p:last-child { margin: 0; }

/* ============================================================
   SECTION 8 — OUTCOMES
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 8% 8%, rgba(62,121,209,0.07), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card {
  --cm-chi-outcome-accent: var(--cm-chi-blue);
  position: relative;
  min-height: 100%;
  padding: 1.3rem;
  border: 1px solid var(--cm-chi-line);
  border-radius: 20px;
  background: rgba(255,255,255,0.98);
  box-shadow: 0 16px 34px rgba(15,23,42,0.08);
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--cm-chi-outcome-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card--blue { --cm-chi-outcome-accent: var(--cm-chi-blue); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card--green { --cm-chi-outcome-accent: var(--cm-chi-green); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card--violet { --cm-chi-outcome-accent: var(--cm-chi-violet); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card--gold { --cm-chi-outcome-accent: var(--cm-chi-gold); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card--rose { --cm-chi-outcome-accent: var(--cm-chi-rose); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card__top {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card__icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: color-mix(in srgb, var(--cm-chi-outcome-accent) 11%, white);
  font-size: 1.05rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card__result {
  padding: 0.36rem 0.54rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--cm-chi-outcome-accent) 9%, white);
  color: var(--cm-chi-outcome-accent);
  font-size: 0.68rem;
  font-weight: 900;
  white-space: nowrap;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card h3 {
  margin: 0 0 0.48rem;
  color: var(--cm-chi-ink);
  font-size: 1.08rem;
  line-height: 1.34;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card p {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.58;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation {
  margin-top: clamp(1.75rem, 3vw, 2.25rem);
  padding: clamp(1.3rem, 2.7vw, 1.85rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 24px;
  background: rgba(255,255,255,0.98);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148,163,184,0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-icon {
  display: inline-flex;
  width: 2.85rem;
  height: 2.85rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62,121,209,0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head p {
  margin: 0 0 0.24rem;
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.08rem;
  line-height: 1.38;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison {
  display: grid;
  gap: 0.7rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.9rem;
  align-items: center;
  padding: 0.95rem;
  border: 1px solid rgba(148,163,184,0.18);
  border-radius: 16px;
  background: #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row:nth-child(even) { background: #f9fbfe; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__before span,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__after span {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__before span { color: #8b5e17; }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__after span { color: #2f66aa; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__before p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__after p {
  margin: 0;
  color: #334155;
  line-height: 1.45;
  font-weight: 800;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__arrow {
  display: inline-flex;
  width: 2.3rem;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(62,121,209,0.08);
  color: var(--cm-chi-blue);
}

/* ============================================================
   SECTION 9 — FAQ + SERVICE DECISION GUIDE
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq {
  padding-top: clamp(4.75rem, 7vw, 7rem);
  padding-bottom: clamp(4.75rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 92% 4%, rgba(62,121,209,0.06), transparent 28%),
    #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-guide {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding: clamp(1.3rem, 2.7vw, 1.85rem);
  border: 1px solid var(--cm-chi-line);
  border-radius: 24px;
  background: #f8fbff;
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-icon {
  display: inline-flex;
  width: 2.9rem;
  height: 2.9rem;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: rgba(62,121,209,0.10);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro-kicker {
  margin: 0 0 0.24rem;
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.1rem;
  line-height: 1.38;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card {
  --cm-chi-decision-accent: var(--cm-chi-blue);
  position: relative;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(148,163,184,0.21);
  border-radius: 17px;
  background: #ffffff;
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--cm-chi-decision-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card--blue { --cm-chi-decision-accent: var(--cm-chi-blue); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card--green { --cm-chi-decision-accent: var(--cm-chi-green); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card--violet { --cm-chi-decision-accent: var(--cm-chi-violet); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card--gold { --cm-chi-decision-accent: var(--cm-chi-gold); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card__top {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.7rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card__icon { font-size: 1.1rem; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card__fit {
  color: var(--cm-chi-decision-accent);
  font-size: 0.65rem;
  font-weight: 900;
  text-align: right;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card h4 {
  margin: 0 0 0.38rem;
  color: var(--cm-chi-ink);
  font-size: 0.96rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card p {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.65fr) minmax(0, 1.35fr);
  gap: clamp(1.2rem, 3vw, 1.8rem);
  align-items: start;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro {
  position: sticky;
  top: 132px;
  padding: 1.25rem;
  border: 1px solid rgba(62,121,209,0.17);
  border-radius: 20px;
  background: rgba(62,121,209,0.06);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro-icon {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
  border-radius: 14px;
  background: #ffffff;
  color: var(--cm-chi-blue);
  box-shadow: 0 8px 20px rgba(30,64,175,0.10);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro h3 {
  margin: 0 0 0.55rem;
  color: var(--cm-chi-ink);
  font-size: 1.12rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro > p:last-child {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.6;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__list {
  display: grid;
  gap: 0.7rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item {
  border: 1px solid var(--cm-chi-line);
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(15,23,42,0.06);
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item[open] {
  border-color: rgba(62,121,209,0.30);
  box-shadow: 0 14px 30px rgba(30,64,175,0.09);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item summary {
  display: flex;
  gap: 0.8rem;
  min-height: 4.45rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.05rem;
  cursor: pointer;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item[open] summary { background: rgba(62,121,209,0.025); }
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item summary::-webkit-details-marker { display: none; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__prompt {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0.7rem;
  align-items: center;
  min-width: 0;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__icon {
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(62,121,209,0.08);
  font-size: 0.95rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__number {
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.07em;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__question {
  color: var(--cm-chi-ink);
  font-size: 0.96rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__toggle {
  display: inline-flex;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(62,121,209,0.08);
  color: var(--cm-chi-blue);
  transition: transform 180ms ease;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item[open] .cm-chi-faq-item__toggle { transform: rotate(45deg); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__answer { padding: 0 1.05rem 1.05rem; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__answer p {
  margin: 0;
  padding: 0.85rem 0 0.1rem 5.75rem;
  border-top: 1px solid rgba(148,163,184,0.18);
  color: var(--cm-chi-muted);
  line-height: 1.62;
}

/* ============================================================
   FINAL CONVERSION COMPOSITION
   Frozen Reporting & BI visual pattern, Cloud Hosting copy only.
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-band {
  padding-top: clamp(4.5rem, 7vw, 6.25rem);
  padding-bottom: clamp(4.5rem, 7vw, 6.25rem);
  background:
    radial-gradient(circle at 88% 18%, rgba(62,209,150,0.09), transparent 32%),
    linear-gradient(180deg, #eef5fd 0%, #e8f1fb 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.75fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  border: 1px solid rgba(255,255,255,0.90);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 40%, rgba(62,209,150,0.11), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,252,255,0.98) 72%, rgba(239,250,247,0.98) 100%);
  box-shadow: 0 26px 60px rgba(15,23,42,0.14);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main { min-width: 0; }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-icon {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border: 1px solid rgba(62,121,209,0.13);
  border-radius: 16px;
  background: rgba(62,121,209,0.07);
  color: var(--cm-chi-blue);
  font-size: 1.1rem;
  box-shadow: 0 10px 26px rgba(30,64,175,0.07);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-eyebrow {
  margin: 0 0 0.55rem;
  color: #475569;
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main h2 {
  max-width: 760px;
  margin: 0 0 0.8rem;
  color: var(--cm-chi-ink);
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-copy {
  max-width: 800px;
  margin: 0;
  color: #526174;
  font-size: 1rem;
  line-height: 1.65;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills span {
  display: inline-flex;
  gap: 0.42rem;
  align-items: center;
  min-height: 34px;
  padding: 0.5rem 0.72rem;
  border: 1px solid rgba(148,163,184,0.23);
  border-radius: 999px;
  background: rgba(255,255,255,0.88);
  color: #475569;
  font-size: 0.78rem;
  font-weight: 800;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills i { color: var(--cm-chi-blue); }

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.15rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-secondary {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0.78rem 1rem;
  border: 1px solid rgba(148,163,184,0.28);
  border-radius: 12px;
  background: rgba(255,255,255,0.86);
  color: #42526a;
  text-decoration: none;
  font-weight: 850;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-secondary:hover,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-secondary:focus {
  color: #244d84;
  border-color: rgba(62,121,209,0.28);
  text-decoration: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation {
  padding: clamp(1.25rem, 2.5vw, 1.7rem);
  border: 1px solid rgba(62,209,150,0.28);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(249,255,253,0.98), rgba(233,250,244,0.98));
  box-shadow: 0 18px 40px rgba(27,94,70,0.10);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 0.85rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(62,209,150,0.23);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__icon {
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: rgba(62,209,150,0.12);
  color: #20855f;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head p {
  margin: 0 0 0.18rem;
  color: #227354;
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.05rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-checklist {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-checklist li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: center;
  min-height: 38px;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(62,209,150,0.17);
  border-radius: 11px;
  background: rgba(255,255,255,0.74);
  color: #556274;
  font-size: 0.84rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-checklist i {
  color: #25936a;
  font-size: 0.78rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: center;
  margin-top: 0.9rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(62,209,150,0.20);
  color: #365f50;
  font-size: 0.84rem;
  line-height: 1.45;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot i { color: #25936a; }

/* ============================================================
   RESPONSIVE QA FOUNDATION
   ============================================================ */

@media (max-width: 1199px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card::after {
    display: none;
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenges__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__intro,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__workspace {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__layout {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro {
    position: static;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

@media (max-width: 767px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
    #cloud-infrastructure-challenges,
    #cloud-infrastructure-foundation,
    #cloud-infrastructure-model,
    #cloud-infrastructure-capabilities,
    #cloud-infrastructure-lifecycle,
    #cloud-infrastructure-connected,
    #cloud-infrastructure-ownership,
    #cloud-infrastructure-outcomes,
    #cloud-infrastructure-faq,
    #cloud-infrastructure-final-cta
  ) {
    scroll-margin-top: 92px;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenges__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-model__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__flow,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__grid,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__map-head {
    flex-direction: column;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-connected__status {
    align-self: flex-start;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
    .cm-chi-challenges,
    .cm-chi-foundation,
    .cm-chi-model,
    .cm-chi-capabilities,
    .cm-chi-lifecycle,
    .cm-chi-connected,
    .cm-chi-ownership,
    .cm-chi-outcomes,
    .cm-chi-faq
  ) {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head {
    margin-bottom: 1.4rem;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head .cm-section-title {
    text-wrap: pretty;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head .cm-section-subtitle {
    font-size: 0.94rem;
    line-height: 1.58;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
    .cm-chi-foundation__statement,
    .cm-chi-model__outcome,
    .cm-chi-lifecycle__outcome,
    .cm-chi-ownership__handoff,
    .cm-chi-outcomes__summary,
    .cm-chi-outcomes__transformation-head,
    .cm-chi-faq__decision-head
  ) {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item summary {
    min-height: 0;
    align-items: flex-start;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__prompt {
    grid-template-columns: auto 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__number { display: none; }
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__answer p { padding-left: 0; }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
    padding: 1.25rem;
    border-radius: 20px;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main h2 { font-size: 2rem; }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills span { justify-content: flex-start; }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-actions .cm-btn-primary,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-secondary { width: 100%; }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure *,
  body.marketing-site .cm-page--cloud-hosting-infrastructure *::before,
  body.marketing-site .cm-page--cloud-hosting-infrastructure *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ============================================================
   RELEASE 2 — CAPABILITIES WORKSPACE
   Updated: 2026-08-09 07:25 PT

   What:
   - Converts the capability-card area into a primary workspace +
     service-boundary composition.
   - Preserves existing capability cards and content.
   - Adds a strong operating-picture outcome.
   Scope:
   - Cloud Hosting & Infrastructure page only.
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.68fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: stretch;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__workspace::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -0.55rem;
  border-radius: 28px;
  background:
    linear-gradient(
      135deg,
      rgba(62, 121, 209, 0.04),
      rgba(255, 255, 255, 0) 52%,
      rgba(62, 209, 150, 0.03)
    );
  pointer-events: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__workspace > * {
  position: relative;
  z-index: 1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog {
  padding: clamp(1.3rem, 2.6vw, 1.9rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog-head {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.19);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog-kicker,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-kicker,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__outcome p:first-child {
  margin: 0 0 0.28rem;
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog-head h3 {
  max-width: 680px;
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: clamp(1.18rem, 2.1vw, 1.5rem);
  line-height: 1.32;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog-badge {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.45rem;
  align-items: center;
  padding: 0.55rem 0.72rem;
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 999px;
  background: rgba(62, 121, 209, 0.07);
  color: #315f9f;
  font-size: 0.73rem;
  font-weight: 850;
  white-space: nowrap;
}

/* Inside the new workspace, use two columns instead of the prior
   full-width three-column wall. */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog .cm-chi-capabilities__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog .cm-chi-capability-card {
  min-height: 100%;
  padding: 1.1rem;
  border-radius: 18px;
  box-shadow: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog .cm-chi-capability-card h3 {
  font-size: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog .cm-chi-capability-card > p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog .cm-chi-capability-card li {
  font-size: 0.86rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary {
  padding: clamp(1.3rem, 2.6vw, 1.75rem);
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 121, 209, 0.09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
  border-radius: 15px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
  font-size: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary h3 {
  margin: 0 0 0.65rem;
  color: var(--cm-chi-ink);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  line-height: 1.34;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-copy {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.62;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-list {
  display: grid;
  gap: 0;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  padding: 0.9rem 0;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-list li > span {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(62, 121, 209, 0.08);
  color: var(--cm-chi-blue);
  font-size: 0.86rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-list strong {
  display: block;
  margin-bottom: 0.22rem;
  color: var(--cm-chi-ink);
  font-size: 0.92rem;
  line-height: 1.35;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-list p {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  align-items: start;
  margin-top: 0.35rem;
  padding: 0.9rem;
  border: 1px solid rgba(62, 121, 209, 0.17);
  border-radius: 15px;
  background: rgba(62, 121, 209, 0.06);
  color: #334155;
  font-size: 0.85rem;
  line-height: 1.48;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__boundary-note i {
  margin-top: 0.12rem;
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__outcome {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: center;
  margin-top: clamp(1.3rem, 2.7vw, 1.8rem);
  padding: 1.05rem 1.15rem;
  border: 1px solid rgba(62, 121, 209, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__outcome-icon {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__outcome h3 {
  margin: 0 0 0.28rem;
  color: var(--cm-chi-ink);
  font-size: 1.05rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__outcome div > p:last-child {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.55;
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__workspace {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__workspace::before {
    inset: -0.35rem;
    border-radius: 24px;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog-head {
    flex-direction: column;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__catalog .cm-chi-capabilities__grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-capabilities__outcome {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   RELEASE 3 — INFRASTRUCTURE LIFECYCLE
   Updated: 2026-08-09 07:35 PT

   What:
   - Gives the lifecycle a stronger Reporting-baseline process hierarchy.
   - Adds continuous-operations framing and review triggers.
   - Preserves the existing six lifecycle steps.
   Scope:
   - Cloud Hosting & Infrastructure page only.
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle {
  background:
    radial-gradient(circle at 92% 8%, rgba(117, 103, 216, 0.09), transparent 31%),
    radial-gradient(circle at 6% 96%, rgba(62, 121, 209, 0.06), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap {
  padding: clamp(1.3rem, 2.8vw, 1.9rem);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-head {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 1.05rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__triggers-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-kicker,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome p:first-child {
  margin: 0 0 0.26rem;
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-head h3 {
  max-width: 760px;
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: clamp(1.18rem, 2.2vw, 1.55rem);
  line-height: 1.32;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-badge {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.45rem;
  align-items: center;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(117, 103, 216, 0.17);
  border-radius: 999px;
  background: rgba(117, 103, 216, 0.07);
  color: #6557c2;
  font-size: 0.73rem;
  font-weight: 850;
  white-space: nowrap;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle__flow {
  gap: 0.7rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle-card {
  padding: 1.15rem 0.95rem;
  border-radius: 17px;
  box-shadow: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #3e79d1, #7567d8);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle-card h3 {
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__operations {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.1rem, 3vw, 1.6rem);
  margin-top: clamp(1.4rem, 3vw, 2rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__triggers {
  border-radius: 22px;
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle {
  padding: clamp(1.35rem, 2.8vw, 1.8rem);
  border: 1px solid rgba(30, 64, 175, 0.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(117, 103, 216, 0.24), transparent 38%),
    linear-gradient(135deg, #17335f 0%, #234f85 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-kicker {
  color: #a9c9f6;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle h3 {
  margin: 0 0 0.6rem;
  color: #ffffff;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  line-height: 1.34;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-copy {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.62;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-path {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-path span {
  display: inline-flex;
  padding: 0.38rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 850;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-path i {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.72rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__triggers {
  padding: clamp(1.3rem, 2.7vw, 1.75rem);
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: rgba(255, 255, 255, 0.97);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__triggers-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__triggers-icon {
  display: inline-flex;
  width: 2.8rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__triggers-head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__trigger-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger {
  --cm-chi-trigger-accent: var(--cm-chi-blue);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.72rem;
  min-height: 100%;
  padding: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 16px;
  background: #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger--blue {
  --cm-chi-trigger-accent: #3e79d1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger--violet {
  --cm-chi-trigger-accent: #7567d8;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger--rose {
  --cm-chi-trigger-accent: #d13e79;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger--green {
  --cm-chi-trigger-accent: #2cae78;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger__icon {
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: color-mix(in srgb, var(--cm-chi-trigger-accent) 10%, white);
  font-size: 0.98rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger h4 {
  margin: 0 0 0.24rem;
  color: var(--cm-chi-ink);
  font-size: 0.94rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-trigger p {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.84rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome {
  margin-top: clamp(1.35rem, 2.8vw, 1.9rem);
  border-color: rgba(62, 121, 209, 0.18);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome > span {
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome h3 {
  color: var(--cm-chi-ink);
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome div > p:last-child {
  color: var(--cm-chi-muted);
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__operations {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle__flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle-card::after {
    display: none !important;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-head {
    flex-direction: column;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle__flow,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__trigger-grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__principle-path i {
    display: none;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__outcome {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   RELEASE 4 — SHARED OWNERSHIP MODEL
   Updated: 2026-08-09 07:45 PT

   What:
   - Turns the ownership area into a clear responsibility workspace.
   - Adds a coordinated-decision layer for changes requiring both
     technical context and business authority.
   - Adds an explicit escalation / approval principle.
   Scope:
   - Cloud Hosting & Infrastructure page only.
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership {
  background:
    radial-gradient(circle at 8% 8%, rgba(62, 121, 209, 0.06), transparent 28%),
    radial-gradient(circle at 92% 92%, rgba(62, 209, 150, 0.05), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.65fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: stretch;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__workspace::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -0.5rem;
  border-radius: 28px;
  background: linear-gradient(
    135deg,
    rgba(62, 121, 209, 0.035),
    rgba(255, 255, 255, 0) 50%,
    rgba(62, 209, 150, 0.025)
  );
  pointer-events: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__workspace > * {
  position: relative;
  z-index: 1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-panel,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-panel {
  padding: clamp(1.3rem, 2.7vw, 1.9rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-head {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-kicker,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff p:first-child,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head p {
  margin: 0 0 0.25rem;
  color: var(--cm-chi-blue);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-head h3 {
  max-width: 720px;
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: clamp(1.18rem, 2.2vw, 1.5rem);
  line-height: 1.34;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-badge {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.45rem;
  align-items: center;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 999px;
  background: rgba(62, 121, 209, 0.07);
  color: #315f9f;
  font-size: 0.73rem;
  font-weight: 850;
  white-space: nowrap;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-panel .cm-chi-ownership__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-panel .cm-chi-ownership-card {
  min-height: 100%;
  padding: 1.2rem;
  border-radius: 18px;
  box-shadow: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head {
  align-items: center;
  margin-bottom: 0.85rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.17);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head > span {
  display: inline-flex;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.08);
  font-size: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card--green .cm-chi-ownership-card__head > span {
  background: rgba(62, 209, 150, 0.10);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head h3 {
  margin: 0;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-card__head p {
  margin-bottom: 0.15rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle {
  padding: clamp(1.35rem, 2.8vw, 1.8rem);
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 209, 150, 0.17), transparent 34%),
    linear-gradient(135deg, #17335f 0%, #234f85 100%);
  border-color: rgba(30, 64, 175, 0.20);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.9rem;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-kicker {
  color: #a9c9f6;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle h3 {
  margin: 0 0 0.6rem;
  color: #ffffff;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  line-height: 1.34;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-copy {
  margin: 0;
  color: rgba(255, 255, 255, 0.80);
  line-height: 1.62;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-rule {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  margin-top: 0.95rem;
  padding-top: 0.95rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-rule > span {
  display: inline-flex;
  width: 2.3rem;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-rule strong {
  display: block;
  margin-bottom: 0.2rem;
  color: #ffffff;
  font-size: 0.9rem;
  line-height: 1.4;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-rule p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.84rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination {
  margin-top: clamp(1.4rem, 3vw, 2rem);
  padding: clamp(1.3rem, 2.7vw, 1.85rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 1.1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-icon {
  display: inline-flex;
  width: 2.85rem;
  height: 2.85rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.08rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision {
  --cm-chi-owner-accent: var(--cm-chi-blue);
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: var(--cm-chi-owner-accent);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision--blue {
  --cm-chi-owner-accent: #3e79d1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision--violet {
  --cm-chi-owner-accent: #7567d8;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision--gold {
  --cm-chi-owner-accent: #d1963e;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision--rose {
  --cm-chi-owner-accent: #d13e79;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision__icon {
  display: inline-flex;
  width: 2.35rem;
  height: 2.35rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: color-mix(in srgb, var(--cm-chi-owner-accent) 10%, white);
  font-size: 0.98rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision h4 {
  margin: 0 0 0.25rem;
  color: var(--cm-chi-ink);
  font-size: 0.92rem;
  line-height: 1.35;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership-decision p {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.83rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff {
  margin-top: clamp(1.25rem, 2.6vw, 1.7rem);
  border-color: rgba(62, 121, 209, 0.18);
  background: rgba(62, 121, 209, 0.065);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff > span {
  background: #ffffff;
  color: var(--cm-chi-blue);
  box-shadow: 0 8px 20px rgba(30, 64, 175, 0.09);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff h3 {
  margin-bottom: 0.28rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff div > p:last-child {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.55;
}

@media (max-width: 1199px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__workspace {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__workspace::before {
    inset: -0.35rem;
    border-radius: 24px;
  }
}

@media (max-width: 767px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-panel .cm-chi-ownership__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__responsibility-head {
    flex-direction: column;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-grid {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination-head,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__handoff {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   RELEASE 5 — PRACTICAL INFRASTRUCTURE OUTCOMES
   Updated: 2026-08-09 08:54 PT
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes {
  background:
    radial-gradient(circle at 8% 8%, rgba(62, 121, 209, 0.07), transparent 28%),
    radial-gradient(circle at 92% 92%, rgba(117, 103, 216, 0.05), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__grid {
  gap: 1.05rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card {
  padding: 1.3rem;
  border-radius: 20px;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcome-card h3 {
  font-size: 1.08rem;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation {
  margin-top: clamp(1.75rem, 3vw, 2.25rem);
  padding: clamp(1.3rem, 2.7vw, 1.85rem);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-icon {
  display: inline-flex;
  width: 2.85rem;
  height: 2.85rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary p:first-child {
  margin: 0 0 0.24rem;
  color: var(--cm-chi-blue);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head h3 {
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.08rem;
  line-height: 1.38;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison {
  display: grid;
  gap: 0.7rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.9rem;
  align-items: center;
  padding: 0.95rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background: #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row:nth-child(even) {
  background: #f9fbfe;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__before span,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__after span {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__before span {
  color: #8b5e17;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__after span {
  color: #2f66aa;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__before p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__after p {
  margin: 0;
  color: #334155;
  line-height: 1.45;
  font-weight: 800;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__arrow {
  display: inline-flex;
  width: 2.3rem;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(62, 121, 209, 0.08);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: center;
  margin-top: 1.15rem;
  padding: 1.05rem 1.15rem;
  border: 1px solid rgba(62, 121, 209, 0.18);
  border-radius: 18px;
  background: rgba(62, 121, 209, 0.07);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary-icon {
  display: inline-flex;
  width: 2.85rem;
  height: 2.85rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #ffffff;
  color: var(--cm-chi-blue);
  box-shadow: 0 8px 20px rgba(30, 64, 175, 0.10);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary h3 {
  margin: 0 0 0.28rem;
  color: var(--cm-chi-ink);
  font-size: 1.05rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary div > p:last-child {
  margin: 0;
  color: var(--cm-chi-muted);
  line-height: 1.55;
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation-head,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__arrow {
    transform: rotate(90deg);
  }
}

/* ============================================================
   RELEASE 6 — FAQ DECISION GUIDE
   Updated: 2026-08-09 09:04 PT
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq {
  background:
    radial-gradient(circle at 92% 4%, rgba(62, 121, 209, 0.06), transparent 28%),
    #ffffff;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-guide {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding: clamp(1.3rem, 2.7vw, 1.85rem);
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 24px;
  background: #f8fbff;
  box-shadow: var(--cm-chi-shadow);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-head {
  margin-bottom: 1.1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-grid {
  gap: 0.8rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card {
  border-radius: 17px;
  box-shadow: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-decision-card h4 {
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(62, 121, 209, 0.17);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.88);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary-icon {
  display: inline-flex;
  width: 2.7rem;
  height: 2.7rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: var(--cm-chi-blue);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary p:first-child,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-head p,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__prep-kicker {
  margin: 0 0 0.22rem;
  color: var(--cm-chi-blue);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary h4 {
  margin: 0 0 0.25rem;
  color: var(--cm-chi-ink);
  font-size: 0.98rem;
  line-height: 1.4;
  font-weight: 900;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary div > p:last-child {
  margin: 0;
  color: var(--cm-chi-muted);
  font-size: 0.88rem;
  line-height: 1.55;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__layout {
  gap: clamp(1.2rem, 3vw, 1.8rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro {
  position: sticky;
  top: 132px;
  padding: 1.3rem;
  border: 1px solid rgba(62, 121, 209, 0.17);
  border-radius: 20px;
  background: rgba(62, 121, 209, 0.06);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro > p:last-of-type {
  margin-bottom: 0;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__prep {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(62, 121, 209, 0.14);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__prep ul {
  display: grid;
  gap: 0.65rem;
  margin: 0.7rem 0 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__prep li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.55rem;
  align-items: start;
  color: #475569;
  font-size: 0.84rem;
  line-height: 1.48;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__prep li i {
  margin-top: 0.16rem;
  color: #2cae78;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions {
  min-width: 0;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-head {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.9rem;
  padding: 0 0.15rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-head h3 {
  max-width: 680px;
  margin: 0;
  color: var(--cm-chi-ink);
  font-size: 1.05rem;
  line-height: 1.4;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-count {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 0.45rem 0.62rem;
  border: 1px solid rgba(62, 121, 209, 0.15);
  border-radius: 999px;
  background: rgba(62, 121, 209, 0.06);
  color: #315f9f;
  font-size: 0.7rem;
  font-weight: 850;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__list {
  gap: 0.72rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item {
  border-radius: 17px;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item summary {
  min-height: 4.45rem;
  padding: 1rem 1.05rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item[open] {
  border-color: rgba(62, 121, 209, 0.30);
  box-shadow: 0 14px 30px rgba(30, 64, 175, 0.09);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item[open] summary {
  background: rgba(62, 121, 209, 0.025);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item__question {
  text-wrap: balance;
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__intro {
    position: static;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-head {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-head {
    display: grid;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-count {
    justify-self: start;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq-item summary {
    min-height: 0;
  }
}

/* ============================================================
   RELEASE 7 — FINAL CONVERSION POLISH
   Updated: 2026-08-09 09:10 PT

   What:
   - Strengthens the combined final CTA + first-conversation composition.
   - Matches the frozen Reporting destination-page conversion hierarchy.
   - Preserves the established destination-page container width.
   Scope:
   - Cloud Hosting & Infrastructure page only.
   ============================================================ */

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-band {
  padding-top: clamp(4.5rem, 7vw, 6.25rem);
  padding-bottom: clamp(4.5rem, 7vw, 6.25rem);
  background:
    radial-gradient(circle at 88% 18%, rgba(62, 209, 150, 0.09), transparent 32%),
    linear-gradient(180deg, #eef5fd 0%, #e8f1fb 100%);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.75fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  border: 1px solid rgba(255, 255, 255, 0.90);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 40%, rgba(62, 209, 150, 0.11), transparent 30%),
    linear-gradient(
      135deg,
      rgba(255,255,255,0.98) 0%,
      rgba(248,252,255,0.98) 72%,
      rgba(239,250,247,0.98) 100%
    );
  box-shadow: 0 26px 60px rgba(15, 23, 42, 0.14);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main {
  min-width: 0;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-icon {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border: 1px solid rgba(62, 121, 209, 0.13);
  border-radius: 16px;
  background: rgba(62, 121, 209, 0.07);
  color: #3e79d1;
  font-size: 1.1rem;
  box-shadow: 0 10px 26px rgba(30, 64, 175, 0.07);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-eyebrow {
  margin: 0 0 0.55rem;
  color: #475569;
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main h2 {
  max-width: 760px;
  margin: 0 0 0.8rem;
  color: #0f172a;
  font-size: clamp(2rem, 3.5vw, 3rem);
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-copy {
  max-width: 800px;
  margin: 0;
  color: #526174;
  font-size: 1rem;
  line-height: 1.65;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills span {
  display: inline-flex;
  gap: 0.42rem;
  align-items: center;
  min-height: 34px;
  padding: 0.5rem 0.72rem;
  border: 1px solid rgba(148, 163, 184, 0.23);
  border-radius: 999px;
  background: rgba(255,255,255,0.88);
  color: #475569;
  font-size: 0.78rem;
  font-weight: 800;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-pills i {
  color: #3e79d1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.15rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-secondary {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(62, 121, 209, 0.20);
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  color: #315f9f;
  font-weight: 850;
  text-decoration: none;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-secondary:hover {
    transform: translateY(-2px);
    border-color: rgba(62, 121, 209, 0.34);
    background: #ffffff;
    text-decoration: none;
  }
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation {
  padding: clamp(1.35rem, 2.8vw, 1.8rem);
  border: 1px solid rgba(62, 121, 209, 0.16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 209, 150, 0.08), transparent 34%),
    rgba(255,255,255,0.94);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: center;
  margin-bottom: 0.85rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__icon {
  display: inline-flex;
  width: 2.85rem;
  height: 2.85rem;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(62, 121, 209, 0.09);
  color: #3e79d1;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head p {
  margin: 0 0 0.22rem;
  color: #3e79d1;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.08rem;
  line-height: 1.38;
  font-weight: 900;
  text-wrap: balance;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__intro {
  margin: 0 0 0.95rem;
  color: #526174;
  font-size: 0.88rem;
  line-height: 1.56;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-checklist {
  display: grid;
  gap: 0.72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-checklist li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.62rem;
  align-items: start;
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-checklist i {
  margin-top: 0.16rem;
  color: #2cae78;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: start;
  margin-top: 1rem;
  padding-top: 0.95rem;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  color: #334155;
  font-size: 0.87rem;
  line-height: 1.5;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot i {
  margin-top: 0.15rem;
  color: #3e79d1;
}

@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
    grid-template-columns: 1fr;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation {
    max-width: none;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-band {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
    gap: 1.5rem;
    padding: 1.35rem;
    border-radius: 22px;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-actions a {
    width: 100%;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__head,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   RELEASE 8 — DESKTOP QA & VISUAL RHYTHM POLISH
   Updated: 2026-08-09 09:19 PT

   Screenshot-driven polish only.
   Scope:
   - Cloud Hosting & Infrastructure page only.
   - No shared/global/component overrides.
   ============================================================ */

/* ---------- Page-wide section rhythm ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head {
  margin-bottom: clamp(1.65rem, 2.8vw, 2.2rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-section-head .cm-section-subtitle {
  line-height: 1.66;
}

/* Slightly tighten the earliest card-heavy sections so the page
   builds momentum before the denser workspace compositions. */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenges,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation {
  padding-top: clamp(4.4rem, 6.5vw, 6.3rem);
  padding-bottom: clamp(4.4rem, 6.5vw, 6.3rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card {
  padding: clamp(1.15rem, 2.2vw, 1.5rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenge-card h3,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation-card h3 {
  text-wrap: balance;
}

/* ---------- Lifecycle micro-normalization ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap {
  padding-top: clamp(1.2rem, 2.4vw, 1.7rem);
  padding-bottom: clamp(1.2rem, 2.4vw, 1.7rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__stage-wrap .cm-chi-lifecycle-card {
  padding-top: 1.08rem;
  padding-bottom: 1.08rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-lifecycle__operations {
  margin-top: clamp(1.25rem, 2.5vw, 1.7rem);
}

/* ---------- Shared Ownership: soften dominant dark panel ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle {
  background:
    radial-gradient(circle at 100% 0%, rgba(62, 209, 150, 0.13), transparent 34%),
    linear-gradient(135deg, #1b3a68 0%, #2a568c 100%);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-copy,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle-rule p {
  color: rgba(255, 255, 255, 0.82);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__coordination {
  margin-top: clamp(1.25rem, 2.5vw, 1.7rem);
}

/* ---------- Outcomes: compress for faster scanning ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__transformation {
  margin-top: clamp(1.5rem, 2.6vw, 2rem);
  padding-top: clamp(1.2rem, 2.4vw, 1.6rem);
  padding-bottom: clamp(1.2rem, 2.4vw, 1.6rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison {
  gap: 0.58rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__summary {
  margin-top: 1rem;
}

/* ---------- FAQ transition ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-guide {
  margin-bottom: clamp(1.7rem, 3.2vw, 2.4rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__decision-summary {
  margin-top: 0.9rem;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__layout {
  gap: clamp(1.1rem, 2.5vw, 1.55rem);
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-faq__questions-head {
  margin-bottom: 0.75rem;
}

/* ---------- Final conversion alignment ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
  align-items: stretch;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main,
body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation {
  min-height: 100%;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot {
  margin-top: auto;
}

body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-copy {
  max-width: 760px;
}

/* ---------- General dense-panel consistency ---------- */
body.marketing-site .cm-page--cloud-hosting-infrastructure :is(
  .cm-chi-capabilities__catalog,
  .cm-chi-lifecycle__stage-wrap,
  .cm-chi-ownership__responsibility-panel,
  .cm-chi-ownership__coordination,
  .cm-chi-outcomes__transformation,
  .cm-chi-faq__decision-guide
) {
  border-radius: 23px;
}

/* ---------- Desktop-only finishing ---------- */
@media (min-width: 1200px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-panel {
    min-height: 410px;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-ownership__principle {
    padding-left: 1.55rem;
    padding-right: 1.55rem;
  }
}

/* ---------- Responsive preservation ---------- */
@media (max-width: 991px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-main,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation {
    display: block;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-final-cta-conversation__foot {
    margin-top: 1rem;
  }
}

@media (max-width: 575px) {
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-challenges,
  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-foundation {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  body.marketing-site .cm-page--cloud-hosting-infrastructure .cm-chi-outcomes__comparison-row {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
}