/* =====================================================================
   VXIT — Anatomy of IT · Business Owner
   "BOLD STATEMENT" treatment.
   Maximal type, full-bleed alternating bands, gradient/solid color
   blocks, high energy. Each section lands like a punch.
   Applied via [data-direction="c"] on .ao
   ===================================================================== */
[data-direction="c"] { display: block; }
[data-direction="c"] .ao-section { max-width: none; padding-inline: 0; }
[data-direction="c"] .ao-section > * { max-width: 1180px; margin-inline: auto; padding-inline: clamp(20px,5vw,64px); }

/* Alternating band backgrounds */
[data-direction="c"] .ao-band {
  width: 100%;
}
[data-direction="c"] .ao-band--dark { background: rgba(255,255,255,0.025); }

[data-direction="c"] .ao-hero__headline { font-size: clamp(2.8rem, 8vw, 7rem); }

[data-direction="c"] .ao-h {
  font-weight: var(--fw-black);
  text-transform: uppercase;
  font-size: clamp(2.1rem, 5vw, 3.8rem);
  letter-spacing: -0.025em;
}

/* Status as two bold stacked statements */
[data-direction="c"] .ao-state {
  border-radius: 6px;
  padding: clamp(28px,3.5vw,44px);
  border: 1px solid rgba(255,255,255,0.1);
}
[data-direction="c"] .ao-state--warn {
  background: linear-gradient(135deg, rgba(242,164,34,0.16), rgba(242,99,34,0.05));
  border-color: rgba(242,164,34,0.3);
}
[data-direction="c"] .ao-state--good {
  background: linear-gradient(135deg, rgba(43,182,115,0.16), rgba(43,182,115,0.04));
  border-color: rgba(43,182,115,0.3);
}
[data-direction="c"] .ao-state--warn .ao-state__dot { background: var(--warning); }
[data-direction="c"] .ao-state--good .ao-state__dot { background: var(--success); }
[data-direction="c"] .ao-state--warn .ao-state__tag { color: var(--warning); }
[data-direction="c"] .ao-state--good .ao-state__tag { color: var(--success); }
[data-direction="c"] .ao-state__title { font-size: clamp(1.4rem,2.4vw,2rem); font-weight: var(--fw-black); }

/* Cost — full gradient block, giant white % */
[data-direction="c"] .ao-cost__stat {
  background: var(--vxit-gradient-diag);
  border-radius: 10px;
  padding: clamp(36px,6vw,72px);
  box-shadow: 0 30px 80px -30px rgba(218,19,141,0.6);
}
[data-direction="c"] .ao-cost__big { color: var(--vxit-white); -webkit-text-fill-color: var(--vxit-white); }
[data-direction="c"] .ao-cost__big .hl-grad { -webkit-text-fill-color: var(--vxit-white); color: var(--vxit-white); }
[data-direction="c"] .ao-cost__caption { color: rgba(255,255,255,0.92); max-width: 60ch; }
[data-direction="c"] .ao-gauge__track {
  background: rgba(255,255,255,0.25);
  box-shadow: none;
}
[data-direction="c"] .ao-gauge__marker { background: var(--vxit-white); }
[data-direction="c"] .ao-gauge__scale,
[data-direction="c"] .ao-gauge__scale span:first-child,
[data-direction="c"] .ao-gauge__scale span:nth-child(2),
[data-direction="c"] .ao-gauge__scale span:last-child { color: rgba(255,255,255,0.8); }
[data-direction="c"] .ao-gauge { margin-inline: auto; }

/* Trajectory — bold stacked rows */
[data-direction="c"] .ao-col {
  border-radius: 6px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
}
[data-direction="c"] .ao-col--current .ao-col__title,
[data-direction="c"] .ao-col--future  .ao-col__title { font-weight: var(--fw-black); }
[data-direction="c"] .ao-col--current .ao-col__tag { color: var(--vxit-orange); }
[data-direction="c"] .ao-col--future  .ao-col__tag { color: var(--vxit-pink); }
[data-direction="c"] .ao-col--current .ao-col__list li::before { background: var(--vxit-orange); }
[data-direction="c"] .ao-col--future  .ao-col__list li::before { background: var(--vxit-pink); }
[data-direction="c"] .ao-traj__arrow { color: var(--vxit-pink); }

/* Outcome — bold cards */
[data-direction="c"] .ao-outcome__item {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;
  padding: clamp(24px,2.6vw,32px);
}
[data-direction="c"] .ao-outcome__icon { border: 0; background: var(--vxit-gradient); color: var(--vxit-white); }
[data-direction="c"] .ao-outcome__text h3 { text-transform: uppercase; }

/* CTA — full gradient band */
[data-direction="c"] .ao-cta {
  max-width: none;
}
[data-direction="c"] .ao-cta__inner {
  max-width: 1180px;
  margin-inline: auto;
  align-items: center;
  text-align: center;
}
[data-direction="c"] .ao-cta__h { max-width: 20ch; }
[data-direction="c"] .ao-cta__body { margin-inline: auto; }
[data-direction="c"] .ao-cta__btn {
  background: var(--vxit-white);
  color: var(--vxit-black);
  box-shadow: 0 16px 50px -12px rgba(255,255,255,0.3);
}
[data-direction="c"] .ao-cta__btn:hover { box-shadow: 0 22px 60px -12px rgba(255,255,255,0.45); }