.apps-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 65px;gap:25px}.apps-stage{position:relative;min-height:0}.app-panel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:2%;align-items:center;visibility:hidden;pointer-events:none}.app-panel.is-current{visibility:visible;pointer-events:auto}.app-message{min-width:0;padding:14px 8px}.app-message-ar{grid-column:1;grid-row:1;text-align:right}.app-message-en{grid-column:3;grid-row:1;text-align:left}.app-kicker{display:block;margin-bottom:17px;font:600 8px/1.5 'Montserrat',sans-serif;letter-spacing:1.6px;color:#FFFFFF70}.app-message h3{margin:0 0 20px;line-height:1.45;font-size:clamp(22px,2.1vw,32px)}.app-message-ar h3{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:700}.app-message-en h3{font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:-.7px}.app-message-en h3>span{display:block;font-size:.6em;color:#B9C9EB;letter-spacing:0;margin-top:4px}.app-message p{margin:0;color:#FFFFFFB8}.app-message-ar p{font:700 clamp(15px,1.25vw,19px)/1.95 'IBM Plex Sans Arabic',sans-serif}.app-message-en p{font:600 clamp(11px,.95vw,14px)/1.9 'Montserrat',sans-serif}.app-message ul{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-direction:column;gap:13px}.app-message li{display:flex;align-items:center;gap:10px;color:#D8E7FD}.app-message-ar li{font:700 clamp(12px,1vw,15px) 'IBM Plex Sans Arabic',sans-serif}.app-message-en li{font:600 clamp(8px,.7vw,11px) 'Montserrat',sans-serif}.app-message li i{width:4px;height:4px;border-radius:50%;background:#C15F9F;flex:none;box-shadow:0 0 10px #C15F9F44}
.apps-visual{grid-column:2;grid-row:1;width:min(100%,calc((100svh - 325px)*1.088));max-width:590px;justify-self:center;direction:ltr;perspective:1100px;min-width:0}.apps-rig{position:relative;width:100%;aspect-ratio:620/570;transform-style:preserve-3d;transition:transform .7s ease-out}.app-halo{position:absolute;inset:8% -3% 0;border-radius:50%;background:radial-gradient(ellipse,#257ACD59,transparent 65%);filter:blur(15px)}.app-phone{position:absolute;aspect-ratio:192/382;width:34%;perspective:900px;transform-style:preserve-3d;filter:drop-shadow(0 17px 12px #11194F77)}.app-phone-left{left:5%;top:16%;width:31%;transform:rotate(-13deg) rotateY(14deg);z-index:2}.app-phone-right{right:5%;top:15%;width:31%;transform:rotate(13deg) rotateY(-14deg);z-index:1}.app-phone-front{left:33%;top:3%;transform:rotate(-3deg);z-index:3}.app-phone-metal{position:relative;width:100%;height:100%;border-radius:clamp(15px,2.2vw,31px);padding:4%;background:linear-gradient(120deg,#132052,#DAE7FF 18%,#4B5681 22%,#15203F 45%,#35426C 67%,#CFDEEF 83%,#1E2B53 91%);border:1px solid #B4D0F07D;box-shadow:inset 0 0 0 2px #13204B,inset 0 1px 0 #FFFFFF8C}.app-phone-screen{position:relative;width:100%;height:100%;border-radius:clamp(12px,1.7vw,25px);background:#F1F4FA;overflow:hidden}.app-interface{display:block;width:100%;height:100%;font-family:'IBM Plex Sans Arabic',sans-serif;direction:ltr}.app-phone-island{position:absolute;top:1.8%;left:37%;height:3.2%;width:27%;border-radius:20px;background:#121931;box-shadow:inset 0 1px 1px #FFFFFF15}.app-phone-island:after{content:'';position:absolute;right:13%;top:30%;height:40%;aspect-ratio:1;border-radius:50%;background:#33436D}.app-phone-shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 22%,#FFFFFF17 24%,transparent 42%);pointer-events:none;opacity:.55}.app-splash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#FFF;background:radial-gradient(ellipse at 0 0,#257ACD,#2F3A85 64%,#70438B)}.app-splash svg{width:32%;aspect-ratio:32/34;fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.app-splash-icon{stroke-dasharray:1}.app-splash strong{font:600 clamp(10px,1.1vw,17px) 'Montserrat',sans-serif;letter-spacing:-.3px}.app-splash>span{font:600 clamp(4px,.4vw,6px) 'Montserrat',sans-serif;letter-spacing:2px;color:#FFFFFF80}.app-splash i{height:2px;width:20%;background:#C15F9F;border-radius:2px}.app-ui-draw{stroke-dasharray:1}.app-ui-bar{transform-origin:center 309px}
.app-ribbon{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 5px #101B5277)}.app-ribbon path{stroke-dasharray:1;stroke-linecap:round}.app-ribbon-back{z-index:0}.app-ribbon-front{z-index:4}.app-ribbon-glint{stroke-dasharray:.08 .92!important;opacity:.6}.app-preview-label{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:6px}.app-preview-label>span:first-child{font:600 5px 'Montserrat',sans-serif;letter-spacing:1.1px;color:#FFFFFF5C}.app-preview-label>span:last-child{font:700 8px 'IBM Plex Sans Arabic',sans-serif;color:#FFFFFF5C}
.app-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3%;direction:ltr}.app-selectors button{position:relative;border:0;border-top:1px solid #FFFFFF26;background:transparent;padding:12px 0;text-align:left;color:#FFFFFF70;cursor:pointer;min-width:0}.app-selectors button[aria-pressed='true']{color:#FFFFFF;border-color:#FFFFFF4D}.app-selector-number{font:600 8px 'Montserrat',sans-serif;color:#C591C4}.app-selector-labels{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.app-selector-labels>span{font:600 10px 'Montserrat',sans-serif}.app-selector-labels>strong{font:700 15px 'IBM Plex Sans Arabic',sans-serif}.app-selectors button>i{position:absolute;top:-1px;height:2px;left:0;width:100%;background:linear-gradient(90deg,#257ACD,#C15F9F);transform:scaleX(0);transform-origin:left}.app-selectors button:focus-visible{outline:2px solid #DCA5CA;outline-offset:5px;border-radius:5px}
@media(min-width:1600px){.app-message-ar p{font-size:22px}.app-message-en p{font-size:15px}.app-message h3{font-size:34px}.app-message-ar li{font-size:16px}.app-message-en li{font-size:11px}.app-selector-labels>strong{font-size:18px}.app-selector-labels>span{font-size:12px}}
@media(max-height:680px) and (min-width:761px){.apps-content{gap:20px;grid-template-rows:minmax(0,1fr) 52px}.apps-visual{width:min(100%,calc((100svh - 275px)*1.088))}.app-message h3{font-size:23px;margin-bottom:14px}.app-message-ar p{font-size:14px}.app-message-en p{font-size:10px}.app-message ul{margin-top:16px;gap:10px}.app-message-ar li{font-size:11px}.app-message-en li{font-size:8px}.app-kicker{margin-bottom:12px}}
@media(max-width:760px){.apps-content{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#FFFFFF33 transparent;padding:10px 2px 18px}.apps-stage{height:620px}.app-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:320px 1fr;gap:18px 12px;align-items:start}.apps-visual{grid-column:1/3;grid-row:1;width:100%;max-width:350px}.app-message-ar{grid-column:1;grid-row:2}.app-message-en{grid-column:2;grid-row:2}.app-message{padding:12px 6px}.app-message h3{font-size:21px;line-height:1.4;letter-spacing:-.3px;margin-bottom:13px}.app-message-ar p{font-size:13px;line-height:1.9}.app-message-en p{font-size:10px;line-height:1.9}.app-kicker{font-size:6px;letter-spacing:.8px;margin-bottom:12px}.app-message ul{margin-top:18px;gap:12px}.app-message-ar li{font-size:11px}.app-message-en li{font-size:8px}.app-message li{gap:6px;line-height:1.6}.app-selectors{grid-template-columns:1fr 1fr;gap:17px 22px;margin:20px 7px 0}.app-selector-labels>strong{font-size:12px}.app-selector-labels>span{font-size:8px}.app-phone-metal{border-radius:19px}.app-phone-screen{border-radius:15px}.app-splash{gap:10px}.app-splash strong{font-size:10px}.app-splash>span{font-size:4px;letter-spacing:.8px}}
@media(max-width:380px){.apps-stage{height:610px}.app-panel{grid-template-rows:270px 1fr}.apps-visual{max-width:300px}.app-message h3{font-size:18px}.app-message-ar p{font-size:12px}.app-message-en p{font-size:9px}.app-message-ar li{font-size:10px}.app-message-en li{font-size:7px}.app-phone-metal{border-radius:16px}.app-phone-screen{border-radius:12px}.app-splash strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.apps-rig{transition:none;transform:none!important}}