/**
 * ObnoxiouslyCool - public landing page skin (scoped to body.landing).
 * Keeps the landing layout but matches the Aero/Jade console.
 * Copyright (c) 2026 Dannny0117 - proprietary.
 */
body.landing {
    background:
        radial-gradient(1200px 700px at 8% -10%, var(--aero-glow-1-c), transparent 60%),
        radial-gradient(900px 600px at 105% 8%, var(--aero-glow-2-c), transparent 62%),
        linear-gradient(145deg, var(--aero-bg) 0%, var(--aero-bg-2) 55%, var(--aero-bg) 100%) !important;
    color: var(--aero-text) !important;
    font-family: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}
body.landing .nav {
    background: var(--aero-topbar-bg-top) !important;
    border-bottom: 1px solid var(--aero-line) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.25) !important;
    backdrop-filter: blur(20px) saturate(1.25) !important;
}
body.landing .nav-logo,
body.landing .hero-title,
body.landing .stat-number {
    background: linear-gradient(105deg, var(--aero-text) 8%, var(--aero-jade-soft) 48%, var(--aero-ice) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
body.landing .nav-links a { color: var(--aero-muted) !important; }
body.landing .nav-links a:hover { color: var(--aero-jade) !important; }
body.landing .nav-cta,
body.landing .btn-primary {
    background: linear-gradient(135deg, var(--aero-btn-from), var(--aero-btn-to)) !important;
    color: var(--aero-btn-text) !important;
    -webkit-text-fill-color: var(--aero-btn-text) !important;
    box-shadow: 0 10px 28px rgba(21, 152, 140, .24) !important;
}
body.landing select, body.landing .language-selector select {
    background: var(--aero-card-bg-top) !important;
    color: var(--aero-text) !important;
    border: 1px solid var(--aero-line-strong) !important;
    border-radius: 8px !important;
    padding: 7px 9px !important;
    font: inherit !important;
}
body.landing .btn-secondary {
    background: var(--aero-card-bg-top) !important;
    color: var(--aero-text) !important;
    border-color: var(--aero-line-strong) !important;
}
body.landing .hero,
body.landing .platforms-section {
    background: transparent !important;
}
body.landing .hero-badge {
    background: var(--aero-glow-1-c) !important;
    border-color: var(--aero-line-strong) !important;
    color: var(--aero-jade) !important;
}
body.landing .hero-subtitle,
body.landing .section-description,
body.landing .feature-description,
body.landing .stat-label { color: var(--aero-muted) !important; }
body.landing .section-badge { color: var(--aero-jade) !important; }
body.landing .section-title { color: var(--aero-text) !important; }
body.landing .feature-card,
body.landing .platform-card {
    background: linear-gradient(180deg, var(--aero-card-bg-top), var(--aero-card-bg-bottom)) !important;
    border: 1px solid var(--aero-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 2.5rem !important;
}
body.landing .feature-card:hover,
body.landing .platform-card:hover {
    transform: translateY(-3px) !important;
    border-color: var(--aero-line-strong) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28) !important;
}
body.landing .feature-icon {
    background: linear-gradient(135deg, var(--aero-glow-1-c), var(--aero-glow-2-c)) !important;
    color: var(--aero-jade) !important;
}
body.landing .cta-section {
    background: linear-gradient(135deg, var(--aero-sidebar-bg-bottom), var(--aero-sidebar-bg-top)) !important;
}
body.landing .btn-white { color: var(--aero-btn-text) !important; }
body.landing .footer { background: var(--aero-bg) !important; border-top: 1px solid var(--aero-line) !important; }
body.landing .footer-column h4 { color: var(--aero-text) !important; }
body.landing .footer-links a { color: var(--aero-muted) !important; }
body.landing .footer-links a:hover { color: var(--aero-jade) !important; }
body.landing .footer-bottom { color: var(--aero-faint) !important; }
body.landing .hero-circle { background: radial-gradient(circle, var(--aero-glow-1-c) 0%, transparent 70%) !important; }
body.landing .watermark { color: rgba(233, 248, 246, .7) !important; }
@media (max-width: 768px) {
    body.landing .feature-card, body.landing .platform-card { padding: 1.6rem !important; }
}