fix: Improve mobile hero layout and typography

[garbas]

Summary

• Repositioned logo within hero content container for better visual flow on mobile devices
• Reduced tagline font size from 40px to 27px on screens ≤768px for improved readability
• Removed unnecessary 1024px media query padding that was causing layout issues
• Added proper spacing with margin-bottom to hero-logo element
• Reorganized CSS rules for better maintainability

[netlify]

✅ Deploy Preview for planetnix-com ready!

Name	Link
🔨 Latest commit	acb3fe6
🔍 Latest deploy log	https://app.netlify.com/projects/planetnix-com/deploys/693b6c295886b00009a685fd
😎 Deploy Preview	https://deploy-preview-28--planetnix-com.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

🔍 Lighthouse Performance Report

Performance audit completed for commit a3f0ee5

Scores Comparison

Category	Base (main)	This PR	Change
⚡ Performance	62/100	92/100	🟢 +30
♿ Accessibility	100/100	100/100	⚪ 0
✅ Best Practices	100/100	100/100	⚪ 0
🔍 SEO	100/100	100/100	⚪ 0

Performance Impact

🎉 Great job! Performance improved by 30 points!

✨ Performance score is excellent!

---

📊 Score Guide

• 🟢 90-100: Good
• 🟠 50-89: Needs improvement
• 🔴 0-49: Poor

Change indicators:

• 🟢 Positive change (improvement)
• 🔴 Negative change (regression)
• ⚪ No change

🚀 Current Optimizations

Optimizations in place:

• ✅ Image optimization (76.6% size reduction)
• ✅ Lazy loading for below-fold images
• ✅ Optimized fonts with font-display: swap
• ✅ Minified CSS and assets

---

🤖 Automated report generated by Lighthouse CI comparing against main branch