/* buy/style.css — marketing-surface look-and-feel.
 *
 * Sits ON TOP of the imported simulator/style.css for the buy/ pages and
 * overrides the brutalist monospace look with the boristhecoach.com Astra
 * theme palette + system sans typography. Mirrors btc.com/for-coaches so
 * buyers landing here from the WordPress site feel a continuous brand.
 *
 * Brand tokens lifted from the live Astra theme:
 *   --ast-global-color-0 #046bd2  (primary blue, links + CTAs)
 *   --ast-global-color-1 #045cb4  (hover blue)
 *   --ast-global-color-2 #1e293b  (headings, slate-800)
 *   --ast-global-color-3 #334155  (body, slate-700)
 *   --ast-global-color-5 #f0f5fa  (subtle bg, blue-tinted)
 *   --ast-global-color-7 #d1d5db  (border, warm grey)
 *
 * Plus airy spacing (1.65 line-height, generous radius/padding), system sans
 * font stack so it renders native-feeling on every OS.
 */

/* Override the simulator's theme-light tokens on the buy surface only. */
body.theme-light {
  --bg:           #ffffff;
  --fg:           #333333;    /* body text — soft near-black */
  --heading:      #202D65;    /* Boris blue — headings */
  --muted:        #5b6472;    /* subdued, AA on white */
  --panel:        #f4f6fb;    /* soft Boris-blue-tinted surface */
  --panel-strong: #e7ecf7;    /* slightly more saturated for hover/active */
  --border:       #d9dde6;    /* warm grey border */
  --accent:       #202D65;    /* Boris blue — primary brand colour */
  --accent-hover: #18234f;    /* darker Boris blue */
  --accent-soft:  #e7ecf7;
  --gold:         #D4AF37;    /* premium / credential accent — use sparingly */
  --wine:         #800000;    /* warm emphasis */
}

/* Open Sans body across the marketing surface — the Boris the Coach brand
 * sans. !important fights the simulator's monospace --font variable. */
.marketing,
.marketing *,
.legal,
.legal *,
.buy-lang-picker,
.buy-lang-picker * {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", sans-serif !important;
}

/* Headlines in Cormorant Garamond — the brand serif (gravitas + warmth). */
.marketing h1,
.marketing h2,
.marketing h3 {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  letter-spacing: 0 !important;
}
.marketing h1 { font-weight: 700 !important; }

/* Branded top bar — mirrors boristhecoach.com so buyers feel one continuous
 * site; the wordmark links back to the main site. */
.btc-brandbar { border-bottom: 1px solid var(--border); background: #ffffff; }
.btc-brandbar-inner {
  max-width: 920px; margin: 0 auto; padding: 16px 24px;
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
}
.btc-wordmark { font-family: "Cormorant Garamond", Georgia, serif; text-decoration: none; line-height: 1; white-space: nowrap; }
.btc-wordmark .b { color: #202D65; font-weight: 700; font-size: 1.55rem; }
.btc-wordmark .t { color: #3B3B3B; font-weight: 600; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.3em; margin-left: 4px; }
.btc-brandbar-link { font-size: 0.86rem; color: #5b6472; text-decoration: none; white-space: nowrap; }
.btc-brandbar-link:hover { color: #202D65; }
.btc-footer-brand { text-align: center; margin-top: 30px; color: #5b6472; font-size: 0.9em; }
.btc-footer-brand a { color: #202D65; font-weight: 600; text-decoration: none; }

/* Page background — warm off-white per brand */
body.theme-light {
  background: #F8F7F5;
}

/* Wider container, more breathing room */
.marketing {
  max-width: 920px !important;
  padding: 56px 24px 96px !important;
}

/* Typography — softer slate, airier line-height */
.marketing h1 {
  color: var(--heading);
  font-size: 2.4em !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
  margin: 0 0 14px !important;
}

.marketing .hero-sub {
  color: var(--muted) !important;
  font-size: 1.18em !important;
  line-height: 1.6 !important;
  max-width: 60ch !important;
  margin: 0 0 24px !important;
}

.marketing .by {
  color: var(--muted) !important;
  font-size: 0.97em !important;
  line-height: 1.6;
  margin-bottom: 40px !important;
}

.marketing .by strong { color: var(--heading) !important; font-weight: 600; }

.marketing p,
.marketing li {
  color: var(--fg);
  line-height: 1.65;
}

.marketing h2,
.marketing h3 {
  color: var(--heading);
  font-weight: 600;
  letter-spacing: -0.005em;
}

.marketing .section { margin: 64px 0 !important; }
.marketing .section h2 { font-size: 1.55em !important; margin-bottom: 20px !important; }

/* Anchor links inside marketing copy */
.marketing a:not(.cta):not(.try-card) {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s, color 0.15s;
}
.marketing a:not(.cta):not(.try-card):hover {
  color: var(--accent-hover);
  border-bottom-color: currentColor;
}

/* Testimonial — softer card, less brutalist left bar */
.marketing .testimonial {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 12px !important;
  padding: 26px 28px !important;
  margin: 18px 0 !important;
  gap: 24px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.marketing .testimonial:first-of-type { margin-top: 36px !important; }
.marketing .testimonial:last-of-type  { margin-bottom: 44px !important; }

.marketing .testimonial-photo {
  width: 88px !important;
  height: 88px !important;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08);
}

.marketing .testimonial blockquote {
  font-style: italic;
  font-size: 1.08em !important;
  line-height: 1.6 !important;
  color: var(--fg);
}

.marketing .testimonial figcaption {
  font-style: normal;
  color: var(--muted) !important;
  font-size: 0.93em !important;
  margin-top: 6px;
}

.marketing .testimonial figcaption strong { color: var(--heading); font-weight: 600; }
.marketing .testimonial figcaption small { color: var(--muted); opacity: 0.85; }

/* Try-before-you-buy banner */
.marketing .try-free { margin: 0 0 48px !important; }
.marketing .try-free-headline {
  font-size: 1.18em !important;
  font-weight: 600 !important;
  color: var(--heading) !important;
  margin-bottom: 18px !important;
}
.marketing .try-free-grid { gap: 16px !important; }
.marketing .try-card {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  transition: border-color 0.15s, transform 0.05s, box-shadow 0.15s;
}
.marketing .try-card:hover {
  border-color: var(--accent) !important;
  box-shadow: 0 2px 8px rgba(4, 107, 210, 0.08);
}
.marketing .try-card strong {
  font-size: 1.08em !important;
  color: var(--heading) !important;
  margin-bottom: 6px !important;
}
.marketing .try-card span {
  color: var(--muted) !important;
  line-height: 1.55 !important;
}
.marketing .try-card-trial {
  border-color: var(--accent) !important;
  background: linear-gradient(180deg, var(--accent-soft), var(--panel)) !important;
}

/* Anchor-pricing comparison */
.marketing .anchor-pricing {
  background: var(--panel) !important;
  border-left: 3px solid var(--accent) !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 16px 20px !important;
  margin: -8px 0 40px !important;
  line-height: 1.6 !important;
  color: var(--fg) !important;
}
.marketing .anchor-pricing strong { color: var(--accent) !important; font-weight: 600; }

/* Price cards */
.marketing .price-row { gap: 18px !important; margin: 32px 0 44px !important; }
.marketing .price-card {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  padding: 26px 26px 24px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  transition: box-shadow 0.15s, border-color 0.15s;
}
.marketing .price-card:hover {
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.marketing .price-card.featured {
  border-color: var(--accent) !important;
  box-shadow: 0 4px 14px rgba(4, 107, 210, 0.1);
}
.marketing .price-card .ribbon {
  background: var(--accent) !important;
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: 0.74em !important;
  text-transform: uppercase;
}
.marketing .price-card h3 {
  font-size: 1.2em !important;
  color: var(--heading) !important;
  margin: 0 0 6px !important;
}
.marketing .price-card .price {
  color: var(--heading) !important;
  font-size: 2.2em !important;
  font-weight: 700 !important;
  margin: 10px 0 4px !important;
}
.marketing .price-card .price-meta {
  color: var(--muted) !important;
  font-size: 0.94em !important;
}
.marketing .price-card ul { padding-left: 22px !important; }
.marketing .price-card li { color: var(--fg); line-height: 1.55; }

/* Primary + secondary CTAs */
.marketing .cta {
  background: var(--accent) !important;
  color: #ffffff !important;
  padding: 13px 20px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  letter-spacing: 0;
  transition: background 0.15s, transform 0.05s, box-shadow 0.15s;
  box-shadow: 0 1px 2px rgba(4, 107, 210, 0.2);
}
.marketing .cta:hover {
  background: var(--accent-hover) !important;
  box-shadow: 0 3px 8px rgba(4, 107, 210, 0.25);
  filter: none !important;
}
.marketing .cta:active { transform: translateY(1px); }
.marketing .cta.secondary {
  background: #ffffff !important;
  color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  box-shadow: none;
}
.marketing .cta.secondary:hover {
  background: var(--accent-soft) !important;
  color: var(--accent-hover) !important;
}

/* Checkout email guard */
.marketing .checkout-email-guard {
  margin: -10px 0 22px;
  padding: 14px 16px;
  border: 1px solid #f59e0b;
  border-left: 4px solid #d97706;
  border-radius: 8px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 0.94em;
  line-height: 1.55;
}

.marketing .checkout-email-guard--generic {
  border-color: var(--border);
  border-left-color: var(--accent);
  background: var(--panel);
  color: var(--fg);
}

.marketing .checkout-email-guard--invalid {
  border-color: #fca5a5;
  border-left-color: #dc2626;
  background: #fef2f2;
  color: #7f1d1d;
}

.marketing .checkout-email-guard strong {
  color: inherit;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.marketing .checkout-email-guard__clear {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
  text-decoration: underline;
}

.marketing .checkout-email-guard__clear:hover {
  color: var(--accent);
}

.marketing .geo-pricing-note {
  display: block;
  color: var(--muted);
  font-size: 0.45em;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 4px;
}

/* Feature list (the checkmarked rows) */
.marketing .feature-list li {
  padding: 14px 0 14px 28px !important;
  border-top: 1px solid var(--border) !important;
  line-height: 1.55;
}
.marketing .feature-list li::before {
  color: var(--accent) !important;
  font-weight: 700;
}
.marketing .feature-list li strong { color: var(--heading); font-weight: 600; }
.marketing .feature-list li span   { color: var(--muted); }

/* "Who is this for" cards */
.marketing .who-card {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  padding: 20px 22px !important;
}
.marketing .who-card h3 { color: var(--heading) !important; }
.marketing .who-card p  { color: var(--muted); }

/* FAQ */
.marketing .faq details {
  border-top: 1px solid var(--border) !important;
  padding: 18px 0 !important;
}
.marketing .faq summary {
  color: var(--heading);
  font-weight: 500;
  line-height: 1.55;
}
.marketing .faq summary::before { color: var(--accent) !important; }
.marketing .faq p { color: var(--fg); line-height: 1.6; }

/* Disclaimer + legal footer */
.marketing .disclaimer,
.marketing .legal-footer {
  border-top: 1px solid var(--border) !important;
  color: var(--muted) !important;
  font-size: 0.9em;
  line-height: 1.55;
}

/* Language picker — top-right of page */
.buy-lang-picker {
  font-size: 0.88em !important;
  color: var(--muted);
}
.buy-lang-picker strong { color: var(--accent) !important; }
.buy-lang-picker a       { color: var(--muted) !important; transition: color 0.15s; }
.buy-lang-picker a:hover { color: var(--accent) !important; }

/* Terms/Privacy/Refund pages — apply the same look */
.legal {
  max-width: 760px !important;
  padding: 56px 24px 96px !important;
}
.legal h1 {
  color: var(--heading);
  font-size: 2em !important;
  font-weight: 600;
}
.legal .meta { color: var(--muted) !important; }
.legal h2 { color: var(--heading); font-weight: 600; }
.legal p, .legal li { color: var(--fg); line-height: 1.65; }
.legal .notice {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
}
.legal a:not(.cta) {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.legal a:not(.cta):hover { border-bottom-color: currentColor; }

/* Mobile tightening */
@media (max-width: 640px) {
  .marketing { padding: 36px 18px 72px !important; }
  .marketing h1 { font-size: 1.85em !important; }
  .marketing .hero-sub { font-size: 1.05em !important; }
  .marketing .price-card { padding: 22px !important; }
  .marketing .section { margin: 44px 0 !important; }
}

/* Conversion refresh proposal — 2026-06-09.
 * Scoped to the buy/ marketing surface; commercial links and scripts stay in
 * the HTML unchanged. */
body.buy-marketing {
  overflow-x: hidden;
}

body.buy-marketing *,
body.buy-marketing *::before,
body.buy-marketing *::after {
  box-sizing: border-box;
}

body.theme-light.buy-marketing {
  --bg: #ffffff;
  --fg: #333333;
  --heading: #202D65;
  --muted: #5b6472;
  --panel: #f4f6fb;
  --panel-strong: #e7ecf7;
  --border: #d9dde6;
  --accent: #202D65;       /* Boris blue — primary */
  --accent-hover: #18234f;
  --accent-soft: #e7ecf7;
  --accent-strong: #18234f;
  --gold: #D4AF37;         /* premium / credential accent */
  background: #F8F7F5;
}

body.buy-marketing .buy-lang-picker {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin: 18px auto 0 !important;
  padding: 0 28px !important;
}

body.buy-marketing .buy-lang-picker a,
body.buy-marketing .buy-lang-picker strong {
  border-radius: 999px;
  padding: 4px 8px;
}

body.buy-marketing .buy-lang-picker strong {
  background: var(--accent-soft);
}

.marketing {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  padding: 64px 28px 104px !important;
  overflow: hidden;
}

.marketing,
.marketing * {
  min-width: 0;
  letter-spacing: 0 !important;
}

.marketing > h1 {
  max-width: 860px !important;
  margin: 0 0 18px !important;
  color: var(--heading) !important;
  font-size: 3.7rem !important;
  line-height: 1.04 !important;
  font-weight: 750 !important;
}

.marketing > h1::before {
  content: "";
  display: block;
  width: 72px;
  height: 5px;
  margin: 0 0 28px;
  background: var(--accent);
  border-radius: 999px;
}

.marketing .hero-sub {
  max-width: 760px !important;
  margin: 0 0 18px !important;
  color: var(--fg) !important;
  font-size: 1.28rem !important;
  line-height: 1.55 !important;
}

.marketing .by {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 38px !important;
  padding: 9px 12px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #ffffff;
  color: var(--muted) !important;
  font-size: 0.96rem !important;
  box-shadow: 0 10px 24px rgba(22, 32, 51, 0.05);
}

.marketing .by strong {
  color: var(--heading) !important;
}

.marketing .testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 68px;
}

.marketing .testimonial {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start;
  gap: 16px !important;
  min-width: 0;
  height: 100%;
  margin: 0 !important;
  padding: 22px !important;
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  border-top: 4px solid var(--accent) !important;
  border-left: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(22, 32, 51, 0.08);
  text-align: left !important;
}

.marketing .testimonial:first-of-type,
.marketing .testimonial:last-of-type {
  margin: 0 !important;
}

.marketing .testimonial-photo {
  width: 68px !important;
  height: 68px !important;
  border: 3px solid #ffffff;
  box-shadow: 0 8px 20px rgba(22, 32, 51, 0.14) !important;
}

.marketing .testimonial blockquote {
  width: 100%;
  min-width: 0;
  font-size: 1rem !important;
  line-height: 1.56 !important;
}

.marketing .testimonial blockquote p {
  overflow-wrap: break-word;
}

.marketing .testimonial figcaption {
  line-height: 1.35;
}

.marketing .tier-grid {
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.12fr) minmax(0, 0.94fr) !important;
  gap: 18px !important;
  margin: 38px 0 26px !important;
  align-items: stretch;
}

.marketing .tier {
  border-radius: 8px !important;
  padding: 28px 26px 24px !important;
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 16px 38px rgba(22, 32, 51, 0.08) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.marketing .tier:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 48px rgba(22, 32, 51, 0.12) !important;
}

.marketing .tier.free {
  background: var(--panel) !important;
}

.marketing .tier.featured {
  border: 2px solid var(--accent) !important;
  transform: translateY(-10px);
  box-shadow: 0 24px 54px rgba(4, 107, 210, 0.18) !important;
}

.marketing .tier.featured:hover {
  transform: translateY(-12px);
}

.marketing .tier .ribbon {
  top: -14px !important;
  background: var(--accent) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.65);
  box-shadow: 0 10px 20px rgba(4, 107, 210, 0.24) !important;
}

.marketing .tier h3 {
  color: var(--heading) !important;
  font-size: 1.18rem !important;
  line-height: 1.22 !important;
}

.marketing .tier-tagline,
.marketing .tier-meta {
  color: var(--muted) !important;
}

.marketing .tier-price {
  color: var(--heading);
  font-size: 2.45rem !important;
  line-height: 1.05;
  margin: 16px 0 8px !important;
}

.marketing .tier-price .strike {
  color: var(--muted) !important;
}

.marketing .tier ul {
  list-style: none;
  padding-left: 0 !important;
}

.marketing .tier li {
  position: relative;
  padding-left: 22px;
  color: var(--fg) !important;
}

.marketing .tier li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-soft);
}

.marketing .cta {
  border-radius: 6px !important;
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  background: var(--accent) !important;
  box-shadow: 0 12px 22px rgba(4, 107, 210, 0.2) !important;
}

.marketing .cta:hover {
  background: var(--accent-hover) !important;
  box-shadow: 0 16px 28px rgba(4, 107, 210, 0.26) !important;
}

.marketing .cta.secondary {
  background: #ffffff !important;
  color: var(--accent-strong) !important;
  border-color: var(--accent) !important;
}

.marketing .tier-footnote,
.marketing > .anchor-pricing,
.marketing > p[style*="mentor"],
.marketing > .section,
.marketing > .disclaimer,
.marketing > .legal-footer {
  max-width: 880px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.marketing .anchor-pricing {
  background: #ffffff !important;
  border: 1px solid var(--border) !important;
  border-left: 5px solid var(--accent) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(22, 32, 51, 0.07);
}

.marketing .section {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.marketing .section h2 {
  color: var(--heading) !important;
  font-size: 1.9rem !important;
  line-height: 1.15 !important;
}

.marketing .section p {
  color: var(--fg) !important;
}

.marketing .section p[style*="background: var(--panel)"] {
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid var(--border);
  border-left: 5px solid var(--accent) !important;
}

.marketing .grid-2 {
  gap: 16px !important;
}

.marketing .who-card,
.marketing .try-card {
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(22, 32, 51, 0.06);
}

.marketing .feature-list {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.marketing .feature-list li {
  padding: 18px 22px 18px 52px !important;
}

.marketing .feature-list li::before {
  left: 22px !important;
  top: 20px;
}

.marketing .faq details {
  background: #ffffff;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.marketing .faq details:first-of-type {
  border-radius: 8px 8px 0 0;
}

.marketing .faq details:last-of-type {
  border-bottom: 1px solid var(--border);
  border-radius: 0 0 8px 8px;
}

@media (max-width: 980px) {
  .marketing > h1 {
    font-size: 3rem !important;
  }

  .marketing .testimonial-grid,
  .marketing .tier-grid {
    grid-template-columns: 1fr !important;
  }

  .marketing .tier.featured,
  .marketing .tier.featured:hover,
  .marketing .tier:hover {
    transform: none;
  }
}

@media (max-width: 640px) {
  body.buy-marketing .buy-lang-picker {
    justify-content: flex-start !important;
    padding: 0 18px !important;
  }

  .marketing {
    padding: 38px 18px 76px !important;
  }

  .marketing > h1 {
    font-size: 2.05rem !important;
    line-height: 1.12 !important;
  }

  .marketing > h1::before {
    width: 52px;
    height: 4px;
    margin-bottom: 20px;
  }

  .marketing .hero-sub {
    font-size: 1.04rem !important;
  }

  .marketing .by {
    display: block;
    border-radius: 8px;
  }

  .marketing .testimonial {
    padding: 20px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .marketing .testimonial blockquote {
    text-align: left !important;
  }

  .marketing .tier {
    padding: 24px 22px 22px !important;
  }

  .marketing .tier .ribbon {
    position: static !important;
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    transform: none !important;
    margin: -6px 0 16px;
    white-space: normal !important;
  }

  .marketing .tier-price {
    font-size: 2.2rem !important;
  }

  .marketing .section {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }

  .marketing .section h2 {
    font-size: 1.52rem !important;
  }

  .marketing .grid-2 {
    grid-template-columns: 1fr !important;
  }
}