fix(website): remove gap between header and hero section on homepage

Author: utkarsh232005

website/src/styles/starlight-overrides.css

@@ -113,6 +113,18 @@ body:has(#main-content) header.header {
   border-bottom: none !important;
 }
 
+/* Remove all Starlight padding/margins above the content on the home page 
+   This ensures the hero section's grid background touches the header seamlessly,
+   eliminating the untextured gap (solid bar) underneath the header. */
+body:has(#main-content) .main-pane,
+body:has(#main-content) main,
+body:has(#main-content) .content-panel,
+body:has(#main-content) .sl-container,
+body:has(#main-content) .sl-markdown-content {
+  padding-top: 0 !important;
+  margin-top: 0 !important;
+}
+
 /* ── Hide Starlight's built-in theme selector (dropdown) ─── */
 /* We use our own custom ThemeToggle component instead */
 starlight-theme-select {