/* Industry pages: plain sections that sit between the shared nav and footer (tokens in site.css). */
.ind .wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.ind h1, .ind h2, .ind h3, .ind p { margin: 0; }
.ind__k { font: 500 12px/16px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--forest); }
.ind__hero { padding: calc(var(--nav-h) + var(--section-y)) 0 var(--section-y); }
.ind__hero h1 { margin-top: var(--space-sm); max-width: 18ch; font: 500 64px/68px var(--f-display); letter-spacing: -.015em; color: var(--ink); }
.ind__hero h1 em { font-style: normal; color: var(--forest); }
.ind .ind__lede { margin-top: var(--space-md); max-width: 36rem; font: 400 19px/30px var(--f-sans); color: var(--ink-muted); }
.ind__cta { margin-top: var(--space-md); display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-md); align-items: center; }
.ind__btn { display: inline-flex; align-items: center; height: 48px; padding: 0 24px; border-radius: var(--radius-sm); background: var(--ocean); color: var(--paper-raised);
  font: 600 16px/1 var(--f-sans); white-space: nowrap; }
.ind__btn:hover { background: var(--blue-800); text-decoration: none; }
.ind__mail { font: 600 16px/26px var(--f-sans); color: var(--ocean); }
.ind__mail:hover { text-decoration: underline; }
.ind__sec { padding: var(--section-y) 0; }
.ind__sec:nth-of-type(2) { background: var(--ocean-tint); }
.ind__sec h2 { margin-top: var(--space-sm); max-width: 24ch; font: 500 40px/46px var(--f-display); letter-spacing: -.01em; color: var(--ink); }
.ind__grid { margin: var(--space-md) 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-md); }
.ind__grid li { padding: var(--space-md); border: 1px solid var(--stone); border-radius: var(--radius-md); background: var(--paper-raised); }
.ind__grid h3 { font: 600 22px/30px var(--f-sans); color: var(--ink); }
.ind__grid p { margin-top: var(--space-xs); max-width: 34rem; font: 400 16px/26px var(--f-sans); color: var(--ink-muted); }
.ind__steps { margin: var(--space-md) 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-md); counter-reset: s; }
.ind__steps li { counter-increment: s; padding-top: var(--space-sm); border-top: 1px solid var(--stone); }
.ind__steps li::before { content: "0" counter(s); font: 500 12px/16px var(--f-mono); letter-spacing: .08em; color: var(--forest); }
.ind__steps h3 { margin-top: var(--space-xs); font: 600 22px/30px var(--f-sans); color: var(--ink); }
.ind__steps p { margin-top: var(--space-xs); font: 400 16px/26px var(--f-sans); color: var(--ink-muted); }
.ind .ind__own { margin-top: var(--space-md); max-width: 40rem; font: 400 19px/30px var(--f-sans); color: var(--ink); }
.ind__band { background: var(--ocean); padding: var(--section-y) 0; color: var(--paper); }
.ind__band .ind__k { color: var(--paper); }
.ind__band h2 { margin-top: var(--space-sm); max-width: 16ch; font: 500 40px/46px var(--f-display); letter-spacing: -.01em; color: var(--paper); }
.ind__band h2 em { font-style: normal; }
.ind__band .ind__btn { background: var(--paper); color: var(--ocean); }
.ind__band .ind__btn:hover { background: var(--blue-100); }
.ind__band .ind__mail { color: var(--paper); }
.ind__band :focus-visible { outline-color: var(--paper); }
@media (max-width: 860px) { .ind__grid, .ind__steps { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
  .ind__hero h1 { font-size: 44px; line-height: 48px; }
  .ind__sec h2, .ind__band h2 { font-size: 32px; line-height: 38px; }
  .ind__grid li { padding: var(--space-sm); }
}
