/* imu-cta-day1: Steve's Day 1 hero CTA + gold caption, mobile sticky fit. Only loaded while IMU_CTA_DAY1 is on. */
/* hero: button, then the caption directly under it; "Run my number" stays beside the button on wide screens */
.hero .cta-row.cd1-row{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:14px;row-gap:0}
.hero .cd1-row > #heroCta{grid-column:1;grid-row:1}
.hero .cd1-row > .ghost{grid-column:2;grid-row:1;justify-self:start}
.hero .cd1-row > .cd1-cap{grid-column:1;grid-row:2}
.cd1-cap{margin:10px 0 0;padding:0;justify-self:center;text-align:center;font-style:italic;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:.01em;
  color:var(--gold,#e7b53a);text-shadow:0 0 18px rgba(231,181,58,.28);white-space:nowrap}
.cd1-cap::before,.cd1-cap::after{content:"";display:inline-block;vertical-align:middle;width:16px;height:1px;margin:0 9px 2px;background:linear-gradient(90deg,transparent,var(--gold,#e7b53a))}
.cd1-cap::after{background:linear-gradient(90deg,var(--gold,#e7b53a),transparent)}
/* laptops with short screens (the fit+proofs kit tightens the hero there): keep the first screen balanced */
@media (min-width:1040px) and (max-height:800px){.cd1-cap{margin-top:7px;font-size:15px}}
/* phones / narrow: one column, button full width, caption right under it, then "Run my number" */
@media (max-width:600px){
  .hero .cta-row.cd1-row{grid-template-columns:minmax(0,1fr);justify-content:stretch;row-gap:0}
  .hero .cd1-row > #heroCta{width:100%}
  .hero .cd1-row > .cd1-cap{grid-row:2;margin:10px 0 14px;font-size:15.5px;white-space:normal}
  .hero .cd1-row > .ghost{grid-column:1;grid-row:3}
}
/* mobile sticky bar: the longer label fits on one line next to the small note */
.sticky .btn.cd1-sticky{padding:0 16px;gap:8px;font-size:16px;white-space:nowrap}
@media (max-width:374px){.sticky .btn.cd1-sticky{font-size:15px;padding:0 12px;gap:6px}.sticky .sticky-note{max-width:78px;font-size:11px}}