/* Phase 3B — executive architecture layouts (brief-style, not dashboard) */

.exec-hero--split .exec-shell {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: var(--exec-space-10);
  align-items: center;
}

@media (max-width: 960px) {
  .exec-hero--split .exec-shell {
    grid-template-columns: 1fr;
  }
}

.exec-hero--split h1 {
  max-width: 14ch;
  font-size: clamp(2.5rem, 5.5vw, 4rem);
}

.exec-statement {
  margin: 0;
  padding: var(--exec-space-12) 0;
  border-bottom: 1px solid var(--exec-border);
}

.exec-statement__title {
  margin: 0 0 var(--exec-space-4);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--exec-navy-900);
  max-width: 22ch;
}

.exec-statement__line {
  margin: 0 0 var(--exec-space-3);
  font-size: clamp(1.25rem, 2.2vw, 1.5rem);
  font-weight: 500;
  line-height: 1.45;
  color: var(--exec-navy-800);
  max-width: 36ch;
}

.exec-arch-spotlight {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: var(--exec-space-10);
  align-items: center;
  padding: var(--exec-space-12) 0;
  border-bottom: 1px solid var(--exec-border);
}

.exec-arch-spotlight--reverse {
  grid-template-columns: 1fr 1.15fr;
}

.exec-arch-spotlight--reverse .exec-arch-spotlight__visual {
  order: 2;
}

.exec-arch-spotlight--reverse .exec-arch-spotlight__copy {
  order: 1;
}

@media (max-width: 900px) {
  .exec-arch-spotlight,
  .exec-arch-spotlight--reverse {
    grid-template-columns: 1fr;
  }
  .exec-arch-spotlight--reverse .exec-arch-spotlight__visual,
  .exec-arch-spotlight--reverse .exec-arch-spotlight__copy {
    order: unset;
  }
}

.exec-arch-spotlight__visual {
  border: 1px solid var(--exec-border);
  border-radius: var(--exec-radius-lg);
  background: var(--exec-bg-elevated);
  overflow: hidden;
}

.exec-arch-spotlight__visual img,
.exec-arch-spotlight__visual svg {
  display: block;
  width: 100%;
  height: auto;
}

.exec-arch-spotlight__kicker {
  font-family: var(--exec-font-mono);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--exec-indigo-600);
  margin: 0 0 var(--exec-space-3);
}

.exec-arch-spotlight h2 {
  margin: 0 0 var(--exec-space-4);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  max-width: 18ch;
}

.exec-arch-spotlight__problem {
  margin: 0 0 var(--exec-space-4);
  font-size: 1.125rem;
  color: var(--exec-ink-muted);
  max-width: 42ch;
}

.exec-arch-spotlight__answer {
  margin: 0 0 var(--exec-space-4);
  font-size: var(--exec-text-base);
  color: var(--exec-ink-body);
  max-width: 46ch;
}

.exec-arch-spotlight__optional {
  display: inline-block;
  margin-bottom: var(--exec-space-3);
  padding: 0.25rem 0.6rem;
  font-family: var(--exec-font-mono);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--exec-indigo-600);
  border: 1px solid var(--exec-border-strong);
  border-radius: var(--exec-radius-sm);
  background: var(--exec-bg-page);
}

.exec-principles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--exec-space-4) var(--exec-space-8);
  margin-top: var(--exec-space-8);
}

@media (max-width: 720px) {
  .exec-principles {
    grid-template-columns: 1fr;
  }
}

.exec-principle {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: var(--exec-space-3);
  align-items: baseline;
  padding: var(--exec-space-4) 0;
  border-bottom: 1px solid var(--exec-border);
}

.exec-principle__num {
  font-family: var(--exec-font-mono);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--exec-cyan-600);
}

.exec-principle__text {
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--exec-navy-800);
}

.exec-hub-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--exec-space-6);
}

@media (max-width: 720px) {
  .exec-hub-row {
    grid-template-columns: 1fr;
  }
}

.exec-hub-card {
  padding: var(--exec-space-8);
  border: 1px solid var(--exec-border);
  border-radius: var(--exec-radius-lg);
  background: var(--exec-bg-elevated);
}

.exec-hub-card h3 {
  margin: 0 0 var(--exec-space-3);
  font-size: 1.35rem;
}

.exec-hub-card p {
  margin: 0 0 var(--exec-space-4);
}

.exec-license-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--exec-space-6);
}

@media (max-width: 960px) {
  .exec-license-grid {
    grid-template-columns: 1fr;
  }
}

.exec-license-tier {
  padding: var(--exec-space-10) var(--exec-space-8);
  border: 1px solid var(--exec-border);
  border-radius: var(--exec-radius-lg);
  background: var(--exec-bg-elevated);
}

.exec-license-tier h3 {
  font-size: 1.5rem;
  margin: 0 0 var(--exec-space-4);
}

.exec-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--exec-space-8);
}

@media (max-width: 800px) {
  .exec-proof-grid {
    grid-template-columns: 1fr;
  }
}

.exec-proof-block {
  padding: var(--exec-space-8) 0;
  border-top: 1px solid var(--exec-border);
}

.exec-proof-block h2 {
  margin-bottom: var(--exec-space-4);
}