/* Marketing site only (Spec0066). Layout only; all colors/type come from tokens.css. */
.marketing-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding: 1rem 1.25rem; max-width: 64rem; margin: 0 auto; }
.marketing-nav__brand { font-family: var(--font-heading, inherit); font-size: 1.5rem; font-weight: 700; text-decoration: none; margin-right: auto; }
.marketing-nav__links { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.marketing-nav__links a { text-decoration: none; }
@media (max-width: 48rem) {
  .marketing-nav__cta { order: 2; }
  .marketing-nav__links { order: 3; width: 100%; }
}
.marketing { max-width: 48rem; margin: 0 auto; padding: 1rem 1.25rem 3rem; line-height: 1.6; }
.marketing h1, .marketing h2 { font-family: var(--font-heading, inherit); line-height: 1.2; }
.marketing .hero { padding: 2.5rem 0 2rem; }
.marketing .hero h1 { font-size: 2.25rem; margin: 0 0 1rem; }
.marketing section { margin: 2.5rem 0; }
.marketing .cta-row { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.pricing-grid > div { border: 1px solid var(--color-border, #ddd); border-radius: 0.5rem; padding: 1rem; }
@media (max-width: 48rem) { .pricing-grid { grid-template-columns: 1fr; } }