/* Buy page: product masthead plus the home page's section and launch-card primitives. */
body.cf-buy header.site-header { border-bottom-color: rgba(104, 225, 253, .2); }
.cf-buy-hero { background: radial-gradient(circle at 73% 34%, rgba(104,225,253,.15), transparent 34%), linear-gradient(145deg, #08050f, #150d26 68%, #08050f); }
.cf-buy-hero-media { position: relative; min-width: 0; padding: 32px 0 70px; }
.cf-buy-hero-media img { position: relative; z-index: 1; display: block; width: min(100%, 620px); margin: 0 auto; border: 1px solid rgba(104,225,253,.28); clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px); box-shadow: 0 30px 70px rgba(0,0,0,.5); }
.cf-buy-signup { max-width: 470px; margin-top: 28px; padding: 20px; border: 1px solid rgba(104,225,253,.45); border-left: 4px solid var(--cf-cyan); background: rgba(8,5,15,.72); box-shadow: 0 18px 50px rgba(0,0,0,.28); }
.cf-buy-signup-kicker, .cf-buy-signup strong { display: block; }
.cf-buy-signup-kicker { color: var(--cf-cyan); font-family: var(--cf-font-mono); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.cf-buy-signup strong { margin-top: 7px; color: var(--cf-ink); font-family: 'Chakra Petch', sans-serif; font-size: 25px; text-transform: uppercase; }
.cf-buy-signup p { margin: 6px 0 16px; color: var(--cf-ink-dim); }
.cf-buy-signup small { display: block; margin-top: 12px; color: var(--cf-ink-mute); font-family: var(--cf-font-mono); font-size: 10px; line-height: 1.5; letter-spacing: .05em; text-transform: uppercase; }
.cf-buy-status { position: absolute; z-index: 2; right: -12px; bottom: 18px; max-width: 310px; padding: 12px 16px; background: rgba(8,5,15,.94); border-left: 3px solid var(--cf-cyan); box-shadow: 0 12px 35px rgba(0,0,0,.45); }
.cf-buy-status span, .cf-buy-status strong { display: block; font-family: var(--cf-font-mono); }
.cf-buy-status span { color: var(--cf-cyan); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.cf-buy-status strong { margin-top: 5px; color: var(--cf-ink); font-size: 12px; font-weight: 400; }
.cf-buy-cards .hm-card { border-top: 2px solid var(--cf-cyan); }
.cf-buy-cards .hm-card:nth-child(2) { border-top-color: var(--cf-magenta); }
.cf-buy-cards .hm-card:nth-child(3) { border-top-color: var(--cf-green); }
.cf-buy-cards p { margin: 14px 0 0; color: var(--cf-ink-dim); line-height: 1.7; }
.cf-buy-status-snapshot { margin-top: 72px; padding-top: 56px; border-top: 1px solid rgba(104,225,253,.2); }
.cf-buy-status-cards ul { margin: 16px 0 0; padding-left: 20px; color: var(--cf-ink-dim); line-height: 1.75; }
.cf-buy-snapshot-note { margin: 20px 0 0; color: var(--cf-ink-mute); font-family: var(--cf-font-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.cf-buy-price-card { max-width: 780px; margin: 40px auto 0; }
@media (max-width: 880px) {
  .cf-buy-hero { padding-top: 28px; }
  .cf-buy-signup { margin-top: 20px; padding: 16px; }
  .cf-buy-hero-media { padding: 8px 0 74px; }
  .cf-buy-status { right: 0; bottom: 16px; max-width: calc(100% - 20px); }
  .cf-buy-price-card { align-items: stretch; }
  .cf-buy-price-card .hm-btn { justify-content: center; width: 100%; }
}