.ax-app-install{max-width:1000px;margin:24px auto 48px}
.ax-app-install__hero{display:flex;align-items:center;gap:24px}
.ax-app-install__hero>img{flex:none;border-radius:22px;background:var(--ax-bg-secondary)}
.ax-app-install__hero h1{font-size:var(--ax-fs-2xl)}
.ax-app-install__actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px}
.ax-app-install__guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.ax-app-install__guides article{padding:20px;border:1px solid var(--ax-border);border-radius:var(--ax-radius);background:var(--ax-bg-card);min-width:0}
.ax-app-install__guides h2{font-size:var(--ax-fs-lg);margin:0 0 12px}
.ax-app-install__guides ol{padding-inline-start:20px;margin:0}
.ax-app-install__guides li{margin-bottom:12px;line-height:1.7;overflow-wrap:anywhere}
.ax-app-install [hidden]{display:none!important}
@media(max-width:760px){.ax-app-install__guides{grid-template-columns:1fr}.ax-app-install__hero{align-items:flex-start;gap:16px}.ax-app-install__hero>img{width:72px;height:72px;border-radius:16px}}
@media(display-mode:standalone){.ax-header{padding-top:max(12px,env(safe-area-inset-top))}.ax-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}}

@keyframes ax-app-logo-enter{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes ax-app-name-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
html.ax-app-launching .ax-app-launch img{animation:ax-app-logo-enter .55s ease-out both}
html.ax-app-launching .ax-app-launch strong{animation:ax-app-name-enter .45s .1s ease-out both}
@media(prefers-reduced-motion:reduce){html.ax-app-launching .ax-app-launch img,html.ax-app-launching .ax-app-launch strong{animation:none}}