Reposition paywall sections lower for better balance.

Add top spacers around the hero and benefits rows and tune inter-section gaps so premium cards and supporting content sit lower with less visible empty space.

Made-with: Cursor

classroom_app/ViewController.swift

@@ -2678,6 +2678,11 @@ private extension ViewController {
         contentStack.addArrangedSubview(topRow)
         topRow.widthAnchor.constraint(equalTo: contentStack.widthAnchor).isActive = true
 
+        let heroTopSpacer = NSView()
+        heroTopSpacer.translatesAutoresizingMaskIntoConstraints = false
+        heroTopSpacer.heightAnchor.constraint(equalToConstant: 18).isActive = true
+        contentStack.addArrangedSubview(heroTopSpacer)
+
         let hero = roundedContainer(cornerRadius: 16, color: palette.sectionCard)
         hero.translatesAutoresizingMaskIntoConstraints = false
         styleSurface(hero, borderColor: palette.inputBorder, borderWidth: 1, shadow: false)
@@ -2705,6 +2710,11 @@ private extension ViewController {
             heroSubtitle.bottomAnchor.constraint(equalTo: hero.bottomAnchor, constant: -16)
         ])
 
+        let benefitsTopSpacer = NSView()
+        benefitsTopSpacer.translatesAutoresizingMaskIntoConstraints = false
+        benefitsTopSpacer.heightAnchor.constraint(equalToConstant: 40).isActive = true
+        contentStack.addArrangedSubview(benefitsTopSpacer)
+
         let benefitsRow = NSStackView()
         benefitsRow.translatesAutoresizingMaskIntoConstraints = false
         benefitsRow.orientation = .horizontal
@@ -2720,9 +2730,7 @@ private extension ViewController {
 
         let midTopSpacer = NSView()
         midTopSpacer.translatesAutoresizingMaskIntoConstraints = false
-        midTopSpacer.setContentHuggingPriority(.defaultLow, for: .vertical)
-        midTopSpacer.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
-        midTopSpacer.heightAnchor.constraint(greaterThanOrEqualToConstant: 8).isActive = true
+        midTopSpacer.heightAnchor.constraint(equalToConstant: 6).isActive = true
         contentStack.addArrangedSubview(midTopSpacer)
 
         let plansRow = NSStackView()
@@ -2778,9 +2786,7 @@ private extension ViewController {
 
         let midBottomSpacer = NSView()
         midBottomSpacer.translatesAutoresizingMaskIntoConstraints = false
-        midBottomSpacer.setContentHuggingPriority(.defaultLow, for: .vertical)
-        midBottomSpacer.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
-        midBottomSpacer.heightAnchor.constraint(greaterThanOrEqualToConstant: 18).isActive = true
+        midBottomSpacer.heightAnchor.constraint(equalToConstant: 8).isActive = true
         contentStack.addArrangedSubview(midBottomSpacer)
 
         let offer = textLabel(paywallOfferText(for: selectedPremiumPlan), font: NSFont.systemFont(ofSize: 13, weight: .semibold), color: palette.textPrimary)
@@ -2841,7 +2847,6 @@ private extension ViewController {
         footerTopSpacer.translatesAutoresizingMaskIntoConstraints = false
         contentStack.addArrangedSubview(footerTopSpacer)
         footerTopSpacer.heightAnchor.constraint(equalToConstant: 4).isActive = true
-        midTopSpacer.heightAnchor.constraint(equalTo: midBottomSpacer.heightAnchor).isActive = true
 
         let footer = paywallFooterLinks()
         contentStack.addArrangedSubview(footer)
@@ -2850,7 +2855,7 @@ private extension ViewController {
         NSLayoutConstraint.activate([
             contentStack.centerXAnchor.constraint(equalTo: panel.centerXAnchor),
             contentStack.widthAnchor.constraint(equalToConstant: paywallLayoutWidth),
-            contentStack.topAnchor.constraint(equalTo: panel.topAnchor, constant: 30),
+            contentStack.topAnchor.constraint(equalTo: panel.topAnchor, constant: 52),
             contentStack.bottomAnchor.constraint(equalTo: panel.bottomAnchor, constant: -10)
         ])