.hero-device-pair{height:600px;direction:ltr}
.hero-device-pair .tablet-place{position:absolute;left:0;top:22px;width:min(77%,445px);z-index:1;transform:rotate(-5deg)}
.sq-tablet{width:100%;padding:3px;position:relative;line-height:0;border:1px solid #9ea9ad;border-radius:23px;background:linear-gradient(145deg,#fff,#b7c1c6 18%,#edf1f4 42%,#8b989e 75%,#eef4f6);box-shadow:0 28px 42px -22px #2345353d,inset 0 0 0 1px #fff;isolation:isolate}
.sq-tablet::before{content:'';position:absolute;left:18%;top:-3px;width:11%;height:3px;border-radius:3px 3px 0 0;background:#a3adb2}
.sq-tablet-screen{position:relative;aspect-ratio:2752/2064;overflow:hidden;border:11px solid #111a18;border-radius:19px;background:#f7faf8;cursor:zoom-in;outline-offset:5px}
.sq-tablet::after{content:'';position:absolute;left:49.4%;top:8px;width:4px;height:4px;border-radius:50%;background:#24322e;box-shadow:inset 0 0 0 1px #34483f;pointer-events:none}
.sq-tablet-screen img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.tablet-caption{font-size:9px;line-height:1.6;text-align:center;color:#779094;margin:17px 0 0;direction:ltr}
.hero-device-pair .phone-place{inset-inline-end:auto;left:auto;right:4px;top:146px;z-index:3;transform:rotate(7deg)}
.hero-device-pair .phone-caption{max-width:none;font-size:9px;line-height:1.6;margin-top:15px}
.hero-device-pair .hero-discovery{inset-inline-start:auto;left:10px;top:340px;width:245px;padding:22px;transform:rotate(-4deg)}
.hero-device-pair .hero-discovery h2{font-size:26px;margin:12px 0 17px}
.hero-device-pair .hero-pieces button{height:46px}
.hero-device-pair .next-adventure{display:none}
.hero-device-pair .loop-one{inset-inline-end:auto;left:25px;top:68px;width:450px;height:450px;max-width:90%}
.hero-device-pair .loop-two{inset-inline-start:auto;left:40px;top:340px;max-width:80%}
.hero-device-pair .world-star{inset-inline-end:auto;right:2px;top:46px}
.sq-tablet-screen:focus-visible{outline:3px solid #2386a2;outline-offset:5px}
.sq-device-viewer[data-frame=tablet]{width:min(92vw,1050px);max-width:min(92vw,1050px)}
.sq-device-viewer[data-frame=tablet].is-zoomed .sq-viewer-image{width:min(100%,1000px)}
html[lang=ar] .tablet-caption{direction:rtl;font-family:Cairo,Arial,sans-serif;letter-spacing:0}
@media(min-width:1101px){.hero-device-pair .tablet-place{width:min(79%,445px)}}
@media(min-width:801px) and (max-width:1100px){.hero-device-pair{height:560px}.hero-device-pair .tablet-place{top:20px;width:81%}.hero-device-pair .phone-place{top:124px;right:0}.hero-device-pair .hero-discovery{left:0;top:304px;width:215px;padding:19px}.hero-device-pair .hero-discovery h2{font-size:23px}.hero-device-pair .phone-caption{max-width:none}}
@media(max-width:800px){.hero-device-pair{width:min(570px,100%);height:610px}.hero-device-pair .tablet-place{width:78%;top:20px}.hero-device-pair .phone-place{top:155px;right:4px}.hero-device-pair .hero-discovery{top:365px;left:10px;width:250px}.hero-device-pair .phone-caption{max-width:none}}
@media(max-width:520px){.hero-device-pair{height:555px;margin-top:6px}.hero-device-pair .tablet-place{width:83%;left:3px;top:10px}.sq-tablet{border-radius:17px;padding:2px}.sq-tablet-screen{border-width:8px;border-radius:14px}.sq-tablet::after{top:6px;width:3px;height:3px}.tablet-caption{font-size:7px;margin-top:11px}.hero-device-pair .phone-place{right:5px;top:140px}.hero-device-pair .phone-caption{font-size:7px;max-width:none;margin-top:11px}.hero-device-pair .hero-discovery{left:0;top:297px;width:209px;padding:18px;border-radius:19px}.hero-device-pair .hero-discovery h2{font-size:22px;max-width:175px;margin:10px 0 15px}.hero-device-pair .hero-pieces button{height:42px}.hero-device-pair .hero-discovery>p{font-size:10px;min-height:44px}.hero-device-pair .world-star{font-size:29px;top:15px}.hero-device-pair .loop-one{left:0;top:80px;height:350px}.hero-device-pair .loop-two{left:15px;top:270px}}
@media(max-width:360px){.hero-device-pair .phone-place{top:127px}.hero-device-pair .hero-discovery{width:188px;top:278px;padding:16px}.hero-device-pair .hero-discovery h2{font-size:20px}}
