.apx__grid{align-items:start}@media(min-width:1024px){.apx__text{padding-top:var(--s-8)}}.apx__text .sec__intro{margin-top:var(--s-4)}.apx__apps{display:flex;gap:var(--s-5);margin-top:var(--s-6);border-bottom:1px solid var(--line)}.apx__app{font:inherit;font-size:var(--fs-h3);font-weight:700;color:var(--text-muted);background:none;border:0;padding:0 0 var(--s-3);margin-bottom:-1px;cursor:pointer;border-bottom:2px solid transparent}.apx__app[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.apx__app:hover{color:var(--text)}.apx__panel,.apx__more{margin-top:var(--s-5)}.apx__desc{max-width:52ch;font-size:var(--fs-body);line-height:1.6}.apx__row{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-5);flex-wrap:wrap}.apx__row[hidden]{display:none}.apx__label{font-size:var(--fs-small);color:var(--text-muted);min-width:3.5em}.apx__seg,.apx__screens{display:flex;flex-wrap:wrap;gap:var(--s-2)}.apx__chip{font:inherit;font-size:var(--fs-small);font-weight:700;color:var(--text);background:transparent;border:1px solid var(--field-border);border-radius:4px;min-height:44px;padding:0 var(--s-4);cursor:pointer}.apx__chip:hover{border-color:var(--text)}.apx__chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--text-on-ink)}.apx__note{margin-top:var(--s-5);max-width:52ch;min-height:3.2em;color:var(--text-muted);font-size:var(--fs-small);line-height:1.6}.apx__stage{display:flex;flex-direction:column;align-items:center;perspective:1400px;padding-block:var(--s-5)}.apx__phone{--rx: 0deg;--ry: 0deg;position:relative;width:min(300px,72vw);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.9,.25,1.25)}.apx__phone.is-drag{transition:none}.apx__body{position:relative;display:block;padding:11px;border-radius:52px;background:#0d0d0c;box-shadow:inset 0 0 0 2px #3a3936,inset 0 0 0 4px #141413,0 30px 60px -20px #14141473,0 10px 20px -10px #14141459;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.apx__phone.is-drag .apx__body{cursor:grabbing}.apx__screen{position:relative;overflow:hidden;border-radius:42px;aspect-ratio:var(--ar);background:#000}.apx__screen img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease;-webkit-user-drag:none;pointer-events:none}.apx__screen img.is-out{opacity:0}.apx__off{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease}.apx__phone.is-off .apx__off{opacity:1}.apx__cam{position:absolute;top:22px;left:50%;width:92px;height:26px;margin-left:-46px;border-radius:20px;background:#000}.apx__side{position:absolute;right:-4px;top:27%;width:5px;height:72px;padding:0;border:0;border-radius:0 3px 3px 0;background:#2b2a27;cursor:pointer}.apx__side:after{content:"";position:absolute;inset:-10px -14px -10px -6px}.apx__side:active{transform:translate(-2px)}.apx__vol{position:absolute;left:-4px;top:22%;display:grid;gap:14px}.apx__vol i{display:block;width:5px;height:48px;border-radius:3px 0 0 3px;background:#2b2a27}.apx__phone[data-platform=android] .apx__body{border-radius:34px;padding:9px}.apx__phone[data-platform=android] .apx__screen{border-radius:26px}.apx__phone[data-platform=android] .apx__cam{width:14px;height:14px;margin-left:-7px;top:22px;border-radius:50%}.apx__phone[data-platform=android] .apx__vol{left:auto;right:-4px;top:45%}.apx__phone[data-platform=android] .apx__vol i{border-radius:0 3px 3px 0;height:56px}.apx__phone[data-platform=android] .apx__vol i+i{display:none}.apx__hint{margin-top:var(--s-5);font-size:var(--fs-xs);color:var(--text-muted)}.apx__body:focus-visible,.apx__side:focus-visible{outline:3px solid var(--focus-on-light);outline-offset:4px}.apx__stage{user-select:none;-webkit-user-select:none}.apx__controls{width:100%;max-width:420px;margin-top:var(--s-4);user-select:text;-webkit-user-select:text}.apx__controls .apx__row:first-child{margin-top:0}.apx__controls .apx__note{text-align:center;margin-inline:auto}.apx__controls .apx__row{justify-content:center}@media(max-width:767px){.apx__phone{width:min(250px,66vw)}.apx__stage{padding-block:var(--s-4) 0}.apx__hint{margin-top:var(--s-3)}}@media(prefers-reduced-motion:reduce){.apx__phone,.apx__screen img,.apx__off{transition:none}}
