*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#040a1c;--bg2:#07142d;--card:rgba(11,22,48,.68);--line:rgba(109,211,255,.18);
  --cyan:#36dcff;--blue:#238cff;--violet:#8f4cff;--pink:#e65cff;--text:#f5f8ff;--muted:#9aa9c7;
  --shadow:0 30px 80px rgba(0,0,0,.42)
}
html{scroll-behavior:smooth}
body{font-family:"Cairo","Tajawal",sans-serif;background:radial-gradient(circle at 80% 10%,rgba(78,45,160,.24),transparent 30%),radial-gradient(circle at 10% 30%,rgba(0,173,255,.15),transparent 27%),linear-gradient(145deg,var(--bg),#050b20 45%,#071735);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.7) .6px,transparent .6px);background-size:4px 4px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
a{text-decoration:none;color:inherit}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-2;opacity:.25}
.ambient-a{width:420px;height:420px;background:#1d73ff;top:-180px;left:-100px}.ambient-b{width:360px;height:360px;background:#a52cff;right:-100px;top:28%}.ambient-c{width:340px;height:340px;background:#00d7ff;left:18%;bottom:-230px}
.topbar{height:78px;max-width:1240px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:.5px}.brand img{width:48px;height:48px;border-radius:14px}.brand b{color:var(--cyan)}
nav{display:flex;gap:30px;color:#b8c5de;font-size:14px}nav a{transition:.25s}nav a:hover{color:#fff}
.nav-download{border:1px solid rgba(54,220,255,.42);background:rgba(54,220,255,.08);padding:10px 17px;border-radius:13px;font-weight:700;color:#dffaff;transition:.25s}.nav-download:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(54,220,255,.15)}
.hero{max-width:1240px;margin:0 auto;padding:78px 22px 55px;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}
.hero-copy{padding-bottom:30px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#b8f6ff;background:rgba(54,220,255,.07);border:1px solid rgba(54,220,255,.2);padding:7px 12px;border-radius:100px;font-size:12px;font-weight:700}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:pulse 1.6s infinite}
h1{font-size:clamp(42px,5.4vw,72px);line-height:1.12;letter-spacing:-2px;margin:22px 0 20px;font-weight:900}h1 span,h2 span{background:linear-gradient(90deg,var(--cyan),#82baff 48%,#d17bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:17px;line-height:2;color:var(--muted);max-width:610px}.lead strong{color:#fff}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:15px;font-weight:800;font-size:14px;transition:.3s}.btn-primary{background:linear-gradient(100deg,#13bfe9,#397bff 55%,#713fe8);box-shadow:0 14px 35px rgba(50,129,255,.28);color:white}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(50,129,255,.4)}.btn-ghost{border:1px solid rgba(150,180,230,.18);background:rgba(255,255,255,.03);color:#c9d5ea}.btn-ghost:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}.btn-icon{width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:11px}
.trust-row{display:flex;align-items:center;gap:20px;margin-top:35px;color:#cdd7e8}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:12px}.trust-row span{font-size:10px;color:#71809d;margin-top:3px}.trust-row i{height:26px;width:1px;background:rgba(255,255,255,.12)}
.hero-visual{height:570px;position:relative;display:grid;place-items:center}.device{position:relative;width:300px;height:575px;z-index:2;transform:rotate(3deg);filter:drop-shadow(0 35px 50px rgba(0,0,0,.5));transition:transform .6s}.hero-visual:hover .device{transform:rotate(0deg) translateY(-7px)}.device-frame{position:relative;width:100%;height:100%;padding:9px;border:1px solid rgba(155,220,255,.42);border-radius:38px;background:linear-gradient(145deg,#172743,#020815);box-shadow:inset 0 0 0 2px rgba(255,255,255,.03),0 0 0 8px rgba(50,144,255,.04)}.device-frame img{width:100%;height:100%;object-fit:cover;border-radius:30px}.notch{position:absolute;z-index:3;width:105px;height:22px;background:#020817;border-radius:0 0 15px 15px;top:9px;left:50%;transform:translateX(-50%)}.device-glow{position:absolute;inset:10%;background:linear-gradient(180deg,#2adfff,#7a4dff);filter:blur(55px);opacity:.2}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-1{width:480px;height:480px;border:1px solid rgba(44,207,255,.13);box-shadow:0 0 80px rgba(20,167,255,.1) inset}.orb-2{width:350px;height:350px;border:1px solid rgba(174,85,255,.16);transform:rotate(35deg);box-shadow:0 0 80px rgba(160,75,255,.1) inset}
.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(116,199,255,.2);background:rgba(8,19,43,.78);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:float 4s ease-in-out infinite}.float-card span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#1d9eff,#7049e9);font-size:17px}.float-card b{display:block;font-size:11px}.float-card small{display:block;color:#7f8eaa;font-size:9px;margin-top:1px}.card-a{right:1%;top:20%}.card-b{left:0;bottom:21%;animation-delay:1s}.card-c{right:5%;bottom:8%;animation-delay:2s}
.stats-strip{max-width:1195px;margin:15px auto 0;padding:15px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:rgba(10,21,44,.6);border:1px solid rgba(119,194,255,.11);border-radius:24px;backdrop-filter:blur(15px)}.stats-strip>div{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px}.stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(40,210,255,.18),rgba(117,66,255,.18));border:1px solid rgba(105,201,255,.13)}.stats-strip strong{display:block;font-size:13px}.stats-strip small{display:block;color:#71809b;font-size:10px;margin-top:2px}
.section{max-width:1195px;margin:0 auto;padding:125px 22px 35px}.section-head{text-align:center;max-width:700px;margin:0 auto 48px}.section-head h2{font-size:clamp(30px,4vw,48px);margin:15px 0 8px;line-height:1.25}.section-head p{color:#7f8da7;font-size:14px;line-height:1.9}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{padding:27px 23px;min-height:220px;border:1px solid rgba(115,187,255,.12);background:linear-gradient(145deg,rgba(18,32,64,.75),rgba(7,15,33,.55));border-radius:22px;position:relative;overflow:hidden;transition:.35s}.feature-card:before{content:"";position:absolute;inset:auto -30% -65% 10%;height:160px;background:#159dff;filter:blur(80px);opacity:.08}.feature-card:hover{transform:translateY(-8px);border-color:rgba(54,220,255,.32);box-shadow:0 25px 55px rgba(0,0,0,.25)}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:21px;margin-bottom:25px}.cyan{background:rgba(54,220,255,.1);color:var(--cyan);border:1px solid rgba(54,220,255,.2)}.violet{background:rgba(145,76,255,.12);color:#b47dff;border:1px solid rgba(145,76,255,.2)}.blue{background:rgba(35,140,255,.11);color:#58a8ff;border:1px solid rgba(35,140,255,.2)}.pink{background:rgba(230,92,255,.1);color:#ec8aff;border:1px solid rgba(230,92,255,.2)}.feature-card h3{font-size:16px;margin-bottom:9px}.feature-card p{color:#7f8ca5;font-size:12px;line-height:1.9}
.showcase{padding-top:120px}.screens-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:18px}.screen-card{background:linear-gradient(145deg,rgba(16,29,58,.82),rgba(6,13,30,.72));border:1px solid rgba(119,192,255,.13);border-radius:24px;padding:12px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.22)}.screen-card.tall{grid-row:span 2}.screen-card img{display:block;width:100%;border-radius:17px;object-fit:cover;background:#020817}.screen-card.tall img{height:610px;object-position:center top}.screen-card.wide img{height:300px;object-fit:cover;object-position:center}.screen-top{display:flex;justify-content:space-between;align-items:center;padding:4px 7px 12px;color:#dce8f8;font-size:12px}.screen-top span{color:#51dfff;font-size:10px}.screen-card figcaption{font-size:11px;color:#7887a2;padding:11px 7px 5px}
.app-promo{padding-top:100px}.promo-panel{min-height:470px;border:1px solid rgba(106,202,255,.17);border-radius:32px;background:radial-gradient(circle at 20% 60%,rgba(33,171,255,.14),transparent 35%),radial-gradient(circle at 80% 30%,rgba(133,67,255,.12),transparent 35%),rgba(8,18,39,.75);display:grid;grid-template-columns:1fr .75fr;align-items:center;overflow:hidden;padding:55px 70px;position:relative}.promo-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.25;margin:15px 0}.promo-copy p{color:#8898b5;font-size:14px}.promo-points{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0}.promo-points span{font-size:10px;color:#bcefff;border:1px solid rgba(54,220,255,.15);background:rgba(54,220,255,.05);padding:7px 10px;border-radius:100px}.promo-device{height:430px;text-align:center;position:relative}.promo-device:after{content:"";position:absolute;width:280px;height:90px;bottom:15px;left:50%;transform:translateX(-50%);background:#188cff;filter:blur(65px);opacity:.2}.promo-device img{height:430px;max-width:100%;object-fit:cover;object-position:center;border-radius:30px;border:1px solid rgba(121,208,255,.28);box-shadow:0 30px 65px rgba(0,0,0,.45);transform:rotate(5deg);position:relative;z-index:2}
.download-section{max-width:1195px;margin:0 auto;padding:120px 22px 110px}.download-box{text-align:center;padding:60px 25px;border-radius:32px;border:1px solid rgba(117,198,255,.16);background:linear-gradient(145deg,rgba(15,30,60,.75),rgba(7,14,31,.7));box-shadow:var(--shadow);position:relative;overflow:hidden}.download-box:before,.download-box:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(80px);opacity:.16;pointer-events:none}.download-box:before{background:#1bdcff;left:-120px;top:-100px}.download-box:after{background:#9c45ff;right:-100px;bottom:-120px}.download-logo{width:80px;height:80px;margin:0 auto 18px;border-radius:22px;padding:4px;background:linear-gradient(135deg,#2edcff,#7652ff);box-shadow:0 12px 35px rgba(50,153,255,.2)}.download-logo img{width:100%;height:100%;border-radius:18px}.download-box h2{font-size:clamp(34px,4vw,50px);margin:15px 0 8px}.download-box p{color:#8493ad;font-size:13px;max-width:650px;margin:0 auto 25px;line-height:2}.download-box code{color:#b8ecff}.download-btn{min-width:245px}.download-symbol{font-size:20px}.download-options{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}.download-option{min-width:245px;min-height:70px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-radius:16px;color:#fff;font-size:13px;font-weight:800;text-align:right;transition:.3s;border:1px solid rgba(120,210,255,.26);box-shadow:0 14px 30px rgba(0,0,0,.2)}.download-option:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.download-option-primary{background:linear-gradient(100deg,#13bfe9,#397bff 55%,#713fe8)}.download-option-secondary{background:linear-gradient(100deg,#263b64,#6338a2)}.download-option strong,.download-option small{display:block}.download-option small{font-size:10px;color:rgba(255,255,255,.72);font-weight:500;margin-top:3px}.download-note{display:block;color:#596982;font-size:10px;margin-top:15px;position:relative;z-index:1}
footer{max-width:1195px;margin:auto;padding:24px 22px 38px;border-top:1px solid rgba(120,190,255,.08);display:flex;align-items:center;justify-content:space-between;color:#66758f;font-size:10px}.footer-brand{display:flex;align-items:center;gap:8px;color:#c8d6eb;font-weight:800;font-size:13px}.footer-brand img{width:30px;height:30px;border-radius:9px}footer a{color:#91a5c4}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.55}}

/* ===== Responsive / Mobile optimization ===== */
@media (max-width: 1100px){
  .hero{gap:20px}
  .hero-visual{transform:scale(.92)}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .screens-grid{grid-template-columns:1fr 1fr}
  .screen-card.tall{grid-row:span 2}
}

@media (max-width: 820px){
  .topbar{
    height:68px;
    padding:9px 14px;
  }
  .brand{font-size:18px;gap:8px}
  .brand img{width:40px;height:40px;border-radius:12px}
  nav{display:none}
  .nav-download{
    padding:8px 12px;
    border-radius:11px;
    font-size:11px;
  }

  .hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding:38px 16px 25px;
    text-align:center;
  }
  .hero-copy{padding:0}
  .eyebrow{font-size:10px;padding:6px 10px}
  h1{
    font-size:clamp(35px,10vw,48px);
    line-height:1.18;
    letter-spacing:-1px;
    margin:17px 0 15px;
  }
  .lead{
    max-width:560px;
    font-size:13px;
    line-height:1.95;
  }
  .hero-actions{
    justify-content:center;
    margin-top:22px;
  }
  .btn{
    min-height:48px;
    padding:0 17px;
    border-radius:13px;
    font-size:12px;
  }
  .trust-row{
    justify-content:center;
    gap:10px;
    margin-top:25px;
  }
  .trust-row i{display:none}
  .trust-row b{font-size:10px}
  .trust-row span{font-size:8px}

  .hero-visual{
    width:100%;
    height:500px;
    margin:4px auto -8px;
    transform:none;
  }
  .device{
    width:255px;
    height:490px;
    transform:rotate(2deg);
  }
  .hero-visual:hover .device{transform:rotate(0deg) translateY(-4px)}
  .orb-1{width:390px;height:390px}
  .orb-2{width:290px;height:290px}
  .float-card{padding:8px 10px;border-radius:13px}
  .float-card span{width:31px;height:31px;border-radius:9px;font-size:14px}
  .float-card b{font-size:9px}
  .float-card small{font-size:7px}
  .card-a{right:2%;top:18%}
  .card-b{left:1%;bottom:19%}
  .card-c{right:3%;bottom:7%}

  .stats-strip{
    grid-template-columns:repeat(2,1fr);
    margin:0 14px;
    padding:7px;
    border-radius:18px;
  }
  .stats-strip>div{padding:9px 7px;gap:8px}
  .stat-icon{width:34px;height:34px;border-radius:10px;font-size:13px}
  .stats-strip strong{font-size:10px}
  .stats-strip small{font-size:8px}

  .section{
    padding:82px 15px 25px;
  }
  .section-head{margin-bottom:30px}
  .section-head h2{
    font-size:30px;
    line-height:1.3;
    margin:12px 0 7px;
  }
  .section-head p{font-size:11px;line-height:1.85}
  .feature-grid{grid-template-columns:1fr 1fr;gap:10px}
  .feature-card{
    min-height:185px;
    padding:19px 15px;
    border-radius:17px;
  }
  .feature-icon{
    width:40px;height:40px;border-radius:12px;
    margin-bottom:18px;font-size:17px
  }
  .feature-card h3{font-size:13px;margin-bottom:7px}
  .feature-card p{font-size:10px;line-height:1.8}

  /* Screenshot area: preserve original aspect ratios and avoid stretching/cropping. */
  .showcase{padding-top:85px}
  .screens-grid{
    grid-template-columns:1fr;
    gap:15px;
  }
  .screen-card,
  .screen-card.tall{
    grid-row:auto;
    padding:9px;
    border-radius:19px;
  }
  .screen-card img,
  .screen-card.tall img,
  .screen-card.wide img{
    height:auto;
    width:100%;
    max-height:none;
    object-fit:contain;
    object-position:center;
    border-radius:13px;
  }
  /* Portrait screenshots stay portrait instead of being stretched to landscape. */
  .screen-card.tall{
    max-width:440px;
    width:100%;
    margin-inline:auto;
  }
  .screen-card.tall img{
    width:min(100%,390px);
    margin-inline:auto;
  }
  .screen-card.wide img{
    aspect-ratio:16/9;
    object-fit:contain;
    background:#020817;
  }
  .screen-top{
    padding:3px 5px 9px;
    font-size:10px;
  }
  .screen-card figcaption{
    font-size:9px;
    padding:9px 5px 3px;
  }

  .promo-panel{
    grid-template-columns:1fr;
    padding:34px 18px;
    min-height:auto;
    text-align:center;
    border-radius:24px;
  }
  .promo-copy h2{font-size:34px}
  .promo-copy p{font-size:11px}
  .promo-points{justify-content:center;margin:17px 0}
  .promo-points span{font-size:8px;padding:6px 8px}
  .promo-device{
    height:auto;
    margin:28px auto 0;
    width:min(72vw,290px);
  }
  .promo-device img{
    width:100%;
    height:auto;
    max-height:440px;
    object-fit:contain;
    transform:rotate(3deg);
    border-radius:22px;
  }

  .download-section{padding:82px 15px 80px}
  .download-box{
    padding:42px 16px;
    border-radius:24px;
  }
  .download-logo{width:70px;height:70px;border-radius:19px}
  .download-box h2{font-size:33px}
  .download-box p{font-size:10px;line-height:1.9}
  .download-btn{min-width:220px}
  .download-option{width:100%;min-width:0}
  .download-note{font-size:8px}

  footer{
    padding:20px 15px 30px;
    flex-direction:column;
    gap:10px;
    text-align:center;
  }
}

@media (max-width: 480px){
  .topbar{padding-inline:11px}
  .brand span{font-size:16px}
  .brand img{width:37px;height:37px}
  .nav-download{font-size:10px;padding:7px 9px}

  .hero{padding-top:30px}
  h1{font-size:36px}
  .lead{font-size:12px}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn{width:min(100%,310px)}
  .trust-row{gap:7px}
  .trust-row b{font-size:9px}
  .trust-row span{font-size:7px}

  .hero-visual{
    height:455px;
    margin-top:-4px;
  }
  .device{
    width:225px;
    height:430px;
    border-radius:31px;
  }
  .device-frame{padding:7px;border-radius:31px}
  .device-frame img{border-radius:25px}
  .notch{top:7px;width:82px;height:18px;border-radius:0 0 12px 12px}
  .orb-1{width:330px;height:330px}
  .orb-2{width:245px;height:245px}
  .float-card{display:none}

  .stats-strip{margin-inline:10px}
  .stats-strip>div{padding:8px 5px}
  .stat-icon{width:31px;height:31px;font-size:11px}
  .stats-strip strong{font-size:9px}
  .stats-strip small{font-size:7px}

  .section{padding-top:70px}
  .section-head h2{font-size:27px}
  .feature-grid{grid-template-columns:1fr 1fr}
  .feature-card{min-height:175px;padding:16px 12px}
  .feature-card p{font-size:9px}

  .screen-card.tall{
    max-width:360px;
  }
  .screen-card.tall img{
    width:min(100%,300px);
  }
  .screen-card.wide img{
    aspect-ratio:16/9;
  }

  .promo-device{width:min(76vw,270px)}
  .promo-copy h2{font-size:30px}

  .download-box h2{font-size:29px}
  .download-btn{width:100%;min-width:0}
  .download-options{gap:10px}
}

/* Small phones: keep everything comfortably inside the viewport. */
@media (max-width: 360px){
  .brand span{display:none}
  h1{font-size:32px}
  .hero-visual{height:420px}
  .device{width:205px;height:392px}
  .stats-strip strong{font-size:8px}
  .stats-strip small{font-size:6px}
  .feature-card h3{font-size:12px}
  .feature-card p{font-size:8px}
}

/* Top-level direct download actions for the two Android architectures. */
.hero-actions.hero-downloads{align-items:stretch;max-width:540px}
.hero-download{flex:1;min-width:220px;min-height:70px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 17px;border-radius:17px;color:#fff;font-size:13px;font-weight:800;text-align:right;border:1px solid rgba(136,219,255,.34);box-shadow:0 15px 32px rgba(0,0,0,.2);transition:transform .3s,box-shadow .3s,filter .3s}
.hero-download:hover{transform:translateY(-4px);filter:brightness(1.07);box-shadow:0 22px 44px rgba(25,109,255,.28)}
.hero-download-android{background:linear-gradient(100deg,#13bfe9,#397bff 55%,#713fe8)}
.hero-download-tvbox{background:linear-gradient(100deg,#263b64,#5e3aa2 70%,#8a57dd)}
.hero-download-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.15);font-size:18px;line-height:1}
.hero-download strong,.hero-download small{display:block}
.hero-download small{margin-top:3px;color:rgba(255,255,255,.76);font-size:10px;font-weight:500}
.device-frame img.splash-preview{object-position:center center}
@media (max-width:640px){.hero-actions.hero-downloads{max-width:310px}.hero-download{min-height:64px;padding:11px 15px;font-size:12px}.hero-download small{font-size:9px}}

/* Clear framed download chooser in the top section. */
.hero-actions.hero-downloads{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,540px);
  max-width:540px;
  gap:10px;
  margin-top:26px;
  padding:15px;
  border:1px solid rgba(115,215,255,.32);
  border-radius:23px;
  background:linear-gradient(135deg,rgba(11,27,56,.78),rgba(30,22,72,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}
.hero-actions.hero-downloads:before{
  content:"اختر نسخة جهازك";
  grid-column:1 / -1;
  color:#f3f7ff;
  font-size:15px;
  font-weight:900;
  text-align:center;
}
.hero-actions.hero-downloads:after{
  content:"Android للأجهزة الحديثة  •  TV Box للشاشات";
  grid-column:1 / -1;
  color:#9dafc9;
  font-size:10px;
  font-weight:600;
  text-align:center;
}
.hero-download{
  min-width:0;
  min-height:96px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:14px 12px;
  border-radius:16px;
  text-align:center;
}
.hero-download-icon{width:31px;height:31px;font-size:19px}
.hero-download strong{font-size:13px;line-height:1.35}
.hero-download small{font-size:10px;line-height:1.35}
@media (max-width:640px){
  .hero-actions.hero-downloads{grid-template-columns:1fr;width:100%;max-width:330px;margin:22px auto 0;padding:13px;border-radius:20px;gap:9px}
  .hero-actions.hero-downloads:before{font-size:14px}
  .hero-actions.hero-downloads:after{font-size:9px;line-height:1.6}
  .hero-download{min-height:72px;flex-direction:row;justify-content:center;text-align:right;padding:11px 15px}
  .hero-download strong{font-size:12px}
  .hero-download small{font-size:9px}
  .hero-visual{margin-top:-4px}
  .device{transform:rotate(1deg)}
}