/* =====================================================================
   Marketing chrome (CHANGELOG 91+). Loaded after styles.css by the
   marketing pages that carry a Start or Try button. The legal pages
   (terms, privacy, content policy) do not load it and do not change.
   ===================================================================== */

/* ----- Trust chips: four short promises next to each Start / Try button.
   Each one is true in the code: the Desk needs no account or card to try,
   Turn live off keeps the shop, and Cancel is a button on the account page. */
.trust-chips {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.85rem 0 0;
  padding: 0;
}
.trust-chips li {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  background: rgba(255, 253, 249, 0.9);
  border: 1px solid rgba(28, 36, 33, 0.14);
  color: var(--ink);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.25;
}
.trust-chips li::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #c4532f;
  flex: none;
}
.trust-chips li:nth-child(2)::before { background: #3f7a5a; }
.trust-chips li:nth-child(3)::before { background: #f2b544; }
.trust-chips li:nth-child(4)::before { background: #5a6f8f; }
.trust-chips.is-center { justify-content: center; }
.trust-chips.on-dark li {
  background: rgba(255, 253, 249, 0.1);
  border-color: rgba(246, 243, 238, 0.35);
  color: #f6f3ee;
}

/* ----- Header (CHANGELOG 93): one "Set it up free" button, a short menu with Contact,
   Account and Login kept. The button stays in the bar on a phone too. ----- */
.header-actions .btn.header-try {
  display: inline-flex;
  padding: 0.5rem 0.95rem;
  font-size: 0.92rem;
  white-space: nowrap;
}
.nav-mobile a.nav-mobile-try { color: #a65d32; font-weight: 700; }
@media (max-width: 479px) {
  .header-actions .header-account { display: none; }
  .header-actions .btn.header-try { padding: 0.45rem 0.8rem; font-size: 0.88rem; }
}
/* "Set it up free" is a little longer than the old label (CHANGELOG 107): narrow phones keep the
   bar inside the screen. */
@media (max-width: 399px) {
  .header-inner { padding: 0 0.9rem; }
  .header-actions { gap: 0.35rem; }
  .header-actions .btn.header-try { padding: 0.42rem 0.62rem; font-size: 0.84rem; }
}
@media (max-width: 379px) {
  .brand-name { font-size: 1.15rem; }
}
@media (max-width: 339px) {
  .header-inner { padding: 0 0.6rem; }
  .header-actions { gap: 0.25rem; }
  .brand-name { font-size: 1.05rem; }
  .header-actions .btn.header-try { padding: 0.38rem 0.45rem; font-size: 0.78rem; }
}