.exec-section { padding: clamp(56px, 7vw, 96px) 0; }
.exec-section + .exec-section { border-top: var(--border-hair); }
.exec-section.sunk { background: var(--paper-sunk); }
.exec-section.dark { background: var(--paper-ink); color: var(--ink-on-dark); }
.exec-section h2 { margin-bottom: 16px; }
.exec-section > .container > .lead { margin-bottom: 8px; }
.exec-section.dark h2,
.exec-section.dark h3 { color: var(--ink-on-dark); }
.exec-section.dark .lead { color: var(--ink-on-dark-faint); }
.exec-section.dark .eyebrow { color: var(--accent-on-dark); }

.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.hero-solution { max-width: var(--measure); margin: 22px 0 0; color: var(--ink); font-size: 16px; line-height: 1.65; }
.trust-line { margin: 20px 0 0; color: var(--ink-muted); font-family: var(--font-mono); font-size: 12.5px; line-height: 1.55; }

/* The three recognizable situations lead with the buyer's problem. */
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 36px; }
.problem-card { min-width: 0; padding: 26px; border-top: 3px solid var(--accent); border-radius: var(--radius-md); background: var(--paper-raised); box-shadow: var(--shadow-card); }
.problem-card > span { display: block; margin-bottom: 18px; color: var(--accent); font-family: var(--font-mono); font-size: 12px; }
.problem-card h3 { margin: 0 0 9px; font-size: 17px; }
.problem-card p { margin: 0; color: var(--ink-muted); font-size: 14.5px; line-height: 1.6; }

/* Primary paid engagement. */
.engagement { display: grid; grid-template-columns: 1.25fr 0.75fr; margin-top: 40px; border: var(--border-hair); border-radius: var(--radius-lg); background: var(--paper-raised); box-shadow: var(--shadow-card); overflow: hidden; }
.engagement-main,
.engagement-aside { min-width: 0; padding: clamp(28px, 4vw, 44px); }
.engagement-main h3,
.engagement-aside h3 { margin: 0 0 18px; font-size: 18px; }
.engagement-aside { background: var(--paper-ink); color: var(--ink-on-dark); }
.engagement-aside h3 { color: var(--ink-on-dark); }
.numbered-list { list-style: none; counter-reset: engagement-step; margin: 0; padding: 0; }
.numbered-list li { position: relative; counter-increment: engagement-step; display: grid; grid-template-columns: minmax(120px, 0.42fr) 1fr; gap: 18px; padding: 15px 0 15px 34px; border-top: var(--border-hair); }
.numbered-list li:first-child { border-top: 0; }
.numbered-list li::before { content: "0" counter(engagement-step); position: absolute; top: 16px; left: 0; color: var(--accent); font-family: var(--font-mono); font-size: 11.5px; }
.numbered-list b { color: var(--ink-strong); font-size: 14.5px; }
.numbered-list span { color: var(--ink-muted); font-size: 14px; line-height: 1.55; }
.check-list { list-style: none; margin: 0; padding: 0; }
.check-list li { position: relative; padding: 14px 0 14px 26px; border-top: 1px solid var(--rule-on-dark); color: var(--ink-on-dark-muted); font-size: 14px; line-height: 1.5; }
.check-list li:first-child { border-top: 0; }
.check-list li::before { content: "✓"; position: absolute; top: 14px; left: 0; color: var(--positive-on-dark); font-family: var(--font-mono); }
.measure-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 24px; border: 1px solid var(--accent); border-radius: var(--radius-md); background: var(--accent-faint); overflow: hidden; }
.measure-strip > div { min-width: 0; padding: 22px; }
.measure-strip > div + div { border-left: 1px solid color-mix(in oklab, var(--accent) 30%, transparent); }
.measure-strip b { display: block; margin-bottom: 7px; color: var(--ink-strong); font-size: 14px; }
.measure-strip span { display: block; color: var(--ink-muted); font-size: 12.5px; line-height: 1.5; }

/* Secondary entry points. */
.route-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 38px; }
.route-card { min-width: 0; padding: clamp(26px, 4vw, 38px); border: 1px solid var(--rule-on-dark); border-radius: var(--radius-lg); background: rgba(255,255,255,0.04); }
.route-label { margin: 0 0 16px; color: var(--accent-on-dark); font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; }
.route-card h3 { margin: 0 0 12px; font-size: 20px; }
.route-card > p:not(.route-label),
.route-card li { color: var(--ink-on-dark-muted); font-size: 14px; line-height: 1.6; }
.route-card ul { margin: 20px 0 24px; padding-left: 19px; }
.route-card li + li { margin-top: 7px; }
.route-card a { color: var(--accent-on-dark); font-family: var(--font-mono); font-size: 13px; }
.route-card a span { display: inline-block; transition: transform 200ms ease; }
.route-card a:hover span { transform: translateX(3px); }
.ongoing-note { margin: 26px 0 0; color: var(--ink-on-dark-muted); font-size: 14.5px; line-height: 1.6; }
.ongoing-note b { color: var(--ink-on-dark); }

/* The implementation work is the paid value. */
.work-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 36px; }
.work-grid > div { min-width: 0; padding: 24px; border: var(--border-hair); border-radius: var(--radius-md); background: var(--paper-raised); }
.work-grid b { display: block; margin-bottom: 8px; color: var(--ink-strong); font-size: 15px; }
.work-grid p { margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 1.55; }

/* The open-source promise sits beside three terse product facts. */
.open-source-grid { display: grid; grid-template-columns: 1.35fr 0.65fr; gap: clamp(36px, 7vw, 88px); align-items: center; }
.open-source-promise { margin: 24px 0 0; padding: 18px 20px; border-left: 3px solid var(--accent); border-radius: var(--radius-sm); background: var(--paper-raised); color: var(--ink); font-size: 14.5px; line-height: 1.6; }
.oss-facts { border: var(--border-hair); border-radius: var(--radius-lg); background: var(--paper-raised); box-shadow: var(--shadow-card); overflow: hidden; }
.oss-facts > div { padding: 24px; }
.oss-facts > div + div { border-top: var(--border-hair); }
.oss-facts b { display: block; margin-bottom: 7px; color: var(--ink-strong); font-family: var(--font-mono); font-size: 13px; }
.oss-facts span { display: block; color: var(--ink-muted); font-size: 13.5px; line-height: 1.5; }

/* Qualification. */
.fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 36px; }
.fit-column { min-width: 0; padding: 30px; border-radius: var(--radius-lg); background: var(--paper-raised); box-shadow: var(--shadow-card); }
.fit-column.good { border-top: 3px solid var(--positive); }
.fit-column.not { border-top: 3px solid var(--rule-strong); }
.fit-column h3 { margin: 0 0 16px; font-size: 18px; }
.fit-column ul { list-style: none; margin: 0; padding: 0; }
.fit-column li { position: relative; padding: 12px 0 12px 25px; border-top: var(--border-hair); color: var(--ink-muted); font-size: 14.5px; line-height: 1.55; }
.fit-column li:first-child { border-top: 0; }
.fit-column li::before { position: absolute; top: 12px; left: 0; font-family: var(--font-mono); }
.fit-column.good li::before { content: "→"; color: var(--positive); }
.fit-column.not li::before { content: "—"; color: var(--ink-faint); }

/* Local deployment. */
.security-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 36px; border: 1px solid var(--rule-on-dark); border-radius: var(--radius-md); background: var(--rule-on-dark); overflow: hidden; }
.security-grid > div { min-width: 0; padding: 24px; background: var(--paper-ink); }
.security-grid b { display: block; margin-bottom: 8px; color: var(--ink-on-dark); font-size: 15px; }
.security-grid p { margin: 0; color: var(--ink-on-dark-muted); font-size: 14px; line-height: 1.6; }

.exec-faq { margin-top: 32px; }
.exec-faq details { padding: 20px 0; border-top: var(--border-hair); }
.exec-faq details:first-child { border-top: 0; }
.exec-faq summary { cursor: pointer; color: var(--ink-strong); font-size: 15.5px; font-weight: 600; }
.exec-faq details p { margin: 12px 0 0; color: var(--ink-muted); font-size: 14.5px; line-height: 1.6; }

.cta-section { text-align: center; }
.cta-section .container { max-width: 760px; }
.cta-section h2,
.cta-section .lead { margin-right: auto; margin-left: auto; }
.cta-section .hero-actions { justify-content: center; }
.next-step { margin: 20px auto 0; color: var(--ink-muted); font-size: 13.5px; line-height: 1.6; }

@media (max-width: 960px) {
  .problem-grid,
  .work-grid { grid-template-columns: 1fr 1fr; }
  .measure-strip,
  .security-grid { grid-template-columns: 1fr 1fr; }
  .measure-strip > div:nth-child(3),
  .security-grid > div:nth-child(3) { border-left: 0; }
  .measure-strip > div:nth-child(n+3),
  .security-grid > div:nth-child(n+3) { border-top: 1px solid color-mix(in oklab, var(--accent) 30%, transparent); }
  .security-grid > div:nth-child(n+3) { border-top-color: var(--rule-on-dark); }
}

@media (max-width: 760px) {
  .engagement,
  .route-grid,
  .open-source-grid,
  .fit-grid { grid-template-columns: 1fr; }
  .numbered-list li { grid-template-columns: 1fr; gap: 5px; }
}

@media (max-width: 620px) {
  .problem-grid,
  .work-grid,
  .measure-strip,
  .security-grid { grid-template-columns: 1fr; }
  .measure-strip > div + div,
  .security-grid > div + div { border-left: 0; border-top: var(--border-hair); }
  .security-grid > div + div { border-top-color: var(--rule-on-dark); }
}