/* Homepage unboxed layout correction
   Goal: wider, less cramped, less boxed, still futuristic. */

.home-page main {
  overflow: hidden;
}

/* Let the homepage breathe wider */
.home-page main .max-w-7xl {
  max-width: 1480px !important;
}

/* Hero gets more width and stronger composition */
.home-page main section:first-of-type > div {
  max-width: 1480px !important;
}

.home-page main section:first-of-type {
  padding-top: 15rem !important;
  padding-bottom: 5.5rem !important;
}

.home-page main section:first-of-type h1 {
  font-size: clamp(5.6rem, 8.4vw, 10rem) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.018em !important;
}

.home-page main section:first-of-type p:not(.heading-futuristic):not(.section-kicker) {
  font-size: 1.18rem !important;
  line-height: 1.72 !important;
  max-width: 820px !important;
}

/* Reduce the heavy boxed panel feeling */
.home-page .home-panel {
  background:
    linear-gradient(145deg, rgba(2, 8, 23, 0.62), rgba(8, 20, 40, 0.34)) !important;
  border-color: rgba(0, 242, 255, 0.22) !important;
  box-shadow:
    0 26px 90px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

/* System flow becomes a wide operating band, not a tight box */
.home-page main section:nth-of-type(2) {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.home-page main section:nth-of-type(2) .home-panel {
  max-width: 1420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 3rem !important;
  border-radius: 2.25rem !important;
}

/* Cards inside system flow stay clear but not cramped */
.home-page .system-node {
  min-height: 230px !important;
  padding: 1.8rem !important;
  background: rgba(2, 8, 23, 0.56) !important;
}

.home-page .system-node h3 {
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
}

.home-page .system-node p:not(.heading-futuristic):not(.section-kicker) {
  font-size: 1.04rem !important;
  line-height: 1.62 !important;
}

/* Problem/Solution section: wider, less boxed, better text scale */
.home-page main section:nth-of-type(3) {
  padding-top: 1.5rem !important;
}

.home-page main section:nth-of-type(3) > div {
  max-width: 1420px !important;
  gap: 2.5rem !important;
}

.home-page main section:nth-of-type(3) .home-panel {
  min-height: 460px !important;
  padding: 3.6rem !important;
  border-radius: 2.25rem !important;
}

.home-page .home-body-title-text {
  font-size: clamp(2.65rem, 3.3vw, 4.2rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.025em !important;
  max-width: 720px !important;
}

.home-page main section:nth-of-type(3) .home-panel p:not(.heading-futuristic):not(.section-kicker) {
  font-size: 1.13rem !important;
  line-height: 1.72 !important;
  max-width: 760px !important;
}

/* Operating engines: make it a premium wide architecture section */
.home-page main section:nth-of-type(4) > div {
  max-width: 1420px !important;
}

.home-page main section:nth-of-type(4) .home-panel {
  padding: 4rem !important;
  border-radius: 2.25rem !important;
}

.home-page .home-engine-title-text {
  font-size: clamp(2.45rem, 3vw, 3.85rem) !important;
  line-height: 1.08 !important;
  max-width: 650px !important;
}

.home-page main section:nth-of-type(4) .home-panel p:not(.heading-futuristic):not(.section-kicker) {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
}

/* Small engine boxes should be readable, not tiny labels */
.home-page main section:nth-of-type(4) .rounded-2xl {
  padding: 1.35rem !important;
}

.home-page main section:nth-of-type(4) .rounded-2xl strong {
  font-size: 1.05rem !important;
}

.home-page main section:nth-of-type(4) .rounded-2xl span {
  font-size: 0.98rem !important;
}

/* CTA panel should feel like a focused command module, not a tiny box */
.home-page main section:last-of-type {
  padding-top: 1rem !important;
  padding-bottom: 7rem !important;
}

.home-page main section:last-of-type .home-panel {
  max-width: 880px !important;
  padding: 3.8rem !important;
  border-radius: 2.25rem !important;
}

.home-page main section:last-of-type h2 {
  font-size: clamp(3rem, 4.2vw, 5rem) !important;
  line-height: 1.05 !important;
}

/* Keep hero proof chips from feeling too boxed */
.home-page .metric-chip {
  background: rgba(0, 242, 255, 0.04) !important;
  border-color: rgba(0, 242, 255, 0.24) !important;
}

/* Responsive */
@media (max-width: 1100px) {
  .home-page main .max-w-7xl,
  .home-page main section:nth-of-type(2) .home-panel,
  .home-page main section:nth-of-type(3) > div,
  .home-page main section:nth-of-type(4) > div {
    max-width: 94vw !important;
  }

  .home-page main section:nth-of-type(3) .home-panel {
    min-height: auto !important;
  }
}

@media (max-width: 700px) {
  .home-page main section:first-of-type {
    padding-top: 9rem !important;
  }

  .home-page main section:first-of-type h1 {
    font-size: clamp(3.6rem, 14vw, 5.8rem) !important;
  }

  .home-page main section:nth-of-type(2) .home-panel,
  .home-page main section:nth-of-type(3) .home-panel,
  .home-page main section:nth-of-type(4) .home-panel,
  .home-page main section:last-of-type .home-panel {
    padding: 2rem !important;
  }

  .home-page .home-body-title-text,
  .home-page .home-engine-title-text {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }
}