/* go.css — the lean /go/ ad landing pages (spec §8.4). Single CTA, no nav
 * leakage: a static brand-only header, one conversion path, and a legal-only
 * footer. Everything else (hero, sections, buttons, type) rides the shared
 * tokens/base/components stylesheets so the pages stay on-brand and tiny. */

/* Brand-only header: static (not fixed), dark to merge with the hero band. */
.go-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--s-4) var(--pad);
  background: var(--deep);
}
.go-header .brand-word { color: #fff; }

/* The hero on /go/ pages flows straight out of the header. */
.go-hero { padding-top: clamp(40px, 6vw, 80px); }

/* Price line under the H1: "$199 setup + $39/mo" */
.go-price {
  display: flex;
  align-items: baseline;
  gap: var(--s-2);
  margin-top: var(--s-4);
  color: #fff;
  font-family: var(--font-display);
}
.go-price .amount { font-size: clamp(2.2rem, 5vw, 3rem); font-weight: 600; color: var(--gold); }
.go-price .term { font-size: 1.05rem; color: rgba(255, 255, 255, .82); }

/* Checkmarked offer list (light sections). */
.go-check {
  list-style: none;
  margin: var(--s-5) 0 0;
  padding: 0;
  display: grid;
  gap: var(--s-3);
}
.go-check li {
  position: relative;
  padding-left: 30px;
}
.go-check li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  font-weight: 700;
  background: var(--ok-bg);
  color: var(--ok);
}

/* Numbered "what happens next" steps. */
.go-steps {
  list-style: none;
  counter-reset: go-step;
  margin: var(--s-5) 0 0;
  padding: 0;
  display: grid;
  gap: var(--s-4);
}
.go-steps li {
  position: relative;
  counter-increment: go-step;
  padding-left: 44px;
}
.go-steps li::before {
  content: counter(go-step);
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 600;
  background: var(--tint);
  color: var(--forest);
}
.go-steps strong { display: block; }

/* Two-column offer layout on wide screens. */
.go-split {
  display: grid;
  gap: var(--s-7);
}
@media (min-width: 860px) {
  .go-split { grid-template-columns: 1fr 1fr; align-items: start; }
}

/* Final CTA band. */
.go-cta-band {
  background: var(--deep);
  color: #fff;
  text-align: center;
  padding: clamp(56px, 7vw, 96px) var(--pad);
}
.go-cta-band h2 { color: #fff; max-width: 22ch; margin-inline: auto; }
.go-cta-band .muted { color: rgba(255, 255, 255, .72); }
.go-cta-band .btn { margin-top: var(--s-5); }

/* Legal-only footer: no site nav (single-CTA page). */
.go-footer {
  background: var(--deep);
  color: rgba(255, 255, 255, .66);
  text-align: center;
  padding: var(--s-6) var(--pad);
  font-size: .88rem;
  border-top: 1px solid rgba(255, 255, 255, .12);
}
.go-footer a { color: rgba(255, 255, 255, .78); }
.go-footer a:hover { color: #fff; }
.go-footer p { margin: 0 0 var(--s-2); }