fix: constrain premium homepage sections

app/styles/global.css

@@ -800,7 +800,8 @@ pre code,
   border-radius: 12px;
 }
 .prose table,
-.portal-main table {
+.portal-main table,
+.marketing-main table {
   width: 100%;
   border-collapse: collapse;
   background: var(--surface);
@@ -809,7 +810,9 @@ pre code,
 .prose th,
 .prose td,
 .portal-main th,
-.portal-main td {
+.portal-main td,
+.marketing-main th,
+.marketing-main td {
   min-width: 130px;
   padding: 0.75rem 0.9rem;
   border-bottom: 1px solid var(--border);
@@ -818,13 +821,15 @@ pre code,
   line-height: 1.5;
 }
 .prose th,
-.portal-main th {
+.portal-main th,
+.marketing-main th {
   color: var(--text);
   background: var(--surface-soft);
   font-weight: 700;
 }
 .prose tr:last-child td,
-.portal-main tr:last-child td {
+.portal-main tr:last-child td,
+.marketing-main tr:last-child td {
   border-bottom: 0;
 }
 .prose a {
@@ -1093,6 +1098,7 @@ footer a {
   letter-spacing: 0.15em;
 }
 .marketing-section,
+.marketing-main > section:not(.marketing-hero),
 .marketing-cta {
   width: min(1180px, calc(100% - 40px));
   margin: 0 auto;
@@ -1100,11 +1106,13 @@ footer a {
   border-top: 1px solid var(--border);
 }
 .marketing-section > .eyebrow,
+.marketing-main > section:not(.marketing-hero) > .eyebrow,
 .marketing-cta > .eyebrow {
   display: block;
   margin-bottom: 1rem;
 }
 .marketing-section > h2,
+.marketing-main > section:not(.marketing-hero) > h2,
 .marketing-cta h2 {
   max-width: 800px;
   margin: 0 0 2.5rem;
@@ -1251,11 +1259,13 @@ footer a {
     max-height: 360px;
   }
   .marketing-section,
+  .marketing-main > section:not(.marketing-hero),
   .marketing-cta {
     width: calc(100% - 40px);
     padding-block: 4.5rem;
   }
   .marketing-section > h2,
+  .marketing-main > section:not(.marketing-hero) > h2,
   .marketing-cta h2 {
     font-size: clamp(2.2rem, 11vw, 3.2rem);
   }