:root {
  --red: #7b5cff;
  --red2: #18b8ff;
  --black: #070711;
  --card: #111124;
  --line: #33305b;
}

body {
  background: radial-gradient(circle at 12% 18%, #1fb8ff18, transparent 28%), radial-gradient(circle at 88% 38%, #de18df14, transparent 30%), var(--black);
}

.topbar { background: linear-gradient(180deg, #070711e8, #07071170 74%, transparent); border-bottom-color: #6d63d840; }
.brand-logo { display: block; width: 84px; height: 72px; object-fit: contain; filter: drop-shadow(0 0 12px #3dbbff55); }
.brand-logo-footer { width: 112px; height: 84px; }
.button, .most-popular, .steps li > span, .final-cta { background: linear-gradient(135deg, #22b9ff, #765eff 55%, #d71cdd); }
.button { border-color: #8b5fff; box-shadow: 0 10px 30px #6d5cff4d; }
.button:hover { background: linear-gradient(135deg, #44c6ff, #886fff 55%, #ed39e7); }

.content-section {
  background-color: #080814;
  background-image: radial-gradient(circle at 18% 22%, #24baff25 0 1px, transparent 2px), radial-gradient(circle at 72% 62%, #d72bdc20 0 1px, transparent 2px), linear-gradient(115deg, #070711, #12102b 48%, #070711);
}

.media-card, .stat-card, .free-trial-card, .price-card, .choice-dialog, .referral-promo { border-color: #6558a9; box-shadow: 0 14px 38px #08071199, 0 0 22px #6d5cff1f; }
.pricing { background: linear-gradient(#070711, #11102a, #070711); }
.price-grid { max-width: 720px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.price-card.featured, .free-trial-card { border-color: #8c63ff; box-shadow: 0 0 28px #745eff42; }
.free-trial-button, .price-card .button, .price-card .button-outline { border-color: #705fe8; background: #151238; }
.free-trial-button:hover, .price-card .button:hover, .price-card .button-outline:hover, .choice-option:hover { background: linear-gradient(135deg, #22b9ff, #765eff 55%, #d71cdd); border-color: #9b73ff; }
.choice-dialog { background: linear-gradient(145deg, #19143d, #090815); }
.choice-option { border-color: #6155b4; background: #12102d; }
.choice-kicker, .choice-arrow, .choice-icon, .free-trial-button b, .price-card li::before, .free-trial-card li::before { color: #56caff; }

@media (max-width: 600px) {
  .brand-logo { width: 76px; height: 58px; }
  .brand-logo-footer { width: 104px; height: 78px; }
}

@media (max-width: 900px) and (min-width: 601px) {
  .price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}