.tgm-landing { max-width: 960px; margin: 0 auto; padding: 40px 20px 60px; font-family: -apple-system, "Segoe UI", Roboto, sans-serif; }
.tgm-landing-hero { text-align: center; margin-bottom: 44px; }
.tgm-landing-hero h1 { font-size: 34px; letter-spacing: 3px; margin: 0 0 12px; color: #111; }
.tgm-landing-tag { font-size: 17px; color: #555; margin: 0; }
.tgm-landing-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.tgm-landing-card {
  display: block; text-decoration: none; color: inherit; background: #fff;
  border: 1px solid #e3e3e3; border-radius: 12px; padding: 32px 28px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05); transition: transform .15s, box-shadow .15s;
}
.tgm-landing-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,.1); }
.tgm-landing-icon { font-size: 40px; }
.tgm-landing-card h2 { font-size: 21px; margin: 14px 0 10px; color: #111; }
.tgm-landing-card p { font-size: 15px; color: #555; line-height: 1.6; margin: 0 0 18px; }
.tgm-landing-cta { display: inline-block; font-weight: 700; color: #ff6a00; font-size: 15px; }
@media (max-width: 600px) {
  .tgm-landing-hero h1 { font-size: 24px; letter-spacing: 2px; }
}