.plan-badge {
  padding: 6px 10px;
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 999px;
  background: rgba(103, 232, 249, .07);
  color: #a5f3fc;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.plan-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: 15px;
  padding: 20px;
  border: 1px solid rgba(103, 232, 249, .14);
  border-radius: 22px;
  background: linear-gradient(130deg, rgba(17, 43, 51, .85), #0b1828);
}

.plan-copy { display: flex; align-items: flex-start; gap: 15px; }
.plan-copy h2 { margin: 5px 0 0; font-size: 16px; }
.plan-copy p:not(.eyebrow) { margin: 6px 0 0; color: #7e8fa3; font-size: 12px; line-height: 1.6; }
.usage-track { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .07); }
.usage-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #67e8f9, #60a5fa); transition: width .4s ease; }
.settings-card { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:15px; padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:22px; background:#0b1828; }
.settings-card h2 { margin:0; font-size:15px; }
.settings-card p { margin:6px 0 0; color:#7e8fa3; font-size:12px; line-height:1.6; }
.switch-row { display:flex; align-items:center; gap:9px; flex:0 0 auto; color:#d9e4ef; font-size:12px; font-weight:800; }
.switch-row input { accent-color:#67e8f9; width:18px; height:18px; }
.email-row { width:100%; border:0; border-bottom:1px solid rgba(255,255,255,.055); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.checkmarks { display:inline-flex; margin-right:8px; color:#77869a; font-weight:900; letter-spacing:-5px; padding-right:5px; }
.checkmarks.opened { color:#4ade80; }
.event-history { display:grid; gap:9px; max-height:420px; overflow:auto; }
.history-event { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:rgba(255,255,255,.025); }
.history-event strong { font-size:12px; text-transform:capitalize; }
.history-event span,.history-event small,.signal-note,.modal label small { color:#7e8fa3; font-size:11px; line-height:1.5; }
.history-event .qualified { color:#4ade80; }
.history-event .filtered { color:#fbbf24; }
.signal-note { margin:0; }
.modal input,.modal textarea,.modal select { width:100%; border:1px solid rgba(255,255,255,.11); border-radius:10px; outline:0; background:#07111f; color:#fff; padding:12px 13px; }
.pricing-card { display:grid; gap:14px; margin-top:15px; padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:22px; background:#0e1b2c; }
.pricing-card>div h2 { margin:5px 0 0; font-size:20px; }
.pricing-card>div p:not(.eyebrow) { margin:6px 0 0; color:#7e8fa3; font-size:12px; }
.pricing-card article { display:grid; gap:9px; align-content:start; padding:17px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.025); }
.pricing-card article.featured { border-color:rgba(103,232,249,.24); background:rgba(103,232,249,.045); }
.pricing-card article>strong { color:#a5f3fc; font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.pricing-card article span { color:#b9c7d7; font-size:12px; }
.pricing-card article b { color:#fff; font-size:25px; }
.pricing-card article small { color:#7e8fa3; font-size:11px; line-height:1.55; }
.pricing-card article .secondary { justify-self:start; margin-top:5px; }

@media (min-width: 640px) {
  .plan-card { grid-template-columns: minmax(0, 1fr) minmax(180px, 280px) auto; align-items: center; }
  .pricing-card { grid-template-columns:minmax(220px,1.2fr) 1fr 1fr; align-items:stretch; }
}
@media (max-width:639px) { .settings-card { align-items:flex-start; flex-direction:column; } }