body[data-page="home"] { background: var(--base); }
.home-intro { padding-block: 4px 36px; max-width: 850px; }
.home-intro h1 span { color: var(--yellow); }
.home-description { max-width: 640px; margin-top: 22px; font-size: 22px; color: var(--muted); }
.home-feature { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 28px; padding: 32px; background: var(--surface); border: 1px solid var(--line); border-top: 3px solid var(--blue); border-radius: 12px; }
.home-feature h2 { max-width: 530px; }
.home-feature .eyeline { color: var(--yellow); font-size: 18px; }
.home-feature-cta { color: var(--base); text-align: center; }
.home-feature-cta:hover { color: white; }
.home-about { padding-top: 30px; border-top: 1px solid var(--line); }
.home-about a { display: inline-block; margin-top: 12px; padding-block: 8px; }
@media (max-width: 899px) {
  .home-intro { padding-bottom: 28px; }
  .home-description { font-size: 20px; margin-top: 18px; }
  .home-feature { grid-template-columns: 1fr; gap: 20px; padding: 24px; }
  .home-feature-cta { width: 100%; font-size: 19px; padding-inline: 14px; }
}