/* Opt-in Editorial Pop treatment for public marketing pages. App chrome and
   participant forms continue to use the shared Ink & Brass components. */
.marketing-pop {
  --marketing-shadow: 5px 5px 0 var(--cf-ink);
  background: var(--cf-page);
  color: var(--cf-ink);
}
.marketing-pop > nav { border-bottom: 2px solid var(--cf-ink); }
.marketing-pop h1 { font-weight: 800 !important; letter-spacing: -.04em !important; line-height: 1.12; text-wrap: balance; }
.marketing-pop .pop-highlight { background: var(--cf-brass-soft); padding: 0 .08em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.marketing-pop .marketing-eyebrow, .marketing-pop .grants-eyebrow {
  display: flex; align-items: center; gap: .6rem; color: var(--cf-muted);
  font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.marketing-pop .marketing-eyebrow::before, .marketing-pop .grants-eyebrow::before { content: ""; width: .5rem; height: .5rem; background: var(--brass); flex-shrink: 0; }
.marketing-pop .marketing-eyebrow { justify-content: center; }
body.cf-ink-brass .marketing-pop .btn-primary-clip {
  border: 2px solid var(--cf-ink) !important; border-radius: 6px;
  box-shadow: 3px 3px 0 var(--cf-ink) !important; font-weight: 700;
  transition: background-color .15s ease;
}
body.cf-ink-brass .marketing-pop :is(.btn-secondary-clip, .btn-outline-dark, .btn-light) {
  background: var(--cf-surface); color: var(--cf-ink) !important;
  border: 2px solid var(--cf-ink); border-radius: 6px; font-weight: 700;
}
body.cf-ink-brass .marketing-pop :is(.btn-secondary-clip, .btn-outline-dark, .btn-light):hover { background: var(--cf-brass-soft); }
.marketing-pop .btn:hover { transform: none; }
body.cf-ink-brass .marketing-pop .btn-primary-clip:active { transform: translate(2px, 2px); box-shadow: none !important; }
.marketing-pop .btn:focus-visible { outline: 3px solid var(--cf-ink); outline-offset: 4px; }
body.cf-ink-brass .marketing-pop :is(.plan-summary-card, .grants-award, .grants-section .premium-card, .grants-application) {
  border: 2px solid var(--cf-ink); border-radius: 10px;
  box-shadow: var(--marketing-shadow) !important;
}
.marketing-pop .plan-summary-card h2 { font-weight: 800 !important; }
body.cf-ink-brass .marketing-pop .plan-summary-featured { background: var(--cf-brass-wash); }
.marketing-pop .plan-summary-badge { border: 2px solid var(--cf-ink); }
.marketing-pop .plans-table-wrap { border: 2px solid var(--cf-ink); border-radius: 10px; box-shadow: var(--marketing-shadow); background: var(--cf-surface); }
.marketing-pop .plan-head { background: var(--cf-surface); border-bottom-color: var(--cf-ink) !important; }
.marketing-pop .col-hot { background: var(--cf-brass-wash); box-shadow: inset 1px 0 0 var(--cf-ink), inset -1px 0 0 var(--cf-ink); }
.marketing-pop th.col-hot { border-radius: 0; box-shadow: inset 1px 0 0 var(--cf-ink), inset -1px 0 0 var(--cf-ink); }
.marketing-pop tr:last-child .col-hot { box-shadow: inset 1px 0 0 var(--cf-ink), inset -1px 0 0 var(--cf-ink); }
.marketing-pop .section-row td { background: var(--cf-ink); color: var(--cf-surface); }
.marketing-pop .feature-hint, .marketing-pop .feature-info-btn, .marketing-pop .plan-price small { color: var(--cf-muted); }
.marketing-pop .enterprise-band { background: var(--cf-brass-soft); border: 2px solid var(--cf-ink); border-radius: 10px; box-shadow: 3px 3px 0 var(--cf-ink); }
.marketing-pop .grants-hero { padding: 4rem 0; }
.marketing-pop .grants-hero h1 { font-size: clamp(2.25rem, 4vw, 3.5rem); }
.marketing-pop .grants-section { padding-block: 4rem; }
.marketing-pop .grants-surface { border-block: 2px solid var(--cf-ink); }
body.cf-ink-brass .marketing-pop .grants-award { background: var(--cf-surface); }
.marketing-pop .grants-audience-number { display: grid; place-items: center; align-self: start; flex-shrink: 0; width: 2rem; height: 2rem; padding: 0; border: 1px solid var(--cf-ink); border-radius: 6px; background: var(--cf-brass-soft); color: var(--cf-ink); }
body.cf-ink-brass .marketing-pop .grants-application { border-top: 6px solid var(--brass); }
.marketing-pop .grants-questions details { border-bottom-color: var(--cf-ink); }
.marketing-pop .grants-questions details:first-child { border-top-color: var(--cf-ink); }
@media (min-width: 992px) {
  .marketing-pop .grants-container { padding-inline: 1.5rem; }
}
@media (max-width: 767.98px) {
  .marketing-pop { --marketing-shadow: 3px 3px 0 var(--cf-ink); }
  .marketing-pop .grants-hero, .marketing-pop .grants-section { padding-block: 1.5rem; }
  .marketing-pop .grants-hero h1 { font-size: 2.25rem; }
  .marketing-pop .grants-hero .row { --bs-gutter-y: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-pop .btn { transition: none; }
}