feat: add platform support notices

- Download page: Show 'Coming soon' tag on Windows/Linux cards
- Download page: Show specific message when user is on Windows/Linux
- GettingStarted: Add macOS-only notice with link to Build section
- Home: Add Beta badge next to Reachy Mini title

src/pages/Download.jsx

@@ -110,12 +110,14 @@ function LinuxIcon({ sx = {} }) {
 function PlatformCard({ platformKey, url, isActive, onClick }) {
   const platform = PLATFORMS[platformKey];
   const Icon = platform?.icon;
+  const isComingSoon = platformKey.includes('windows') || platformKey.includes('linux');
 
   return (
     <Card
       onClick={onClick}
       sx={{
         cursor: 'pointer',
+        position: 'relative',
         background: isActive 
           ? 'linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(139, 92, 246, 0.1) 100%)'
           : 'rgba(255, 255, 255, 0.03)',
@@ -123,18 +125,39 @@ function PlatformCard({ platformKey, url, isActive, onClick }) {
         borderColor: isActive ? 'rgba(59, 130, 246, 0.4)' : 'rgba(255, 255, 255, 0.08)',
         backdropFilter: 'blur(10px)',
         transition: 'all 0.25s ease',
+        opacity: isComingSoon ? 0.7 : 1,
         '&:hover': {
           borderColor: isActive ? 'rgba(59, 130, 246, 0.6)' : 'rgba(255, 255, 255, 0.2)',
           transform: 'translateY(-4px)',
           boxShadow: isActive 
             ? '0 12px 40px rgba(59, 130, 246, 0.2)'
             : '0 12px 40px rgba(0, 0, 0, 0.3)',
+          opacity: 1,
         },
       }}
     >
+      {/* Coming soon tag */}
+      {isComingSoon && (
+        <Chip
+          label="Coming soon"
+          size="small"
+          sx={{
+            position: 'absolute',
+            top: 8,
+            right: 8,
+            backgroundColor: 'rgba(255, 149, 0, 0.2)',
+            color: '#FF9500',
+            fontSize: 10,
+            fontWeight: 700,
+            height: 20,
+            '& .MuiChip-label': { px: 1 },
+          }}
+        />
+      )}
+      
       <CardContent
         component="a"
-        href={url}
+        href={isComingSoon ? undefined : url}
         sx={{
           display: 'flex',
           flexDirection: 'column',
@@ -144,6 +167,7 @@ function PlatformCard({ platformKey, url, isActive, onClick }) {
           color: 'inherit',
           p: 3,
           '&:last-child': { pb: 3 },
+          pointerEvents: isComingSoon ? 'none' : 'auto',
         }}
       >
         <Box sx={{ 
@@ -440,40 +464,83 @@ export default function Download() {
               </Typography>
             </Stack>
 
-            {/* Primary download button */}
-            <Button
-              variant="contained"
-              size="large"
-              href={currentUrl}
-              startIcon={<DownloadIcon />}
-              sx={{
-                px: 6,
-                py: 2,
-                fontSize: 17,
-                fontWeight: 600,
-                borderRadius: 3,
-                background: 'linear-gradient(135deg, #FF9500 0%, #764ba2 100%)',
-                boxShadow: '0 8px 32px rgba(255, 149, 0, 0.35)',
-                transition: 'all 0.3s ease',
-                '&:hover': {
-                  boxShadow: '0 12px 48px rgba(59, 130, 246, 0.5)',
-                  transform: 'translateY(-2px)',
-                },
-              }}
-            >
-              Download for {currentPlatform?.name}
-            </Button>
+            {/* Primary download button - different for macOS vs Windows/Linux */}
+            {detectedPlatform?.startsWith('darwin') ? (
+              <>
+                <Button
+                  variant="contained"
+                  size="large"
+                  href={currentUrl}
+                  startIcon={<DownloadIcon />}
+                  sx={{
+                    px: 6,
+                    py: 2,
+                    fontSize: 17,
+                    fontWeight: 600,
+                    borderRadius: 3,
+                    background: 'linear-gradient(135deg, #FF9500 0%, #764ba2 100%)',
+                    boxShadow: '0 8px 32px rgba(255, 149, 0, 0.35)',
+                    transition: 'all 0.3s ease',
+                    '&:hover': {
+                      boxShadow: '0 12px 48px rgba(59, 130, 246, 0.5)',
+                      transform: 'translateY(-2px)',
+                    },
+                  }}
+                >
+                  Download for {currentPlatform?.name}
+                </Button>
 
-            <Typography 
-              variant="body2" 
-              sx={{ 
-                color: 'rgba(255,255,255,0.4)', 
-                mt: 2,
-                fontSize: 13,
-              }}
-            >
-              {currentPlatform?.subtitle} • {currentPlatform?.format?.replace('.', '').toUpperCase()} package
-            </Typography>
+                <Typography 
+                  variant="body2" 
+                  sx={{ 
+                    color: 'rgba(255,255,255,0.4)', 
+                    mt: 2,
+                    fontSize: 13,
+                  }}
+                >
+                  {currentPlatform?.subtitle} • {currentPlatform?.format?.replace('.', '').toUpperCase()} package
+                </Typography>
+              </>
+            ) : (
+              <>
+                {/* Windows/Linux - Coming soon message */}
+                <Box
+                  sx={{
+                    px: 5,
+                    py: 2.5,
+                    borderRadius: 3,
+                    background: 'linear-gradient(135deg, rgba(255, 149, 0, 0.15) 0%, rgba(139, 92, 246, 0.1) 100%)',
+                    border: '1px solid rgba(255, 149, 0, 0.3)',
+                    display: 'inline-block',
+                  }}
+                >
+                  <Typography 
+                    variant="h6" 
+                    sx={{ 
+                      color: '#FF9500', 
+                      fontWeight: 600,
+                      fontSize: 17,
+                    }}
+                  >
+                    🚧 {currentPlatform?.name} support coming soon!
+                  </Typography>
+                </Box>
+
+                <Typography 
+                  variant="body2" 
+                  sx={{ 
+                    color: 'rgba(255,255,255,0.5)', 
+                    mt: 2,
+                    fontSize: 14,
+                    maxWidth: 400,
+                    mx: 'auto',
+                  }}
+                >
+                  We're working hard to bring Reachy Mini Control to {currentPlatform?.name}. 
+                  In the meantime, macOS is fully supported!
+                </Typography>
+              </>
+            )}
 
             {/* App screenshot */}
             <Box
@@ -518,6 +585,27 @@ export default function Download() {
                 </Grid>
               ))}
             </Grid>
+            
+            {/* Platform support notice - only show on macOS */}
+            {detectedPlatform?.startsWith('darwin') && (
+              <Box
+                sx={{
+                  mt: 3,
+                  p: 2,
+                  background: 'rgba(255, 255, 255, 0.03)',
+                  border: '1px solid rgba(255, 255, 255, 0.08)',
+                  borderRadius: 2,
+                  textAlign: 'center',
+                }}
+              >
+                <Typography 
+                  variant="body2" 
+                  sx={{ color: 'rgba(255,255,255,0.5)' }}
+                >
+                  🚧 Windows & Linux support coming soon
+                </Typography>
+              </Box>
+            )}
           </Box>
 
           {/* Features / What's included */}

src/pages/GettingStarted.jsx

@@ -315,9 +315,14 @@ export default function GettingStarted() {
                         <Typography fontWeight={600}>Download the desktop app</Typography>
                       </StepLabel>
                       <StepContent>
-                        <Typography variant="body2" color="text.secondary" sx={{ mb: 2 }}>
+                        <Typography variant="body2" color="text.secondary" sx={{ mb: 1 }}>
                           The desktop app includes everything you need to control your Lite version.
                         </Typography>
+                        <Typography variant="caption" sx={{ display: 'block', mb: 2, color: 'warning.main' }}>
+                          🍎 Currently available for macOS only. Windows & Linux coming soon!
+                          <br />
+                          In the meantime, check the <RouterLink to="/build" style={{ color: 'inherit' }}>Build section</RouterLink> to use the daemon CLI directly.
+                        </Typography>
                         <Button
                           variant="contained"
                           component={RouterLink}

src/pages/Home.jsx

@@ -64,6 +64,19 @@ function FloatingSticker({ src, size, top, left, right, bottom, rotation = 0, fl
 
 // Hero Section
 function Hero() {
+  const [scrollY, setScrollY] = useState(0);
+
+  useEffect(() => {
+    const handleScroll = () => setScrollY(window.scrollY);
+    window.addEventListener('scroll', handleScroll, { passive: true });
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, []);
+
+  const videoParallax = useSpring({
+    transform: `translate(-45%, calc(-50% + ${scrollY * 0.15}px))`,
+    config: { mass: 1, tension: 280, friction: 60 },
+  });
+
   return (
     <Box
       sx={{
@@ -72,7 +85,7 @@ function Hero() {
         display: 'flex',
         alignItems: 'center',
         backgroundColor: '#000',
-        overflow: 'visible',
+        overflow: 'hidden',
         // Curved bottom edge
         '&::after': {
           content: '""',
@@ -88,26 +101,25 @@ function Hero() {
         },
       }}
     >
-      <Box
-        component="video"
+      <animated.video
         autoPlay
         muted
         loop
         playsInline
-        sx={{
+        style={{
           position: 'absolute',
           top: '50%',
           left: '50%',
-          transform: 'translate(-45%, -50%)',
           minWidth: '100%',
           minHeight: '100%',
           width: 'auto',
           height: 'auto',
           opacity: 0.9,
+          ...videoParallax,
         }}
       >
         <source src="/assets/Reachy-mini-wake-up-companion.mp4" type="video/mp4" />
-      </Box>
+      </animated.video>
 
       {/* Overlay gradients + vignette */}
       <Box
@@ -149,20 +161,44 @@ function Hero() {
             </Typography>
           </Stack>
 
-          <Typography
-            variant="h1"
-            component="h1"
-            sx={{
-              color: 'white',
-              mb: 2,
-              background: 'linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,0.85) 100%)',
-              backgroundClip: 'text',
-              WebkitBackgroundClip: 'text',
-              WebkitTextFillColor: 'transparent',
-            }}
-          >
-            Reachy Mini
-          </Typography>
+          <Box sx={{ position: 'relative', display: 'inline-block', mb: 2 }}>
+            <Typography
+              variant="h1"
+              component="h1"
+              sx={{
+                color: 'white',
+                background: 'linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,0.85) 100%)',
+                backgroundClip: 'text',
+                WebkitBackgroundClip: 'text',
+                WebkitTextFillColor: 'transparent',
+              }}
+            >
+              Reachy Mini
+            </Typography>
+            <Box
+              sx={{
+                position: 'absolute',
+                top: 25,
+                right: -55,
+                px: 1.2,
+                py: 0.4,
+                borderRadius: '5px',
+                border: "1px solid #FF9500",
+              }}
+            >
+              <Typography
+                sx={{
+                  fontSize: 11,
+                  fontWeight: 700,
+                  color: 'white',
+                  textTransform: 'uppercase',
+                  letterSpacing: 0.5,
+                }}
+              >
+                Beta
+              </Typography>
+            </Box>
+          </Box>
 
           <Typography
             variant="h5"