fix: keep mobile menu button on the same header row

styles.css

@@ -1176,68 +1176,12 @@ textarea {
     }
 }
 
-@media (max-width: 900px) {
-    .header-shell {
-        min-height: 72px;
-    }
-
-    .brand-logo {
-        width: 46px;
-        height: 46px;
-    }
-
-    .brand-name {
-        font-size: 24px;
-    }
-
-    .brand-copy small {
-        display: none;
-    }
-
-    .menu-toggle {
-        display: inline-flex;
-        flex-shrink: 0;
-    }
-
-    .nav {
-        position: absolute;
-        top: calc(100% + 10px);
-        right: 0;
-        left: 0;
-        display: none;
-        flex-direction: column;
-        align-items: stretch;
-        gap: 6px;
-        padding: 12px;
-        border: 1px solid var(--border);
-        border-radius: 20px;
-        background: rgba(255, 251, 247, 0.98);
-        box-shadow: 0 24px 50px rgba(43, 27, 27, 0.12);
-    }
-
-    .nav.is-open {
-        display: flex;
-    }
-
-    .nav a {
-        width: 100%;
-        padding: 14px 16px;
-    }
-}
-
-@media (min-width: 901px) {
-    .nav {
-        display: flex !important;
-    }
-}
-
 @media (max-width: 760px) {
 
     .section {
         padding: 72px 0;
     }
 
-    .header-shell,
     .footer-shell,
     .hero-actions,
     .hero-points,
@@ -1289,27 +1233,6 @@ textarea {
         padding: 22px;
     }
 
-    .brand-copy small {
-        display: none;
-    }
-
-    .header-shell {
-        min-height: 68px;
-        gap: 10px;
-        grid-template-columns: 46px 1fr 46px;
-        direction: ltr;
-    }
-
-    .brand-logo {
-        width: 46px;
-        height: 46px;
-    }
-
-    .brand-name {
-        font-size: 21px;
-        font-weight: 700;
-    }
-
     .footer-shell {
         text-align: center;
     }