/* Home page only — scoped via .page-home on <body> */
/* Breakpoints: 480px phone · 900px tablet/mobile nav · 901px desktop (see styles.css :root) */

.page-home #features {
  padding: clamp(4.75rem, 7vw, 6.75rem) 0;
  --agentic-left-gap: clamp(1.25rem, 5vw, 3.25rem);
  --agentic-left-radius: clamp(3.5rem, 14vw, 8rem);
  box-sizing: border-box;
  margin-left: var(--agentic-left-gap);
  width: calc(100% - var(--agentic-left-gap));
  max-width: calc(100% - var(--agentic-left-gap));
  background: #ffffff;
  border-top: none;
  border-bottom: none;
  border-top-left-radius: var(--agentic-left-radius);
  border-bottom-left-radius: var(--agentic-left-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}

.page-home #features .eyebrow {
  background: #141f52;
  border: 1px solid rgba(29, 118, 245, 0.35);
  color: rgba(238, 242, 248, 0.92);
}

.page-home #features .eyebrow .dot {
  box-shadow: 0 0 0 6px rgba(55, 212, 255, 0.18);
}

.page-home #features .h2 {
  color: #0a0a0a;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.page-home #features .sublead,
.page-home #features .agentic-lead {
  color: #3d3d3d;
  line-height: 1.55;
}

.page-home #features .agentic-block .cap-row h4 {
  color: #111111;
}

.page-home #features .agentic-block .cap-row p {
  color: #4a4a4a;
}

.page-home #features .agentic-block .cap-row p b {
  color: #111111;
}

.page-home #features .agentic-block .cap-row p .sub {
  color: #4a4a4a;
}

.page-home #features .agentic-block .cap-row p .sub b {
  color: #111111;
}

.page-home #features .agentic-block .cap-ic {
  background: #141f52;
  border: 1px solid rgba(29, 118, 245, 0.35);
  color: var(--aqua);
}

.page-home #features .agentic-block {
  margin: 0;
  border-radius: 0;
  overflow: visible;
}

.page-home #features .agentic-block.glass.g-border {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.page-home #features .agentic-block.glass::before {
  display: none;
}

.page-home #features .agentic-block .ag-grid[data-reveal] {
  margin-top: clamp(1.75rem, 3vw, 2.25rem);
  transition-delay: 100ms;
}

.page-home #features .agentic-block--tco .cap-row p strong {
  color: #111111;
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .page-home #features .agentic-block .ag-grid[data-reveal] {
    transition-delay: 0ms;
  }
}
