main.home-main { background: none; border: 0; border-radius: 0; color: #f5f5f2; text-align: center; padding: 44px 0 44px; max-width: 900px; overflow-wrap: normal; }
.hero-mark { width: 164px; height: 172px; margin: 0 auto 38px; position: relative; overflow: hidden; -webkit-mask: url('/assets/brand-mark.svg') center / contain no-repeat; mask: url('/assets/brand-mark.svg') center / contain no-repeat; }
.hero-mark-fill { position: absolute; inset: -45%; background: radial-gradient(ellipse at 25% 30%, #ffe98b 0, transparent 47%), radial-gradient(ellipse at 75% 70%, #ff9d00 0, transparent 52%), linear-gradient(135deg, #ffd530, #ffba08 55%, #ffe567); animation: golden-drift 9s ease-in-out infinite alternate; }
@keyframes golden-drift { from { transform: translate(-7%, -5%) rotate(-12deg); } to { transform: translate(7%, 6%) rotate(17deg); } }
.home-main h1 { margin: 0; font-size: clamp(36px, 5vw, 52px); font-weight: 750; letter-spacing: -.05em; line-height: 1.4; }
.home-main .home-tagline { margin: 20px auto 0; color: #aeb6af; font-size: 16px; line-height: 1.9; text-wrap: balance; }
.home-links { display: flex; flex-direction: column; align-items: center; gap: 18px; margin: 48px auto 0; font-size: 14px; line-height: 1.7; }
.home-links a { color: #ccd2cc; text-decoration: none; transition: color .2s; }
.home-links a:hover { color: #ffd642; }
.download-links { margin-bottom: 12px; }
.download-links p { margin: 0 0 7px; color: #f5f5f2; font-size: 15px; font-weight: 600; }
.download-links div { font-size: 13px; }
.download-links span { color: #606a62; padding: 0 7px; }
.home-main + .site-footer { margin-top: 28px; }
@media (max-width: 640px) {



  main.home-main { padding: 38px 10px 32px; }
  .hero-mark { width: 135px; height: 142px; margin-bottom: 32px; }
  .home-main h1 { font-size: 36px; }
  .home-main .home-tagline { max-width: 290px; font-size: 14px; margin-top: 17px; }
  .home-links { margin-top: 38px; gap: 17px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .hero-mark-fill { animation: none; } }