:root {
    --bg: #060814;
    --bg2: #0b1024;
    --card: rgba(255, 255, 255, .06);
    --card2: rgba(255, 255, 255, .08);
    --text: #eaf0ff;
    --muted: rgba(234, 240, 255, .72);
    --line: #2A74C2;
    --shadow: 0 20px 70px rgba(0, 0, 0, .55);

    --accent: #2A74C2;
    /* bleu corporate ADAY-IT */
    --accent2: #2A74C2;
    /* même bleu pour cohérence */
    --accent3: #2A74C2;
    /* même bleu */
    /* cyan */
    --danger: #ef4444;

    --radius: 18px;
    --radius2: 26px;
    --max: 1180px;
}

[data-theme="light"] {
    --bg: #f5f7ff;
    --bg2: #eef2ff;
    --card: rgba(0, 0, 0, .04);
    --card2: rgba(0, 0, 0, .06);
    --text: #0b1024;
    --muted: rgba(11, 16, 36, .70);
    --line: rgba(0, 0, 0, .10);
    --shadow: 0 20px 70px rgba(0, 0, 0, .12);
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    color: var(--text);
    background:
        radial-gradient(900px 600px at 18% 10%, #2A74C2, transparent 62%),
        radial-gradient(800px 520px at 85% 22%, rgba(56, 189, 248, .16), transparent 58%),
        radial-gradient(700px 500px at 50% 92%, rgba(34, 197, 94, .10), transparent 60%),
        linear-gradient(180deg, var(--bg), var(--bg2));
    min-height: 100vh;
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%;
    display: block
}

.container {
    width: min(var(--max), calc(100% - 42px));
    margin: 0 auto
}

.hr {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--line), transparent);
    margin: 22px 0;
}

.kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: 999px;
    color: var(--muted);
    font-weight: 600;
    font-size: .95rem;
}

h1 {
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    line-height: 1.05;
    margin: 10px 0 0
}

h2 {
    font-size: clamp(1.7rem, 2.4vw, 2.3rem);
    margin: 0 0 8px
}

p {
    color: var(--muted);
    line-height: 1.7
}

.section {
    padding: 88px 0
}

.section--tight {
    padding: 62px 0
}

.glow {
    position: absolute;
    inset: -140px -160px auto -160px;
    height: 520px;
    background: radial-gradient(closest-side, #2A74C2, transparent 72%);
    filter: blur(4px);
    pointer-events: none;
    opacity: .9;
}

.fade-up {
    transform: translateY(16px);
    opacity: 0;
    transition: transform .7s ease, opacity .7s ease;
    will-change: transform, opacity;
}

.fade-up.is-in {
    transform: translateY(0);
    opacity: 1;
}

.small {
    font-size: .92rem
}