/* The five product icons form a small, playful shelf after the introduction. */
.home-page .product-apps{display:flex;align-items:center;justify-content:space-between;width:min(100%,456px);padding:12px 6px 8px;margin:18px 0 8px;line-height:1;isolation:isolate}
.home-page .app-orbit{--tilt:-6deg;--offset:-3px;--fan:0px;position:relative;display:block;flex:none;width:clamp(44px,10.5vw,64px);height:clamp(44px,10.5vw,64px);border-radius:23%;transform:translateY(var(--offset)) rotate(var(--tilt));transition:transform .45s var(--spring);z-index:1}
.home-page .app-orbit:nth-child(1){--tilt:-8deg;--offset:1px;--fan:-4px}
.home-page .app-orbit:nth-child(2){--tilt:4deg;--offset:-5px;--fan:-2px}
.home-page .app-orbit:nth-child(3){--tilt:-3deg;--offset:3px}
.home-page .app-orbit:nth-child(4){--tilt:7deg;--offset:-4px;--fan:2px}
.home-page .app-orbit:nth-child(5){--tilt:-4deg;--offset:2px;--fan:4px}
.home-page .app-orbit img{width:100%;height:100%;border-radius:23%;object-fit:cover;box-shadow:0 1px 2px #0000000d,0 5px 8px -4px #00000024,0 14px 20px -12px #00000030;transition:box-shadow .4s}
.home-page .app-orbit:focus-visible{transform:translateY(-10px) rotate(0) scale(1.08);z-index:2}
.home-page .app-tooltip{position:absolute;top:calc(100% + 13px);left:50%;padding:5px 10px;border-radius:999px;background:#232323;color:#fff;font-size:11px;line-height:16px;white-space:nowrap;opacity:0;transform:translate(-50%,-5px) rotate(calc(-1 * var(--tilt)));transition:opacity .2s,transform .3s var(--soft);pointer-events:none}
.home-page .app-orbit:focus-visible .app-tooltip{opacity:1;transform:translate(-50%,0)}
@media(hover:hover){
  .home-page .product-apps:hover .app-orbit{transform:translate(var(--fan),var(--offset)) rotate(var(--tilt))}
  .home-page .product-apps .app-orbit:hover{transform:translateY(-10px) rotate(0) scale(1.08);z-index:2}
  .home-page .app-orbit:hover img{box-shadow:0 2px 3px #0000000d,0 7px 12px -4px #0000002b,0 18px 24px -12px #00000038}
  .home-page .app-orbit:hover .app-tooltip{opacity:1;transform:translate(-50%,0)}
}
@media(min-width:1024px){
  .home-page .product-apps{margin-top:24px;margin-bottom:28px;padding-top:14px;padding-bottom:14px;max-width:480px;width:480px}
  .home-page .app-orbit{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .product-apps .app-orbit,.home-page .product-apps .app-orbit:hover,.home-page .app-orbit:focus-visible{transform:none}
}