.claude-page { background: #fff; }
.claude-content { width: min(100% - 40px, 1120px); margin-inline: auto; }
.claude-hero { position: relative; display: flex; align-items: end; min-height: min(68vh, 570px); overflow: hidden; color: #fff; background: #17352b; }
.claude-hero-image, .claude-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.claude-hero-image { object-fit: cover; object-position: center 44%; }
.claude-hero-shade { background: rgba(6, 23, 20, .65); }
.claude-hero-content { position: relative; width: min(100% - 40px, 1120px); margin: 0 auto; padding: 52px 0 58px; }
.claude-eyebrow { margin: 0 0 12px; color: #f9c592; font: 700 12px 'JetBrains Mono', monospace; text-transform: uppercase; }
.claude-hero h1 { max-width: 760px; font-size: 68px; line-height: 1.04; }
.claude-hero p:not(.claude-eyebrow) { max-width: 640px; margin: 18px 0 0; color: #f5f8f5; font-size: 18px; line-height: 1.6; }
.claude-hero .button { margin-top: 26px; border-radius: 4px; background: #c65619; color: #fff; }
.claude-tools { padding-block: 62px 72px; }
.claude-section-head { max-width: 800px; }
.claude-section-head h2 { line-height: 1.12; }
.claude-table-wrap { margin-top: 28px; }
.claude-tool-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
.claude-tool-table th, .claude-tool-table td { padding: 19px 18px; border-bottom: 1px solid #d8e4dd; vertical-align: top; line-height: 1.55; }
.claude-tool-table thead th { padding-top: 0; color: #416456; font: 700 12px 'JetBrains Mono', monospace; text-transform: uppercase; }
.claude-tool-table tbody th { width: 25%; font-weight: 600; }
.claude-tool-table th:first-child { padding-left: 0; }
.claude-tool-table td:last-child { padding-right: 0; }
.claude-tool-table code, .claude-setup code { font: 600 14px 'JetBrains Mono', monospace; overflow-wrap: anywhere; }
.claude-tool-table td { color: #414c47; }
.claude-tool-table a, .claude-privacy a { color: #12613d; font-weight: 700; text-underline-offset: 3px; }
.claude-setup { scroll-margin-top: 76px; padding-block: 62px; background: #eaf3ee; }
.claude-setup-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.claude-setup h2 { max-width: 500px; line-height: 1.12; }
.claude-setup p:not(.eyebrow), .claude-privacy p:not(.eyebrow) { max-width: 660px; color: #414c47; font-size: 17px; line-height: 1.7; }
.claude-setup ol { margin: 0; padding: 0; list-style: none; counter-reset: setup; }
.claude-setup li { counter-increment: setup; position: relative; min-height: 56px; padding: 5px 0 20px 56px; border-bottom: 1px solid #bdd0c3; line-height: 1.55; }
.claude-setup li + li { padding-top: 20px; }
.claude-setup li::before { content: counter(setup); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #12613d; border-radius: 50%; color: #12613d; font: 700 13px 'JetBrains Mono', monospace; }
.claude-setup li + li::before { top: 15px; }
.claude-privacy { padding-block: 66px 76px; }
.claude-privacy h2 { max-width: 720px; line-height: 1.12; }
.claude-page > .page { padding-top: 4px; }
@media (max-width: 767px) {
  .claude-content, .claude-hero-content { width: min(100% - 32px, 1120px); }
  .claude-hero { min-height: 405px; }
  .claude-hero-image { object-position: 33% center; }
  .claude-hero-content { padding-block: 38px 44px; }
  .claude-hero h1 { font-size: 42px; }
  .claude-hero p:not(.claude-eyebrow) { font-size: 16px; }
  .claude-hero .button { width: auto; }
  .claude-tools, .claude-privacy { padding-block: 44px 52px; }
  .claude-tool-table, .claude-tool-table tbody, .claude-tool-table tr, .claude-tool-table th, .claude-tool-table td { display: block; width: 100%; }
  .claude-tool-table thead { display: none; }
  .claude-tool-table tr { padding: 18px 0; border-bottom: 1px solid #d8e4dd; }
  .claude-tool-table tbody th { width: 100%; }
  .claude-tool-table th, .claude-tool-table td { border: 0; padding: 0; }
  .claude-tool-table th { margin-bottom: 12px; }
  .claude-tool-table td { margin-top: 9px; }
  .claude-tool-table td::before { content: attr(data-label); display: block; margin-bottom: 2px; color: #416456; font: 700 11px 'JetBrains Mono', monospace; text-transform: uppercase; }
  .claude-setup { padding-block: 44px; }
  .claude-setup-inner { grid-template-columns: 1fr; gap: 22px; }
  .claude-setup li { overflow-wrap: anywhere; }
}