/* Mac download CTA: keep the icon and label centered together. */
.hero-actions .cta-slide{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:210px;height:48px;min-height:48px;padding:0;border-radius:999px;overflow:hidden;text-align:center;transition:transform 160ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.cta-slide__label{position:relative;z-index:1;display:block;line-height:1.2}
.hero-actions .cta-slide .cta-slide__apple{position:relative;z-index:1;width:22px;height:22px;flex:none}
.cta-slide:focus-visible{outline:3px solid #8679cf;outline-offset:4px}

/* A soft sheen crosses the surface; content stays still. */
.hero-actions .cta-slide::before{content:"";position:absolute;inset:-1px;z-index:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.08) 35%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.08) 65%,transparent 80%);pointer-events:none;transform:translateX(-105%);opacity:0;transition:transform 250ms ease,opacity 150ms ease}
@media(hover:hover) and (pointer:fine){.hero-actions .cta-slide:hover::before{transform:translateX(105%);opacity:1}}
.hero-actions .cta-slide:active{transform:scale(.97)}
.hero-actions .cta-slide:focus-visible::before{transform:none;opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){
 .hero-actions .cta-slide{transition:none}
 .hero-actions .cta-slide:active{transform:none}
 .hero-actions .cta-slide::before{transform:none;opacity:0;transition:opacity 150ms ease}
 .hero-actions .cta-slide:focus-visible::before{opacity:1;transition:none}
}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.hero-actions .cta-slide:hover::before{transform:none;opacity:1}}