/* ============================================
   Landing page — matches trading teal / light theme
   Loads after pro.css (fixes dark card override)
   ============================================ */

.landing-page {
    background: #f5f5f4;
    color: #334155;
}

.landing-page .hero-title {
    color: #334155;
}

.landing-page .hero-title .gradient-text {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.landing-page .section-title {
    color: #334155;
    font-weight: 800;
}

.landing-page .section-tag {
    background: #ccfbf1;
    color: #0f766e;
    border: 1px solid #99f6e4;
}

.landing-page .section-desc {
    color: #64748b;
}

/* Feature cards — white, not dark navy */
.landing-page .feature-card-lg {
    background: #ffffff !important;
    border: 1px solid #e7e5e4 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    border-radius: 16px;
    padding: 24px 20px;
}

.landing-page .feature-card-lg h3 {
    color: #334155;
    font-weight: 700;
}

.landing-page .feature-card-lg p {
    color: #64748b;
}

.landing-page .feature-card-lg:hover {
    border-color: #99f6e4 !important;
    box-shadow: 0 4px 16px rgba(15, 118, 110, 0.08) !important;
    transform: translateY(-2px);
}

.landing-page .feature-icon-lg {
    background: #f0fdfa !important;
    border: 1px solid #99f6e4 !important;
}

.landing-page .feature-icon-lg::before {
    background: #0f766e !important;
}

.landing-page .feature-icon-lg.green,
.landing-page .feature-icon-lg.blue,
.landing-page .feature-icon-lg.purple,
.landing-page .feature-icon-lg.orange,
.landing-page .feature-icon-lg.red,
.landing-page .feature-icon-lg.cyan {
    background: #f0fdfa !important;
}

/* Buttons */
.landing-page .btn-hero-primary,
.landing-page .btn-nav-primary {
    background: linear-gradient(135deg, #14b8a6, #0f766e) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.25) !important;
}

.landing-page .btn-hero-outline {
    background: #ffffff;
    color: #334155;
    border: 1px solid #e7e5e4;
}

.landing-page .btn-hero-outline:hover {
    border-color: #5eead4;
    color: #0f766e;
}

/* Steps */
.landing-page .step-number {
    background: #f0fdfa;
    border: 2px solid #99f6e4;
    color: #0f766e;
}

.landing-page .step-card h3 {
    color: #334155;
}

/* CTA */
.landing-page .cta-card {
    background: linear-gradient(135deg, #f0fdfa, #ecfdf5);
    border: 1px solid #99f6e4;
}

.landing-page .cta-card h2 {
    color: #334155;
}

/* Showcase */
.landing-page .showcase-content h2 {
    color: #334155;
}

.landing-page .showcase-content p {
    color: #64748b !important;
}

/* Hero stats & badge */
.landing-page .hero-badge {
    background: #f0fdfa;
    border: 1px solid #99f6e4;
    color: #0f766e;
}

.landing-page .hero-stat-value {
    color: #0f766e;
}

/* Nav logo */
.landing-page .nav-logo {
    background: linear-gradient(135deg, #14b8a6, #0f766e);
}

.landing-page .nav-brand .brand-name {
    color: #334155;
}

/* Preview chart card trade buttons */
.landing-page .preview-trade-btn.up {
    background: #059669;
}

.landing-page .preview-trade-btn.down {
    background: #e11d48;
}