/* Native text and vector UI at final display size: no raster scaling or tilt. */
.hero-art{scale:1!important;transform:none!important;filter:none!important;min-height:540px;overflow:visible}.phone{width:268px;height:505px;border:8px solid #101b35;border-radius:39px;padding:35px 16px 17px;transform:translate3d(0,0,0);animation:smooth-phone-float 6.4s cubic-bezier(.45,0,.55,1) infinite;will-change:transform;backface-visibility:hidden;box-shadow:0 30px 65px #14255329;top:0}.phone:before{content:'';position:absolute;top:7px;left:50%;margin-left:-35px;width:70px;height:14px;border-radius:20px;background:#101b35}.phone-status{display:flex;justify-content:space-between;align-items:center;position:absolute;top:9px;left:17px;right:14px;font:700 10px Arial;color:#14213c}.phone-status svg{width:37px;height:15px;display:block}.phone-head{display:flex;align-items:center;justify-content:space-between;font-size:23px;font-weight:800;margin:4px 0 15px}.phone-head small{display:block;font-size:9px;font-weight:400;color:#8993a7;margin-top:4px}.phone-head>.icon{width:20px;height:20px}.phone-banner{padding:17px 15px 13px;border-radius:9px 9px 22px 9px;font-size:22px;line-height:1.6;letter-spacing:0}.phone-banner small{font-size:10px;margin-top:7px;opacity:.85}.phone-banner-line{height:3px;width:36px;background:#a8c4ff;border-radius:2px;margin-top:12px}.phone-menu{display:flex;justify-content:space-between;font-size:10px;margin:17px 0}.phone-menu span{padding:5px;color:#939eaf}.phone-menu .active{color:#1547ff;font-weight:700;border-bottom:2px solid #1547ff}.phone-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px}.phone-section-head strong{font-size:11px}.phone-section-head small{font-size:8px;color:#8492ab}.phone-card{display:flex;align-items:center;gap:8px;border:1px solid #edf0f6;border-radius:10px;margin:7px 0;padding:10px 7px;background:#fff}.phone-card b{font-size:10px;font-weight:700}.phone-card small{display:block;font-size:7px;color:#9aa5b7;margin-top:5px}.phone-card .food-art{height:34px;width:34px;flex-shrink:0;border-radius:9px;background:#eef3ff;color:#1547ff;display:grid;place-items:center}.phone-card .food-art .icon{width:19px;height:19px}.phone-status-dot{width:5px;height:5px;border-radius:50%;background:#1547ff;margin-right:auto}.phone-status-dot.delivered{background:#20ac7b}.phone-summary{display:flex;gap:10px;margin:15px 0 0}.phone-summary>div{flex:1;background:#f5f7fc;padding:8px;border-radius:9px}.phone-summary span{font-size:8px;color:#8a97b0;display:block}.phone-summary b{font-size:17px;font-family:Arial;display:block;margin-top:4px}.phone-homebar{position:absolute;bottom:7px;left:50%;width:70px;height:3px;margin-left:-35px;border-radius:4px;background:#14213c}.float-card{transform:translate3d(0,0,0);translate:none!important;font-size:13px!important;padding:15px 19px;border-radius:11px;background:#fff;will-change:transform;backface-visibility:hidden;backdrop-filter:none}.float-card strong{font-size:13px!important;display:flex;gap:8px;align-items:center}.float-card .muted{display:block;font-size:11px;margin-top:6px}.float-card.a{top:100px;left:-12px;min-width:190px}.float-card.b{bottom:75px;right:-10px}.float-card .icon{width:20px;height:20px}.hero-service-frame{width:92%;height:330px;border:8px solid #14213d;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 25px 55px #10254c25}.game-service-art{height:100%;background:#111f55;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:12px;position:relative}.game-service-art>.icon{position:absolute;left:20px;bottom:20px;width:135px;height:135px;color:#5274ea;stroke-width:1}.game-service-art small{font-size:8px;letter-spacing:2px;color:#a8baff}.game-service-art strong{font-size:29px;line-height:1.7;z-index:1}.game-service-art>span{font-size:10px;color:#b7c6ed}.portfolio-poster{width:100%;height:100%;position:relative;overflow:hidden;background:#112335}.portfolio-poster>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;image-rendering:auto}.portfolio-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081421d9 0%,#08142118 80%)}.poster-copy{position:absolute;inset:23px;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;color:white;text-align:right;gap:7px}.poster-copy small{font:500 8px Arial;letter-spacing:2px}.poster-copy strong{font:800 34px Heading,Arabic,Arial;line-height:1.2}.poster-copy>span{font-size:10px;opacity:.9}.poster-fashion>img{object-position:50% 38%}.poster-fashion:after{background:linear-gradient(0deg,#241d1bd9,transparent 95%)}.poster-fashion .poster-copy strong{font:500 40px Georgia,serif;letter-spacing:7px}.poster-avora>img{object-position:center 40%}.poster-avora .poster-copy strong{font:600 37px Georgia,serif;letter-spacing:4px}.poster-delivery:after{background:linear-gradient(90deg,#102d43eb,#102d4340 85%)}.poster-delivery .poster-copy{text-align:left;align-items:flex-end}.poster-delivery .poster-copy strong{font-family:Heading,Arabic,Arial}.poster-app>img{object-position:center 50%}.poster-rukn>img{object-position:center 45%}.work-card:hover .portfolio-poster>img{transform:scale(1.035)}
@keyframes smooth-phone-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}@media(max-width:1100px) and (min-width:781px){.hero-art{min-height:520px}.phone{width:250px}.float-card.a{left:-5px;top:80px}.float-card.b{right:-5px;bottom:40px}.float-card strong{font-size:11px!important}.float-card .muted{font-size:9px}}@media(max-width:780px){.hero-art{min-height:540px!important;margin:15px 0!important;scale:1!important}.float-card.a{left:0;top:105px;min-width:160px;padding:12px}.float-card.b{right:0;bottom:60px;padding:12px}.float-card strong{font-size:11px!important}.float-card .muted{font-size:9px}.phone{width:250px}.hero-service-frame{max-width:420px}.poster-copy{inset:20px}.work-art{height:230px}}@media(max-width:380px){.float-card.a{left:-7px;top:80px}.float-card.b{right:-7px;bottom:40px}.phone{width:242px}.float-card{padding:10px!important}.float-card strong{font-size:10px!important}.float-card .muted{font-size:8px}}@media(prefers-reduced-motion:reduce){.phone{animation:none}.portfolio-poster>img{transition:none}}
/* Composite each complete card; no layout properties change during the loop. */
.float-card{animation:smooth-card-float 7.2s cubic-bezier(.45,0,.55,1) infinite!important;margin-top:0;margin-bottom:0}.float-card.b{animation-delay:-3s!important}.phone-card b{font-size:11px}.phone-card small{font-size:9px;line-height:1.7}.phone-head small{font-size:10px}.phone-menu{font-size:11px}@keyframes smooth-card-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}@media(prefers-reduced-motion:reduce){.float-card{animation:none!important}}