.audience-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.audience-features > div { border-top: 1px solid var(--line); padding-top: 22px; }
.audience-features h3 { font-size: 20px; }
.blog-invitation { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.blog-invitation p:last-child { margin-bottom: 0; }
.blog-invitation .button { flex-shrink: 0; }
.philosophy h2 { font-size: clamp(36px, 5vw, 64px); }
@media (max-width: 760px) {
  .audience-features { grid-template-columns: 1fr; gap: 18px; }
  .blog-invitation { align-items: flex-start; flex-direction: column; }
}