/* Delivery Model page */
.delivery-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 75% 18%, rgba(35,131,197,.25), transparent 34%),
    linear-gradient(145deg, #081f2e, var(--color-navy-950) 58%, #17415c);
}
.delivery-hero::after {
  position: absolute;
  right: -10rem;
  bottom: -12rem;
  width: 30rem;
  height: 30rem;
  border: 1px solid rgba(131,217,215,.2);
  border-radius: 50%;
  content: "";
}
.delivery-hero__grid {
  display: grid;
  min-height: calc(100svh - var(--header-height));
  padding-block: clamp(4rem,8vw,7rem);
  gap: clamp(2rem,5vw,5rem);
  align-items: center;
  grid-template-columns: minmax(0,1.02fr) minmax(24rem,.98fr);
}
.delivery-hero h1 { color: #fff; }
.delivery-hero .lead { color: rgba(255,255,255,.84); }
.delivery-hero .flow > p:not(.eyebrow):not(.lead) { color: rgba(255,255,255,.7); }
.delivery-hero__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.8rem; }
.delivery-hero__proof { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.5rem; }
.delivery-pill { display: inline-flex; padding: .45rem .68rem; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: rgba(255,255,255,.82); background: rgba(255,255,255,.06); font-size: .77rem; font-weight: 700; }
.delivery-hero__visual { position: relative; overflow: hidden; margin: 0; border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-2xl); background: rgba(255,255,255,.05); box-shadow: var(--shadow-xl); }
.delivery-hero__visual picture { display: block; }
.delivery-hero__visual img { display: block; width: 100%; min-height: 31rem; aspect-ratio: 16/10; object-fit: cover; object-position: 52% center; }
.delivery-hero__visual::after { position: absolute; inset: 45% 0 0; content: ""; background: linear-gradient(transparent, rgba(5,23,35,.88)); pointer-events: none; }
.delivery-hero__visual figcaption { position: absolute; z-index: 1; right: clamp(1rem,2.5vw,1.5rem); bottom: clamp(1rem,2.5vw,1.5rem); left: clamp(1rem,2.5vw,1.5rem); display: grid; gap: .25rem; color: #fff; }
.delivery-hero__visual figcaption strong { font-size: 1rem; }
.delivery-hero__visual figcaption span { max-width: 31rem; color: rgba(255,255,255,.74); font-size: .84rem; }

.delivery-section { padding-block: var(--section-space); }
.delivery-section--compact { padding-block: var(--section-space-compact); }
.delivery-split,
.delivery-governance-grid,
.delivery-quality,
.delivery-lifecycle,
.delivery-support-grid {
  display: grid;
  gap: clamp(2rem,5vw,4rem);
  align-items: center;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.delivery-split--intro { margin-bottom: clamp(2rem,5vw,4rem); }
.delivery-visual-card { margin: 0; padding: clamp(1rem,2.5vw,1.5rem); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: #fff; box-shadow: var(--shadow-md); }
.delivery-visual-card img { width: 100%; height: auto; }

.delivery-role-shell { overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: #fff; box-shadow: var(--shadow-sm); }
.delivery-role-tabs { display: grid; padding: .55rem; gap: .35rem; border-bottom: 1px solid var(--color-border); background: var(--color-surface-soft); grid-template-columns: repeat(4,minmax(0,1fr)); }
.delivery-role-tab { display: flex; min-height: 3.4rem; padding: .7rem .75rem; gap: .55rem; align-items: center; justify-content: center; border: 0; border-radius: .7rem; color: var(--color-muted); background: transparent; font-weight: 700; }
.delivery-role-tab span { display: grid; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; color: var(--color-brand-blue-800); background: var(--color-surface-blue); font-size: .72rem; }
.delivery-role-tab[aria-selected="true"] { color: #fff; background: var(--color-navy-950); }
.delivery-role-tab[aria-selected="true"] span { color: var(--color-navy-950); background: #83d9d7; }
.delivery-role-panel { padding: clamp(1.5rem,3vw,2.5rem); }
.delivery-role-panel + .delivery-role-panel { border-top: 1px solid var(--color-border); }
.delivery-role-shell[data-enhanced] .delivery-role-panel + .delivery-role-panel { border-top: 0; }
.delivery-role-panel p { max-width: 52rem; color: var(--color-muted); }
.delivery-role-panel ul { display: grid; margin: 1.25rem 0 0; padding: 0; gap: .7rem; list-style: none; grid-template-columns: repeat(2,minmax(0,1fr)); }
.delivery-role-panel li { position: relative; padding: .85rem .9rem .85rem 2rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-soft); }
.delivery-role-panel li::before { position: absolute; top: 1.08rem; left: .8rem; width: .48rem; height: .48rem; border-radius: 50%; content: ""; background: var(--color-brand-teal); }

.delivery-lifecycle { align-items: start; }
.surface-dark .delivery-lifecycle h2 { color: #fff; }
.surface-dark .delivery-lifecycle .lead { color: rgba(255,255,255,.75); }
.delivery-stage-list { display: grid; margin-top: 1.5rem; gap: .55rem; }
.delivery-stage-button { display: grid; width: 100%; padding: .9rem 1rem; gap: .8rem; align-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-md); color: #fff; background: rgba(255,255,255,.055); text-align: left; grid-template-columns: auto 1fr; }
.delivery-stage-button:hover,
.delivery-stage-button[aria-selected="true"] { border-color: rgba(131,217,215,.6); background: rgba(35,131,197,.17); }
.delivery-stage-number { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; color: var(--color-navy-950); background: #83d9d7; font-size: .75rem; font-weight: 800; }
.delivery-stage-button strong { display: block; }
.delivery-stage-button p { margin-top: .16rem; color: rgba(255,255,255,.65); font-size: .79rem; }
.delivery-stage-panel { display: none; min-height: 31rem; padding: clamp(1.4rem,3vw,2rem); border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-xl); background: rgba(255,255,255,.065); box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.delivery-lifecycle[data-enhanced] .delivery-stage-panel { display: block; }
.delivery-stage-panel img { width: 100%; height: auto; border-radius: var(--radius-lg); }
.delivery-stage-panel h3 { margin-top: 1.2rem; color: #fff; }
.delivery-stage-panel p { margin-top: .65rem; color: rgba(255,255,255,.72); }
.delivery-stage-fallback { display: grid; gap: .65rem; }
.delivery-stage-fallback article { padding: 1rem; border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-md); background: rgba(255,255,255,.06); }
.delivery-stage-fallback h3 { color: #fff; font-size: 1rem; }
.delivery-stage-fallback p { margin-top: .3rem; color: rgba(255,255,255,.7); font-size: .85rem; }
.delivery-lifecycle[data-enhanced] .delivery-stage-fallback { display: none; }

.delivery-governance-list { display: grid; margin-top: 1.5rem; gap: .8rem; }
.delivery-governance-item { display: grid; padding: 1rem; gap: .9rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-sm); grid-template-columns: auto 1fr; }
.delivery-governance-item > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .6rem; color: #fff; background: var(--color-brand-blue-700); font-size: .73rem; font-weight: 800; }
.delivery-governance-item h3 { font-size: 1rem; }
.delivery-governance-item p { margin-top: .25rem; color: var(--color-muted); font-size: .86rem; }

.delivery-quality { align-items: center; }
.delivery-quality-points { display: grid; margin-top: 1.5rem; gap: .8rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.delivery-quality-point { padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; }
.delivery-quality-point h3 { font-size: 1rem; }
.delivery-quality-point p { margin-top: .3rem; color: var(--color-muted); font-size: .85rem; }

.delivery-support-grid { align-items: stretch; }
.delivery-support-cycle { display: flex; flex-wrap: wrap; margin-top: 1.5rem; gap: .55rem; align-items: center; }
.delivery-support-cycle span { display: inline-flex; min-height: 2.7rem; padding: .55rem .8rem; align-items: center; border: 1px solid var(--color-border); border-radius: 999px; color: var(--color-navy-950); background: var(--color-surface-soft); font-size: .82rem; font-weight: 800; }
.delivery-support-cycle i { color: var(--color-brand-teal); font-style: normal; font-weight: 800; }
.delivery-proof-card { display: flex; height: 100%; padding: clamp(1.5rem,3vw,2.5rem); flex-direction: column; justify-content: center; border: 1px solid rgba(35,131,197,.2); border-radius: var(--radius-xl); background: linear-gradient(145deg,#eef7fb,#e9f6f5); box-shadow: var(--shadow-md); }
.delivery-proof-card p:not(.eyebrow) { margin-top: 1rem; color: var(--color-muted); }
.delivery-proof-card .text-link { margin-top: 1.25rem; }

.delivery-final { overflow: hidden; border-radius: var(--radius-2xl); color: #fff; background: linear-gradient(145deg,var(--color-navy-950),#17415d); }
.delivery-final__inner { display: grid; padding: clamp(2rem,5vw,4rem); gap: 2rem; align-items: center; grid-template-columns: minmax(0,1fr) auto; }
.delivery-final h2 { color: #fff; }
.delivery-final p { color: rgba(255,255,255,.72); }

@media (max-width:63.99rem) {
  .delivery-hero__grid,
  .delivery-split,
  .delivery-governance-grid,
  .delivery-quality,
  .delivery-lifecycle,
  .delivery-support-grid { grid-template-columns: 1fr; }
  .delivery-hero__grid { min-height: auto; }
  .delivery-hero__visual { max-width: 46rem; }
  .delivery-hero__visual img { min-height: 25rem; }
  .delivery-role-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .delivery-final__inner { grid-template-columns: 1fr; }
}
@media (max-width:47.99rem) {
  .delivery-role-tabs,
  .delivery-role-panel ul,
  .delivery-quality-points { grid-template-columns: 1fr; }
  .delivery-role-tab { justify-content: flex-start; }
  .delivery-hero__actions { display: grid; }
  .delivery-hero__actions .btn { width: 100%; }
  .delivery-hero__visual img { min-height: 22rem; object-position: 42% center; }
  .delivery-stage-panel { min-height: auto; }
  .delivery-support-cycle i { display: none; }
}