/* =============================================================
   LEGAL PAGES — Terms & Conditions, Privacy Policy
   Banner matches the other inner pages; body is a readable single column.
   ============================================================= */

/* ---------- banner (same look as Blogs / Contact / Pricing) ---------- */
.gs-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 265px;
  padding: 40px 24px;
  background: #2a2a30;
  text-align: center;
}
.gs-banner__title {
  margin: 0;
  color: #fff;
  font-family: "Urbanist", sans-serif;
  font-weight: 800;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .02em;
}

/* ---------- content ---------- */
.gs-legal {
  --gs-red: #d71111;
  --gs-ink: #111117;
  --gs-dark: #2a2a30;
  --gs-muted: #6d7076;
  --gs-line: #e6e6e6;
  padding: 80px 0 100px;
  background: #fff;
  font-family: "Manrope", sans-serif;
}
.gs-legal__wrap { width: min(860px, 100% - 36px); margin: 0 auto; }
.gs-legal__updated { margin: 0 0 40px; padding-bottom: 20px; border-bottom: 1px solid var(--gs-line); color: var(--gs-muted); font-size: 15px; line-height: 24px; }

.gs-legal__body { color: var(--gs-muted); font-size: 16px; font-weight: 500; line-height: 30px; }
.gs-legal__body h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 48px 0 16px;
  color: var(--gs-dark);
  font-family: "Urbanist", sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 34px;
}
.gs-legal__body h2::before { content: ""; flex: 0 0 5px; align-self: stretch; background: var(--gs-red); }
.gs-legal__body h2:first-child { margin-top: 0; }
.gs-legal__body h3 { margin: 28px 0 8px; color: var(--gs-dark); font-family: "Urbanist", sans-serif; font-weight: 700; font-size: 19px; line-height: 26px; }
.gs-legal__body p { margin: 0 0 16px; }
.gs-legal__body ul { margin: 0 0 20px; padding: 0; list-style: none; }
.gs-legal__body li { position: relative; padding: 4px 0 4px 26px; }
.gs-legal__body li::before { content: ""; position: absolute; left: 4px; top: 15px; width: 8px; height: 8px; background: var(--gs-red); transform: rotate(45deg); }
.gs-legal__body a { color: var(--gs-red); font-weight: 600; text-decoration: none; }
.gs-legal__body a:hover, .gs-legal__body a:focus-visible { text-decoration: underline; }
.gs-legal__body strong { color: var(--gs-dark); font-weight: 700; }
.gs-legal__body address { margin: 0 0 16px; font-style: normal; }

@media (max-width: 640px) {
  .gs-legal { padding: 56px 0 72px; }
  .gs-legal__body h2 { font-size: 22px; line-height: 30px; margin-top: 36px; }
}