.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); box-shadow: 0 0 20px var(--brand); }
.eyebrow { margin-bottom: 18px; }
.page-hero h1 { max-width: 24ch; }
.page-hero .hero-actions { margin: 0 0 26px; }
.disclaimer { color: var(--muted); font-size: 13px; margin: 14px 0 0; }
.section-head h2 br { display: block; }
.statement {
  margin: 36px 0 0; padding: 28px; border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--brand) 40%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 16%, transparent), var(--card));
}
.statement strong { display: block; font-size: clamp(22px, 3vw, 34px); letter-spacing: -.05em; line-height: 1.15; margin-bottom: 10px; }
.statement p { margin: 0; color: var(--muted); max-width: 62ch; }
.cards.compact .card { min-height: 0; }
.cards.compact .card h3 { font-size: 18px; text-transform: uppercase; letter-spacing: .02em; }
.pilot-hero .subhead { color: var(--brand-bright, var(--accent-bright)); font-size: clamp(22px, 2.6vw, 32px); font-weight: 800; letter-spacing: -.04em; margin: -6px 0 0; }
.pilot-hero .scale-line { color: var(--text); line-height: 1.05; }
.pilot-steps.five { grid-template-columns: repeat(5, 1fr); }
.metrics.three { grid-template-columns: repeat(3, 1fr); }
.metric b.metric-word { font-size: 30px; }
.integration-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; align-items: center; }
.integration-copy p { color: var(--muted); font-size: 17px; margin: 0 0 14px; }
.integration-copy p strong { color: var(--text); }
.integration-grid .arch { margin: 0; }
.integration-grid .arch-box { min-width: 0; padding: 12px 14px; }
.text-link { color: var(--accent-bright); font-weight: 700; }
.case-card {
  display: block; border: 1px solid var(--line); background: var(--card); border-radius: 28px; padding: 28px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, .28); transition: border-color .2s ease, transform .2s ease;
}
.case-card:hover { border-color: var(--accent); transform: translateY(-3px); }
.case-card h2, .case-card h3 { font-size: clamp(22px, 2.6vw, 30px); letter-spacing: -.04em; margin: 0 0 10px; line-height: 1.15; }
.case-card p { color: var(--muted); margin: 0 0 14px; }
.case-card .metrics { margin: 18px 0; }
.page-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.stage-flow .stage { position: relative; }
.stage-flow .stage h3 { margin: 0 0 8px; font-size: 20px; letter-spacing: -.03em; }
.stage-flow .stage p { margin: 0; color: var(--muted); font-size: 14px; }
.stage-flow .stage:not(:last-child)::after {
  content: "→"; position: absolute; right: -7px; top: 50%; transform: translate(50%, -50%);
  color: var(--accent-bright); font-weight: 900; z-index: 2;
}
.section-dark .scale-line, .statement-line { color: var(--text); line-height: 1.05; }
.final-cta h2 { max-width: 20ch; margin: 0 auto 22px; }
.final-steps p { margin: 4px 0; color: var(--muted); font-size: 18px; }
.final-cta .own-line { color: var(--text); line-height: 1.05; }
.faq-list { max-width: 860px; }
.flow-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 0; }
.flow-inline span { border: 1px solid var(--line); background: var(--card); border-radius: 999px; padding: 10px 16px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.flow-inline i { color: var(--accent-bright); font-style: normal; font-weight: 900; }
.measure-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.measure-list li { border: 1px solid var(--line); background: var(--card); border-radius: 16px; padding: 16px 18px; font-weight: 700; }
.metrics.five { grid-template-columns: repeat(5, 1fr); }
.metrics.two-by-two { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) {
  .pilot-steps.five, .metrics.five { grid-template-columns: repeat(3, 1fr); }
  .stage-flow .stage::after { display: none; }
}
@media (max-width: 920px) {
  .integration-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .pilot-steps.five, .metrics.three, .metrics.five, .metrics.two-by-two { grid-template-columns: 1fr; }
  .statement { padding: 22px; }
}
.flow-vertical { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 18px 0 0; }
.flow-vertical span { border: 1px solid var(--line); background: var(--card); border-radius: 999px; padding: 10px 18px; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.flow-vertical i { color: var(--accent-bright); font-style: normal; font-weight: 900; padding-left: 22px; }
.case-card .metrics { margin-top: 14px; }
.calc-fields input {
  width: 100%; box-sizing: border-box; border: 1px solid var(--line); background: var(--card); color: var(--text);
  border-radius: 14px; padding: 12px 14px; font: inherit; font-size: 16px;
}
.calc-fields input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.progress-row .arr { color: var(--accent-bright); font-weight: 900; }