.appdeck{--cw:188px;--xm:90px;--ym:20px;--rm:8deg;--sm:.06;height:calc(var(--cw) * 2.0578 + var(--ym) * 2 + 40px);isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;position:relative}.appdeck:active{cursor:grabbing}@media (min-width:640px){.appdeck{--cw:230px;--xm:130px;--ym:30px;--rm:10deg;--sm:.09}}@media (min-width:1024px){.appdeck{--cw:270px;--xm:170px;--ym:40px;--rm:12deg;--sm:.12}}.appdeck-card{left:50%;top:calc(var(--cw) * 1.0289 + 12px);aspect-ratio:830/1708;width:var(--cw);transform:translate3d(calc(-50% + var(--d) * var(--xm)), calc(-50% + var(--a) * var(--ym)), 0) rotate(calc(var(--d) * var(--rm))) scale(calc(1 - var(--a) * var(--sm)));opacity:var(--o);position:absolute}.appdeck-screen{background:#0b0b0d;border-radius:11.35%/5.22%;position:absolute;inset:1.756% 4.578% 1.815% 4.096%;overflow:hidden}.appdeck-screen img{object-fit:cover;object-position:top;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;transform:scale(1.03)}.appdeck-card.is-short .appdeck-screen img{object-fit:contain;object-position:center}.appdeck-frame{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.appdeck-card:not([data-ok]) .appdeck-frame,.appdeck-card:not([data-ok]) .appdeck-screen{opacity:0}.appdeck-frame,.appdeck-screen{transition:opacity .6s var(--ease-brand)}.appdeck-dim{background:var(--color-ink);opacity:var(--dim);pointer-events:none;border-radius:14.5%/7%;position:absolute;inset:0;transform:translateZ(0)}.appdeck-bar{justify-content:center;align-items:center;gap:clamp(1rem,3vw,2.5rem);margin-top:clamp(1.5rem,3vw,2.5rem);display:flex}.appdeck-cap{text-align:center;width:min(34rem,100vw - 9.5rem);min-height:clamp(8.5rem,11vw,10rem);animation:appdeck-cap-in .7s var(--ease-brand) both}.appdeck-name{letter-spacing:-.03em;color:var(--color-bright);margin-top:1.1rem;font-size:clamp(1.9rem,3.4vw,3rem);font-weight:600;line-height:1.02}.appdeck-text{text-wrap:balance;color:color-mix(in srgb, var(--color-bright) 72%, transparent);margin-top:.9rem;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}@keyframes appdeck-cap-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.appdeck-btn{border:1px solid var(--color-line-strong);width:44px;height:44px;color:var(--color-bright);transition:border-color .5s var(--ease-brand), transform .5s var(--ease-brand);flex:none;justify-content:center;align-items:center;display:inline-flex}.appdeck-btn:hover{border-color:var(--color-bright)}.appdeck-btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.appdeck-cap{animation:none}.appdeck-btn{transition:none}}
.feat-room .hero-room{perspective:1800px;perspective-origin:50% 16%;top:0;-webkit-mask-image:radial-gradient(150% 120% at 50% 45%,#000 62%,#0000 100%);mask-image:radial-gradient(150% 120% at 50% 45%,#000 62%,#0000 100%)}.feat-room .hero-room>i{background-size:18px 18px}.feat-room .hero-room .wall{opacity:.35;height:16%}.feat-room .hero-room .floor{opacity:.42;height:320%;top:16%;transform:rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 100%);mask-image:linear-gradient(#0000 0%,#000 5% 100%)}.feat-room .hero-room:after{height:9%;top:11%}
