.hero{padding-block:clamp(64px,8vw,112px) 78px}.heroGrid{align-items:center;gap:clamp(38px,7vw,88px)}.downloadActions{align-items:center;gap:12px;margin-top:28px}.storeBadge{display:block;min-height:44px;transition:transform .16s ease,filter .16s ease}.storeBadge[hidden]{display:none}.storeBadge:hover{transform:translateY(-2px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}.storeBadge:focus-visible{border-radius:8px;outline:3px solid var(--accent);outline-offset:4px}.storeBadge img{display:block;width:auto;height:60px;max-width:205px}@media(max-width:980px){.heroGrid{gap:32px}}@media(max-width:700px){.siteHeader .nav{height:58px}.hero{padding-block:10px 8px;min-height:calc(100svh - 58px)}.heroGrid{gap:10px;align-items:start}.heroBrand{gap:10px}.heroBrandTile{width:56px;height:56px;border-radius:18px}.heroBrandTile img{width:41px;height:41px}.heroName{font-size:clamp(38px,10.5vw,48px);line-height:.92}.heroArabic{margin-top:1px;font-size:15px}.eyebrow{margin-top:10px}.hero h1{margin:7px 0 8px;font-size:clamp(32px,8.8vw,40px);line-height:1.03}.heroLead{max-width:42ch;font-size:14px;line-height:1.35}.downloadActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px auto 0;max-width:360px}.storeBadge{width:100%;min-width:0}.storeBadge img{width:100%;height:auto;max-width:170px;max-height:48px;margin-inline:auto}.heroMedia{width:100%;margin-top:0}.heroMedia.visualFrame{min-height:0;height:clamp(300px,44svh,430px);padding:8px;border-radius:22px;overflow:visible;align-items:center}.heroMedia.visualFrame img{display:block;width:auto;max-width:78vw;height:100%;max-height:100%;border-radius:14px;object-fit:contain}.heroMedia .visualFallback{display:none}}
