/* MCAddon brand overlay — not a recolor of MCPack green. */
:root {
  --bg: #f6f4fb;
  --surface: #ffffff;
  --surface-2: #efeaf8;
  --surface-3: #e4dcf4;
  --text: #1e1b4b;
  --text-2: #3f3a63;
  --text-3: #5c5680;
  --border: #e4dcf4;
  --border-2: #cfc4ea;
  --accent: #6d28d9;
  --accent-hover: #5b21b6;
  --accent-soft: #f3e8ff;
  --accent-text: #5b21b6;
  --gold: #d97706;
  --gold-soft: #fef3c7;
  --hero-grad: linear-gradient(145deg, #1e1b4b 0%, #4c1d95 52%, #7c3aed 100%);
  --t-cyan: #ede9fe;
  --t-green: #fef3c7;
  --success: #6d28d9;
}

.pm-header {
  background: rgba(246, 244, 251, .92);
  border-bottom: 1px solid var(--border);
}
.pm-logo {
  gap: .55rem;
  text-decoration: none !important;
  color: inherit !important;
}
.pm-logo-img { height: 32px; width: auto; }
.mca-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}
.mca-logo-name {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -.04em;
  color: #1e1b4b;
}
.mca-logo-name span { color: #6d28d9; }
.mca-logo-tag {
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #7c3aed;
}

.pm-home-hero {
  border: 0;
  background: var(--hero-grad);
  box-shadow: 0 18px 40px rgba(76, 29, 149, .28);
  color: #f8fafc;
}
.pm-kicker {
  color: #1e1b4b;
  background: #fbbf24;
  border-color: transparent;
}
.pm-home-hero h1 { color: #fff; max-width: 18ch; }
.pm-home-lead { color: rgba(248, 250, 252, .82); }
.pm-home-search {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .18);
  color: #fff;
}
.pm-home-search:hover {
  background: rgba(255, 255, 255, .18);
  border-color: #fbbf24;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}
.pm-home-search-ico { color: #fbbf24; }
.pm-home-search-text { color: rgba(248, 250, 252, .7); }
.pm-home-search-btn {
  background: #fbbf24;
  color: #1e1b4b;
  box-shadow: 0 2px 0 #d97706;
}
.pm-hero-chip {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .16);
  color: #fff !important;
}
.pm-hero-chip:hover {
  background: #fbbf24;
  border-color: #fbbf24;
  color: #1e1b4b !important;
}
.pm-home-visual-feature {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .16);
  box-shadow: none;
}
.pm-home-visual-feature:hover {
  border-color: #fbbf24;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
}
.pm-home-visual-feature-ico {
  background: #1e1b4b;
  border-color: rgba(251, 191, 36, .35);
}
.pm-home-visual-feature-tag { color: #fbbf24; }
.pm-home-visual-feature-title { color: #fff; }
.pm-home-visual-feature-desc { color: rgba(248, 250, 252, .7); }
.pm-home-visual-feature-go { background: #fbbf24; color: #1e1b4b; }
.pm-home-visual-tile {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .14);
  color: #fff !important;
}
.pm-home-visual-tile:hover {
  border-color: #fbbf24;
  background: rgba(255, 255, 255, .16) !important;
}

.mca-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .75rem;
  margin: 0 0 1.25rem;
}
.mca-stat {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: .85rem 1rem;
}
.mca-stat b {
  display: block;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -.03em;
  color: #6d28d9;
}
.mca-stat span {
  font-size: .78rem;
  font-weight: 600;
  color: var(--text-3);
}

.pm-footer {
  background: #140b2e;
  color: #c4b5fd;
}
.pm-footer-cta {
  background: linear-gradient(180deg, #2e1065 0%, #140b2e 100%);
  border-bottom-color: rgba(167, 139, 250, .18);
}
.pm-footer-cta-text span { color: #a78bfa; }
.pm-footer-cta-btn {
  background: #fbbf24;
  color: #1e1b4b !important;
}
.pm-footer-cta-btn:hover { background: #f59e0b; color: #1e1b4b !important; }
.pm-footer-cta-btn--ghost {
  background: transparent;
  color: #fff !important;
  border-color: rgba(251, 191, 36, .45);
}
.pm-footer-col a:hover { color: #fbbf24 !important; }
.pm-section-link:hover { color: #6d28d9 !important; }

.pm-search-submit {
  background: #6d28d9 !important;
  color: #fff !important;
}
.pm-search-submit:hover { background: #5b21b6 !important; }
.pm-tile.t-purple .pm-tile-ico { background: #ede9fe; }

@media (max-width: 820px) {
  .mca-logo-tag { display: none; }
  .mca-stats { grid-template-columns: 1fr; }
}