@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
:root { --bg: #010409; --primary: #38bdf8; --accent: #818cf8; --glass: rgba(13, 17, 23, 0.9); --border: rgba(255, 255, 255, 0.08); }
body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--bg); color: #fff; line-height: 1.6; overflow-x: hidden; }
.navbar { background: var(--glass) !important; backdrop-filter: blur(25px); border-bottom: 1px solid var(--border); padding: 1.5rem 0; }
.navbar-brand { font-weight: 800; font-size: 1.8rem; letter-spacing: -1.5px; }

/* ClickFunnels Sales Hero */
.hero-sales { 
    padding: 240px 0 160px; 
    background: radial-gradient(circle at 50% -20%, #1e1b4b 0%, var(--bg) 75%); 
    text-align: center; 
}
.hero-sales h1 { font-weight: 800; font-size: calc(3rem + 4vw); letter-spacing: -5px; line-height: 1; margin-bottom: 2rem; text-transform: capitalize; }
.hero-sales p { color: #94a3b8; font-size: 1.6rem; max-width: 950px; margin: 0 auto 4rem; padding: 0 20px; }

/* The Sales Cards */
.elite-card { 
    background: var(--glass); 
    border: 1px solid var(--border); 
    border-radius: 40px; 
    padding: 5rem 3rem; 
    backdrop-filter: blur(20px); 
    transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); 
    text-align: center; 
    height: 100%; 
}
.elite-card:hover { transform: translateY(-20px); border-color: var(--primary); box-shadow: 0 0 80px rgba(56, 189, 248, 0.2); background: rgba(13, 17, 23, 1); }
.price-val { font-size: 5rem; font-weight: 800; color: var(--primary); letter-spacing: -4px; margin: 2rem 0; }
.feature-item { color: #94a3b8; font-weight: 600; font-size: 1.1rem; margin-bottom: 15px; display: block; }

.btn-launch { 
    background: #fff; color: #000; font-weight: 800; padding: 1.5rem 3rem; border-radius: 20px; 
    width: 100%; display: block; text-transform: uppercase; font-size: 1.1rem; 
    text-decoration: none !important; transition: 0.3s; 
}
.btn-launch:hover { background: var(--primary); color: #fff; transform: scale(1.05); }

footer { background: #000; padding: 120px 0; border-top: 1px solid var(--border); color: #64748b; }
footer h5 { color: #fff; font-weight: 800; margin-bottom: 2rem; }
footer a { color: #64748b; display: block; margin-bottom: 12px; text-decoration: none !important; transition: 0.2s; }
footer a:hover { color: var(--primary); }

@media (max-width: 768px) { .hero-sales { padding: 140px 0 80px; } .price-val { font-size: 3.5rem; } }