.hero-phone{aspect-ratio:9/19.2;background:linear-gradient(145deg,#2c2826,#0f0d0c);border-radius:13%/6.2%;width:58%;padding:1.4%;position:absolute;box-shadow:0 0 0 1px #3d3936,0 30px 60px -24px #19151280,0 12px 24px -12px #1915124d;container-type:inline-size}.hero-phone-back{inset-inline-start:0;width:52%;animation:7s ease-in-out .8s infinite hero-float;top:14%}.hero-phone-front{inset-inline-end:0;animation:7s ease-in-out infinite hero-float;top:0}.hero-phone-screen{background:#fff;border-radius:11.6%/5.6%;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hero-phone-status{color:#191512;direction:ltr;flex:none;justify-content:space-between;align-items:center;height:10cqi;padding:0 7cqi;font-size:4.2cqi;display:flex;position:relative}.hero-phone-island{background:#0f0d0c;border-radius:999px;width:26cqi;height:6.4cqi;position:absolute;top:2.2cqi;left:50%;transform:translate(-50%)}.hero-phone-icons{align-items:flex-end;gap:.5cqi;height:3.4cqi;display:inline-flex}.hero-phone-icons i{background:#191512;border-radius:.3cqi;width:.9cqi}.hero-phone-icons i:first-child{height:30%}.hero-phone-icons i:nth-child(2){height:55%}.hero-phone-icons i:nth-child(3){height:78%}.hero-phone-icons i:nth-child(4){height:100%}.hero-phone-shot{width:100%;height:auto;display:block}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-sky{width:100%;height:100%;position:relative}[dir=rtl] .hero-sky{scale:-1 1}.hero-window{z-index:0;filter:drop-shadow(0 18px 24px #19151224);width:46%;animation:18s ease-in-out infinite reverse hero-drift;position:absolute;top:-4%;left:27%}.hero-window-frame{width:100%;height:auto;display:block;position:relative}.hero-window-sky{background:radial-gradient(60% 22% at 35% 72%,#fffffff2,#0000 70%),radial-gradient(45% 16% at 70% 58%,#ffffffd9,#0000 70%),linear-gradient(#7fb9ec 0%,#b9dcf7 55%,#eaf4fd 100%);border-radius:46%/34%;position:absolute;inset:16% 18% 13%}.hero-jet{z-index:2;filter:drop-shadow(0 22px 22px #1915122e);width:92%;height:auto;animation:7s ease-in-out infinite hero-glide;position:absolute;top:48%;left:4%}@keyframes hero-glide{0%,to{transform:translate(0)rotate(-1.5deg)}50%{transform:translate(10px,-14px)rotate(.5deg)}}.hero-cloud{pointer-events:none;height:auto;position:absolute}.hero-cloud-back{z-index:1;opacity:.85;width:46%;animation:16s ease-in-out infinite hero-drift;top:30%;right:-6%}.hero-cloud-front{z-index:3;width:50%;animation:13s ease-in-out infinite reverse hero-drift;bottom:0;left:-8%}.hero-cloud-low{z-index:3;opacity:.9;width:40%;animation:19s ease-in-out 1.5s infinite hero-drift;bottom:-12%;right:6%}@keyframes hero-drift{0%,to{transform:translate(0)}50%{transform:translate(26px)}}@media (prefers-reduced-motion:reduce){.hero-phone,.hero-jet,.hero-window,.hero-cloud{animation:none!important}}