:root {
    --primary: #000000;
    --accent: #e3b709;
    --accent-hover: #c9a000;
    --bg-light: #f8f9fa;
    --card-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
body { font-family: 'Inter', system-ui, sans-serif; background: var(--bg-light); color: var(--primary); }

/* HERO BACKGROUND */
.hero-section {
    position: relative;
    overflow: hidden;
    background-color: #111;
}
.hero-bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
.hero-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.45) 100%);
    z-index: 1;
}
.hero-content { position: relative; z-index: 2; }

/* PRICING CARDS */
.pricing-card {
    border: 1px solid #dee2e6;
    border-radius: 1rem;
    box-shadow: var(--card-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    background: #fff;
}
.pricing-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
.price-tag { font-size: 2.75rem; font-weight: 700; color: var(--primary); line-height: 1; }

/* CTA & FORM */
.btn-cta {
    background: var(--accent); color: #000; border: none; font-weight: 600;
    padding: 0.85rem 1.5rem; border-radius: 0.6rem; transition: background 0.2s, transform 0.1s;
    font-size: 1.05rem;
}
.btn-cta:hover { background: var(--accent-hover); color: #000; transform: scale(1.02); }
.btn-cta:active { transform: scale(0.98); }
.btn-cta:focus-visible { outline: 3px solid #000; outline-offset: 2px; }
.badge-popular { background: var(--accent); color: #000; font-weight: 700; letter-spacing: 0.5px; }

/* VIDEO & TRUST */
.video-wrapper-wide { max-width: 1000px; margin: 0 auto; }
.trust-icon { color: #28a745; }
.footer-cgv { font-size: 0.9rem; color: #6c757d; }
.footer-cgv a { color: var(--primary); text-decoration: underline; text-decoration-color: var(--accent); font-weight: 500; }
.footer-cgv a:hover { color: var(--accent-hover); }