/* ============================================================================
   MCR marketing shell — mobile (single-column, rail-under-hero, sticky CTA bar)
   Companion to 02-layout.css. Mobile-first intent: the desktop grid collapses,
   the lead rail moves directly under the hero, and a fixed bottom CTA bar appears
   with a safe-area inset. Honors prefers-reduced-motion.
   ========================================================================== */

@media (max-width:900px){
  /* single column; lead-capture rail sits right under the hero */
  .mcr-mkt-body{grid-template-columns:1fr;padding-bottom:clamp(96px,18vw,120px)}
  .mcr-mkt-rail-wrap{position:static;order:-1}
  .mcr-mkt-main{order:1}

  /* mobile sticky CTA bar */
  .mcr-mkt-mobilebar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:rgba(11,16,36,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-top:1px solid rgba(255,255,255,.12)
  }
  .mcr-mkt-mobilebar__t{flex:1 1 auto;min-width:0}
  .mcr-mkt-mobilebar__t .e{margin:0;font-size:11px;font-family:'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#9aa3bd}
  .mcr-mkt-mobilebar__t .t{margin:1px 0 0;font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mcr-mkt-mobilebar__btn{flex:0 0 auto;display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:12px;background:var(--mbar-btn-bg,#0a7286);color:var(--mbar-btn-fg,#fff);font-weight:800;font-size:14.5px;text-decoration:none;white-space:nowrap}
}

@media (max-width:560px){
  .mcr-mkt-cta{width:100%}
  .mcr-mkt-cta .mcr-mkt-btn{flex:1 1 auto;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .mcr-mkt [data-reveal]{animation:none}
  .mcr-mkt-faq__i[open] .mcr-mkt-faq__sign{transform:none}
}