/* [project]/apps/web/app/(marketing)/marketing.css [app-client] (css) */
.marketing-page {
  --bg-hero: #0b1d3f;
  --bg-light: #f8fafc;
  --text-dark: #0f172a;
  --text-light: #fff;
  --text-muted: #94a3b8;
  --text-body: #e2e8f0;
  --brand-blue: #2563eb;
  --brand-green: #00e676;
  --card-bg: #ffffff0d;
  --card-border: #ffffff1a;
  min-height: 100vh;
  color: var(--text-body);
  background: #0b1d3f;
}

:is(html:has(.marketing-page), body:has(.marketing-page)) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html:has(.marketing-page)::-webkit-scrollbar {
  display: none;
}

body:has(.marketing-page)::-webkit-scrollbar {
  display: none;
}

.marketing-page .marketing-nav {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #0b1d3fe6;
  border-bottom: 1px solid #ffffff1a;
}

.marketing-page .marketing-nav a {
  color: var(--text-body);
  transition: color .3s;
}

.marketing-page .marketing-nav a:hover {
  color: var(--brand-green);
}

.marketing-page .gradient-text {
  background: linear-gradient(135deg, #fff 0%, var(--brand-green) 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.marketing-page .marketing-badge {
  color: var(--brand-green);
  background: #00e67626;
  border: 1px solid #00e6764d;
}

.marketing-page .marketing-card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 16px;
}

.marketing-page .marketing-card:hover {
  border-color: #00e6764d;
  box-shadow: 0 10px 40px #0000004d;
}

.marketing-page .section-alt {
  background: #ffffff05;
}

.marketing-page .section-dark {
  background: #0003;
}

.marketing-page h1, .marketing-page h2, .marketing-page h3 {
  color: var(--text-light);
}

.marketing-page p {
  color: var(--text-body);
}

.marketing-page .text-muted {
  color: var(--text-muted);
}

.marketing-page a.brand-link {
  color: var(--brand-green);
  transition: opacity .3s;
}

.marketing-page a.brand-link:hover {
  opacity: .8;
}

.marketing-page .btn-primary-dark {
  background: var(--brand-green);
  color: var(--bg-hero);
  border-radius: 25px;
  padding: 12px 28px;
  font-weight: 600;
  transition: all .3s;
}

.marketing-page .btn-primary-dark:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px #00e6764d;
}

.marketing-page .btn-secondary-dark {
  color: var(--text-light);
  background: none;
  border: 2px solid #ffffff4d;
  border-radius: 25px;
  padding: 12px 28px;
  transition: all .3s;
}

.marketing-page .btn-secondary-dark:hover {
  border-color: var(--brand-green);
  color: var(--brand-green);
}

.marketing-page .feature-check {
  color: var(--brand-green);
}

.marketing-page .feature-cross {
  color: #fca5a5;
}

.marketing-page .glow-blue {
  background: var(--brand-blue);
  opacity: .1;
  filter: blur(100px);
  pointer-events: none;
  border-radius: 50%;
  width: 600px;
  height: 600px;
  position: absolute;
}

.marketing-page .glow-green {
  background: var(--brand-green);
  opacity: .08;
  filter: blur(80px);
  pointer-events: none;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
}

/*# sourceMappingURL=apps_web_app_%28marketing%29_marketing_d0a26364.css.map*/