/* ==========================================================================
   Design System 06: Smart Income & Expense Tracker Landing Page
   Theme: Dark Fintech & Growth (#06110D, #0B1F16, #22C55E, #00FF88)
   ========================================================================== */

body.theme-tracker {
  background-color: #06110D;
  color: #E5E7EB;
}

body.theme-tracker h1,
body.theme-tracker h2,
body.theme-tracker h3,
body.theme-tracker h4,
body.theme-tracker h5 {
  color: #FFFFFF;
}

.theme-tracker p,
.theme-tracker .landing-hero-subtitle {
  color: #D1D5DB !important;
}

.theme-tracker .text-muted {
  color: #9CA3AF !important;
}

.theme-tracker .section-subheading-text {
  color: #CBD5E1 !important;
}

/* Offer Bar */
.theme-tracker .offer-ticker-bar {
  background: linear-gradient(90deg, #15803D 0%, #22C55E 100%);
  color: #FFFFFF;
  font-weight: 800;
}

.theme-tracker .landing-header {
  background-color: #06110D;
  border-bottom: 1px solid #143525;
}

.theme-tracker .landing-nav-links a {
  color: #E5E7EB;
}

.theme-tracker .landing-nav-links a:hover {
  color: #00FF88;
}

/* Hero Section */
.theme-tracker .landing-hero {
  background: radial-gradient(circle at 80% 20%, #0F3822 0%, #06110D 70%);
}

.theme-tracker .hero-glow-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0B2618;
  border: 1px solid #1D5436;
  color: #00FF88;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 0.85rem;
  font-weight: 800;
  margin-bottom: 20px;
}

.theme-tracker .hero-check-item {
  color: #F3F4F6;
}

.theme-tracker .hero-check-item i {
  color: #00FF88;
}

.theme-tracker .price-current {
  color: #FFFFFF;
}

.theme-tracker .price-strike {
  color: #9CA3AF;
  opacity: 0.9;
}

.theme-tracker .price-badge-pill {
  background: #00FF88;
  color: #06110D;
  font-weight: 800;
}

.theme-tracker .landing-cta-btn {
  background: linear-gradient(90deg, #22C55E 0%, #00FF88 100%);
  color: #06110D;
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.35);
  font-weight: 900;
}

.theme-tracker .landing-cta-btn:hover {
  background: linear-gradient(90deg, #16A34A 0%, #22C55E 100%);
  color: #FFFFFF;
  box-shadow: 0 12px 32px rgba(34, 197, 94, 0.5);
}

.theme-tracker .cta-subtext {
  color: #D1D5DB;
}

/* Trust Strip */
.theme-tracker .trust-item-card {
  background: #0B1F16;
  border: 1px solid #163B29;
}

.theme-tracker .trust-icon-wrap {
  background: #113322;
  color: #00FF88;
}

.theme-tracker .trust-item-title {
  color: #FFFFFF;
}

.theme-tracker .trust-item-desc {
  color: #CBD5E1;
}

/* Key Features 6 Glassmorphic Dark Cards (Panel 6) */
.theme-tracker .section-eyebrow {
  background: #0F3822;
  color: #00FF88;
  border: 1px solid #1F5436;
}

.theme-tracker .fintech-feature-card {
  background: #0B1F16;
  border: 1px solid #163B29;
  border-radius: 18px;
  padding: 24px 20px;
  text-align: center;
  transition: all var(--transition-normal);
}

.theme-tracker .fintech-feature-card:hover {
  transform: translateY(-5px);
  border-color: #00FF88;
  box-shadow: 0 12px 28px rgba(0, 255, 136, 0.15);
}

.theme-tracker .fintech-icon-wrap {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  background: #103322;
  color: #00FF88;
}

.theme-tracker .fintech-feature-title {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}

/* Dashboard Preview Frame */
.theme-tracker .tracker-preview-box {
  background: #040C09;
  border: 2px solid #1F5436;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 255, 136, 0.1);
}

.theme-tracker .fintech-feature-card p,
.theme-tracker .perfect-for-card p {
  color: #CBD5E1 !important;
  font-size: 0.85rem;
}

/* Perfect For 4 Cards (Panel 6) */
.theme-tracker .perfect-for-card {
  background: #0B1F16;
  border: 1px solid #163B29;
  border-radius: 18px;
  padding: 24px 18px;
  text-align: center;
  transition: all var(--transition-normal);
}

.theme-tracker .perfect-for-card:hover {
  transform: translateY(-4px);
  border-color: #22C55E;
}

.theme-tracker .perfect-for-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: #113322;
  color: #00FF88;
}

.theme-tracker .perfect-for-title {
  font-size: 0.95rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}

/* Testimonials Dark Cards */
.theme-tracker .tracker-review-card {
  background: #0B1F16;
  border: 1px solid #163B29;
  border-radius: 18px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-tracker .tracker-review-card:hover {
  border-color: #00FF88;
}

.theme-tracker .tracker-review-card .review-body-text {
  color: #F3F4F6 !important;
  font-weight: 500;
}

.theme-tracker .tracker-review-card .review-author-title {
  color: #00FF88 !important;
  font-weight: 600;
}

/* FAQ Dark Accordion */
.theme-tracker .landing-faq-item {
  background: #0B1F16;
  border: 1px solid #163B29;
}

.theme-tracker .landing-faq-btn {
  color: #FFFFFF;
  font-weight: 700;
}

.theme-tracker .landing-faq-btn i {
  color: #00FF88;
}

.theme-tracker .landing-faq-content {
  color: #E5E7EB;
  border-top: 1px solid #163B29;
  padding-top: 16px;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Sticky Mobile Bottom Bar */
.theme-tracker .landing-sticky-mobile-cta {
  background: rgba(11, 31, 22, 0.98);
  border-top: 1px solid #163B29;
}

.theme-tracker .sticky-price-was {
  color: #9CA3AF !important;
}

/* Footer Contrast */
.theme-tracker .landing-footer {
  background: #040C09;
}

.theme-tracker .landing-footer a,
.theme-tracker .landing-footer p,
.theme-tracker .landing-footer span,
.theme-tracker .landing-footer .text-secondary {
  color: #CBD5E1 !important;
}

.theme-tracker .landing-footer a:hover {
  color: #00FF88 !important;
}