.agency-page { max-width: 1120px; margin: auto; padding: 48px 24px 40px; }
.agency-intro { max-width: 800px; margin-bottom: 38px; }
.agency-eyebrow { color: #65716d; font-size: .72rem; font-weight: 700; letter-spacing: .12em; margin: 0 0 12px; }
.agency-intro h1 { font-size: clamp(2.2rem, 4.2vw, 3.6rem); line-height: 1.06; letter-spacing: -.045em; max-width: 20ch; margin: 0 0 18px; }
.agency-description { color: #52605b; max-width: 56ch; font-size: 1.08rem; line-height: 1.6; margin-bottom: 22px; }
.agency-intro .lp-btn { gap: 24px; }
.agency-note { color: #57645f; font-size: .8rem; line-height: 1.6; max-width: 85ch; margin: 14px 0; }
.agency-signin { font-size: .8rem; }
.agency-sample { border: 1px solid #dce3df; border-radius: 14px; background: white; padding: 24px; }
.agency-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.agency-table-heading h2 { font-size: 1.3rem; margin: 0 0 16px; }
.agency-table-heading .agency-eyebrow { margin-bottom: 6px; }
.agency-count { font-size: .75rem; background: #edf4ee; color: #35543e; padding: 7px 10px; border-radius: 6px; }
.agency-sample table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.agency-sample caption { text-align: left; font-size: .8rem; color: #65716d; margin: 8px 0 14px; }
.agency-sample th, .agency-sample td { text-align: left; padding: 12px; border-bottom: 1px solid #e8ece9; overflow-wrap: anywhere; font-size: .85rem; }
.agency-sample th { background: #f5f7f5; color: #52605b; font-size: .75rem; }
.agency-sample th:first-child { width: 34%; }
.agency-sample td:first-child { font-weight: 600; }
.agency-empty { padding: 24px 0; color: #52605b; }
@media (max-width: 600px) {
  .agency-page { padding: 30px 16px; }
  .agency-sample { padding: 16px 12px; }
  .agency-sample th, .agency-sample td { padding: 10px 5px; font-size: .75rem; }
  .agency-sample th:first-child { width: 30%; }
}