/* ═══════════════════════════════════════════════════════════
   BASE — nouveau style dark, cohérent avec landing.css
════════════════════════════════════════════════════════════ */

/* ── Variables ───────────────────────────────────────────────── */
:root {
    --vp: #764ba2;
    --vb: #667eea;
    --vc: #c4b5fd;
    --g: linear-gradient(135deg, #764ba2, #667eea);
    --bg: #0a0a14;
    --bg2: #0f0e1a;
    --muted: rgba(255, 255, 255, .5);
    --border: rgba(255, 255, 255, .1);
    /* Préservés pour sections.css / pricing */
    --teal-50: #e6fffa;
    --teal-500: #38b2ac;
    --zinc-500: rgba(255, 255, 255, .5);
    --zinc-900: #18181b;
    --spacing-lg: 2rem;
    --spacing-md: 1rem;
    --spacing-sm: 0.5rem;
    --border-radius-md: 16px;
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);
    --text-size-xl: 2rem;
    --text-size-2xl: 2.5rem;
    --text-size-md: 1.1rem;
    --font-weight-bold: 700;
    --pricing-bg: rgba(255, 255, 255, .04);
    --pricing-border: rgba(255, 255, 255, .1);
    --pricing-border-alt: rgba(167, 139, 250, .3);
    --pricing-btn: #764ba2;
    --pricing-btn-hover: #667eea;
    --segly-blue-1: #764ba2;
    --segly-blue-2: #667eea;
}

/* ── Reset ───────────────────────────────────────────────────── */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Syne', sans-serif;
    background: var(--bg);
    min-height: 100vh;
    color: #fff;
    overflow-x: hidden;
    line-height: 1.75;
}

button,
select {
    cursor: pointer;
}

ol,
ul {
    list-style: none;
}

/* ── Animations ──────────────────────────────────────────────── */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        filter: brightness(1);
    }

    50% {
        transform: scale(1.08);
        filter: brightness(1.2);
    }

    100% {
        transform: scale(1);
        filter: brightness(1);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* ═══════════════════════════════════════════════════════════
   ANCIEN STYLE (conservé) — remplacé par le style dark ci-dessus
════════════════════════════════════════════════════════════ */
/*

:root {
    --teal-50: #e6fffa;
    --teal-500: #38b2ac;
    --zinc-500: #71717a;
    --zinc-900: #18181b;
    --spacing-lg: 2rem;
    --spacing-md: 1rem;
    --spacing-sm: 0.5rem;
    --border-radius-md: 16px;
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08);
    --text-size-xl: 2rem;
    --text-size-2xl: 2.5rem;
    --text-size-md: 1.1rem;
    --font-weight-bold: 700;
    --pricing-bg: #f8f9ff;
    --pricing-border: #667eea;
    --pricing-border-alt: #764ba2;
    --pricing-btn: #764ba2;
    --pricing-btn-hover: #667eea;
    --segly-blue-1: #3d46c5;
    --segly-blue-2: #5e9bea;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    background: linear-gradient(135deg, var(--segly-blue-1) 0%, var(--segly-blue-2) 100%);
    min-height: 100vh;
    color: #333;
}

button, select { cursor: pointer; }
ol, ul { list-style: none; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes pulse { 0% { transform: scale(1); filter: brightness(1); } 50% { transform: scale(1.08); filter: brightness(1.2); } 100% { transform: scale(1); filter: brightness(1); } }
@keyframes slideInDown { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

*/