/* Media kit: hero with the headline traffic card, About, Our readers (stat cards, bars), Partner with us, contact band. */
.cd-mk-hero { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 40px; padding-top: 72px; align-items: end; }
.cd-mk-hero__main { grid-column: span 7; display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.cd-mk-h1 { font-family: var(--cd-display); font-weight: 400; text-transform: uppercase; font-size: 160px; line-height: 0.88; color: var(--cd-text); }
.cd-mk-h1 span { color: var(--cd-accent); }
.cd-mk-lede { max-width: 640px; font-size: 20px; line-height: 1.55; color: var(--cd-text-2); }
.cd-mk-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.cd-mk-actions .cd-btn { font-size: 16px; padding: 14px 26px; }
.cd-mk-herocard { grid-column: 9 / span 4; display: flex; flex-direction: column; gap: 6px; background: var(--cd-raised); border: var(--cd-line) solid var(--cd-border); border-radius: 24px; padding: 36px; min-width: 0; }
.cd-mk-herocard .cd-eyebrow { font-size: 13px; }
.cd-mk-herocard__num { font-family: var(--cd-display); font-size: 112px; line-height: 0.9; }
.cd-mk-herocard__what { font-size: 19px; font-weight: 700; }
.cd-mk-herocard__sub { font-size: 16px; color: var(--cd-muted); padding-top: 10px; border-top: 1px solid var(--cd-hair); margin-top: 14px !important; }

.cd-mk-about { padding-top: var(--cd-section); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; row-gap: 40px; }
.cd-mk-about__head { grid-column: span 5; display: flex; flex-direction: column; gap: 8px; }
.cd-mk-about__body { grid-column: 7 / span 6; font-size: 19px; line-height: 1.65; }
.cd .cd-mk-about__body > * + * { margin-top: 20px; }
.cd-mk-about .cd-mk-stats { grid-column: 1 / -1; }
.cd-eyebrow { font-size: 13px; }

.cd-mk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.cd-mk-stats--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cd-mk-stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cd-mk-stats--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cd-mk-stat { display: flex; flex-direction: column; gap: 8px; background: var(--cd-raised); border: var(--cd-line) solid var(--cd-hair); border-radius: var(--cd-radius); padding: 28px; min-width: 0; }
.cd-mk-stat__num { font-family: var(--cd-display); font-size: 72px; line-height: 0.95; }
.cd-mk-stat__what { font-size: 17px; font-weight: 700; }
.cd-mk-stat__note { font-size: 14px; color: var(--cd-muted); }

.cd-mk-section { padding-top: var(--cd-section); display: flex; flex-direction: column; gap: 32px; }
.cd-mk-section__head { display: flex; flex-direction: column; gap: 12px; max-width: 820px; }
.cd-mk-intro p { font-size: 19px; line-height: 1.6; color: var(--cd-text-2); }
.cd .cd-mk-intro p + p { margin-top: 12px; }
.cd-mk-note p { font-size: 14px; color: var(--cd-muted); }

.cd-mk-bars { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: start; }
.cd-mk-barcard { display: flex; flex-direction: column; gap: 20px; background: var(--cd-raised); border: var(--cd-line) solid var(--cd-hair); border-radius: var(--cd-radius); padding: 28px; min-width: 0; }
.cd-mk-bar { display: flex; flex-direction: column; gap: 8px; }
.cd-mk-bar__row { display: flex; justify-content: space-between; gap: 12px; font-size: 16px; }
.cd-mk-bar__row span { color: var(--cd-text-2); }
.cd-mk-bar__track { display: block; height: 10px; border-radius: 999px; background: var(--cd-hair); overflow: hidden; }
.cd-mk-bar__track span { display: block; height: 100%; border-radius: 999px; background: var(--cd-accent); }

.cd-mk-offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.cd-mk-offer { display: flex; flex-direction: column; gap: 16px; background: var(--cd-raised); border: var(--cd-line) solid var(--cd-hair); border-radius: var(--cd-radius); padding: 32px; }
.cd-mk-offer__icon { width: 52px; height: 52px; border-radius: 999px; background: var(--cd-chip); border: var(--cd-line) solid var(--cd-border); display: flex; align-items: center; justify-content: center; color: var(--cd-accent); }
.cd-mk-offer p { font-size: 18px; line-height: 1.6; color: var(--cd-text-2); }

.cd-mk-cta { margin-top: var(--cd-section); display: flex; align-items: center; justify-content: space-between; gap: 40px; background: var(--cd-accent); color: var(--cd-on-accent); border-radius: 28px; padding: 56px; }
.cd-mk-cta__copy { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.cd-mk-cta__title { font-family: var(--cd-display); font-weight: 400; font-size: 72px; line-height: 0.95; text-transform: uppercase; color: var(--cd-on-accent) !important; }
.cd-mk-cta p { font-size: 19px; line-height: 1.5; }
.cd .cd-mk-cta__btn { flex-shrink: 0; background: var(--cd-ground); color: var(--cd-text); font-size: 17px; padding: 18px 30px; }
.cd .cd-mk-cta__btn:hover { background: #000; color: var(--cd-text); }

@media (max-width: 1279px) {
  .cd-mk-h1 { font-size: 128px; }
  .cd-mk-stats--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cd-mk-bars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cd-mk-stat__num { font-size: 64px; }
}
@media (max-width: 1099px) {
  .cd-mk-hero { padding-top: 56px; }
  .cd-mk-hero__main, .cd-mk-herocard { grid-column: 1 / -1; }
  .cd-mk-herocard { max-width: 520px; }
  .cd-mk-h1 { font-size: 112px; }
  .cd-mk-about__head, .cd-mk-about__body { grid-column: 1 / -1; }
  .cd-mk-about { row-gap: 24px; }
  .cd-mk-cta { flex-direction: column; align-items: flex-start; padding: 40px; gap: 24px; }
  .cd-mk-cta__title { font-size: 56px; }
}
@media (max-width: 767px) {
  .cd-mk-hero { padding-top: 32px; row-gap: 28px; }
  .cd-mk-hero__main { gap: 20px; }
  .cd-mk-h1 { font-size: 76px; line-height: 0.9; }
  .cd-mk-lede { font-size: 17px; }
  .cd-mk-actions { flex-direction: column; }
  .cd-mk-actions .cd-btn { width: 100%; white-space: normal; }
  .cd-mk-herocard { padding: 24px; border-radius: var(--cd-radius); }
  .cd-mk-herocard__num { font-size: 80px; }
  .cd-mk-about__body { font-size: 17px; }
  .cd-mk-stats, .cd-mk-stats--5, .cd-mk-stats--4, .cd-mk-stats--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .cd-mk-stat { padding: 18px; gap: 4px; }
  .cd-mk-stat:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .cd-mk-stat__num { font-size: 44px; }
  .cd-mk-stat__what { font-size: 16px; }
  .cd-mk-stat__note { font-size: 13px; }
  .cd-mk-section { gap: 24px; }
  .cd-mk-intro p { font-size: 17px; }
  .cd-mk-bars { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .cd-mk-barcard { padding: 22px; gap: 16px; }
  .cd-mk-offers { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .cd-mk-offer { padding: 22px; gap: 12px; }
  .cd-mk-offer .cd-h3 { font-size: 26px; }
  .cd-mk-offer p { font-size: 17px; }
  .cd-mk-cta { padding: 28px 22px; border-radius: var(--cd-radius); margin-top: 48px; }
  .cd-mk-cta__title { font-size: 44px; }
  .cd-mk-cta p { font-size: 17px; }
  .cd .cd-mk-cta__btn { width: 100%; white-space: normal; font-size: 16px; padding: 16px 20px; }
}
@media (max-width: 380px) { .cd-mk-h1 { font-size: 64px; } .cd-mk-stat__num { font-size: 38px; } }