body.landing {
  --primary: #9a2edb;
  --primary-700: #7a1fb5;
  --bg: #ffffff;
  --bg-soft: #fbf8fd;
  --text: #111827;
  --radius: 18px;
  font-family: Inter, system-ui, sans-serif;
  background: radial-gradient(1000px 500px at 50% 0%, rgba(154,46,219,.08), transparent 60%), var(--bg);
  overflow-x: hidden;
}

.hero-wrapper {
  background: #0f172a;
  min-height: 85vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

#canvaEngine {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
}

.hero-content { position: relative; z-index: 1; }

.hero-gradient {
  background: linear-gradient(135deg, #c084fc, #9a2edb);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.itsar-nav { transition: background 0.3s; border-bottom: 1px solid rgba(255,255,255,0.1); }
.itsar-nav.scrolled { background: rgba(15, 23, 42, 0.9) !important; backdrop-filter: blur(10px); }

.site-footer { background: #0f172a; padding: 60px 0; }
.site-footer p, .site-footer a, .site-footer h4, .site-footer h6 { color: #ffffff !important; }