@media (width<=1100px){.hero .container,.dashboard-grid,.mobile-grid,.journal-grid,.contact-wrap{grid-template-columns:1fr}.hero-right{margin-top:60px}.dashboard-content,.mobile-content,.journal-content{order:2}}@media (width<=768px){.nav{display:none}.hero h1{font-size:42px}.section-title h2,.dashboard-content h2,.mobile-content h2,.journal-content h2,.contact-info h2{font-size:36px}.pain-grid,.users-grid,.mobile-feature{grid-template-columns:1fr}.flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:30px}}