/* Scoped additions for the existing Manrope, navy and blue landing design. */
.offer-intro { --offer-ink: #101b29; --offer-blue: #0075d6; --offer-muted: #576b81; color: var(--offer-ink); }
.offer-intro h1, .offer-intro h2, .offer-intro h3 { text-wrap: balance; }
.offer-intro p { text-wrap: pretty; }
.offer-intro .offer-hero { max-width: 1120px; margin-inline: auto; padding: 64px 24px 56px; text-align: center; }
.offer-intro .offer-brand { margin: 0 0 24px; font-size: 17px; font-weight: 800; letter-spacing: -.02em; }
.offer-intro .offer-brand > img { flex: none; }
.offer-intro .offer-brand > img + img { margin-left: -3px; }
.offer-intro .offer-title { max-width: 990px; margin: 0 auto 25px; font-size: clamp(2rem, 4.1vw, 3.15rem); font-weight: 800; line-height: 1.12; letter-spacing: -.045em; }
.offer-intro .offer-title span { color: var(--offer-blue); }
.offer-intro .offer-title .offer-keep { white-space: nowrap; }
.offer-intro .offer-support { max-width: 790px; margin: 0 auto; color: var(--offer-muted); font-size: clamp(1.125rem, 1.7vw, 1.375rem); line-height: 1.6; }
.offer-intro .offer-hero-combined { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 48px; max-width: 1160px; text-align: left; }
.offer-intro .offer-hero-copy { min-width: 0; }
.offer-intro .offer-hero-combined .offer-title { font-size: clamp(2rem, 3.3vw, 3rem); }
.offer-intro .offer-hero-combined .offer-support { font-size: clamp(1rem, 1.5vw, 1.125rem); }
.offer-intro .offer-hero-comparison { min-width: 0; margin: 0; }
.offer-intro .offer-hero-comparison img { display: block; width: 100%; height: auto; border-radius: 24px; }
.offer-intro .offer-tool-section { max-width: 1160px; margin: 0 auto; padding: 72px 24px 88px; border-top: 1px solid #dce5ef; }
.offer-intro .offer-tool-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.offer-intro .offer-eyebrow { margin: 0 0 22px; color: var(--offer-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.offer-intro .offer-block-title { margin: 0 0 24px; font-size: clamp(1.8rem, 3.6vw, 2.75rem); font-weight: 800; line-height: 1.15; letter-spacing: -.045em; }
.offer-intro .offer-block-title span { display: block; color: var(--offer-blue); }
.offer-intro .offer-body { color: var(--offer-muted); font-size: 18px; line-height: 1.75; margin: 0; }
.offer-intro .offer-closing { margin: 26px 0 0; padding-left: 20px; border-left: 3px solid var(--offer-blue); color: #214d73; font-size: 18px; line-height: 1.6; font-weight: 700; }
.offer-intro .offer-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 32px; background: #eaf4fe; border: 1px solid #d3e5f6; border-radius: 28px; }
.offer-intro .offer-tool-name { display: flex; align-items: center; justify-content: center; min-height: 180px; padding: 24px 12px; background: white; border: 1px solid #dce6ef; border-radius: 20px; color: var(--offer-ink); font-weight: 800; font-size: clamp(1.2rem, 2.1vw, 1.8rem); letter-spacing: -.03em; box-shadow: 0 8px 24px #173c6510; }
.offer-intro .offer-tool-name.claude { color: #bb542f; }
.offer-intro .offer-tools.claude-only { grid-template-columns: 1fr; }
.offer-intro .offer-tools.claude-only .offer-tool-name { min-height: 220px; font-size: 2.75rem; }
@media (max-width: 720px) {
  .offer-intro .offer-hero { padding: 42px 22px; }
  .offer-intro .offer-brand { font-size: 15px; margin-bottom: 22px; }
  .offer-intro .offer-hero-combined { grid-template-columns: 1fr; gap: 26px; text-align: center; }
  .offer-intro .offer-hero-combined .offer-title { font-size: clamp(1.8rem, 7.5vw, 2.5rem); }
  .offer-intro .offer-hero-combined .offer-brand { gap: 7px; padding-inline: 10px 14px; font-size: 14px; }
  .offer-intro .offer-hero-combined .offer-brand > img { width: 27px; height: 27px; }
  .offer-intro .offer-hero-comparison { max-width: 480px; margin-inline: auto; }
  .offer-intro .offer-tool-section { padding: 46px 22px 60px; }
  .offer-intro .offer-tool-grid { grid-template-columns: 1fr; gap: 32px; }
  .offer-intro .offer-body, .offer-intro .offer-closing { font-size: 16px; }
  .offer-intro .offer-tools { padding: 20px; gap: 14px; border-radius: 24px; }
  .offer-intro .offer-tool-name { min-height: 138px; }
}

.cold-hero .offer-hero{padding:0}.offer-intro .cold-software-hub strong{font:800 clamp(1.1rem,2vw,1.6rem)/1.4 Manrope,Arial,sans-serif;text-align:center;color:#fff}.offer-intro .cold-button:disabled{cursor:not-allowed;opacity:.65}.offer-intro .cold-vsl-cta:empty{margin:0;padding:0}