/* ==========================================
   MGX SIGNALS - CLEAN ADDITIONAL CSS
   Copy this entire file into:
   Appearance → Customize → Additional CSS
   ========================================== */

/* ===== 1. KADENCE HEADER COLORS ===== */
.site-header,
.site-header-wrap,
header#masthead,
.header-row {
    background-color: #0b1117 !important;
    border: none !important;
}

.site-branding {
    background-color: transparent !important;
}

.primary-navigation,
.main-navigation,
nav[aria-label="Primary"] {
    background-color: #000000 !important;
}

.primary-navigation a,
.main-navigation a,
nav[aria-label="Primary"] a {
    color: #ffffff !important;
}

.primary-navigation a:hover,
.main-navigation a:hover,
nav[aria-label="Primary"] a:hover {
    color: #1aff8c !important;
}

.current-menu-item > a,
.current_page_item > a {
    color: #1aff8c !important;
}

/* Remove header border */
.site-header,
.site-header-wrap,
header#masthead,
.header-row {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ===== 2. DARK PAGE BACKGROUND ===== */
body,
.content-bg,
.site-content,
article,
.entry-content {
    background-color: #0b1117 !important;
    color: #e7eef7 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

p {
    color: #9cb3c9 !important;
}

/* ===== 3. BURGER MENU (MOBILE ONLY) ===== */
:root {
    --mgx-dark: #0a1628;
    --mgx-green: #00ff88;
    --mgx-white: #ffffff;
    --mgx-gray: #8a9ba8;
    --transition-speed: 0.3s;
}

.mgx-burger-menu {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 999999 !important;
    display: none !important;
    flex-direction: column !important;
    justify-content: space-around !important;
    width: 30px !important;
    height: 25px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: transform var(--transition-speed) ease !important;
}

.mgx-burger-menu:hover {
    transform: scale(1.1) !important;
}

.mgx-burger-line {
    width: 100% !important;
    height: 3px !important;
    background-color: var(--mgx-green) !important;
    border-radius: 10px !important;
    transition: all var(--transition-speed) ease !important;
    transform-origin: center !important;
    display: block !important;
}

.mgx-burger-menu.active .mgx-burger-line:nth-child(1) {
    transform: rotate(45deg) translateY(10px) !important;
}

.mgx-burger-menu.active .mgx-burger-line:nth-child(2) {
    opacity: 0 !important;
    transform: translateX(-20px) !important;
}

.mgx-burger-menu.active .mgx-burger-line:nth-child(3) {
    transform: rotate(-45deg) translateY(-10px) !important;
}

.mgx-mobile-nav {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important;
    width: 80% !important;
    max-width: 400px !important;
    height: 100vh !important;
    background-color: var(--mgx-dark) !important;
    z-index: 999998 !important;
    transition: right var(--transition-speed) ease !important;
    overflow-y: auto !important;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5) !important;
}

.mgx-mobile-nav.active {
    right: 0 !important;
}

.mgx-mobile-nav-content {
    padding: 80px 30px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
}

.mgx-mobile-nav-list {
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mgx-mobile-nav-list li {
    opacity: 0 !important;
    transform: translateX(50px) !important;
    transition: all 0.3s ease !important;
    list-style: none !important;
}

.mgx-mobile-nav.active .mgx-mobile-nav-list li {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(1) { transition-delay: 0.1s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(2) { transition-delay: 0.15s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(3) { transition-delay: 0.2s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(4) { transition-delay: 0.25s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(5) { transition-delay: 0.3s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(6) { transition-delay: 0.35s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(7) { transition-delay: 0.4s !important; }
.mgx-mobile-nav.active .mgx-mobile-nav-list li:nth-child(8) { transition-delay: 0.45s !important; }

.mgx-mobile-nav-list a,
.mgx-mobile-nav-list .sub-menu a {
    color: var(--mgx-white) !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    display: block !important;
    padding: 10px 0 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.mgx-mobile-nav-list a:hover,
.mgx-mobile-nav-list .sub-menu a:hover {
    color: var(--mgx-green) !important;
    transform: translateX(10px) !important;
}

.mgx-mobile-nav-list .sub-menu {
    list-style: none !important;
    padding-left: 20px !important;
    margin-top: 10px !important;
}

.mgx-mobile-nav-list .sub-menu li {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.mgx-mobile-nav-list .sub-menu a {
    font-size: 18px !important;
    color: var(--mgx-gray) !important;
}

.mgx-mobile-nav-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.3s ease 0.4s !important;
}

.mgx-mobile-nav.active .mgx-mobile-nav-cta {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.mgx-btn-primary,
.mgx-btn-secondary {
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 15px 30px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

.mgx-btn-primary {
    background-color: var(--mgx-green) !important;
    color: var(--mgx-dark) !important;
}

.mgx-btn-primary:hover {
    background-color: #00dd77 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0, 255, 136, 0.3) !important;
}

.mgx-btn-secondary {
    background-color: transparent !important;
    color: var(--mgx-white) !important;
    border: 2px solid var(--mgx-green) !important;
}

.mgx-btn-secondary:hover {
    background-color: var(--mgx-green) !important;
    color: var(--mgx-dark) !important;
    transform: translateY(-2px) !important;
}

.mgx-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    z-index: 999997 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all var(--transition-speed) ease !important;
}

.mgx-menu-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===== 4. MGX PAGE STYLES (Join pages) ===== */
.mgx-join-page :root {
  --mgx-green: #17e672;
  --mgx-black: #0b0f13;
  --mgx-dim: #0f141a;
  --mgx-silver: #b8c1cc;
  --mgx-white: #f5f7fa;
  --rad: 16px;
  --pad: 18px;
  --shadow: 0 6px 24px rgba(0,0,0,.25);
  --focus: 0 0 0 3px rgba(23,230,114,.35), 0 0 0 6px rgba(23,230,114,.2);
}

.mgx-join-page * {
  box-sizing: border-box;
}

.mgx-join-page .container {
  width: min(1120px, 92%);
  margin-inline: auto;
}

.mgx-join-page .section {
  padding: 56px 0;
}

.mgx-join-page .h1 {
  font-size: clamp(34px, 4.5vw, 54px);
  line-height: 1.08;
  margin: 0 0 12px;
}

.mgx-join-page .h2 {
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.12;
  margin: 0 0 10px;
}

.mgx-join-page .p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--mgx-silver);
  margin: 0 0 20px;
}

.mgx-join-page .btn-mgx {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 999px;
  font-weight: 600;
  background: linear-gradient(180deg, var(--mgx-green), #11b356);
  color: #00150a;
  box-shadow: var(--shadow);
  transition: transform .15s ease, filter .15s ease;
}

.mgx-join-page .btn-mgx:hover {
  transform: translateY(-1px);
}

.mgx-join-page .btn-ghost {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(184,193,204,.25);
  color: var(--mgx-silver);
}

.mgx-join-page .btn-ghost:hover {
  border-color: rgba(23,230,114,.45);
  color: var(--mgx-white);
}

.mgx-join-page .grid {
  display: grid;
  gap: 18px;
}

.mgx-join-page .grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {
  .mgx-join-page .grid-3 {
    grid-template-columns: 1fr;
  }
}

.mgx-join-page .header-spacer {
  height: 72px;
}

.mgx-join-page .card-link {
  display: block;
  border: 1px solid rgba(184,193,204,.15);
  border-radius: var(--rad);
  background: linear-gradient(180deg, #0d1218, #0a0e13);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease;
}

.mgx-join-page .card-link:hover {
  border-color: rgba(23,230,114,.45);
  transform: translateY(-1px);
}

.mgx-join-page .card-body {
  padding: var(--pad) calc(var(--pad) * 1.25);
}

.mgx-join-page .badge {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(184,193,204,.25);
  color: var(--mgx-silver);
  font-size: 14px;
}

.mgx-join-page .dim {
  color: var(--mgx-silver);
}

.mgx-join-page .bg-dim {
  background: var(--mgx-dim);
}
/* ===== MGX GREEN GLOW EFFECTS ===== */

/* Card glow on Join pages */
.mgx-join-page .card-link {
  border: 1px solid rgba(23, 230, 114, 0.25);
  box-shadow: 0 0 20px rgba(23, 230, 114, 0.1);
  animation: mgxCardPulse 4s ease-in-out infinite;
}

.mgx-join-page .card-link:hover {
  border-color: rgba(23, 230, 114, 0.6);
  box-shadow: 0 0 35px rgba(23, 230, 114, 0.4);
}

/* Pulse animation for cards */
@keyframes mgxCardPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(23, 230, 114, 0.1);
    border-color: rgba(23, 230, 114, 0.25);
  }
  50% {
    box-shadow: 0 0 35px rgba(23, 230, 114, 0.3);
    border-color: rgba(23, 230, 114, 0.4);
  }
}

/* Button glow effect */
.mgx-join-page .btn-mgx {
  animation: mgxButtonGlow 3s ease-in-out infinite;
}

@keyframes mgxButtonGlow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(23, 230, 114, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(23, 230, 114, 0.6);
  }
}
/* MGX Burger Menu - Final Clean Version */

/* Burger Menu Button */
.mgx-burger-menu {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 999999 !important;
    display: none !important;
    flex-direction: column !important;
    justify-content: space-around !important;
    width: 30px !important;
    height: 25px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: transform 0.3s ease !important;
}

.mgx-burger-menu:hover {
    transform: scale(1.05) !important;
}

.mgx-burger-line {
    width: 100% !important;
    height: 3px !important;
    background-color: #00ff88 !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    display: block !important;
}

.mgx-burger-menu.active .mgx-burger-line:nth-child(1) {
    transform: rotate(45deg) translateY(10px) !important;
}

.mgx-burger-menu.active .mgx-burger-line:nth-child(2) {
    opacity: 0 !important;
    transform: translateX(-20px) !important;
}

.mgx-burger-menu.active .mgx-burger-line:nth-child(3) {
    transform: rotate(-45deg) translateY(-10px) !important;
}

/* Mobile Navigation Menu */
.mgx-mobile-nav {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important;
    width: 85% !important;
    max-width: 400px !important;
    height: 100vh !important;
    background-color: #0a1628 !important;
    z-index: 999998 !important;
    transition: right 0.3s ease !important;
    overflow-y: auto !important;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5) !important;
}

.mgx-mobile-nav.active {
    right: 0 !important;
}

.mgx-mobile-nav-content {
    padding: 80px 30px 30px !important;
}

.mgx-mobile-nav-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
}

.mgx-mobile-nav-list li {
    margin: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mgx-mobile-nav-list li:last-child {
    border-bottom: none !important;
}

.mgx-mobile-nav-list a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    display: block !important;
    padding: 15px 0 !important;
    transition: color 0.2s ease !important;
}

.mgx-mobile-nav-list a:hover,
.mgx-mobile-nav-list a:active {
    color: #00ff88 !important;
}

/* CTA Buttons */
.mgx-mobile-nav-cta {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    margin-top: 30px !important;
}

.mgx-btn-primary,
.mgx-btn-secondary {
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 15px 30px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

.mgx-btn-primary {
    background-color: #00ff88 !important;
    color: #0a1628 !important;
    border: none !important;
}

.mgx-btn-primary:hover {
    background-color: #00dd77 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0, 255, 136, 0.3) !important;
}

.mgx-btn-secondary {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #00ff88 !important;
}

.mgx-btn-secondary:hover {
    background-color: #00ff88 !important;
    color: #0a1628 !important;
    transform: translateY(-2px) !important;
}

/* Overlay */
.mgx-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    z-index: 999997 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    pointer-events: none !important;
}

.mgx-menu-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
}

body.mgx-menu-open {
    overflow: hidden !important;
}

/* Hide Kadence's default mobile navigation */
@media screen and (max-width: 1024px) {
     /* Hide custom header on mobile only to prevent conflicts */
    #mgx-header,
    .mgx-site-header,
    .mgx-navbar {
        display: none !important;
    }
    
    .mgx-burger-menu {
        display: flex !important;
    }
}  
	.mobile-toggle-open-container,
    .menu-toggle-open,
    #mobile-drawer,
    .mobile-navigation,
    button[data-toggle-target*="mobile"],
    .site-header-item .navigation-toggle-wrapper {
        display: none !important;
    }
    


@media screen and (max-width: 480px) {
    .mgx-mobile-nav {
        width: 90% !important;
    }
}
/* ===== MGX GREEN GLOW EFFECTS ===== */

/* Card glow on Join pages */
.mgx-join-page .card-link {
  border: 1px solid rgba(23, 230, 114, 0.25);
  box-shadow: 0 0 20px rgba(23, 230, 114, 0.1);
  animation: mgxCardPulse 4s ease-in-out infinite;
}

.mgx-join-page .card-link:hover {
  border-color: rgba(23, 230, 114, 0.6);
  box-shadow: 0 0 35px rgba(23, 230, 114, 0.4);
}

/* Pulse animation for cards */
@keyframes mgxCardPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(23, 230, 114, 0.1);
    border-color: rgba(23, 230, 114, 0.25);
  }
  50% {
    box-shadow: 0 0 35px rgba(23, 230, 114, 0.3);
    border-color: rgba(23, 230, 114, 0.4);
  }
}

/* Button glow effect */
.mgx-join-page .btn-mgx {
  animation: mgxButtonGlow 3s ease-in-out infinite;
}

@keyframes mgxButtonGlow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(23, 230, 114, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(23, 230, 114, 0.6);
  }
}
/* ========================================
   HOME PAGE FIXES - Add to Additional CSS
   ======================================== */

/* 1. DRAGON LOGO - Green Glow on Hover */
.site-branding a:hover img,
.custom-logo-link:hover img,
a[rel="home"]:hover img {
  filter: drop-shadow(0 0 20px rgba(26, 255, 140, 0.6)) 
          drop-shadow(0 0 40px rgba(26, 255, 140, 0.4));
  transform: scale(1.05);
  transition: all 0.4s ease;
}

.site-branding a img,
.custom-logo-link img,
a[rel="home"] img {
  transition: all 0.4s ease;
}

/* 2. HIDE DUPLICATE CTA BUTTONS (keep only hero CTAs) */
/* Target the duplicate button row that appears below hero */
.entry-content > .wp-block-buttons:first-of-type,
.mgx-cta-band:first-of-type {
  display: none !important;
}

/* If the buttons are in a specific section, use this instead: */
body.home .entry-content .wp-block-buttons:nth-of-type(1) {
  display: none !important;
}

/* 3. FEATURE CARDS - Add Green Glow */
/* Target the 4 feature cards (Signal Quality, Risk First, etc.) */
.wp-block-column,
.feature-card,
.value-prop-card,
.info-box {
  border: 1px solid rgba(26, 255, 140, 0.2) !important;
  border-radius: 16px;
  background: rgba(15, 20, 26, 0.8) !important;
  box-shadow: 0 0 20px rgba(26, 255, 140, 0.08);
  transition: all 0.3s ease;
}

.wp-block-column:hover,
.feature-card:hover,
.value-prop-card:hover,
.info-box:hover {
  border-color: rgba(26, 255, 140, 0.5) !important;
  box-shadow: 0 0 35px rgba(26, 255, 140, 0.25);
  transform: translateY(-2px);
}

/* Add subtle pulse to feature cards */
@keyframes featureCardPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(26, 255, 140, 0.08);
    border-color: rgba(26, 255, 140, 0.2);
  }
  50% {
    box-shadow: 0 0 30px rgba(26, 255, 140, 0.15);
    border-color: rgba(26, 255, 140, 0.3);
  }
}

body.home .wp-block-columns .wp-block-column {
  animation: featureCardPulse 4s ease-in-out infinite;
}

/* 4. FOOTER - Improve Readability */
.site-footer {
  background: #0a0e13 !important;
  border-top: 1px solid rgba(26, 255, 140, 0.15);
  padding: 40px 20px;
}

.site-footer a {
  color: #9cb3c9 !important;
  transition: all 0.3s ease;
  text-decoration: none;
}

.site-footer a:hover {
  color: #1aff8c !important;
  text-shadow: 0 0 8px rgba(26, 255, 140, 0.4);
}

.site-footer p,
.site-footer span {
  color: #6b8299 !important;
}

/* Footer links green accent */
.site-footer .footer-navigation a,
.site-footer .widget a {
  position: relative;
}

.site-footer .footer-navigation a::after,
.site-footer .widget a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: #1aff8c;
  transition: width 0.3s ease;
}

.site-footer .footer-navigation a:hover::after,
.site-footer .widget a:hover::after {
  width: 100%;
}

/* 5. EQUAL HEIGHT FEATURE CARDS */
.wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  align-items: stretch;
}

.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 280px;
  padding: 24px;
}

/* Ensure content inside cards fills height */
.wp-block-column > * {
  flex-grow: 1;
}

/* 6. RESPONSIVE ADJUSTMENTS */
@media (max-width: 768px) {
  .wp-block-columns {
    grid-template-columns: 1fr !important;
  }
  
  .site-footer {
    text-align: center;
  }
  
  .site-footer .footer-navigation {
    flex-direction: column;
    gap: 10px;
  }
}

/* 7. OPTIONAL: Enhance "How MGX Works" Green Numbers */
body.home li:has(strong:contains("Ingest")),
body.home li:has(strong:contains("Model")),
body.home li:has(strong:contains("Deliver")) {
  position: relative;
  padding-left: 10px;
}

/* Make the numbered list items glow more */
body.home .wp-block-column ol li strong:first-child {
  color: #1aff8c !important;
  text-shadow: 0 0 10px rgba(26, 255, 140, 0.3);
}
/* ========================================
   HOW IT WORKS PAGE - Simplified Version
   Add to Additional CSS (WordPress-safe)
   ======================================== */

/* 1. PAGE TITLE - Green Glow */
.entry-content h1 {
  font-size: clamp(36px, 5vw, 54px) !important;
  font-weight: 800 !important;
  margin-bottom: 20px !important;
  color: #ffffff !important;
  text-shadow: 0 0 20px rgba(26, 255, 140, 0.3);
}

/* 2. SUBTITLE/INTRO TEXT */
.entry-content > p {
  font-size: 18px !important;
  color: #9cb3c9 !important;
  line-height: 1.6 !important;
}

/* 3. CTA LINKS - Style as Buttons */
.entry-content a[href*="starter"],
.entry-content a[href*="pro"],
.entry-content a[href*="elite"] {
  display: inline-block !important;
  padding: 10px 20px !important;
  margin: 0 8px 8px 0 !important;
  background: rgba(26, 255, 140, 0.1) !important;
  border: 1px solid rgba(26, 255, 140, 0.3) !important;
  border-radius: 8px !important;
  color: #1aff8c !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.entry-content a[href*="starter"]:hover,
.entry-content a[href*="pro"]:hover,
.entry-content a[href*="elite"]:hover {
  background: rgba(26, 255, 140, 0.2) !important;
  border-color: #1aff8c !important;
  box-shadow: 0 0 20px rgba(26, 255, 140, 0.3) !important;
  transform: translateY(-2px) !important;
}

/* 4. SECTION HEADERS (Entries, Risk, Exits) - Green Glow */
.entry-content h2 {
  font-size: clamp(28px, 3.5vw, 42px) !important;
  font-weight: 800 !important;
  color: #1aff8c !important;
  margin: 48px 0 20px 0 !important;
  text-shadow: 0 0 15px rgba(26, 255, 140, 0.4);
  position: relative !important;
  padding-bottom: 12px !important;
}

/* Add subtle underline to section headers */
.entry-content h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 2px;
  background: linear-gradient(90deg, #1aff8c, transparent);
}

/* 5. BULLET POINTS - Green Accents */
.entry-content ul li,
.entry-content ol li {
  color: #e7eef7 !important;
  margin-bottom: 12px !important;
  line-height: 1.6 !important;
}

/* Make tier labels (Starter:, Pro:, Elite:) green and bold */
.entry-content ul li strong,
.entry-content ol li strong {
  color: #1aff8c !important;
  font-weight: 700 !important;
  text-shadow: 0 0 8px rgba(26, 255, 140, 0.3);
}

/* 6. PLAN CARDS (Starter, Pro, Elite) */
.entry-content h3 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 32px 0 12px 0 !important;
  padding: 20px !important;
  background: rgba(15, 20, 26, 0.8) !important;
  border: 1px solid rgba(26, 255, 140, 0.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(26, 255, 140, 0.08) !important;
  transition: all 0.3s ease !important;
}

.entry-content h3:hover {
  border-color: rgba(26, 255, 140, 0.5) !important;
  box-shadow: 0 0 35px rgba(26, 255, 140, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* 7. REMOVE UNDERLINES */
.entry-content u {
  text-decoration: none !important;
  color: #b8c1cc !important;
}

/* 8. SPACING IMPROVEMENTS */
.entry-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 24px;
}

.entry-content ul,
.entry-content ol {
  margin-left: 0;
  padding-left: 24px;
}

/* 9. ADD PULSE ANIMATION TO PLAN CARDS */
@keyframes planCardPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(26, 255, 140, 0.08);
    border-color: rgba(26, 255, 140, 0.2);
  }
  50% {
    box-shadow: 0 0 30px rgba(26, 255, 140, 0.15);
    border-color: rgba(26, 255, 140, 0.3);
  }
}

.entry-content h3 {
  animation: planCardPulse 4s ease-in-out infinite;
}

/* Pause animation on hover */
.entry-content h3:hover {
  animation-play-state: paused;
}

/* 10. RESPONSIVE ADJUSTMENTS */
@media (max-width: 768px) {
  .entry-content h1 {
    font-size: 32px !important;
  }
  
  .entry-content h2 {
    font-size: 26px !important;
  }
  
  .entry-content h3 {
    font-size: 20px !important;
    padding: 16px !important;
  }
  
  .entry-content {
    padding: 24px 16px;
  }
}