/* blb-marketing-page.css — page-specific styles for marketing.html.
   Builds on the existing design system; uses CSS vars, no hardcoded theme hex. */

/* Hero price block */
.blb-mkt-price{
  display:flex;flex-direction:column;gap:4px;
  margin:18px 0 22px;
}
.blb-mkt-price-amount{
  font-family:var(--blb-font-display, "Cormorant Garamond", serif);
  font-size:54px;line-height:1;color:var(--blb-sovereign);font-weight:600;
}
.blb-mkt-price-per{font-size:.4em;color:var(--blb-text-mute);font-weight:400;}
.blb-mkt-price-note{font-size:13px;color:var(--blb-text-mute);}

/* Hero app-availability line */
.blb-mkt-availability{
  font-size:13px;line-height:1.5;color:var(--blb-text-dim);
  margin:14px 0 0;
}
.blb-mkt-availability a{color:var(--blb-sovereign);text-decoration:none;}
.blb-mkt-availability a:hover{text-decoration:underline;}

/* Hero HUD panel note */
.blb-mkt-hud-note{
  font-size:11px;line-height:1.55;color:var(--blb-text-mute);
  margin:14px 0 0;padding:0 2px;
}
.blb-mkt-hud-note strong{color:var(--blb-text-dim);}

/* Showcase stage cards */
.blb-mkt-stage{
  margin:8px 0 4px;display:flex;flex-direction:column;gap:14px;
}
.blb-mkt-stage-row{
  display:flex;flex-wrap:wrap;gap:14px;
}
.blb-mkt-card{
  flex:1 1 220px;min-width:200px;
  display:flex;flex-direction:column;gap:10px;
  padding:18px;border-radius:14px;
  background:rgba(255,255,255,.02);
  border:1px solid var(--blb-line, rgba(255,255,255,.08));
  position:relative;overflow:hidden;
}
.blb-mkt-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,97,.06),transparent 60%);
  pointer-events:none;
}
.blb-mkt-card-tag{
  font-size:10px;letter-spacing:.18em;font-weight:700;
  color:var(--blb-sovereign);text-transform:uppercase;
}
.blb-mkt-card-body{
  font-size:13px;line-height:1.5;color:var(--blb-text-dim);flex:1;
}
.blb-mkt-card-state{
  font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--blb-text-mute);font-weight:600;
}
.blb-mkt-card-state--ok{color:var(--blb-sovereign);}

@media (max-width:640px){
  .blb-mkt-price-amount{font-size:44px;}
  .blb-mkt-card{flex:1 1 100%;}
}