:root {
    --ams-blue: #0878ff;
    --ams-blue-dark: #005ce6;
    --ams-cyan: #05c8ff;
    --ams-navy: #07182d;
    --ams-navy-2: #0c2039;
    --ams-text: #0a1b35;
    --ams-muted: #4b5f7c;
    --ams-white: #ffffff;
    --ams-border: rgba(8, 120, 255, .22);
    --ams-shell: 1540px;

    --ams-font-body:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --ams-font-heading:
        Manrope,
        Inter,
        ui-sans-serif,
        system-ui,
        sans-serif;
}

.ams-focus-page {
    margin: 0;
    background: #fff;
    color: var(--ams-text);
    font-family: var(--ams-font-body);
}

.ams-focus-page *,
.ams-focus-page *::before,
.ams-focus-page *::after {
    box-sizing: border-box;
}

/*
 * Identité typographique AMS Focus.
 *
 * Tous les titres éditoriaux utilisent la même famille.
 * Les futurs H2 / H3 hériteront automatiquement de cette règle.
 */
.ams-focus-page h1,
.ams-focus-page h2,
.ams-focus-page h3,
.ams-focus-page h4,
.ams-focus-page h5,
.ams-focus-page h6,
.ams-focus-page .ams-brand__name,
.ams-focus-page .ams-brand__tagline,
.ams-focus-page .ams-hero__eyebrow {
    font-family: var(--ams-font-heading);
}

/*
 * Les liens éditoriaux héritent de leur contexte.
 * Les boutons sont volontairement exclus afin que leur couleur
 * soit définie par leur variante.
 */
.ams-focus-page a:not(.ams-button) {
    color: inherit;
    text-decoration: none;
}

.ams-shell {
    width: min(
        calc(100% - 48px),
        var(--ams-shell)
    );
    margin-inline: auto;
}

.ams-site {
    min-height: 100vh;
    overflow-x: clip;
}

.ams-button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 22px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.ams-button:hover {
    transform: translateY(-2px);
}

.ams-button--primary,
.ams-button--header {
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #0583ff,
            #0068f4
        );
    box-shadow:
        0 12px 28px
        rgba(0, 111, 255, .2);
}

.ams-button--secondary {
    color: #0069ed;
    background:
        rgba(255, 255, 255, .78);
    border:
        1px solid
        rgba(0, 105, 237, .45);
    backdrop-filter: blur(10px);
}

.ams-button__round {
    width: 29px;
    height: 29px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--ams-blue);
}

/* AMS FOCUS — CONFIRMATION 3476 / CENTRAGE */
body.page-id-3476 .ams-site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

body.page-id-3476 .ams-site > .ams-main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 3rem 1.25rem;
    box-sizing: border-box;
}

body.page-id-3476 .ams-site > .ams-main > * {
    max-width: 100%;
}