/* xosialX · three-phone app composition (All-Access hero, homepage) */
.aa-apps{position:relative;width:100%;max-width:600px;justify-self:center;aspect-ratio:1 / 1.02;margin-bottom:2rem}
.aa-apps .glow{position:absolute;left:50%;top:50%;width:90%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(212,165,146,.22),rgba(212,165,146,0));pointer-events:none}
.aa-apps .ph-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateX(var(--x,0)) rotate(var(--r,0deg));transition:transform 1.2s var(--ease-out)}
.aa-apps .ph-slot .ap{--w:clamp(150px,15.5vw,218px)}
.aa-apps .s-nc{--x:-86%;--r:-7deg;z-index:1;top:54%}
.aa-apps .s-app{--x:86%;--r:7deg;z-index:1;top:54%}
.aa-apps .s-uni{z-index:2}
.aa-apps .s-nc .ap,.aa-apps .s-app .ap{--w:clamp(132px,13.6vw,192px)}
.aa-apps .ph-tag{position:absolute;left:50%;bottom:-2.2rem;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,241,235,.75)}
.aa-apps .ph-tag i{width:.5rem;height:.5rem;border-radius:50%;background:var(--c)}
.aa-apps .s-nc .ph-tag,.aa-apps .s-app .ph-tag{transform:translateX(-50%)}
.aa-apps .illus{position:absolute;right:0;bottom:-3.2rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,241,235,.45)}
@media (prefers-reduced-motion:no-preference){
  .aa-apps .ph-slot .ap{animation:apFloat 7s var(--ease-soft) infinite alternate}
  .aa-apps .s-nc .ap{animation-delay:-2s}
  .aa-apps .s-app .ap{animation-delay:-4.5s}}
@media (max-width:899px){
  .aa-apps{max-width:420px;margin:2.5rem auto 3.5rem;aspect-ratio:1 / 1.12}
  .aa-apps .s-nc .ph-tag,.aa-apps .s-app .ph-tag{display:none}
  .aa-apps .ph-slot .ap{--w:clamp(140px,38vw,190px)}
  .aa-apps .s-nc .ap,.aa-apps .s-app .ap{--w:clamp(112px,31vw,160px)}
  .aa-apps .s-nc{--x:-70%}
  .aa-apps .s-app{--x:70%}
  .aa-apps .ph-tag{font-size:.56rem;letter-spacing:.1em}}
.aa-apps .ph-slot{top:46%}
.aa-apps .s-nc,.aa-apps .s-app{top:50%}