.page-hero { position: relative; overflow: hidden; padding-block: clamp(4.5rem, 10vw, 8rem); color: var(--color-white); background: var(--color-navy); }
.page-hero::after { content: ""; position: absolute; width: 42vw; height: 42vw; right: -15vw; top: -18vw; border: 1px solid rgba(22, 201, 190, .28); border-radius: 50%; box-shadow: 0 0 0 7vw rgba(20, 121, 244, .05), 0 0 0 14vw rgba(22, 201, 190, .035); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.page-hero h1 { color: var(--color-white); }
.page-hero .lead { max-width: 720px; margin-top: 1.4rem; color: #CED9E8; }
html[lang="en"] .page-hero h1 { max-width: 22ch; text-wrap: balance; }
html[lang="en"] .page-hero .lead { max-width: 65ch; }
html[lang="en"] .section-head .lead { max-width: 68ch; }
.page-hero .eyebrow { color: #72E3D8; }
.page-hero .button-primary { color: var(--color-navy); border-color: var(--color-white); background: var(--color-white); }
.page-hero .button-secondary { color: var(--color-white); border-color: rgba(255, 255, 255, .5); }
.hero-text-action { margin-top: 1rem; }
.hero-text-action a { color: #B8C8DC; font-size: .92rem; font-weight: 700; text-underline-offset: .25em; }
.page-hero .visual-asset { color: var(--color-ink); box-shadow: 0 24px 64px rgba(0, 0, 0, .2); }
.page-hero .visual-asset--diagram { background: rgba(255, 255, 255, .97); }
.page-about .page-hero h1 { text-wrap: balance; }
.section-alt { background: var(--color-white); }
.section-tint { background: var(--color-soft-blue); }
.section-asset { margin-top: 2rem; }
#pain-points .card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#pain-points .card { box-shadow: none; }
#pain-points .card::before { content: ""; width: 32px; height: 3px; display: block; margin-bottom: 1.15rem; border-radius: 999px; background: linear-gradient(90deg, var(--color-blue), var(--color-teal)); }
#business-entry .card h3 { min-height: 2.35em; }
#business-entry .card p { min-height: 5.1em; }
html[lang="en"] #business-entry .card h3,
html[lang="en"] #business-entry .card p { min-height: 0; }
#responsibility .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-insights #published-insights { background: var(--color-white); }
.page-lab .page-hero .hero-grid, .page-insights .page-hero .hero-grid, .page-delivery-loop .page-hero .hero-grid, .page-not-found .page-hero .hero-grid { grid-template-columns: minmax(0, 820px); }
.page-not-found .page-hero { min-height: calc(100vh - 82px); display: grid; align-items: center; }
.page-services .split-grid:nth-child(even) { direction: rtl; }
.page-services .split-grid:nth-child(even) > * { direction: ltr; }
.intake-layout { display: grid; grid-template-columns: minmax(0, .72fr) minmax(420px, 1.28fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.intake-form { display: grid; gap: 1.1rem; padding: clamp(1.4rem, 4vw, 2.5rem); border: 1px solid var(--color-line); border-radius: var(--radius-card); background: var(--color-white); box-shadow: var(--shadow-card); }
.form-field { display: grid; gap: .45rem; }
.form-field label { color: var(--color-navy); font-weight: 750; }
.form-field input, .form-field textarea { width: 100%; min-height: var(--touch-target); padding: .75rem .85rem; color: var(--color-ink); border: 1px solid #AEBACA; border-radius: var(--radius-control); background: var(--color-white); }
.form-field textarea { min-height: 120px; resize: vertical; }
.form-note { color: var(--color-muted); font-size: .88rem; }
.form-status { min-height: 1.5em; color: var(--color-muted); }
.form-status[data-state="error"] { color: #A02E2E; }
.form-status[data-state="success"] { color: #0C6D55; }
.turnstile-slot { min-height: 70px; }
.honeypot-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (min-width: 1025px) {
  .page-about .hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); }
  .page-about .page-hero h1 { font-size: clamp(3rem, 3.6vw, 3.5rem); }
}
@media (max-width: 1024px) {
  .hero-grid, .intake-layout { grid-template-columns: 1fr; }
  .hero-grid .visual-asset { width: min(100%, 760px); }
  #pain-points .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .page-hero { padding-block: 4.5rem; }
  .intake-form { padding: 1.15rem; }
  #pain-points .card-grid { grid-template-columns: 1fr; }
  #responsibility .card-grid { grid-template-columns: 1fr; }
  #business-entry .card h3, #business-entry .card p { min-height: 0; }
  .visual-asset--diagram { padding: .35rem; overflow-x: auto; }
  .visual-asset--diagram .diagram-zoom { min-width: 520px; }
  .page-hero .visual-asset--diagram .diagram-zoom { min-width: 460px; }
  html[lang="en"] .page-about .page-hero h1 { font-size: clamp(2.2rem, 10.5vw, 3.1rem); }
}