.hero-app-tiles{z-index:2;justify-content:flex-end;align-items:center;gap:clamp(8px,1vw,16px);margin:0;padding:0;list-style:none;display:flex}.hero-app-tiles li{flex:0 78px;min-width:0}.hero-app-tile{aspect-ratio:1;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(135deg,#ffffff57,#ffffff1f);border:1px solid #ffffffa6;border-radius:22px;place-items:center;width:100%;padding:11px;transition:transform .2s,background .2s;display:grid;position:relative;box-shadow:0 8px 22px #1e1c1824,inset 0 1px #fff9}.hero-app-tile img{aspect-ratio:1;border-radius:22%;width:100%;height:auto;display:block;box-shadow:0 3px 8px #00000026}.hero-app-tile:hover{background:#ffffff73;transform:translateY(-5px)}.hero-app-tile:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.hero-app-tile.is-active{border:2px solid #d5b775;box-shadow:0 0 0 3px #d5b77540,0 7px 24px #d5b77566,inset 0 1px #ffffffb3}.hero-app-tile-badge{color:#352b18;text-align:center;background:#eadbb1;border-radius:8px;max-width:calc(100% + 18px);padding:3px 7px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0002}@media (max-width:1100px) and (min-width:761px){.hero-app-tile{border-radius:16px;padding:8px}}@media (max-width:760px){.hero-app-tiles{gap:6px}.hero-app-tiles li{flex-basis:65px}.hero-app-tile{border-radius:15px;min-width:0;padding:7px}}@media (max-width:480px){.hero-app-tiles{gap:5px}.hero-app-tile{border-radius:13px;min-height:40px;padding:6px}}@media (prefers-reduced-motion:reduce){.hero-app-tile{transition:none}.hero-app-tile:hover{transform:none}}