/* Block: argos/ai-ready */
.ai-ready-section { position: relative; overflow: hidden; color: var(--white); background: var(--navy-bg); }
.ai-ready-section::before { content: ""; position: absolute; width: 760px; height: 760px; right: -340px; top: -380px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.025), 0 0 0 160px rgba(255,255,255,.018); }
.ai-ready-section .kicker { color: var(--mint); }
.ai-ready-heading { position: relative; max-width: 1100px; }
.ai-ready-heading > p:last-child { max-width: 840px; font-size: 1.05rem; }

/* Interface map */
.interface-map { position: relative; min-height: 640px; margin-top: 64px; display: grid; grid-template-columns: 1fr 1.12fr 1fr; grid-template-rows: 1fr .72fr; gap: 28px; align-items: center; }
.interface-map::before { content: ""; position: absolute; left: 13%; right: 13%; top: 36%; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,.1), var(--mint), rgba(255,255,255,.1)); }
.interface-map::after { content: ""; position: absolute; left: 50%; top: 36%; bottom: 18%; border-left: 1px dashed rgba(255,255,255,.25); }
.interface-node, .capability-core { position: relative; z-index: 2; min-height: 250px; padding: 28px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: rgba(255,255,255,.07); backdrop-filter: blur(10px); }
.interface-node > span, .capability-core > span { color: var(--mint); font-size: .7rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.interface-node h3, .capability-core h3 { margin: 66px 0 14px; font-size: 1.65rem; }
.interface-node p, .capability-core p { color: rgba(255,255,255,.82); }
.interface-node small { margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.76); font-weight: 800; }
.capability-core { min-height: 320px; justify-content: center; border-color: rgba(29,214,190,.35); border-radius: 50%; text-align: center; background: var(--charcoal); box-shadow: 0 0 0 28px rgba(255,255,255,.03), 0 28px 68px rgba(10,3,24,.35); }
.capability-core h3 { margin: 16px 0; }
.capability-core i { width: 42px; height: 42px; margin: 8px auto 0; border: 2px solid var(--mint); border-radius: 50% 50% 10px 50%; transform: rotate(45deg); }
.ai-interface { grid-column: 2; min-height: 205px; background: rgba(29,214,190,.08); }
.ai-interface h3 { margin-top: 35px; }

/* Control-layer card */
.control-layer-card { position: relative; padding: 48px; display: grid; grid-template-columns: .78fr 1.22fr; gap: 6vw; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: rgba(10,7,16,.48); }
.control-layer-intro h3 { font-size: 1.75rem; }
.control-layer-intro > p:last-child { color: rgba(255,255,255,.82); }
.control-chip-grid { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; list-style: none; }
.control-chip-grid li { min-height: 68px; padding: 13px 15px; display: grid; grid-template-columns: 32px 1fr; gap: 9px; align-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; color: rgba(255,255,255,.76); background: rgba(255,255,255,.05); font-size: .78rem; font-weight: 800; }
.control-chip-grid span { color: var(--mint); font-size: .78rem; }

/* Route callout */
.assistant-route { position: relative; margin-top: 22px; padding: 26px 30px; display: flex; align-items: center; justify-content: space-between; gap: 40px; border-radius: 19px; color: var(--ink); background: var(--mint-soft); }
.assistant-route div { max-width: 810px; }
.assistant-route span { color: #087c6d; font-size: .63rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ai-ready-section .assistant-route div p { margin: 7px 0 0; color: #37534f; }
.assistant-route .btn { flex: 0 0 auto; }

@media (max-width: 1100px) {
  .interface-map { min-height: auto; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .interface-map::before, .interface-map::after { display: none; }
  .capability-core { grid-column: 1/-1; grid-row: 1; width: 330px; justify-self: center; }
  .ai-interface { grid-column: 1/-1; }
}

@media (max-width: 840px) {
  .control-layer-card { padding: 34px; grid-template-columns: 1fr; }
  .assistant-route { align-items: stretch; flex-direction: column; }
  .assistant-route .btn { align-self: flex-start; }
}

@media (max-width: 760px) {
  .interface-map { grid-template-columns: 1fr; }
  .capability-core, .ai-interface { grid-column: auto; width: 100%; }
  .capability-core { min-height: 280px; border-radius: 24px; }
  .interface-node { min-height: 230px; }
  .control-chip-grid { grid-template-columns: 1fr; }
  .assistant-route .btn { width: 100%; }
}

@media (max-width: 430px) {
  .control-layer-card { padding: 28px 22px; }
}