Media Kit

Media Kit: #media-kit.st-mk-metric{ padding: 14px; border-radius: 16px; border: 1px solid rgba(15,23,42,.08); background: #fff; box-shadow: 0 12px 40px rgba(2,6,23,.06); }

Padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(15,23,42,.08); background: #fff; box-shadow: 0 12px 40px rgba(2,6,23,.06); font-weight: 850; opacity:.92; }.

#media-kit.st-mk-eyebrow{ font-size: 12px; letter-spacing:.14em; text-transform: uppercase; opacity:.78; margin: 0 0 10px; }

#media-kit.st-mk-title{ font-size: clamp(30px, 3.4vw, 46px); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 10px; }

#media-kit.st-mk-lead{ max-width: 70ch; font-size: 16px; line-height: 1.7; opacity:.90; margin: 0; }

/* Buttons */ #media-kit.st-mk-hero-cta{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; align-items: center; }

#media-kit a.st-mk-btn-primary{ background: var(--mk-blue); color: #fff; border-color: rgba(11,59,98,.55); box-shadow: 0 18px 56px rgba(11,59,98,.22); }

#media-kit a.st-mk-btn-secondary{ background: #fff; color: var(--mk-blue); border-color: rgba(11,59,98,.22); }

/* Pills */ #media-kit.st-mk-hero-trust{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

/* Section Cards */ #media-kit.st-mk-card{ margin-top: 14px.

#media-kit.st-mk-h2{ font-size: 16px; margin: 0 0 10px; font-weight: 900; }

#media-kit.st-mk-p{ margin: 0; line-height: 1.7; color: var(--mk-ink); opacity:.92; }

#media-kit.st-mk-note{ margin: 12px 0 0; font-size: 13px; opacity:.72; }

#media-kit.st-mk-inline{ margin: 12px 0 0; opacity:.92; }

#media-kit.st-mk-list{ margin: 12px 0 0; padding-left: 18px; line-height: 1.7; }

/* Metrics */ #media-kit.st-mk-metrics{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; }

#media-kit.st-mk-metric-label{ font-size: 12px; letter-spacing:.10em; text-transform: uppercase; opacity:.72; font-weight: 800; }

#media-kit.st-mk-metric-value{ margin-top: 6px; font-weight: 900; font-size: 18px; line-height: 1.25; }

#media-kit.st-mk-metric-note{ margin-top: 4px; opacity:.72; font-size: 13px; }

/* Badges */ #media-kit.st-mk-badges{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* Formats */ #media-kit.st-mk-format-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 14px; }

Border-radius: 16px; border: 1px solid rgba(15,23,42,.08); background: #fff; box-shadow: 0 12px 40px rgba(2,6,23,.06); transition: transform.16s ease, box-shadow.16s ease; }.

#media-kit.st-mk-format:hover{ transform: translateY(-2px); box-shadow: 0 18px 60px rgba(2,6,23,.10); }

#media-kit.st-mk-format h3{ margin: 0 0 7px; font-size: 16px; font-weight: 900; }

#media-kit.st-mk-format p{ margin: 0; opacity:.84; line-height: 1.6; }

/* Final CTA */ #media-kit.st-mk-final-cta{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }

/* Footer */ #media-kit.st-mk-footer{ text-align: center; opacity:.75; margin-top: 18px; }

#media-kit a.st-mk-sticky-primary{ background: var(--mk-blue); color: #fff; border-color: rgba(11,59,98,.55); width: min(560px, 72vw); }

@media (max-width: 980px){ body{ padding-bottom: 76px; } #media-kit.st-mk-metrics{ grid-template-columns: 1fr; } #media-kit.st-mk-format-grid{ grid-template-columns: 1fr; } #media-kit.st-mk-final-cta{ flex-direction: column; } #media-kit a.st-mk-btn{ width: 100%; } }