/* Andronix 10.1 hero: generated by icon-2.0/hero/build_hero.py, do not edit by hand. */
.ax-hero { --ax-w: 300px; margin: 0; display: flex; justify-content: center; }
.ax-phone { width: var(--ax-w); max-width: 100%; padding: 3.2%; border-radius: 12% / 5.6%; background: #0C0907;
  box-shadow: inset 0 0 0 1.5px #3A2D24, 0 24px 60px -20px rgba(0,0,0,.55); }
.ax-screen { position: relative; overflow: hidden; aspect-ratio: 1080 / 2400; border-radius: 9% / 4.05%;
  background: #19120E; isolation: isolate; container-type: inline-size; }
.ax-screen::after { content: ""; position: absolute; top: 1.3%; left: 50%; width: 3.6%; aspect-ratio: 1; translate: -50% 0;
  border-radius: 50%; background: #000; z-index: 9; }
.ax-home, .ax-s { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.ax-s { opacity: 0; animation: 10s linear infinite; will-change: opacity, transform; }
.ax-s-splash { animation-name: ax-splash; }
.ax-s-home { animation-name: ax-home; }
.ax-s-picker { animation-name: ax-picker; }
.ax-s-interface { animation-name: ax-interface; }
.ax-s-de { animation-name: ax-de; }
.ax-s-user { animation-name: ax-user; }
.ax-s-prog1 { animation-name: ax-prog1; }
.ax-s-prog2 { animation-name: ax-prog2; }
.ax-s-prog3 { animation-name: ax-prog3; }
.ax-s-ready { animation-name: ax-ready; }
.ax-s-starting { animation-name: ax-starting; }
.ax-s-desktop { animation-name: ax-desktop; }
.ax-s-splash { transform-origin: 84.50% 82.00%; }
.ax-bar { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 7; opacity: 0;
  animation: ax-bar 10s linear infinite; }
.ax-tap { position: absolute; width: 10%; aspect-ratio: 1; border-radius: 50%; opacity: 0; z-index: 8; pointer-events: none;
  background: rgba(25,18,14,.28); box-shadow: inset 0 0 0 2px rgba(255,255,255,.95), 0 0 0 1.5px rgba(25,18,14,.5),
  0 2px 10px rgba(0,0,0,.4); animation: ax-tap 10s linear infinite; will-change: opacity, transform; }
@media (prefers-reduced-motion: reduce) {
  .ax-s, .ax-tap, .ax-bar { animation: none; }
  .ax-s-desktop { opacity: 1; transform: none; }
}
@keyframes ax-splash {
  0.000% { opacity: 0.000; transform: scale(0.9600); clip-path: inset(78.61% 7.97% 14.61% 76.97% round 7.53cqw) }
  8.000% { opacity: 0.000; transform: scale(0.9600); clip-path: inset(78.61% 7.97% 14.61% 76.97% round 7.53cqw) }
  8.450% { opacity: 0.400; transform: scale(0.9662); clip-path: inset(66.33% 6.72% 12.33% 64.94% round 7.76cqw) }
  8.900% { opacity: 0.800; transform: scale(0.9800); clip-path: inset(39.30% 3.98% 7.30% 38.48% round 8.27cqw) }
  9.350% { opacity: 1.000; transform: scale(0.9875); clip-path: inset(24.52% 2.48% 4.56% 24.01% round 8.54cqw) }
  9.800% { opacity: 1.000; transform: scale(0.9921); clip-path: inset(15.54% 1.57% 2.89% 15.22% round 8.71cqw) }
  10.250% { opacity: 1.000; transform: scale(0.9951); clip-path: inset(9.60% 0.97% 1.78% 9.40% round 8.82cqw) }
  10.700% { opacity: 1.000; transform: scale(0.9972); clip-path: inset(5.58% 0.56% 1.04% 5.46% round 8.90cqw) }
  11.150% { opacity: 1.000; transform: scale(0.9985); clip-path: inset(2.88% 0.29% 0.54% 2.82% round 8.95cqw) }
  11.600% { opacity: 1.000; transform: scale(0.9994); clip-path: inset(1.19% 0.12% 0.22% 1.17% round 8.98cqw) }
  12.050% { opacity: 1.000; transform: scale(0.9999); clip-path: inset(0.28% 0.03% 0.05% 0.27% round 8.99cqw) }
  12.500% { opacity: 1.000; transform: scale(1.0000); clip-path: inset(0.00% 0.00% 0.00% 0.00% round 9.00cqw) }
  17.000% { opacity: 1.000; transform: scale(1.0000); clip-path: inset(0.00% 0.00% 0.00% 0.00% round 9.00cqw) }
  17.100% { opacity: 0.000; transform: scale(0.9600); clip-path: inset(78.61% 7.97% 14.61% 76.97% round 7.53cqw) }
  100.000% { opacity: 0.000; transform: scale(0.9600); clip-path: inset(78.61% 7.97% 14.61% 76.97% round 7.53cqw) }
}
@keyframes ax-home {
  0.000% { opacity: 0; transform: none }
  14.500% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  17.000% { opacity: 1; transform: none }
  26.000% { opacity: 1; transform: none }
  26.100% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: none }
}
@keyframes ax-picker {
  0.000% { opacity: 0.000; transform: translateX(18.00%) }
  22.500% { opacity: 0.000; transform: translateX(18.00%) }
  22.850% { opacity: 0.333; transform: translateX(15.19%) }
  23.200% { opacity: 0.667; transform: translateX(9.00%) }
  23.550% { opacity: 1.000; transform: translateX(5.61%) }
  23.900% { opacity: 1.000; transform: translateX(3.56%) }
  24.250% { opacity: 1.000; transform: translateX(2.20%) }
  24.600% { opacity: 1.000; transform: translateX(1.28%) }
  24.950% { opacity: 1.000; transform: translateX(0.66%) }
  25.300% { opacity: 1.000; transform: translateX(0.27%) }
  25.650% { opacity: 1.000; transform: translateX(0.06%) }
  26.000% { opacity: 1.000; transform: translateX(0.00%) }
  34.000% { opacity: 1.000; transform: translateX(0.00%) }
  34.100% { opacity: 0.000; transform: translateX(18.00%) }
  100.000% { opacity: 0.000; transform: translateX(18.00%) }
}
@keyframes ax-interface {
  0.000% { opacity: 0.000; transform: translateX(18.00%) }
  30.500% { opacity: 0.000; transform: translateX(18.00%) }
  30.850% { opacity: 0.333; transform: translateX(15.19%) }
  31.200% { opacity: 0.667; transform: translateX(9.00%) }
  31.550% { opacity: 1.000; transform: translateX(5.61%) }
  31.900% { opacity: 1.000; transform: translateX(3.56%) }
  32.250% { opacity: 1.000; transform: translateX(2.20%) }
  32.600% { opacity: 1.000; transform: translateX(1.28%) }
  32.950% { opacity: 1.000; transform: translateX(0.66%) }
  33.300% { opacity: 1.000; transform: translateX(0.27%) }
  33.650% { opacity: 1.000; transform: translateX(0.06%) }
  34.000% { opacity: 1.000; transform: translateX(0.00%) }
  41.000% { opacity: 1.000; transform: translateX(0.00%) }
  41.100% { opacity: 0.000; transform: translateX(18.00%) }
  100.000% { opacity: 0.000; transform: translateX(18.00%) }
}
@keyframes ax-de {
  0.000% { opacity: 0.000; transform: translateX(18.00%) }
  37.500% { opacity: 0.000; transform: translateX(18.00%) }
  37.850% { opacity: 0.333; transform: translateX(15.19%) }
  38.200% { opacity: 0.667; transform: translateX(9.00%) }
  38.550% { opacity: 1.000; transform: translateX(5.61%) }
  38.900% { opacity: 1.000; transform: translateX(3.56%) }
  39.250% { opacity: 1.000; transform: translateX(2.20%) }
  39.600% { opacity: 1.000; transform: translateX(1.28%) }
  39.950% { opacity: 1.000; transform: translateX(0.66%) }
  40.300% { opacity: 1.000; transform: translateX(0.27%) }
  40.650% { opacity: 1.000; transform: translateX(0.06%) }
  41.000% { opacity: 1.000; transform: translateX(0.00%) }
  48.000% { opacity: 1.000; transform: translateX(0.00%) }
  48.100% { opacity: 0.000; transform: translateX(18.00%) }
  100.000% { opacity: 0.000; transform: translateX(18.00%) }
}
@keyframes ax-user {
  0.000% { opacity: 0.000; transform: translateX(18.00%) }
  44.500% { opacity: 0.000; transform: translateX(18.00%) }
  44.850% { opacity: 0.333; transform: translateX(15.19%) }
  45.200% { opacity: 0.667; transform: translateX(9.00%) }
  45.550% { opacity: 1.000; transform: translateX(5.61%) }
  45.900% { opacity: 1.000; transform: translateX(3.56%) }
  46.250% { opacity: 1.000; transform: translateX(2.20%) }
  46.600% { opacity: 1.000; transform: translateX(1.28%) }
  46.950% { opacity: 1.000; transform: translateX(0.66%) }
  47.300% { opacity: 1.000; transform: translateX(0.27%) }
  47.650% { opacity: 1.000; transform: translateX(0.06%) }
  48.000% { opacity: 1.000; transform: translateX(0.00%) }
  55.000% { opacity: 1.000; transform: translateX(0.00%) }
  55.100% { opacity: 0.000; transform: translateX(18.00%) }
  100.000% { opacity: 0.000; transform: translateX(18.00%) }
}
@keyframes ax-prog1 {
  0.000% { opacity: 0; transform: none }
  53.000% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  55.000% { opacity: 1; transform: none }
  61.000% { opacity: 1; transform: none }
  61.100% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: none }
}
@keyframes ax-prog2 {
  0.000% { opacity: 0; transform: none }
  59.000% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  61.000% { opacity: 1; transform: none }
  67.000% { opacity: 1; transform: none }
  67.100% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: none }
}
@keyframes ax-prog3 {
  0.000% { opacity: 0; transform: none }
  65.000% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  67.000% { opacity: 1; transform: none }
  73.500% { opacity: 1; transform: none }
  73.600% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: none }
}
@keyframes ax-ready {
  0.000% { opacity: 0; transform: none }
  71.000% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  73.500% { opacity: 1; transform: none }
  80.500% { opacity: 1; transform: none }
  80.600% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: none }
}
@keyframes ax-starting {
  0.000% { opacity: 0; transform: none }
  78.500% { opacity: 0; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  80.500% { opacity: 1; transform: none }
  87.500% { opacity: 1; transform: none }
  87.600% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: none }
}
@keyframes ax-desktop {
  0.000% { opacity: 0; transform: scale(.94) }
  83.000% { opacity: 0; transform: scale(.94); animation-timing-function: cubic-bezier(.2,0,0,1) }
  87.500% { opacity: 1; transform: none }
  94.000% { opacity: 1; transform: none; animation-timing-function: cubic-bezier(.2,0,0,1) }
  99.000% { opacity: 0; transform: none }
  100.000% { opacity: 0; transform: scale(.94) }
}
@keyframes ax-tap {
  0.000% { opacity: 0; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(.6) }
  1.500% { opacity: 0; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  4.000% { opacity: 1; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(1) }
  5.500% { opacity: 1; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  6.300% { opacity: 1; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  7.500% { opacity: 1; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  9.300% { opacity: 0; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(1.1) }
  16.500% { opacity: 0; left: 86.00%; top: 30.00%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  19.000% { opacity: 1; left: 86.00%; top: 30.00%; transform: translate(-50%,-50%) scale(1) }
  20.500% { opacity: 1; left: 86.00%; top: 30.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  21.300% { opacity: 1; left: 86.00%; top: 30.00%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  22.500% { opacity: 1; left: 86.00%; top: 30.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  24.300% { opacity: 0; left: 86.00%; top: 30.00%; transform: translate(-50%,-50%) scale(1.1) }
  24.500% { opacity: 0; left: 50.00%; top: 56.00%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  27.000% { opacity: 1; left: 50.00%; top: 56.00%; transform: translate(-50%,-50%) scale(1) }
  28.500% { opacity: 1; left: 50.00%; top: 56.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  29.300% { opacity: 1; left: 50.00%; top: 56.00%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  30.500% { opacity: 1; left: 50.00%; top: 56.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  31.500% { opacity: 0; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  32.300% { opacity: 0; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1.1) }
  34.000% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1) }
  35.500% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  36.300% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  37.500% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  38.500% { opacity: 0; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  39.300% { opacity: 0; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1.1) }
  41.000% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1) }
  42.500% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  43.300% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  44.500% { opacity: 1; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  46.300% { opacity: 0; left: 50.00%; top: 27.00%; transform: translate(-50%,-50%) scale(1.1) }
  46.500% { opacity: 0; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  49.000% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1) }
  50.500% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  51.300% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  52.500% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  54.300% { opacity: 0; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1.1) }
  72.000% { opacity: 0; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(.6); animation-timing-function: cubic-bezier(.2,0,0,1) }
  74.500% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1) }
  76.000% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  76.800% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(.82); animation-timing-function: cubic-bezier(.2,0,0,1) }
  78.000% { opacity: 1; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1); animation-timing-function: cubic-bezier(.2,0,0,1) }
  79.800% { opacity: 0; left: 50.00%; top: 92.20%; transform: translate(-50%,-50%) scale(1.1) }
  100.000% { opacity: 0; left: 84.50%; top: 82.00%; transform: translate(-50%,-50%) scale(.6) }
}
@keyframes ax-bar {
  0.000% { opacity: 0 }
  12.500% { opacity: 0 }
  12.600% { opacity: 1 }
  78.500% { opacity: 1 }
  78.600% { opacity: 0 }
  100.000% { opacity: 0 }
}