/* Industry pages follow the public pricing page's hero, blocklist, and band styles. */
body.industry-body {
  margin: 0;
  min-height: 100vh;
  color: #e2e8f0;
  background-color: #0f172a;
  background-image: linear-gradient(135deg, #0a0e17 0%, #1a103d 50%, #0a1a2e 100%);
  background-attachment: fixed;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.industry-page { overflow: hidden; }
.industry-skip-link { position: absolute; top: -100px; left: 1rem; z-index: 100001; border-radius: 8px; padding: .7rem 1rem; background: #0a0e17; color: #f8fafc; font-weight: 600; text-decoration: none; }
.industry-skip-link:focus { top: .5rem; outline: 2px solid #c4b5fd; outline-offset: 2px; }
.industry-wrap { width: 100%; max-width: 1180px; margin: 0 auto; }
.industry-story { position: relative; padding: 3.25rem 2rem 3rem; overflow: hidden; }
.industry-story > .industry-wrap { position: relative; z-index: 1; }
.industry-finish { padding: 2.5rem 2rem 4rem; }
.industry-dots {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 24%, #000 76%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 24%, #000 76%, transparent 100%);
}
.industry-eyebrow {
  display: block;
  margin: 0 0 .65rem;
  color: #c084fc;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.industry-hero { --public-hero-accent-start: #22d3ee; --public-hero-accent-end: #a855f7; }
.industry-hero .public-hero__layout { align-items: center; }
.industry-hero .public-hero__title { max-width: 720px; }
.industry-hero .public-hero__subtitle { max-width: 680px; }
.industry-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.4rem; margin-top: 1.5rem; }
.industry-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .7rem 1.25rem;
  border-radius: 8px;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: #fff;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  transition: filter .2s ease;
}
.industry-button:hover { filter: brightness(1.12); }
.industry-button:focus-visible, .industry-text-link:focus-visible { outline: 2px solid #c4b5fd; outline-offset: 4px; }
.industry-text-link { color: #c4b5fd; font-size: .88rem; font-weight: 600; text-decoration: none; }
.industry-text-link:hover { color: #e9d5ff; }
.industry-text-link span { margin-left: .3rem; }
.industry-count-visual { position: relative; }
.industry-count-visual::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 52%, rgba(34, 211, 238, .1), transparent 62%); pointer-events: none; }
.industry-count-particles { position: absolute; inset: 0; width: 100%; height: 100%; }
.industry-section-title { max-width: 790px; margin: 0 0 .65rem; color: #f1f5f9; font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 600; line-height: 1.2; }
.industry-section-lead { max-width: 730px; margin: 0; color: #94a3b8; font-size: .95rem; line-height: 1.65; }
.industry-observed-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.industry-prose { max-width: 670px; margin: 1.35rem 0 0; color: #a9b7ca; font-size: 1rem; line-height: 1.75; }
.industry-why { border: 1px solid rgba(148, 163, 184, .14); border-radius: 10px; padding: 2rem; background: rgba(10, 14, 23, .7); }
.industry-why h3 { margin: 0; color: #f1f5f9; font-size: 1.125rem; font-weight: 600; }
.industry-why p { margin: 1rem 0 0; color: #94a3b8; font-size: .9rem; line-height: 1.7; }
.industry-fit { margin-top: 3.5rem; }
.industry-use-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.industry-use { min-width: 0; border: 1px solid rgba(148, 163, 184, .14); border-radius: 10px; padding: 1.75rem; background: rgba(10, 14, 23, .7); }
.industry-use h3 { margin: 0; color: #f1f5f9; font-size: 1.125rem; font-weight: 600; }
.industry-use p { margin: 1rem 0 0; color: #94a3b8; font-size: .9rem; line-height: 1.7; }
.industry-scope { max-width: 920px; margin-top: 2.25rem; }
.industry-scope p { margin: 0; color: #8290a5; font-size: .84rem; line-height: 1.7; }
.industry-scope p + p { margin-top: .5rem; }
.industry-scope strong { color: #a9b7ca; font-weight: 600; }
.industry-close { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2.5rem; max-width: 1080px; }
.industry-close .industry-section-title { max-width: 700px; font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.18; }
.industry-close-copy p { max-width: 740px; margin: .7rem 0 0; color: #a9b7ca; font-size: .96rem; line-height: 1.65; }
@media (min-width: 1101px) { .industry-hero .public-hero__visual--particles { height: 275px; width: clamp(440px, calc(100vw - 760px), 520px); } }
@media (min-width: 769px) and (max-width: 1100px) { .industry-hero .public-hero__visual--particles { height: 255px; } }
@media (min-width: 640px) and (max-width: 768px) { .industry-hero .public-hero__visual--particles { height: 250px; } }
@media (min-width: 550px) and (max-width: 639px) { .industry-hero .public-hero__visual--particles { height: 250px; } }
@media (max-width: 880px) { .industry-observed-grid, .industry-use-grid { grid-template-columns: 1fr; } .industry-use-grid { max-width: 650px; } }
@media (max-width: 760px) { .industry-close { grid-template-columns: 1fr; gap: 1.5rem; max-width: 650px; } .industry-close .industry-button { justify-self: start; } }
@media (max-width: 640px) {
  .industry-story { padding: 2.75rem 1rem 2.5rem; }
  .industry-finish { padding: 2.25rem 1rem 3.5rem; }
  .industry-fit { margin-top: 2.75rem; }
  .industry-use-grid { grid-template-columns: 1fr; }
  .industry-use, .industry-why { padding: 1.5rem; }
  .industry-scope { margin-top: 1.75rem; }
  .industry-actions { align-items: stretch; flex-direction: column; }
  .industry-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .industry-button { transition: none; } }