/* iPhone 18 Pro: body 71.9 x 150 mm, display 1206 x 2622 pixels.
   Actual AIDIT captures are 402 x 778 @3x. The remaining 62 + 34 pt
   are the status area and home indicator, never a crop of app content. */
.iphone-shell{position:relative;isolation:isolate;flex-shrink:0;aspect-ratio:71.9/150;box-sizing:border-box;padding:0;border:0;border-radius:14.2% / 6.8%;background:linear-gradient(112deg,#ecf2f5 0%,#93a0a7 14%,#dfe6e9 31%,#727f86 49%,#b4bfc5 72%,#e4ebef 90%,#859097 100%);box-shadow:0 1px 1px #f7fcffb3,0 0 0 1px #3e4a51,20px 32px 48px #00101e60;overflow:visible}
.iphone-shell:before{content:"";position:absolute;inset:.5% 1.05%;border-radius:13.5% / 6.6%;background:#090b0d;box-shadow:0 0 0 .6px #d8e1e8,inset 0 0 0 1px #384048;pointer-events:none}
.iphone-screen{position:absolute;left:3.69%;width:92.62%;top:1.73%;aspect-ratio:1206/2622;border-radius:13.6% / 6.255%;overflow:hidden;background:#f4f8fe;isolation:isolate}
.iphone-status{position:absolute;inset:0 0 auto;width:100%;height:7.093822%;display:block;z-index:2}
.iphone-app{position:absolute;top:7.093822%;left:0;width:100%;height:89.016019%;overflow:hidden;background:#f4f8fe}
.iphone-app img{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;object-fit:contain;image-rendering:auto;filter:none;background:transparent;opacity:1}
.iphone-app [data-demo-image]{opacity:0;transition:opacity .28s ease}
.iphone-app [data-demo-image].is-active{opacity:1;z-index:1}
.iphone-home{position:absolute;inset:auto 0 0;height:3.89016%;background:#f4f8fe}
.iphone-home i{position:absolute;left:33.3%;bottom:24%;width:33.4%;height:14.7%;border-radius:99px;background:#111722}
.iphone-key{position:absolute;z-index:-1;width:1.1%;background:linear-gradient(90deg,#515f67,#d0dbe2 60%,#64757f);border:1px solid #758690;border-radius:2px}
.iphone-key-action{left:-.9%;top:17%;height:3.3%}.iphone-key-up{left:-.9%;top:24.5%;height:6.6%}.iphone-key-down{left:-.9%;top:32.6%;height:6.6%}.iphone-key-side{right:-.9%;top:27%;height:10.2%}.iphone-key-camera{right:-.65%;top:65%;height:7.2%;background:linear-gradient(90deg,#69777e,#aebec7);width:.8%}
.aidit-device.iphone-shell{height:min(80svh,820px);width:auto;max-width:none;transform:perspective(1500px) rotateY(-9deg) rotateZ(-4deg);transition:transform .15s linear}
.aidit-mobile-device{display:none}
.g-mini-phone.iphone-shell{position:absolute;right:17%;top:10%;width:29%;max-width:255px;transform:rotate(-12deg) perspective(900px) rotateY(-15deg);z-index:1}
@media(max-width:1000px) and (min-width:701px){.aidit-device.iphone-shell{height:min(76svh,720px,78vw)}}
@media(max-width:700px){.aidit-device.iphone-shell{display:none}.aidit-mobile-device.iphone-shell{display:block;grid-column:2;width:min(100%,300px);height:auto;margin:24px auto 8px;box-shadow:12px 24px 32px #00101e55}.g-mini-phone.iphone-shell{width:44%;right:13%;top:13%}}
@media(prefers-reduced-motion:reduce){.aidit-device.iphone-shell{display:none}.aidit-mobile-device.iphone-shell{display:block;grid-column:2;width:min(100%,280px);margin:25px auto 10px}.iphone-app [data-demo-image]{transition:none}}

.aidit-tour-visual .aidit-demo-note{margin:36px 0 0;flex-shrink:0}

.aidit-demo{scroll-margin-top:0}
.dp-iphone.iphone-shell{position:absolute;height:86%;width:auto;left:48%;top:7%;transform:perspective(1400px) rotateY(-10deg) rotateZ(-9deg);transition:transform .75s cubic-bezier(.22,1,.36,1)}
.dp-project-visual:hover .dp-iphone{transform:perspective(1400px) rotateY(-4deg) rotateZ(-3deg)}
@media(max-width:700px){.dp-iphone.iphone-shell{left:45%;height:84%;top:8%}}
@media(prefers-reduced-motion:reduce){.dp-iphone.iphone-shell,.dp-project-visual:hover .dp-iphone{transform:none;transition:none}}