/* The Zirk — teal smart luxury overrides */

:root {
  --color-primary: #14B8A6;
  --color-primary-dark: #0D9488;
  --color-primary-light: #CCFBF1;
  --color-primary-glow: rgba(20, 184, 166, 0.42);
  --color-surface-dark: #121110;
  --color-surface-warm: #0a0a0a;
  --color-accent: #2DD4BF;
  --saffron: #14B8A6;
  --saffron-dark: #0D9488;
  --saffron-glow: rgba(20, 184, 166, 0.45);
}

.hero-bg {
  background-image: url('../assets/hero-bg.webp');
  background-size: cover;
  background-position: center;
  filter: grayscale(100%);
  opacity: 0.35;
}

/* Homepage photography — B&W + 35% opacity (logos excluded) */
img:not(.hero-logo):not(.form-logo):not(.footer-logo-img):not(.footer-partner-logo) {
  filter: grayscale(100%) !important;
  opacity: 0.35;
}

/* Project logo — original brand colors */
.hero-logo,
.form-logo,
.footer-logo-img {
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 24px rgba(20, 184, 166, 0.15)) !important;
  opacity: 1 !important;
}

.form-logo,
.footer-logo-img {
  filter: none !important;
  opacity: 1 !important;
}

.hero-logo {
  max-height: 64px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
}

.offering {
  background: radial-gradient(ellipse at top, rgba(20, 184, 166, 0.1), transparent 55%),
    linear-gradient(180deg, #121110 0%, #0a0a0a 100%);
}

.accordion-wrap {
  background: linear-gradient(180deg, #0a0a0a 0%, #121110 50%, #141210 100%);
}

.footer-powered,
.footer-institutional-logos {
  display: none;
}

.unlock-price-amt.is-locked,
.type-v2-price.is-locked {
  color: rgba(255, 255, 255, 0.38);
  letter-spacing: 0.04em;
  filter: blur(4px);
  user-select: none;
  pointer-events: none;
}

#pricing-unlock.pricing-unlocked .unlock-price-amt,
.type-v2-price:not(.is-locked) {
  filter: none;
  color: var(--sage);
}