/* Compact shared hero and tool section. */
.supported-tools { background: transparent; border-top: 0; padding: 8px 0 24px; }
.supported-tools h2 { margin-bottom: 10px; }
.tools-description { margin-bottom: 20px; }
.tool-card { min-height: 112px; padding: 16px 12px; gap: 10px; background: rgba(248,248,248,.88); }
.tool-icon-claude-clear { width: 54px; height: 44px; border-radius: 0; background: transparent; }
@media (min-width: 1025px) {
  .hero { min-height: calc(100svh - 270px); padding-top: 100px; padding-bottom: 22px; align-content: center; }
  .poster-carousel { max-width: min(100%, calc((100svh - 392px) * 5 / 3)); justify-self: end; }
  h1 { font-size: clamp(40px, 4.1vw, 60px); }
  .lead { margin-top: 18px; }
  .hero-actions { margin-top: 22px; }
}
@media (max-width: 1024px) {
  .hero { min-height: auto; padding-top: 112px; padding-bottom: 36px; gap: 28px; }
  .supported-tools { min-height: 0; }
}
@media (max-width: 620px) {
  .supported-tools { padding-top: 8px; padding-bottom: 30px; }
  .tool-card { min-height: 112px; }
}