html, body, button, a, p, h1, h2, h3, span, small { letter-spacing: 0; }
.hero-content > * { animation: rise-in .65s both; }
.hero-content > *:nth-child(2) { animation-delay: .08s; }
.hero-content > *:nth-child(3) { animation-delay: .14s; }
.hero-content > *:nth-child(4) { animation-delay: .2s; }
.hero-content > *:nth-child(5) { animation-delay: .26s; }
.hero-content > *:nth-child(6) { animation-delay: .32s; }
.hero-image { animation: hero-arrive 1.2s ease-out both; }
.hero-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.all-platforms { font-size: 14px; font-weight: 600; color: #e0e8f2; padding: 12px 0; }
.all-platforms span { margin-left: 5px; }
.all-platforms:hover { color: #fff; }
.device-status { font-size: 12px; color: #c3cfdc; margin: 18px 0 0; line-height: 1.6; }
.primary, .platform-action.available, .header-link, .brand img { transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.primary:hover, .platform-action.available:hover { transform: translateY(-2px); box-shadow: 0 8px 20px #10243825; }
.brand:hover img { transform: rotate(-4deg); }
.platform { position: relative; transition: background-color .25s ease; }
.download-section { padding-top: 64px; padding-bottom: 72px; }
.platform:hover, .platform:focus-within { background: #eff4f0; }
.platform-icon { transition: background-color .25s ease, color .25s ease, transform .25s ease; }
.platform:hover .platform-icon, .platform:focus-within .platform-icon { transform: translateY(-3px); background: #d9e9df; color: #254b38; }
.platform-icon svg, .action-icon { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.action-icon { width: 19px; height: 19px; transition: transform .2s ease; }
.primary:hover .action-icon { transform: translateY(3px); }
.platform-action.available { display: inline-flex; align-items: center; justify-content: center; min-width: 78px; min-height: 44px; }
button.platform-action.available { background: transparent; font-family: inherit; cursor: pointer; }
.platform-action.available:active, .primary:active { transform: translateY(1px); box-shadow: none; }
.hero-image { animation: hero-arrive 1.2s ease-out both, hero-drift 8s ease-in-out 1.2s infinite alternate; }
.platform.detected .platform-icon { background: #dcebe2; color: #315e48; }
.device-badge { display: inline-block; vertical-align: middle; font-size: 11px; font-weight: 500; color: #346d50; background: #e0eee5; border-radius: 3px; padding: 4px 7px; margin-left: 6px; }
.primary:focus-visible, .header-link:focus-visible, .all-platforms:focus-visible, .platform-action:focus-visible, .brand:focus-visible { outline: 3px solid #c5a65e; outline-offset: 4px; }
@keyframes rise-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hero-arrive { from { opacity: .65; transform: scale(1.02); } to { opacity: 1; transform: scale(1); } }
@keyframes hero-drift { from { transform: scale(1); } to { transform: scale(1.025); } }
@media (max-width: 700px) {
  .download-section { padding-top: 40px; padding-bottom: 52px; }
  .hero-actions { gap: 18px; }
  .device-status { max-width: 260px; }
  .platform h3 { line-height: 1.5; }
  .device-badge { margin-left: 2px; }
}