.ai-hero {
  position:relative;
  max-width:100%;
  overflow-x:clip;
  padding-top:var(--s16);
  padding-bottom:var(--s16);
  background:var(--halo);
}

.ai-hero .shell {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:var(--s16);
}

.ai-hero-copy h1 {
  max-width:var(--description-width);
  margin-top:var(--s4);
}

.ai-hero-lead {
  max-width:var(--description-width);
  color:var(--muted);
  line-height:var(--lh-prose);
}

.ai-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s3);
  margin-top:var(--s6);
}

.ai-fact-row {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s2);
  margin-top:var(--s6);
}

.ai-scenario-board {
  padding:var(--s5);
  border-radius:var(--r-device);
  background:var(--cradle);
  box-shadow:var(--shadow-cradle);
}

.ai-board-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--s4);
  padding:var(--s5);
  border:var(--hairline) solid var(--ink-border);
  border-radius:var(--r-medium) var(--r-medium) 0 0;
  background:var(--ink-panel);
  color:var(--white);
}

.ai-board-head div {
  display:flex;
  flex-direction:column;
  gap:var(--s1);
}

.ai-board-label {
  color:var(--muted);
  font-family:var(--mono);
  font-size:var(--fs-small);
  letter-spacing:var(--tracking-label);
}

.ai-board-head .ai-board-label {
  color:var(--ink-muted);
}

.ai-board-status {
  flex-shrink:0;
  padding:var(--s1) var(--s3);
  border:var(--hairline) solid var(--ink-border);
  border-radius:var(--r-pill);
  color:var(--cyan);
  font-size:var(--fs-small);
}

.ai-board-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--hairline);
  overflow:hidden;
  border:var(--hairline) solid var(--ink-border);
  border-top:0;
  border-radius:0 0 var(--r-medium) var(--r-medium);
  background:var(--ink-border);
}

.ai-board-grid article {
  padding:var(--s5);
  background:var(--ink);
  color:var(--white);
}

.ai-board-grid span {
  display:block;
  margin-bottom:var(--s2);
  color:var(--cyan);
  font-family:var(--mono);
  font-size:var(--fs-small);
}

.ai-board-grid strong {
  display:block;
  margin-bottom:var(--s2);
}

.ai-board-grid p {
  margin:0;
  color:var(--ink-muted);
  font-size:var(--fs-ui);
}

.ai-article {
  padding-top:var(--s12);
}

.ai-section {
  padding-top:var(--s16);
  padding-bottom:var(--s16);
  border-bottom:var(--hairline) solid var(--border);
}

.ai-section:last-child {
  border-bottom:0;
}

.ai-section-heading {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--s5);
  align-items:start;
  max-width:var(--reading-width);
  margin-bottom:var(--s8);
}

.ai-section-heading .section-icon {
  margin-bottom:0;
}

.ai-section-heading h2 {
  margin-bottom:var(--s3);
}

.ai-section-heading p {
  margin:0;
  color:var(--muted);
}

.ai-requirement-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s6);
}

.ai-requirement-list .panel {
  min-height:100%;
}

.ai-requirement-list h3 {
  font-size:var(--fs-body);
}

.ai-requirement-list p {
  margin:0;
  color:var(--muted);
}

.ai-tool-table th:first-child {
  color:var(--accent-dark);
}

.ai-split-panel {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s6);
}

.ai-split-panel p:last-child {
  margin-bottom:0;
}

.ai-diagnosis {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s4);
}

.ai-diagnosis article {
  padding:var(--s6);
  border-left:var(--s1) solid var(--accent);
  border-radius:0 var(--r-small) var(--r-small) 0;
  background:var(--panel);
  box-shadow:var(--shadow-card);
}

.ai-diagnosis h3 {
  font-size:var(--fs-body);
  margin-bottom:var(--s3);
}

.ai-diagnosis p {
  margin:0;
  color:var(--muted);
}

.ai-check-order {
  margin-top:var(--s8);
}

.ai-check-order h3 {
  font-size:var(--fs-body);
}

.ai-next-step {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--s8);
  margin-top:var(--s10);
  padding:var(--s8);
  border:var(--hairline) solid var(--border);
  border-radius:var(--r-medium);
  background:linear-gradient(125deg,var(--sunken),var(--panel));
  box-shadow:var(--shadow-card);
}

.ai-next-step h3 {
  margin-top:var(--s2);
  margin-bottom:var(--s3);
}

.ai-next-step p {
  max-width:var(--description-width);
  margin:0;
  color:var(--muted);
}

.ai-next-actions {
  display:flex;
  flex-shrink:0;
  flex-direction:column;
  gap:var(--s3);
}

@media (max-width:920px) {
  .ai-hero .shell {
    grid-template-columns:1fr;
    gap:var(--s10);
  }

  .ai-hero-copy {
    text-align:center;
  }

  .ai-hero-copy h1,
  .ai-hero-lead {
    margin-inline:auto;
  }

  .ai-hero-actions,
  .ai-fact-row {
    justify-content:center;
  }
}

@media (max-width:768px) {
  .ai-hero {
    padding-top:var(--s10);
    padding-bottom:var(--s10);
  }

  .ai-section {
    padding-top:var(--s12);
    padding-bottom:var(--s12);
  }

  .ai-requirement-list,
  .ai-split-panel,
  .ai-diagnosis {
    grid-template-columns:1fr;
  }

  .ai-next-step {
    flex-direction:column;
    align-items:flex-start;
  }

  .ai-next-actions {
    width:100%;
    flex-direction:row;
  }

  .ai-next-actions .button {
    flex:1;
  }
}

@media (max-width:640px) {
  .ai-hero-copy h1 {
    max-width:var(--title-mobile-width);
  }

  .ai-hero-actions .button {
    flex:1;
  }

  .ai-scenario-board {
    padding:var(--s3);
    border-radius:var(--r-medium);
  }

  .ai-board-head {
    align-items:flex-start;
    padding:var(--s4);
    border-radius:var(--r-small) var(--r-small) 0 0;
  }

  .ai-board-grid {
    grid-template-columns:1fr;
    border-radius:0 0 var(--r-small) var(--r-small);
  }

  .ai-board-grid article {
    padding:var(--s4);
  }

  .ai-section-heading {
    grid-template-columns:1fr;
    gap:var(--s3);
  }

  .ai-section-heading .section-icon {
    width:var(--s10);
    height:var(--s10);
  }

  .ai-diagnosis article {
    padding:var(--s5);
  }

  .ai-next-step {
    padding:var(--s5);
  }

  .ai-next-actions {
    flex-direction:column;
  }
}