/* ================================================================
   PSYCHOCODE BUSINESS — Premium Override
   Awwwards-level upgrade: glassmorphism, gradient mesh, spring hover
   Applied AFTER landing.css — overrides only visual properties.
   Hero section animation untouched.
   ================================================================ */

/* ─── GRAIN TEXTURE OVERLAY ─────────────────────────────────── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23grain)' opacity='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
}

/* ─── GLOBAL SCROLLBAR ──────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #03040f; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #7B2FFF, #00F0FF); border-radius: 3px; }

/* ─── SPRING EASING ─────────────────────────────────────────── */
:root {
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --glow-cyan: 0 0 30px rgba(0, 240, 255, 0.35), 0 0 60px rgba(0, 240, 255, 0.15);
  --glow-violet: 0 0 30px rgba(123, 47, 255, 0.35), 0 0 60px rgba(123, 47, 255, 0.15);
  --glass-bg: rgba(8, 10, 28, 0.55);
  --glass-border: rgba(255, 255, 255, 0.07);
  --glass-blur: blur(24px) saturate(180%);
}

/* ─── NAVBAR UPGRADE ────────────────────────────────────────── */
.ln-nav {
  background: rgba(3, 4, 15, 0.7) !important;
  backdrop-filter: blur(32px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
  border-bottom: 1px solid rgba(123, 47, 255, 0.12) !important;
  box-shadow: 0 1px 40px rgba(0, 0, 0, 0.4);
}
.ln-nav.scrolled {
  background: rgba(3, 4, 15, 0.88) !important;
  border-bottom-color: rgba(123, 47, 255, 0.22) !important;
  box-shadow: 0 2px 60px rgba(0, 0, 0, 0.5);
}
.ln-nav-logo-icon {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.ln-btn-primary {
  background: linear-gradient(135deg, #7B2FFF, #4A1B99) !important;
  box-shadow: 0 4px 20px rgba(123, 47, 255, 0.4) !important;
  transition: all 0.25s var(--spring) !important;
}
.ln-btn-primary:hover {
  transform: translateY(-2px) scale(1.04) !important;
  box-shadow: 0 8px 30px rgba(123, 47, 255, 0.6) !important;
}
.ln-btn-ghost {
  transition: all 0.2s var(--spring) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}
.ln-btn-ghost:hover {
  transform: translateY(-1px) !important;
  background: rgba(123, 47, 255, 0.12) !important;
}

/* ─── SECTION LABEL UPGRADE ─────────────────────────────────── */
.ln-label {
  background: rgba(0, 240, 255, 0.04) !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  letter-spacing: 2.5px !important;
  backdrop-filter: blur(8px) !important;
}

/* ─── SECTION TITLE GRADIENT TEXT ──────────────────────────── */
.ln-section-title {
  background: linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,0.85) 40%, rgba(184,181,255,0.9) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -1px !important;
  font-size: clamp(30px, 4.5vw, 56px) !important;
}

/* ─── DIVIDER UPGRADE ────────────────────────────────────────── */
.ln-divider {
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(123, 47, 255, 0.2) 20%, rgba(0, 240, 255, 0.35) 50%, rgba(123, 47, 255, 0.2) 80%, transparent 100%) !important;
  position: relative !important;
  overflow: visible !important;
}
.ln-divider::after {
  content: '';
  position: absolute;
  left: 50%;
  top: -2px;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cyan);
  box-shadow: 0 0 12px var(--cyan), 0 0 24px rgba(0, 240, 255, 0.4);
}

/* ─── SECTION GRADIENT ORBS ─────────────────────────────────── */
.ln-section {
  position: relative;
  overflow: hidden;
}
.ln-section::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  filter: blur(120px);
  opacity: 0.06;
}

#audience.ln-section::before {
  background: radial-gradient(circle, #00F0FF, transparent 70%);
  top: -100px;
  right: -100px;
}
#decoded.ln-section::before {
  background: radial-gradient(circle, #7B2FFF, transparent 70%);
  bottom: -200px;
  left: -100px;
  opacity: 0.08;
}
#signals.ln-section::before {
  background: radial-gradient(circle, #FF00E5, transparent 70%);
  top: 0;
  right: -150px;
  opacity: 0.05;
}
#methodology.ln-section::before {
  background: radial-gradient(circle, #7B2FFF, transparent 70%);
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.07;
}
#pricing.ln-section::before {
  background: radial-gradient(circle, #7B2FFF, transparent 70%);
  bottom: -100px;
  right: 0;
  opacity: 0.08;
}
#faq.ln-section::before {
  background: radial-gradient(circle, #00F0FF, transparent 70%);
  top: 50%;
  left: -100px;
  opacity: 0.04;
}
#why-not.ln-section::before {
  background: radial-gradient(circle, #FF4560, transparent 70%);
  top: -50px;
  right: -100px;
  opacity: 0.04;
}
#comparison.ln-section::before {
  background: radial-gradient(circle, #7B2FFF, transparent 70%);
  bottom: -100px;
  left: -50px;
  opacity: 0.05;
}

/* ─── GLASSMORPHISM CARDS — ALL TYPES ───────────────────────── */
.ln-err-card,
.ln-node-card,
.ln-decoded-card,
.ln-signal-card,
.ln-layer-card,
.ln-faq-card,
.ln-rest-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  transition: transform 0.35s var(--spring), box-shadow 0.35s ease, border-color 0.3s ease !important;
  will-change: transform;
}

.ln-err-card { border-color: rgba(255, 69, 96, 0.15) !important; }
.ln-err-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(255, 69, 96, 0.45) !important;
  background: rgba(255, 69, 96, 0.06) !important;
  box-shadow: 0 16px 48px rgba(255, 69, 96, 0.12) !important;
}

.ln-node-card { border-color: rgba(123, 47, 255, 0.15) !important; }
.ln-node-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(123, 47, 255, 0.5) !important;
  background: rgba(123, 47, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(123, 47, 255, 0.2) !important;
}

.ln-decoded-card { border-color: rgba(0, 240, 255, 0.12) !important; }
.ln-decoded-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 240, 255, 0.4) !important;
  background: rgba(0, 240, 255, 0.05) !important;
  box-shadow: 0 20px 60px rgba(0, 240, 255, 0.12) !important;
}

.ln-signal-card { border-color: rgba(123, 47, 255, 0.12) !important; }
.ln-signal-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(123, 47, 255, 0.45) !important;
  background: rgba(123, 47, 255, 0.08) !important;
  box-shadow: 0 20px 60px rgba(123, 47, 255, 0.18) !important;
}

.ln-layer-card.l1:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(0, 240, 255, 0.15) !important; }
.ln-layer-card.l2:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(123, 47, 255, 0.15) !important; }
.ln-layer-card.l3:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(255, 0, 229, 0.15) !important; }
.ln-layer-card.l4:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(255, 165, 0, 0.15) !important; }
.ln-layer-card.l5:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 60px rgba(184, 181, 255, 0.15) !important; }

.ln-faq-card {
  border-color: rgba(123, 47, 255, 0.15) !important;
  border-radius: 20px !important;
  padding: 32px !important;
}
.ln-faq-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(123, 47, 255, 0.4) !important;
  box-shadow: 0 20px 60px rgba(123, 47, 255, 0.15) !important;
}

.ln-rest-card {
  border-color: rgba(255, 69, 96, 0.12) !important;
  border-radius: 16px !important;
}
.ln-rest-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(255, 69, 96, 0.3) !important;
}

/* ─── REVEAL ANIMATION UPGRADE ──────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(32px) scale(0.98);
  transition: opacity 0.7s var(--smooth), transform 0.7s var(--spring) !important;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0) scale(1) !important;
}

/* ─── PAIN SECTION GLASS ─────────────────────────────────────── */
.ln-pain-diagnosis-box {
  background: rgba(255, 69, 96, 0.06) !important;
  border: 1px solid rgba(255, 69, 96, 0.2) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 20px !important;
}
.ln-pain-conclusion-card {
  background: rgba(5, 7, 20, 0.7) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(123, 47, 255, 0.2) !important;
  border-radius: 16px !important;
}
.ln-pain-right {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 24px !important;
  padding: 40px !important;
}

/* ─── STEP NUMBERS UPGRADE ───────────────────────────────────── */
.ln-step-num {
  background: linear-gradient(135deg, rgba(123, 47, 255, 0.25), rgba(0, 240, 255, 0.15)) !important;
  border: 1px solid rgba(123, 47, 255, 0.5) !important;
  box-shadow: 0 0 24px rgba(123, 47, 255, 0.2) !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.3s var(--spring) !important;
}
.ln-step-item:hover .ln-step-num {
  transform: scale(1.1) !important;
  box-shadow: 0 0 40px rgba(123, 47, 255, 0.4) !important;
}
.ln-step-num.active-step {
  background: linear-gradient(135deg, #7B2FFF, #00C8FF) !important;
  border-color: transparent !important;
  box-shadow: 0 0 30px rgba(123, 47, 255, 0.5), 0 0 60px rgba(0, 240, 255, 0.2) !important;
}

/* ─── PRICING CARDS PREMIUM ──────────────────────────────────── */
.ln-price-card {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  padding: 40px 32px !important;
  transition: transform 0.4s var(--spring), box-shadow 0.4s ease !important;
  position: relative !important;
  overflow: hidden !important;
}
.ln-price-card:hover {
  transform: translateY(-12px) !important;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.4), 0 0 40px rgba(123, 47, 255, 0.1) !important;
}

/* Featured card — rotating gradient border */
.ln-price-card.featured {
  background: rgba(10, 8, 32, 0.7) !important;
  border-color: rgba(123, 47, 255, 0.0) !important;
  box-shadow: 0 0 0 1px rgba(123, 47, 255, 0.3), 0 24px 80px rgba(123, 47, 255, 0.2), inset 0 0 60px rgba(123, 47, 255, 0.03) !important;
}
.ln-price-card.featured:hover {
  transform: translateY(-16px) !important;
  box-shadow: 0 0 0 1px rgba(123, 47, 255, 0.5), 0 40px 100px rgba(123, 47, 255, 0.28) !important;
}

.ln-price-amount {
  font-size: clamp(32px, 5vw, 48px) !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  background: linear-gradient(135deg, #ffffff, rgba(184, 181, 255, 0.9)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.ln-price-card.featured .ln-price-amount {
  background: linear-gradient(135deg, #7B2FFF, #00F0FF) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.ln-price-btn {
  width: 100% !important;
  padding: 16px 24px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  transition: all 0.3s var(--spring) !important;
  cursor: pointer !important;
}
.ln-price-btn:hover { transform: translateY(-3px) scale(1.02) !important; }
.ln-price-btn.accent {
  background: linear-gradient(135deg, #7B2FFF 0%, #5B1FCC 50%, #9B4FFF 100%) !important;
  box-shadow: 0 8px 32px rgba(123, 47, 255, 0.5) !important;
}
.ln-price-btn.accent:hover { box-shadow: 0 16px 48px rgba(123, 47, 255, 0.7) !important; }
.ln-price-btn.cyan {
  background: linear-gradient(135deg, #00C8FF, #0088FF) !important;
  color: #fff !important;
  box-shadow: 0 8px 32px rgba(0, 200, 255, 0.4) !important;
}
.ln-price-btn.cyan:hover { box-shadow: 0 16px 48px rgba(0, 200, 255, 0.6) !important; }
.ln-price-btn.ghost {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--text-main) !important;
}
.ln-price-btn.ghost:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
}

.ln-price-badge {
  background: linear-gradient(135deg, #7B2FFF, #FF00E5) !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  padding: 5px 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(123, 47, 255, 0.5) !important;
}

/* ─── COMPARISON TABLE ───────────────────────────────────────── */
.ln-table-wrapper {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}
.ln-comparison-table th {
  background: rgba(123, 47, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 18px 20px !important;
}
.ln-comparison-table th.active-column {
  background: linear-gradient(135deg, rgba(123, 47, 255, 0.2), rgba(0, 240, 255, 0.1)) !important;
}
.ln-comparison-table td {
  padding: 15px 20px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.ln-comparison-table td.active-column {
  background: rgba(123, 47, 255, 0.06) !important;
}
.ln-comparison-table tr:hover td.active-column {
  background: rgba(123, 47, 255, 0.1) !important;
}

/* ─── SPLIT PANES ────────────────────────────────────────────── */
.ln-split-pane {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border-radius: 24px !important;
  padding: 36px !important;
  position: relative !important;
  overflow: hidden !important;
}
.chatgpt-pane {
  border: 1px solid rgba(255, 69, 96, 0.2) !important;
}
.chatgpt-pane::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 69, 96, 0.6), transparent);
}
.psychocode-pane {
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
}
.psychocode-pane::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.6), transparent);
}
.pane-item {
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 12px !important;
  transition: all 0.25s var(--spring) !important;
}
.pane-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateX(4px) !important;
}
.ln-why-not-summary {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(0, 240, 255, 0.12) !important;
  border-radius: 24px !important;
  margin-top: 48px !important;
}
.summary-cta-box {
  background: linear-gradient(135deg, rgba(123, 47, 255, 0.15), rgba(0, 240, 255, 0.08)) !important;
  border: 1px solid rgba(123, 47, 255, 0.25) !important;
  border-radius: 16px !important;
}

/* ─── ИТОГО & DECODED COMPLETE ───────────────────────────────── */
.ln-decoded-итого {
  background: linear-gradient(135deg, rgba(8, 10, 28, 0.7), rgba(10, 5, 25, 0.7)) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(0, 240, 255, 0.15) !important;
  border-radius: 24px !important;
  position: relative !important;
  overflow: hidden !important;
}
.ln-decoded-итого::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.5), rgba(123, 47, 255, 0.5), transparent);
}
.ln-итого-item {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(0, 240, 255, 0.12) !important;
  border-radius: 12px !important;
  transition: all 0.25s var(--spring) !important;
}
.ln-итого-item:hover {
  background: rgba(0, 240, 255, 0.08) !important;
  border-color: rgba(0, 240, 255, 0.3) !important;
  transform: translateY(-3px) !important;
}
.ln-decoded-complete {
  background: rgba(0, 240, 100, 0.03) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 240, 100, 0.15) !important;
  border-radius: 24px !important;
}
.ln-dc-check {
  background: rgba(0, 240, 100, 0.05) !important;
  border: 1px solid rgba(0, 240, 100, 0.1) !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  transition: all 0.25s var(--spring) !important;
}
.ln-dc-check:hover {
  background: rgba(0, 240, 100, 0.1) !important;
  transform: translateY(-2px) !important;
}

/* ─── SIGNAL & COMPARISON CONCLUSIONS ───────────────────────── */
.ln-signal-conclusion,
.ln-comparison-quote {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(123, 47, 255, 0.18) !important;
  border-radius: 20px !important;
}

/* ─── RESTRICTIONS SECTION ───────────────────────────────────── */
.ln-restrictions-section {
  background: rgba(255, 69, 96, 0.02) !important;
  border: 1px solid rgba(255, 69, 96, 0.1) !important;
  border-radius: 24px !important;
  padding: 40px !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  margin-top: 60px !important;
}

/* ─── METHODOLOGY BADGE ─────────────────────────────────────── */
.ln-methodology-badge {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 240, 255, 0.15) !important;
  border-radius: 12px !important;
}

/* ─── FAQ ────────────────────────────────────────────────────── */
.ln-faq-grid { margin-top: 56px !important; gap: 24px !important; }
.faq-card-question {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
}
.faq-card-divider {
  background: linear-gradient(90deg, rgba(123, 47, 255, 0.4), rgba(0, 240, 255, 0.3)) !important;
  height: 1px !important;
  margin: 20px 0 !important;
}

/* ─── FINAL CTA ──────────────────────────────────────────────── */
.ln-final {
  padding: 120px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.ln-final::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(123, 47, 255, 0.18) 0%, transparent 65%),
              radial-gradient(ellipse at 20% 100%, rgba(0, 240, 255, 0.08) 0%, transparent 50%),
              radial-gradient(ellipse at 80% 100%, rgba(255, 0, 229, 0.06) 0%, transparent 50%);
  pointer-events: none;
}
.ln-final-glow {
  background: linear-gradient(135deg, rgba(8, 10, 28, 0.85), rgba(6, 8, 22, 0.9)) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid rgba(123, 47, 255, 0.2) !important;
  border-radius: 32px !important;
  padding: 80px 60px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.5), 0 0 80px rgba(123, 47, 255, 0.12) !important;
}
.ln-final-glow::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(123, 47, 255, 0.6), rgba(0, 240, 255, 0.5), rgba(255, 0, 229, 0.4), transparent);
}
.ln-final-glow::after {
  content: '';
  position: absolute;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(123, 47, 255, 0.12), transparent 70%);
  top: -200px; left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  filter: blur(40px);
}
.ln-final-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: clamp(32px, 5vw, 60px) !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
  background: linear-gradient(135deg, #ffffff 0%, rgba(184, 181, 255, 0.95) 50%, rgba(0, 240, 255, 0.85) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-bottom: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}
.ln-final-sub {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: rgba(180, 183, 212, 0.9) !important;
  max-width: 520px !important;
  margin: 0 auto 48px !important;
  position: relative !important;
  z-index: 1 !important;
}
.ln-cta-main {
  background: linear-gradient(135deg, #7B2FFF 0%, #5B1FCC 45%, #9B4FFF 100%) !important;
  padding: 20px 48px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 48px rgba(123, 47, 255, 0.55), 0 4px 16px rgba(123, 47, 255, 0.3) !important;
  letter-spacing: 0.3px !important;
  position: relative !important;
  z-index: 1 !important;
  color: #fff !important;
  transition: all 0.35s var(--spring) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
}
.ln-cta-main:hover {
  transform: translateY(-5px) scale(1.03) !important;
  box-shadow: 0 24px 72px rgba(123, 47, 255, 0.7), 0 8px 24px rgba(123, 47, 255, 0.4) !important;
}

/* ─── FOOTER ─────────────────────────────────────────────────── */
.ln-footer {
  background: rgba(3, 4, 15, 0.95) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(20px) !important;
}
.ln-footer-logo {
  background: linear-gradient(135deg, #7B2FFF, #00F0FF) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
.ln-footer-links a { color: rgba(110, 114, 153, 0.8) !important; transition: color 0.2s !important; }
.ln-footer-links a:hover { color: rgba(0, 240, 255, 0.8) !important; }

/* ─── HERO ENHANCEMENTS (animation stays untouched) ─────────── */
.ln-dash-card {
  background: rgba(5, 7, 20, 0.75) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(0, 240, 255, 0.15) !important;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.5) !important;
}
.ln-dash-strategy-btn,
.ln-result-cta-btn {
  background: linear-gradient(135deg, #7B2FFF, #5B1FCC) !important;
  box-shadow: 0 8px 32px rgba(123, 47, 255, 0.5) !important;
  transition: all 0.35s var(--spring) !important;
}
.ln-dash-strategy-btn:hover,
.ln-result-cta-btn:hover {
  transform: translateY(-4px) scale(1.04) !important;
  box-shadow: 0 16px 48px rgba(123, 47, 255, 0.7) !important;
}
.ln-hero-monitor {
  background: rgba(3, 4, 15, 0.8) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0, 240, 255, 0.1) !important;
  border-radius: 12px !important;
}

/* Result numbers in hero - gradient text */
.ln-result-num {
  font-size: clamp(40px, 6vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  background: linear-gradient(135deg, #00F0FF, #7B2FFF) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Pain big number */
.ln-pain-big-number {
  font-size: clamp(48px, 8vw, 80px) !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #FF4560, #FF8A9B) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -2px !important;
}

/* Brain silhouette containers */
.silhouette-container,
.methodology-silhouette {
  background: rgba(5, 7, 20, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0, 240, 255, 0.1) !important;
  border-radius: 24px !important;
  box-shadow: 0 0 60px rgba(0, 240, 255, 0.05) !important;
}

/* Hub core */
.ln-hub-core {
  background: linear-gradient(135deg, rgba(123, 47, 255, 0.3), rgba(0, 240, 255, 0.2)) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(123, 47, 255, 0.4) !important;
  box-shadow: 0 0 40px rgba(123, 47, 255, 0.25), 0 0 80px rgba(0, 240, 255, 0.1) !important;
}

/* Node buttons */
.ln-node-btn {
  background: rgba(123, 47, 255, 0.15) !important;
  border: 1px solid rgba(123, 47, 255, 0.35) !important;
  border-radius: 10px !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  color: rgba(184, 181, 255, 0.9) !important;
  transition: all 0.25s var(--spring) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  cursor: pointer !important;
  display: inline-block !important;
}
.ln-node-btn:hover {
  background: rgba(123, 47, 255, 0.3) !important;
  border-color: rgba(123, 47, 255, 0.6) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
  box-shadow: 0 4px 16px rgba(123, 47, 255, 0.3) !important;
}

/* Audience section overlay */
#audience { position: relative !important; }
#audience::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(to bottom, rgba(4, 6, 19, 0.55) 0%, rgba(4, 6, 19, 0.25) 40%, rgba(4, 6, 19, 0.55) 100%);
  pointer-events: none; z-index: 0;
}
#audience .ln-container { position: relative !important; z-index: 2 !important; }

/* ─── REDUCED MOTION ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ─── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ln-final-glow { padding: 48px 28px !important; border-radius: 24px !important; }
  .ln-price-card { padding: 32px 24px !important; }
  .ln-faq-card { padding: 24px !important; }
  .ln-pain-right { padding: 28px !important; }
  .ln-split-pane { padding: 24px !important; }
}