[hidden] { display: none !important; }

.mkt-brand { display: inline-flex; align-items: center; gap: 10px; color: #111827; letter-spacing: -.025em; }
.mkt-brand span { white-space: nowrap; }
.mkt-brand img { width: 38px; height: 38px; object-fit: contain; }
.sidebar-logo-mark { padding: 0; overflow: hidden; background: transparent; border-radius: 10px; }
.sidebar-logo-mark img { width: 100%; height: 100%; object-fit: contain; }

.price-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 1120px;
  margin: auto;
}
.price-grid .price-card { position: relative; max-width: none; margin: 0; padding: 34px; }
.price-card.is-popular { outline: 3px solid #818cf8; transform: translateY(-8px); }
.popular-badge { position: absolute; right: 22px; top: 20px; color: #c7d2fe; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.price-card h3 { font-size: 20px; margin: 0 0 18px; }
.pricing-note { display: block; color: #64748b; margin-top: 28px; }
.plan-picker { width: min(1040px, 100%); max-height: 92vh; overflow: auto; }
.plan-picker > .price-grid { grid-template-columns: repeat(3, minmax(220px, 1fr)); }
.plan-picker .price-card { padding: 24px; }
.plan-picker .price-card > div strong { font-size: 40px; }
@media (max-width: 760px) {
  .price-grid, .plan-picker > .price-grid { grid-template-columns: 1fr; }
  .price-card.is-popular { transform: none; }
}

@media (max-width: 480px) {
  .mkt-nav { padding-inline: 18px; }
  .mkt-brand { gap: 7px; font-size: 18px; }
  .mkt-brand img { width: 32px; height: 32px; }
  .mkt-nav nav .btn-secondary { display: none; }
  .mkt-nav nav .btn-primary { padding: 10px 14px; font-size: 13px; white-space: nowrap; }
}