.directory-hero { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 64px; padding-block: 64px; }
.directory-hero h1 { font-size: clamp(42px, 4.8vw, 66px); }
.directory-intro > p:first-child { max-width: 430px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.directory-intro .actions { margin-top: 24px; }
.directory-intro .button { padding-inline: 20px; gap: 12px; }
.channel-note { margin-top: 18px; color: var(--muted); font: 10px 'JetBrains Mono', monospace; }
.industry-directory { padding-bottom: 64px; }
.directory-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding-top: 28px; border-top: 1px solid var(--border); margin-bottom: 24px; }
.directory-heading h2 { font-size: 24px; margin-top: 0; letter-spacing: -.035em; }
.directory-heading > p { font-size: 12px; color: var(--muted); }
.industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.industry-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(140deg, rgba(193,127,89,.065), rgba(255,255,255,.015)); }
.industry-card:hover, .industry-card:focus-visible { border-color: var(--copper); background: rgba(193,127,89,.09); }
.industry-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.industry-card-top svg { width: 30px; height: 30px; color: var(--light); }
.industry-card-top > span { color: var(--muted); font: 10px 'JetBrains Mono', monospace; }
.industry-card h3 { font-size: 21px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3; }
.industry-outcome { font-size: 13px; line-height: 1.6; margin-top: 14px; color: var(--light); }
.industry-description { color: var(--muted); font-size: 13px; line-height: 1.8; margin-block: 8px 24px; }
.industry-card .card-link { padding-top: 18px; border-top: 1px solid var(--border); }
.other-industry { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0 0; }
.other-industry p { color: var(--muted); font-size: 13px; }
.other-industry strong { color: var(--text); font-weight: 500; margin-right: 6px; }
.other-industry .text-link { flex-shrink: 0; }
.demo-section { border-block: 1px solid var(--border); background: rgba(255,255,255,.015); }
.demo-grid { grid-template-columns: repeat(2, 1fr); }
.demo-card { padding: 32px; }
.mini-chat { max-width: 350px; width: 100%; margin-inline: auto; }
@media (max-width: 1050px) {
  .nav { gap: 20px; }
  .nav-links { gap: 20px; }
  .directory-hero { gap: 32px; }
  .directory-intro > p:first-child { font-size: 14px; }
  .industry-card { padding: 24px; }
  .industry-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .nav-links { display: none; }
  .nav-cta { margin-left: auto; }
  .directory-hero { grid-template-columns: 1fr; padding-block: 48px; gap: 24px; }
  .directory-hero h1 { font-size: clamp(42px, 7vw, 60px); }
  .directory-intro > p:first-child { max-width: 550px; }
  .directory-intro .actions { margin-top: 20px; }
  .directory-heading { flex-direction: column; gap: 8px; }
  .other-industry { align-items: flex-start; flex-direction: column; gap: 8px; }
  .demo-grid { grid-template-columns: 1fr; }
}
@media (max-width: 580px) {
  .directory-hero { padding-block: 36px; }
  .directory-hero h1 { font-size: clamp(36px, 9.5vw, 52px); }
  .directory-hero .eyebrow { font-size: 9px; }
  .directory-intro .button { font-size: 12px; padding-inline: 16px; }
  .industry-grid { grid-template-columns: 1fr; gap: 16px; }
  .industry-directory { padding-bottom: 48px; }
  .industry-card-top { margin-bottom: 20px; }
  .demo-card { padding: 24px; }
}