fix: ensure Getting Started section is full-width page break

- Add explicit w-full on section element
- Replace Tailwind container class with max-w-7xl for cleaner width control
- Add overflow-x: hidden on body to prevent edge gaps
- Increase vertical padding for stronger visual page break effect

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/app/globals.css

@@ -28,6 +28,7 @@ body {
   background: var(--background);
   color: var(--foreground);
   font-family: var(--font-sans), Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
 }
 
 html {

src/components/GettingStarted.tsx

@@ -57,8 +57,8 @@ const resources = [
 
 export default function GettingStarted() {
   return (
-    <section className="bg-cadcad-blue py-12">
-      <div className="container mx-auto flex flex-wrap pt-4 pb-12 text-center">
+    <section className="w-full bg-cadcad-blue py-16">
+      <div className="mx-auto flex max-w-7xl flex-wrap px-6 pt-4 pb-12 text-center">
         <div className="w-full px-6">
           <h2 className="mb-8 text-3xl font-bold text-white sm:text-4xl">
             Getting Started