/* Facturation 2026 - CSS créa (ref4) scopé #facturation, génériques + utilitaires site retirés. */
:root {

    --rvl-bleu: #0818af;
    --rvl-bleu-deep: #04082d;
    --rvl-bleu-2: #1527d0;
    --rvl-rose: #fb0065;
    --rvl-violet: #9f80ff;
    --rvl-violet-2: #5426de;
    --rvl-lime: #b9ff66;
    --rvl-lime-soft: #e2f6c9;

    --rvl-white: #ffffff;
    --rvl-off-white: #fafafa;
    --rvl-grey-50: #ececec;
    --rvl-grey-100: #e6ecff;
    --rvl-grey-200: #c9d1e8;
    --rvl-grey-500: #7565ec;
    --rvl-black: #000000;


    --bg: var(--rvl-white);
    --bg-alt: var(--rvl-grey-100);
    --bg-dark: var(--rvl-bleu);
    --bg-deep: var(--rvl-bleu-deep);

    --fg: var(--rvl-bleu-deep);
    --fg-muted: var(--rvl-bleu);
    --fg-on-dark: var(--rvl-white);
    --fg-on-dark-muted: rgba(255, 255, 255, 0.78);

    --accent: var(--rvl-rose);
    --accent-2: var(--rvl-violet);
    --accent-fluo: var(--rvl-lime);

    --border: var(--rvl-grey-50);
    --border-strong: var(--rvl-bleu);


    --grad-corp: linear-gradient(135deg, var(--rvl-bleu) 0%, var(--rvl-violet) 50%, var(--rvl-rose) 100%);
    --grad-pink-violet: linear-gradient(135deg, var(--rvl-violet) 0%, var(--rvl-rose) 100%);
    --grad-bleu-rose: linear-gradient(135deg, var(--rvl-bleu) 0%, var(--rvl-rose) 100%);
    --grad-bleu-violet: linear-gradient(180deg, var(--rvl-bleu) 0%, var(--rvl-violet) 100%);
    --grad-lime: linear-gradient(180deg, var(--rvl-lime) 0%, var(--rvl-lime-soft) 100%);


    --font-display: "Tektur", "Exo 2", system-ui, sans-serif;
    --font-body: "Onest", ui-sans-serif, system-ui, sans-serif;
    --font-hand: "Salted", "Caveat", cursive;


    --t-hero: clamp(48px, 6vw, 100px);
    --t-display: clamp(40px, 4vw, 55px);
    --t-h1: 40px;
    --t-h2: 32px;
    --t-h3: 24px;
    --t-h4: 22px;
    --t-body-lg: 20px;
    --t-body: 16px;
    --t-body-sm: 15px;
    --t-cap: 14px;
    --t-micro: 12px;

    --lh-tight: 1.15;
    --lh-snug: 1.25;
    --lh-body: 1.55;
    --lh-relaxed: 1.7;

    --tracking-display: 0.02em;
    --tracking-tiny: 0.05em;


    --r-xs: 3px;
    --r-sm: 6px;
    --r-md: 10px;
    --r-lg: 22px;
    --r-xl: 27px;
    --r-pill: 999px;


    --shadow-xs: 2px 2px 10px 0 rgba(8, 24, 175, 0.15);
    --shadow-sm: 5px 6px 30px 0 rgba(8, 24, 175, 0.20);
    --shadow-md: 0 24px 60px -20px rgba(8, 24, 175, 0.30);


    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;
    --sp-20: 80px;
    --sp-24: 96px;
    --sp-32: 128px;


    --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast: 160ms;
    --dur: 240ms;
    --dur-slow: 420ms;
}

#facturation .rvl-hero {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--t-hero);
    line-height: 1.05;
    letter-spacing: var(--tracking-display);
    color: var(--rvl-bleu);
}

#facturation .rvl-hero--upper {
    text-transform: uppercase;
}

#facturation .rvl-emph {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: var(--tracking-display);
    text-transform: uppercase;
    color: var(--rvl-bleu);
}

#facturation .rvl-emph--rose {
    color: var(--rvl-rose);
}

#facturation .rvl-emph--lime {
    color: var(--rvl-lime);
}

#facturation .rvl-display {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--t-display);
    line-height: var(--lh-snug);
    letter-spacing: var(--tracking-display);
}

#facturation .rvl-eyebrow {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--t-h4);
    letter-spacing: var(--tracking-display);
    color: var(--rvl-bleu);
}

#facturation .rvl-hand {
    font-family: var(--font-hand);
    font-weight: 400;
    font-size: 38px;
    color: var(--rvl-rose);
}

#facturation .rvl-caps {
    text-transform: uppercase;
    letter-spacing: var(--tracking-tiny);
}

#facturation .rvl-chip-gradient {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 27px;
    padding: 0 12px;
    border-radius: var(--r-pill);
    background: var(--grad-pink-violet);
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    font-family: var(--font-body);
}

:root {

    --color-blue: #0818af;
    --color-blue-deep: #04082d;
    --color-blue-2: #1527d0;
    --color-pink: #fb0065;
    --color-violet: #9f80ff;
    --color-violet-2: #5426de;
    --color-green: #b9ff66;
    --color-white: #ffffff;
    --color-off-white: #fafafa;
    --color-grey: #ececec;
    --color-grey-100: #e6ecff;
    --color-grey-text: #5b6079;


    --font-tektur: "Tektur", "Exo 2", system-ui, sans-serif;
    --font-onest: "Onest", ui-sans-serif, system-ui, sans-serif;
    --font-salted: "Salted", "Caveat", cursive;


    --fs-xxxlarge: clamp(40px, 5.4vw, 76px);
    --fs-xxlarge: clamp(34px, 4vw, 54px);
    --fs-xlarge: clamp(28px, 3vw, 40px);
    --fs-semi-large: clamp(24px, 2.4vw, 32px);
    --fs-large: clamp(20px, 1.8vw, 24px);
    --fs-medium: clamp(16px, 1.2vw, 20px);
    --fs-small: 16px;
    --fs-xsmall: 14px;
    --fs-xxsmall: 13px;

    --gradient-purple-pink: linear-gradient(82deg, #9f80ff 10.62%, #fb0065 96.51%);
    --gradient-blue-violet: linear-gradient(180deg, #0818af 0%, #5426de 100%);
    --gradient-corp: linear-gradient(135deg, #0818af 0%, #5426de 52%, #fb0065 100%);

    --revo-shadow-card: 5px 6px 30px 0 rgba(8, 24, 175, 0.20);
    --revo-shadow-soft: 2px 2px 14px 0 rgba(8, 24, 175, 0.14);
    --revo-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

#facturation .l1440 {
    max-width: 1440px;
    margin: 0 auto;
}

#facturation .l1200 {
    max-width: 1200px;
    margin: 0 auto;
}

#facturation .l1100 {
    max-width: 1100px;
    margin: 0 auto;
}

#facturation .container-revo {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 clamp(20px, 5vw, 64px);
}

#facturation .section-revo {
    position: relative;
    padding: clamp(72px, 9vw, 128px) 0;
}

#facturation .rvl-emph, #facturation .section-revo em.up {
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.01em;
    color: var(--color-pink);
}

#facturation .eyebrow, #facturation .title2 {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 18px;
    font-family: var(--font-tektur);
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-blue);
}

#facturation .eyebrow__arrow, #facturation .title2__arrow {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    object-fit: contain;
    display: block;
}

#facturation .eyebrow.on-dark, #facturation .title2.on-dark {
    color: #fff;
}

#facturation .wrapper-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#facturation .tag {
    display: inline-flex;
    align-items: center;
    padding: 7px 16px;
    border-radius: 999px;
    font-family: var(--font-onest);
    font-weight: 600;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.4px;
    white-space: nowrap;
}

#facturation .tag--ghost {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

#facturation .cut-top {
    position: relative;
}

#facturation .cut-top::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
    height: clamp(42px, 5.5vw, 96px);
    transform: translateY(-100%);
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    pointer-events: none;
    z-index: 1;
}

#facturation .cut-top--deep::before {
    background: var(--color-blue-deep);
}

#facturation .cut-top--light::before {
    background: var(--color-grey-100);
}

#facturation .cut-top--violet::before {
    background: var(--color-violet-2);
}

#facturation .cut-top--white::before {
    background: var(--color-white);
}

@media (max-width: 768px) {
    body #facturation .stats {
        padding-top: 150px;
    }
    #facturation #bloc-2-trust {
        padding-bottom: 0;
    }
    #facturation .gap {
        display: none;
    }
    #facturation .tier__badge,
    #facturation .tier--feature .tier__badge {
        display: none;
    }
    #facturation .contact__title .icon {
        display: none;
    }
}

#facturation .triangle {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    transform: rotate(45deg);
    pointer-events: none;
}

#facturation .triangle-blue {
    background: var(--color-blue);
}

#facturation .triangle-white {
    background: #fff;
}

#facturation .triangle-green {
    background: var(--color-green);
}

#facturation .triangle-pink {
    background: var(--color-pink);
}

#facturation .on-dark, #facturation .on-dark h1, #facturation .on-dark h2, #facturation .on-dark h3, #facturation .on-dark h4 {
    color: #fff;
}

#facturation .list-tab-nested {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#facturation .nested-table-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    border: 2px solid var(--color-blue);
    background: transparent;
    color: var(--color-blue);
    font-family: var(--font-onest);
    font-weight: 600;
    font-size: var(--fs-small);
    text-align: left;
    cursor: pointer;
    transition: 0.2s var(--revo-ease);
}

#facturation .nested-table-btn .chev {
    display: inline-flex;
    color: var(--color-green);
    transition: transform 0.2s var(--revo-ease);
}

#facturation .nested-table-btn:hover {
    color: var(--color-pink);
    border-color: var(--color-pink);
}

#facturation .nested-table-btn.active, #facturation .nested-table-btn[aria-selected="true"] {
    border-color: transparent;
    background: var(--gradient-purple-pink);
    color: #fff;
}

#facturation .nested-table-btn.active .chev, #facturation .nested-table-btn[aria-selected="true"] .chev {
    color: #fff;
    transform: rotate(90deg);
}

#facturation .nested-table-btn:focus-visible {
    outline: 2px solid var(--color-pink);
    outline-offset: 2px;
}

#facturation .on-dark .nested-table-btn {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

#facturation .on-dark .nested-table-btn:hover {
    border-color: #fff;
    color: var(--color-green);
}

#facturation .on-dark .nested-table-btn.active, #facturation .on-dark .nested-table-btn[aria-selected="true"] {
    border-color: transparent;
    background: var(--color-green);
    color: var(--color-blue);
}

#facturation .on-dark .nested-table-btn.active .chev, #facturation .on-dark .nested-table-btn[aria-selected="true"] .chev {
    color: var(--color-blue);
}

#facturation .revo-stamp {
    position: absolute;
    pointer-events: none;
    opacity: 0.10;
    width: clamp(180px, 22vw, 340px);
    z-index: 0;
}

#facturation .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

:root {
    --rvl-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}

#facturation .page {
    width: 100%;
    overflow: hidden;
}

#facturation .change__lead, #facturation .cases__lead, #facturation .why__lead, #facturation .contact__sub, #facturation .excel__text, #facturation .stats__lead, #facturation .pricing__lead, #facturation .pricing__header .pricing__lead, #facturation .hero__subtitle, #facturation .tier__sub, #facturation .tier__note, #facturation .rupt__body, #facturation .gap__caption, #facturation .closer__sub, #facturation .case__desc, #facturation .diag__hint, #facturation .team__sign, #facturation .trust__line {
    text-wrap: normal;
}

#facturation .excel__text a {
    white-space: nowrap;
}

#facturation .ticker {
    background: var(--color-blue-deep);
    color: var(--color-green);
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 11px 24px;
    text-align: center;
}

#facturation .ticker strong {
    color: #fff;
}

#facturation .nav {
    position: sticky;
    top: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 16px clamp(20px, 5vw, 64px);
    background: #fff;
    box-shadow: 0 2px 18px -8px rgba(8, 24, 175, 0.22);
}

#facturation .nav__logo img {
    height: 38px;
    display: block;
}

#facturation .nav__links {
    display: flex;
    gap: 22px;
    margin-left: auto;
    font-family: var(--font-tektur);
    font-weight: 600;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    align-items: center;
}

#facturation .nav__links a {
    color: var(--color-blue);
    cursor: pointer;
    transition: color var(--dur) var(--revo-ease);
}

#facturation .nav__links a:hover, #facturation .nav__links a.on {
    color: var(--color-pink);
}

#facturation .nav__links a.on {
    position: relative;
}

#facturation .nav__links a.on::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 3px;
    background: var(--color-green);
    border-radius: 2px;
}

@media (max-width: 1080px) {
    #facturation .nav__links {
        display: none;
    }
}

#facturation .hero {
    position: relative;
    background: linear-gradient(90deg, rgba(5, 12, 108, 0.80) 0%, rgba(8, 20, 150, 0.30) 50%, rgba(8, 24, 175, 0) 82%),
    radial-gradient(120% 95% at 10% 100%, rgba(159, 128, 255, 0.50) 0%, transparent 50%),
    radial-gradient(120% 100% at 92% 4%, rgba(159, 128, 255, 0.40) 0%, transparent 55%),
    radial-gradient(130% 130% at 52% 38%, #1623c4 0%, #0c1798 52%, #060f7e 100%);
    color: #fff;
    padding: clamp(48px, 6vw, 84px) 0 clamp(64px, 8vw, 110px);
    overflow: hidden;
}

#facturation .hero__stamp {
    top: -40px;
    right: -50px;
    opacity: 0.08;
}

#facturation .hero__inner {
    position: relative;
    z-index: 2;
}

#facturation .hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: start;
}

@media (max-width: 980px) {
    #facturation .hero__grid {
        grid-template-columns: 1fr;
    }
}

#facturation .hero__kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-green);
    margin-bottom: 18px;
}

#facturation .hero__kicker::before {
    content: "";
    width: 9px;
    height: 9px;
    background: var(--color-green);
    transform: rotate(45deg);
    border-radius: 2px;
}

#facturation .hero__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxxlarge);
    line-height: 1.04;
    color: #fff;
    margin: 0 0 22px;
    text-wrap: balance;
}

#facturation .hero__title em {
    font-style: normal;
    color: var(--color-green);
    text-transform: uppercase;
}

#facturation .hero__subtitle {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.88);
    max-width: 620px;
    margin: 0 0 26px;
}

#facturation .hero__subtitle strong {
    color: #fff;
    font-weight: 700;
}

#facturation .hero__tags {
    margin-bottom: 30px;
}

#facturation .countdown {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 22px;
    padding: 14px 22px;
    margin-bottom: 26px;
    background: rgba(4, 8, 45, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
}

#facturation .countdown__label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.82);
}

#facturation .countdown__pulse {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--color-green);
    box-shadow: 0 0 0 0 rgba(185, 255, 102, 0.6);
    animation: cd-pulse 1.8s infinite;
}

@keyframes cd-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(185, 255, 102, 0.55);
    }
    70% {
        box-shadow: 0 0 0 9px rgba(185, 255, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(185, 255, 102, 0);
    }
}

#facturation .countdown__segments {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
}

#facturation .countdown__seg {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
}

#facturation .countdown__seg-num {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    color: #fff;
}

#facturation .countdown__seg-lbl {
    font-family: var(--font-onest);
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 4px;
}

#facturation .countdown__sep {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 26px;
    color: var(--color-green);
    line-height: 1.1;
}

#facturation .countdown__seg-num.is-tick {
    animation: cd-flip 0.4s var(--revo-ease);
}

@keyframes cd-flip {
    0% {
        opacity: 0.35;
        transform: translateY(-3px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

#facturation .countdown__deadline {
    font-family: var(--font-onest);
    font-size: var(--fs-xxsmall);
    color: rgba(255, 255, 255, 0.7);
    display: inline-flex;
    flex-direction: column;
    line-height: 1.2;
}

#facturation .countdown__deadline strong {
    font-family: var(--font-tektur);
    font-weight: 700;
    color: var(--color-green);
    font-size: var(--fs-small);
}

#facturation .diag {
    background: #fff;
    color: var(--color-blue-deep);
    border-radius: 14px;
    box-shadow: var(--revo-shadow-card);
    padding: 30px;
}

#facturation .diag__head {
    margin-bottom: 18px;
}

#facturation .diag__label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-pink);
    margin-bottom: 12px;
}

#facturation .diag__label-num {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: var(--color-pink);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

#facturation .diag__q {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-large);
    color: var(--color-blue);
    margin: 0 0 10px;
    line-height: 1.18;
}

#facturation .diag__hint {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: var(--color-grey-text);
}

#facturation .diag__hint strong {
    color: var(--color-blue);
}

#facturation .diag__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 16px;
}

@media (max-width: 480px) {
    #facturation .diag__grid {
        grid-template-columns: 1fr;
    }
}

#facturation .tool {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
    padding: 13px 14px;
    border: 1.5px solid var(--color-grey-100);
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: 0.18s var(--revo-ease);
}

#facturation .tool:hover {
    border-color: var(--color-blue);
    transform: translateY(-1px);
}

#facturation .tool.is-selected {
    border-color: var(--color-green);
    background: rgba(185, 255, 102, 0.07);
    box-shadow: var(--revo-shadow-soft);
}

#facturation .tool__mark {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 18px;
    color: var(--color-blue);
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: var(--color-grey-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

#facturation .tool.is-selected .tool__mark {
    background: var(--color-green);
}

#facturation .tool__name {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-small);
    color: var(--color-blue);
}

#facturation .tool__kind {
    font-family: var(--font-onest);
    font-size: 12px;
    color: var(--color-grey-text);
}

#facturation .diag__form {
    display: none;
    flex-direction: column;
    gap: 10px;
}

#facturation .diag__form.is-open {
    display: flex;
}

#facturation .diag__input {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    padding: 13px 15px;
    border: 1.5px solid var(--color-grey-100);
    border-radius: 10px;
    color: var(--color-blue-deep);
}

#facturation .diag__input:focus {
    outline: none;
    border-color: var(--color-blue);
}

#facturation .diag__input--other {
    display: none;
}

#facturation .diag__form.show-other .diag__input--other {
    display: block;
}

#facturation .diag__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 16px;
    padding: 15px 22px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    background: var(--color-green);
    color: var(--color-blue);
    transition: 0.2s var(--revo-ease);
}

#facturation .diag__submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px -8px rgba(185, 255, 102, 0.6);
}

#facturation .diag__success {
    display: none;
    padding: 18px;
    border-radius: 10px;
    background: rgba(185, 255, 102, 0.09);
    border: 1.5px solid var(--color-green);
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    color: var(--color-blue-deep);
    line-height: 1.5;
}

#facturation .diag__success.is-open {
    display: block;
}

#facturation .diag__success strong {
    color: var(--color-blue);
}

#facturation .diag__success em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-pink);
}

#facturation .hero__direct {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin-top: 26px;
    font-family: var(--font-onest);
    font-size: var(--fs-small);
}

#facturation .hero__direct-text {
    color: rgba(255, 255, 255, 0.85);
}

#facturation .hero__rdv {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.04em;
    color: var(--color-green);
}

#facturation .hero__rdv:hover {
    color: #fff;
}

#facturation .hero__direct-note {
    color: rgba(255, 255, 255, 0.55);
    font-size: var(--fs-xxsmall);
}

#facturation .hero__below {
    margin-top: 14px;
}

#facturation .hero__below-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
}

#facturation .hero__below-link:hover {
    color: #fff;
}

#facturation .trust {
    position: relative;
    background: #fff;
    padding: clamp(44px, 5vw, 64px) 0 clamp(40px, 5vw, 56px);
}

#facturation .trust__line {
    text-align: center;
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    color: var(--color-grey-text);
    margin: 0 0 28px;
}

#facturation .trust__line strong {
    color: var(--color-blue);
}

#facturation .trust__logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 4vw, 54px);
}

#facturation .trust__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-height: 56px;
    justify-content: center;
}

#facturation .trust__logo image-slot {
    width: 150px;
    height: 52px;
}

#facturation .trust__name {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-medium);
    color: var(--color-blue);
    letter-spacing: 0.02em;
}

#facturation .trust__sub {
    font-family: var(--font-onest);
    font-size: 12px;
    color: var(--color-grey-text);
}

#facturation .trust__badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 18px;
    border: 1.5px solid var(--color-green);
    border-radius: 10px;
}

#facturation .trust__badge-top {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-small);
    color: var(--color-blue);
}

#facturation .trust__badge-sub {
    font-family: var(--font-onest);
    font-size: 11px;
    color: var(--color-grey-text);
}

#facturation .stats {
    position: relative;
    padding: clamp(64px, 8vw, 108px) 0;
}

#facturation .stats .eyebrow {
    color: white;
}

#facturation .stats .stats__more {
    color: white;
}

#facturation .stats__stamp {
    top: -30px;
    left: -40px;
    opacity: 0.07;
}

#facturation .stats__inner {
    position: relative;
    z-index: 2;
}

#facturation .stats__lead {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xlarge);
    color: white;
    margin: 0 0 40px;
    line-height: 1.15;
    max-width: 880px;
}

#facturation .stats__lead em {
    font-style: normal;
    color: var(--color-pink);
    text-transform: uppercase;
}

#facturation .stats__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

#facturation .stats .stats__row > div{
    border: white 1px solid;
}

@media (max-width: 880px) {
    #facturation .stats__row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    #facturation .stats__row {
        grid-template-columns: 1fr;
    }
}

#facturation .stat {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 26px 24px 24px;
    box-shadow: var(--revo-shadow-soft);
}

#facturation .stat--rvl {
    background: var(--color-blue);
    color: #fff;
}

#facturation .stat__tag {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
}

#facturation .stat__idx {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 12px;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-grey-100);
    color: var(--color-blue);
}

#facturation .stat--rvl .stat__idx {
    background: var(--color-green);
    color: var(--color-blue);
}

#facturation .stat__tag-name {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-grey-text);
}

#facturation .stat--rvl .stat__tag-name {
    color: var(--color-green);
}

#facturation .stat__value {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: clamp(28px, 3vw, 42px);
    color: var(--color-blue);
    line-height: 1;
}

#facturation .stat--rvl .stat__value {
    color: #fff;
}

#facturation .stat__cur, #facturation .stat__unit {
    font-size: 0.5em;
    font-weight: 700;
}

#facturation .stat__bar {
    height: 4px;
    border-radius: 2px;
    margin: 16px 0 14px;
    background: var(--color-grey-100);
    overflow: hidden;
}

#facturation .stat__bar::after {
    content: "";
    display: block;
    height: 100%;
    width: 0;
    background: var(--color-pink);
    transition: width 1s var(--revo-ease);
}

#facturation .stat--rvl .stat__bar {
    background: rgba(255, 255, 255, 0.18);
}

#facturation .stat--rvl .stat__bar::after {
    background: var(--color-green);
}

#facturation .stats.in .stat__bar::after {
    width: 70%;
}

#facturation .stats.in .stat:nth-child(2) .stat__bar::after {
    width: 100%;
}

#facturation .stats.in .stat--rvl:nth-child(3) .stat__bar::after {
    width: 55%;
}

#facturation .stats.in .stat--rvl:nth-child(4) .stat__bar::after {
    width: 40%;
}

#facturation .stat__qual {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    line-height: 1.5;
    color: var(--color-blue-deep);
    margin: 0;
}

#facturation .stat--rvl .stat__qual {
    color: rgba(255, 255, 255, 0.85);
}

#facturation .stats__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.04em;
    color: var(--color-blue);
}

#facturation .stats__more:hover {
    color: var(--color-pink);
}

#facturation .change {
    position: relative;
    background: #fff;
    padding: clamp(64px, 8vw, 120px) 0;
}

#facturation .change__inner {
    position: relative;
    z-index: 2;
}

#facturation .change__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: var(--color-blue);
    margin: 0 0 16px;
    line-height: 1.1;
}

#facturation .change__title em {
    font-style: normal;
    color: var(--color-pink);
    text-transform: uppercase;
}

#facturation .change__lead {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    color: var(--color-blue-deep);
    max-width: 760px;
    margin: 0 0 44px;
    line-height: 1.5;
}

#facturation .ruptures {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 820px) {
    #facturation .ruptures {
        grid-template-columns: 1fr;
    }
}

#facturation .rupt {
    position: relative;
    background: var(--color-grey-100);
    border: 1.5px solid transparent;
    border-radius: 12px;
    padding: 30px 30px 32px;
    transition: transform 0.28s var(--revo-ease), box-shadow 0.28s var(--revo-ease), border-color 0.28s var(--revo-ease);
}

#facturation .rupt:hover {
    transform: translateY(-4px);
    box-shadow: var(--revo-shadow-card);
    border-color: var(--color-blue);
}

#facturation .rupt__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

#facturation .rupt__idx {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 14px;
    color: var(--color-blue);
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#facturation .rupt__label {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-large);
    color: var(--color-blue);
    margin: 0;
    line-height: 1.15;
}

#facturation .rupt__body {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    line-height: 1.5;
    color: var(--color-blue-deep);
    margin: 0 0 18px;
}

#facturation .rupt__evidence {
    margin-top: auto;
}

#facturation .ba {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

#facturation .ba__pill {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    text-transform: uppercase;
    padding: 8px 14px;
    border-radius: 8px;
}

#facturation .ba__pill--was {
    background: #fff;
    color: var(--color-grey-text);
    text-decoration: line-through;
}

#facturation .ba__pill--now {
    background: var(--color-pink);
    color: #fff;
}

#facturation .ba__arrow {
    color: var(--color-blue);
    display: inline-flex;
}

#facturation .flow {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#facturation .flow__node {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 12px;
    border-radius: 8px;
    background: #fff;
    color: var(--color-blue);
    line-height: 1.15;
}

#facturation .flow__node--pa {
    background: var(--color-green);
}

#facturation .flow__arrow {
    color: var(--color-blue);
    display: inline-flex;
}

#facturation .fines {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#facturation .fine {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

#facturation .fine__amt {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-medium);
    color: var(--color-pink);
    white-space: nowrap;
}

#facturation .fine__amt .arrow {
    color: var(--color-blue);
}

#facturation .fine__desc {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: var(--color-blue-deep);
}

#facturation .formats {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#facturation .format {
    display: flex;
    gap: 12px;
    align-items: baseline;
}

#facturation .format__tag {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    text-transform: uppercase;
    background: var(--color-blue);
    color: #fff;
    padding: 6px 12px;
    border-radius: 7px;
    white-space: nowrap;
    min-width: 86px;
    text-align: center;
}

#facturation .format__desc {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    line-height: 1.45;
    color: var(--color-blue-deep);
}

#facturation .change__bridge {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 44px;
    padding-top: 32px;
    border-top: 1px solid var(--color-grey);
}

#facturation .change__bridge-text {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-large);
    color: var(--color-blue);
    margin: 0;
}

#facturation .change__bridge-text em {
    font-style: normal;
    color: var(--color-pink);
    text-transform: uppercase;
}

#facturation .change__bridge-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fs-xxsmall);
    color: var(--color-blue);
}

#facturation .change__bridge-link:hover {
    color: var(--color-pink);
}

#facturation .cases {
    position: relative;
    background: var(--color-blue);
    color: #fff;
    padding: clamp(72px, 9vw, 128px) 0 clamp(72px, 9vw, 120px);
}

#facturation .cases__stamp {
    top: 20px;
    right: -30px;
    opacity: 0.07;
}

#facturation .cases__inner {
    position: relative;
    z-index: 2;
}

#facturation .cases__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: #fff;
    margin: 0 0 16px;
    line-height: 1.1;
}

#facturation .cases__title em {
    font-style: normal;
    color: var(--color-green);
    text-transform: uppercase;
}

#facturation .cases__lead {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    color: rgba(255, 255, 255, 0.86);
    max-width: 760px;
    margin: 0 0 36px;
    line-height: 1.5;
}

#facturation .selector {
    margin-bottom: 30px;
}

#facturation .situation {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 22px;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    color: #fff;
    cursor: pointer;
    text-align: left;
    font-family: var(--font-onest);
    transition: 0.2s var(--revo-ease);
}

#facturation .situation__num {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxsmall);
    color: var(--color-green);
}

#facturation .situation__name {
    font-family: var(--font-onest);
    font-weight: 600;
    font-size: var(--fs-small);
}

#facturation .situation__go {
    margin-left: auto;
    color: var(--color-green);
    display: inline-flex;
}

#facturation .situation:hover {
    border-color: #fff;
}

#facturation .situation.is-active {
    border-color: transparent;
    background: var(--color-green);
    color: var(--color-blue);
}

#facturation .situation.is-active .situation__num, #facturation .situation.is-active .situation__go {
    color: var(--color-blue);
}

#facturation .situation:focus-visible {
    outline: 2px solid var(--color-green);
    outline-offset: 2px;
}

#facturation .panels {
    position: relative;
}

#facturation .case {
    display: none;
}

#facturation .case.is-active {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 32px;
    animation: case-in 0.4s var(--revo-ease);
}

@keyframes case-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 860px) {
    #facturation .case.is-active {
        grid-template-columns: minmax(0, 1fr);
    }
}

#facturation .case__main {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 34px;
}

#facturation .case__tag {
    display: inline-block;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    text-transform: uppercase;
    color: var(--color-green);
    margin-bottom: 14px;
}

#facturation .case__title {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-large);
    color: #fff;
    margin: 0 0 14px;
    line-height: 1.2;
}

#facturation .case__desc {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

#facturation .case__aside {
    background: #fff;
    border-radius: 14px;
    padding: 30px;
    box-shadow: var(--revo-shadow-card);
}

#facturation .proof {
    margin: 0 0 20px;
}

#facturation .proof__row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-grey);
}

#facturation .proof__row:last-child {
    border-bottom: 0;
}

#facturation .proof dt {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: var(--color-grey-text);
}

#facturation .proof dd {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-small);
    color: var(--color-blue);
    margin: 0;
    text-align: right;
}

#facturation .case__partners {
    margin-bottom: 22px;
}

#facturation .case__partners-label {
    display: block;
    font-family: var(--font-onest);
    font-size: 12px;
    color: var(--color-grey-text);
    margin-bottom: 10px;
}

#facturation .logos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#facturation .logo {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    padding: 7px 14px;
    border-radius: 7px;
    background: var(--color-grey-100);
    color: var(--color-blue);
}

#facturation .case__cta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#facturation .case__note, #facturation .pricing__note, #facturation .hero__direct-note {
    font-family: var(--font-onest);
}

#facturation .case__note {
    font-size: 12px;
    color: var(--color-grey-text);
}

#facturation .why {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: clamp(150px, 20vw, 280px) 0 clamp(72px, 9vw, 128px);
}

#facturation .why__stamp {
    bottom: -20px;
    right: -40px;
    opacity: 0.08;
}

#facturation .why__inner {
    position: relative;
    z-index: 2;
}

#facturation .why__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: #fff;
    margin: 0 0 16px;
    line-height: 1.1;
}

#facturation .why__lead {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    color: rgba(255, 255, 255, 0.86);
    max-width: 780px;
    margin: 0 0 36px;
    line-height: 1.5;
}

#facturation .why__lead em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-green);
}

#facturation .gap {
    position: relative;
    margin: 0 0 50px;
    padding: 30px;
    border-radius: 14px;
    background: var(--color-blue);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

#facturation .gap__hand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-green);
    margin-bottom: 16px;
}

#facturation .gap__hand::before {
    content: "";
    width: 9px;
    height: 9px;
    background: var(--color-green);
    transform: rotate(45deg);
    border-radius: 2px;
}

#facturation .gap__flow {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
}

#facturation .gap__node {
    flex: 1 1 130px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 14px;
    text-align: center;
}

#facturation .gap__node strong {
    display: block;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xsmall);
    text-transform: uppercase;
    color: #fff;
}

#facturation .gap__node span {
    font-family: var(--font-onest);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}

#facturation .gap__seg {
    flex: 1 1 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

#facturation .gap__chip {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xsmall);
    text-transform: uppercase;
    background: var(--color-green);
    color: var(--color-blue);
    padding: 6px 14px;
    border-radius: 999px;
}

#facturation .gap__rail {
    width: 100%;
    height: 3px;
    border-radius: 2px;
}

#facturation .gap__seg--missing .gap__rail {
    background: repeating-linear-gradient(to right, var(--color-green) 0 7px, transparent 7px 12px);
}

#facturation .gap__seg--solid .gap__rail {
    background: rgba(255, 255, 255, 0.5);
}

#facturation .gap__cap {
    font-family: var(--font-onest);
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#facturation .gap__caption {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.82);
    margin: 18px 0 0;
}

#facturation .gap__caption em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-green);
}

@media (max-width: 900px) {
    #facturation .why__cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    #facturation .why__cards {
        grid-template-columns: 1fr;
    }
}

#facturation .why__bridge {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 28px;
    margin-top: 40px;
    align-items: center;
}

#facturation .why__bridge-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fs-xxsmall);
    color: var(--color-green);
}

#facturation .why__bridge-link:hover {
    color: #fff;
}

#facturation .why__bridge-link--ghost {
    color: rgba(255, 255, 255, 0.7);
}

#facturation .pricing {
    position: relative;
    background: #fff;
    padding: clamp(64px, 8vw, 120px) 0;
}

#facturation .pricing__inner {
    position: relative;
    z-index: 2;
}

#facturation .pricing__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: var(--color-blue);
    margin: 0 0 14px;
}

#facturation .pricing__lead {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    color: var(--color-blue-deep);
    max-width: 720px;
    margin: 0 0 40px;
    line-height: 1.5;
}

#facturation .pricing__lead em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-pink);
}

#facturation .pricing__stamp {
    top: -36px;
    right: -30px;
    width: 220px;
    opacity: 0.06;
}

#facturation .pricing__header {
    max-width: 760px;
    margin: 0 0 44px;
}

#facturation .pricing__title em {
    display: inline;
}

#facturation .tiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: end;
    margin: 0 0 26px;
}

@media (max-width: 920px) {
    #facturation .tiers {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

#facturation .tier {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1.5px solid var(--color-grey-100);
    border-radius: 18px;
    padding: 30px 28px 26px;
    transition: transform 0.28s var(--revo-ease), box-shadow 0.28s var(--revo-ease), border-color 0.28s var(--revo-ease);
}

#facturation .tier:hover {
    transform: translateY(-4px);
    box-shadow: var(--revo-shadow-card);
    border-color: var(--color-blue);
}

#facturation .tier--feature {
    background: var(--gradient-corp);
    color: #fff;
    border: none;
    box-shadow: 0 22px 50px -18px rgba(8, 24, 175, 0.55);
    padding-top: 40px;
}

#facturation .tier__badge {
    display: none;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    color: var(--color-blue);
    background: var(--color-green);
    padding: 8px 18px;
    border-radius: 999px;
    box-shadow: 0 8px 18px -6px rgba(185, 255, 102, 0.7);
}

#facturation .tier--feature .tier__badge {
    display: block;
}

@media (max-width: 768px) {
    #facturation .tier--feature .tier__badge,
    #facturation .appshow__media {
        display: none;
    }
}

#facturation .tier__idx {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--color-pink);
}

#facturation .tier--feature .tier__idx {
    color: var(--color-green);
}

#facturation .tier__name {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xlarge);
    color: var(--color-blue);
    margin: 6px 0 8px;
    line-height: 1.05;
}

#facturation .tier--feature .tier__name {
    color: #fff;
}

#facturation .tier__sub {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    line-height: 1.5;
    color: var(--color-grey-text);
    margin: 0;
}

#facturation .tier--feature .tier__sub {
    color: rgba(255, 255, 255, 0.8);
}

#facturation .tier__sub b {
    color: var(--color-blue);
    font-weight: 700;
}

#facturation .tier--feature .tier__sub b {
    color: var(--color-green);
}

#facturation .tier__feats {
    list-style: none;
    margin: 20px 0 22px;
    padding: 22px 0 0;
    border-top: 1px solid var(--color-grey-100);
    display: flex;
    flex-direction: column;
    gap: 11px;
}

#facturation .tier--feature .tier__feats {
    border-top-color: rgba(255, 255, 255, 0.18);
}

#facturation .tier__feats li {
    position: relative;
    padding-left: 26px;
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    line-height: 1.45;
    color: var(--color-blue-deep);
}

#facturation .tier--feature .tier__feats li {
    color: rgba(255, 255, 255, 0.92);
}

#facturation .tier__feats li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 5px;
    background: var(--color-green);
    -webkit-mask: var(--rvl-check) center / 11px no-repeat;
    mask: var(--rvl-check) center / 11px no-repeat;
    background-color: var(--color-pink);
}

#facturation .tier--feature .tier__feats li::before {
    background-color: var(--color-green);
}

#facturation .tier__feats li b {
    color: var(--color-blue);
}

#facturation .tier--feature .tier__feats li b {
    color: var(--color-green);
}

#facturation .tier__foot {
    margin-top: auto;
    display: flex;
    flex-direction: column;
}

#facturation .tier__kind {
    font-family: var(--font-onest);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--color-grey-text);
    margin-bottom: 4px;
}

#facturation .tier--feature .tier__kind {
    color: rgba(255, 255, 255, 0.7);
}

#facturation .tier__price {
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-family: var(--font-tektur);
    font-weight: 800;
    color: var(--color-blue);
    line-height: 1;
}

#facturation .tier--feature .tier__price {
    color: #fff;
}

#facturation .tier__num {
    font-size: clamp(36px, 4.4vw, 48px);
    white-space: nowrap;
}

#facturation .tier__price--text {
    font-size: clamp(26px, 3vw, 34px);
}

#facturation .tier__pre {
    font-family: var(--font-onest);
    font-weight: 600;
    font-size: 16px;
    color: var(--color-grey-text);
}

#facturation .tier--feature .tier__pre {
    color: rgba(255, 255, 255, 0.8);
}

#facturation .tier__unit {
    font-family: var(--font-onest);
    font-weight: 600;
    font-size: 14px;
    color: var(--color-grey-text);
}

#facturation .tier--feature .tier__unit {
    color: rgba(255, 255, 255, 0.8);
}

#facturation .tier__usage {
    font-family: var(--font-onest);
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-grey-text);
    margin: 8px 0 18px;
}

#facturation .tier--feature .tier__usage {
    color: rgba(255, 255, 255, 0.85);
}

#facturation .tier__usage b {
    color: var(--color-pink);
}

#facturation .tier__note {
    font-family: var(--font-onest);
    font-size: 11.5px;
    line-height: 1.45;
    color: var(--color-grey-text);
    margin: -8px 0 16px;
}

#facturation .tier__note em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-pink);
}

#facturation .tier--feature .tier__note {
    color: rgba(255, 255, 255, 0.82);
}

#facturation .tier--feature .tier__note em {
    color: var(--color-green);
}

#facturation .tier__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 13px;
    color: var(--color-blue);
    border-bottom: 2px solid var(--color-green);
    padding-bottom: 3px;
    transition: gap 0.2s var(--revo-ease), color 0.2s var(--revo-ease), transform 0.2s var(--revo-ease), box-shadow 0.2s var(--revo-ease);
}

#facturation .tier__cta:hover {
    color: var(--color-pink);
    gap: 12px;
}

#facturation .tier--feature .tier__cta {
    align-self: stretch;
    justify-content: center;
    border-bottom: none;
    padding: 15px 22px;
    font-size: var(--fs-xsmall);
    background: var(--color-green);
    color: var(--color-blue);
    border-radius: 10px;
    box-shadow: 0 8px 22px -8px rgba(185, 255, 102, 0.55);
}

#facturation .tier--feature .tier__cta:hover {
    color: var(--color-blue);
    gap: 8px;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -8px rgba(185, 255, 102, 0.7);
}

#facturation .tier--feature .tier__cta svg {
    stroke: var(--color-blue);
}

@media (max-width: 640px) {
    #facturation .tier__cta {
        align-self: stretch;
        justify-content: center;
    }
}

#facturation .included {
    background: rgba(185, 255, 102, 0.06);
    border: 1.5px solid var(--color-green);
    border-radius: 12px;
    padding: 24px 30px;
    margin-bottom: 18px;
}

#facturation .included__title {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-medium);
    text-transform: uppercase;
    color: var(--color-blue);
    margin: 0 0 14px;
}

#facturation .included__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}

@media (max-width: 600px) {
    #facturation .included__list {
        grid-template-columns: 1fr;
    }
}

#facturation .included__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: var(--color-blue-deep);
}

#facturation .included__item b {
    color: var(--color-blue);
}

#facturation .included__mark {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: var(--color-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#facturation .included__mark svg {
    stroke: var(--color-blue);
}

#facturation .excel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 22px 28px;
    border: 1px dashed var(--color-grey-text);
    border-radius: 12px;
    margin-bottom: 28px;
}

#facturation .excel__text {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    line-height: 1.55;
    color: var(--color-blue-deep);
    margin: 0;
    max-width: 640px;
}

#facturation .excel__text strong {
    color: var(--color-blue);
}

#facturation .excel__text a {
    color: var(--color-pink);
    text-decoration: underline;
}

#facturation .excel__price {
    text-align: right;
}

#facturation .excel__price .z {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 30px;
    color: var(--color-blue);
}

#facturation .excel__price .lbl {
    display: block;
    font-family: var(--font-onest);
    font-size: 12px;
    color: var(--color-grey-text);
}

#facturation .excel__price .lbl b {
    color: var(--color-pink);
}

#facturation .pricing__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

#facturation .pricing__note {
    font-size: 12px;
    color: var(--color-grey-text);
}

#facturation .casestudy {
    position: relative;
    background: var(--color-grey-100);
    padding: clamp(64px, 8vw, 110px) 0;
}

#facturation .casestudy__inner {
    position: relative;
    z-index: 2;
}

#facturation .casestudy__card {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 36px;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--revo-shadow-card);
    padding: clamp(28px, 4vw, 48px);
}

@media (max-width: 820px) {
    #facturation .casestudy__card {
        grid-template-columns: 1fr;
    }
}

#facturation .casestudy__quote {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xlarge);
    color: var(--color-blue);
    line-height: 1.2;
    margin: 0 0 18px;
}

#facturation .casestudy__quote em {
    font-style: normal;
    color: var(--color-pink);
    text-transform: uppercase;
}

#facturation .casestudy__body {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    line-height: 1.6;
    color: var(--color-blue-deep);
    margin: 0 0 22px;
}

#facturation .casestudy__attr {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: var(--color-grey-text);
    margin: 0 0 24px;
}

#facturation .casestudy__attr strong {
    color: var(--color-blue);
}

#facturation .casestudy__metrics {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}

#facturation .cs-metric__num {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: clamp(28px, 3vw, 40px);
    color: var(--color-blue);
    line-height: 1;
}

#facturation .cs-metric__lbl {
    font-family: var(--font-onest);
    font-size: 12px;
    color: var(--color-grey-text);
}

#facturation .casestudy__media image-slot {
    width: 100%;
    height: 280px;
    display: block;
}

#facturation .casestudy__cta {
    margin-top: 26px;
}

#facturation .contact {
    position: relative;
    padding: clamp(64px, 8vw, 120px) 0;
}

#facturation .contact__inner {
    position: relative;
    z-index: 2;
}

#facturation .contact__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: var(--color-blue);
    margin: 0 0 12px;
}

#facturation .contact__title em {
    font-style: normal;
    color: var(--color-pink);
    text-transform: uppercase;
}

#facturation .contact__sub {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    color: var(--color-blue-deep);
    max-width: 640px;
    margin: 0 0 40px;
    line-height: 1.5;
}

#facturation .contact__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
    gap: 36px;
    align-items: start;
}

@media (max-width: 860px) {
    #facturation .contact__grid {
        grid-template-columns: 1fr;
    }
}

#facturation .team__photo {
    margin: 0 0 20px;
    border-radius: 14px;
    overflow: hidden;
}

#facturation .team__photo image-slot {
    width: 100%;
    height: 300px;
    display: block;
}

#facturation .team__sign {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    line-height: 1.6;
    color: var(--color-blue-deep);
    margin: 0 0 16px;
}

#facturation .team__sign strong {
    color: var(--color-blue);
}

#facturation .team__alt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: var(--color-grey-text);
}

#facturation .team__alt a {
    color: var(--color-pink);
    font-weight: 600;
}

#facturation .team__alt .sep {
    display: none;
}

#facturation .formwrap {
    position: relative;
    background: #fff;
    border-radius: 16px;
    padding: clamp(26px, 3vw, 40px);
    box-shadow: var(--revo-shadow-card);
}

#facturation .ctx-chip {
    display: inline-block;
    margin-bottom: 16px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-blue);
    background: var(--color-green);
    padding: 6px 14px;
    border-radius: 999px;
}

#facturation .ctx-chip[hidden] {
    display: none;
}

#facturation .field {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 16px;
}

#facturation .field label {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xsmall);
    color: var(--color-blue);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

#facturation .field .req {
    color: var(--color-pink);
}

#facturation .field input, #facturation .field textarea {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    padding: 13px 15px;
    border: 1.5px solid var(--color-grey-100);
    border-radius: 10px;
    background: var(--color-grey-100);
    color: var(--color-blue-deep);
    resize: vertical;
}

#facturation .field input:focus, #facturation .field textarea:focus {
    outline: none;
    border-color: var(--color-blue);
}

#facturation .form__submit {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--fs-medium);
    padding: 17px 24px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    background: var(--color-green);
    color: var(--color-blue);
    transition: 0.2s var(--revo-ease);
}

#facturation .form__submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -8px rgba(185, 255, 102, 0.6);
}

#facturation .form__note {
    font-family: var(--font-onest);
    font-size: 12px;
    color: var(--color-grey-text);
    text-align: center;
    margin: 12px 0 0;
}

#facturation .form__rgpd {
    font-family: var(--font-onest);
    font-size: 11px;
    line-height: 1.5;
    color: var(--color-grey-text);
    margin: 14px 0 0;
}

#facturation .form__rgpd a {
    color: var(--color-pink);
    text-decoration: underline;
}

#facturation .form__success {
    display: none;
    text-align: center;
    padding: 20px 10px;
}

#facturation .form__success.is-open {
    display: block;
}

#facturation .form__success-mark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--color-green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

#facturation .form__success-mark svg {
    stroke: var(--color-blue);
}

#facturation .form__success h3 {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-large);
    color: var(--color-blue);
    margin: 0 0 8px;
}

#facturation .form__success p {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    color: var(--color-blue-deep);
    margin: 0;
}

#facturation .faq {
    position: relative;
    background: #fff;
    padding: clamp(64px, 8vw, 120px) 0;
}

#facturation .faq__inner {
    position: relative;
    z-index: 2;
    max-width: 880px;
}

#facturation .faq__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: var(--color-blue);
    margin: 0 0 32px;
}

#facturation .faq__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#facturation .faq__item {
    border: 1.5px solid var(--color-grey-100);
    border-radius: 12px;
    overflow: hidden;
}

#facturation .faq__item[open] {
    border-color: var(--color-blue);
}

#facturation .faq__q {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-medium);
    color: var(--color-blue);
}

#facturation .faq__q::-webkit-details-marker {
    display: none;
}

#facturation .faq__chev {
    margin-left: auto;
    flex: 0 0 16px;
    color: var(--color-pink);
    transition: transform 0.25s var(--revo-ease);
}

#facturation .faq__item[open] .faq__chev {
    transform: rotate(180deg);
}

#facturation .faq__a {
    padding: 0 26px 24px;
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    line-height: 1.6;
    color: var(--color-blue-deep);
    margin: 0;
}

#facturation .faq__a em {
    font-style: normal;
    font-weight: 700;
    color: var(--color-pink);
}

#facturation .closer {
    position: relative;
    color: #fff;
    padding: clamp(72px, 9vw, 124px) 0;
}

#facturation .closer__stamp {
    top: -30px;
    right: -40px;
    opacity: 0.08;
}

#facturation .closer__inner {
    position: relative;
    z-index: 2;
    text-align: center;
}

#facturation .closer__kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-green);
    margin: 0 0 18px;
}

#facturation .closer__pulse {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--color-green);
    animation: cd-pulse 1.8s infinite;
}

#facturation .closer__title {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: var(--fs-xxlarge);
    color: #fff;
    margin: 0 0 16px;
}

#facturation .closer__title em {
    font-style: normal;
    color: var(--color-green);
    text-transform: uppercase;
}

#facturation .closer__sub {
    font-family: var(--font-onest);
    font-size: var(--fs-large);
    color: rgba(255, 255, 255, 0.86);
    max-width: 620px;
    margin: 0 auto 16px;
    line-height: 1.5;
}

#facturation .closer__deadline {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 6px;
}

#facturation .closer__deadline strong {
    color: var(--color-green);
    font-family: var(--font-tektur);
}

#facturation .closer__crew-line {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 34px;
}

#facturation .closer__crew-line strong {
    color: #fff;
}

#facturation .channels {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
}

@media (min-width: 720px) {
    #facturation .channels {
        grid-template-columns: repeat(3, 1fr);
    }
}

#facturation .chan {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    min-height: 160px;
    transition: 0.2s var(--revo-ease);
}

#facturation .chan:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-3px);
    border-color: var(--color-green);
}

#facturation .chan__top {
    display: flex;
    align-items: center;
    gap: 10px;
}

#facturation .chan__pic {
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: rgba(185, 255, 102, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-green);
}

#facturation .chan__label {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-xxsmall);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.7);
}

#facturation .chan__value {
    font-family: var(--font-tektur);
    font-weight: 700;
    font-size: var(--fs-medium);
    color: #fff;
}

#facturation .chan__cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-onest);
    font-weight: 600;
    font-size: var(--fs-xsmall);
    color: var(--color-green);
    transition: gap 0.2s var(--revo-ease);
}

#facturation .chan:hover .chan__cta {
    gap: 12px;
}

#facturation .reassure {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 30px;
    justify-content: center;
    margin: 36px auto 0;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    max-width: 980px;
}

#facturation .reassure__item {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    color: rgba(255, 255, 255, 0.9);
}

#facturation .reassure__item::before {
    content: "";
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background: var(--color-green);
    transform: rotate(45deg);
}

#facturation .reassure__item strong {
    color: #fff;
    font-weight: 700;
}

#facturation .footer-ph {
    background: var(--color-blue-deep);
    color: #fff;
    text-align: center;
    padding: 48px 24px;
}

#facturation .footer-ph__sym {
    height: 44px;
    margin-bottom: 14px;
}

#facturation .footer-ph__line {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: rgba(255, 255, 255, 0.55);
}

#facturation .sticky-cta {
    position: fixed;
    left: 50%;
    bottom: 22px;
    transform: translate(-50%, 140%);
    z-index: 70;
    display: flex;
    align-items: center;
    gap: 20px;
    width: min(640px, calc(100% - 32px));
    padding: 14px 18px;
    background: var(--color-blue-deep);
    border-radius: 14px;
    box-shadow: 0 18px 50px -12px rgba(4, 8, 45, 0.6);
    transition: transform 0.4s var(--revo-ease);
}

#facturation .sticky-cta.is-visible {
    transform: translate(-50%, 0);
}

#facturation .sticky-cta__copy {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.35;
}

#facturation .sticky-cta__copy strong {
    display: block;
    font-family: var(--font-tektur);
    font-weight: 700;
    color: var(--color-green);
    font-size: var(--fs-xsmall);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

#facturation .sticky-cta__btn {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-family: var(--font-tektur);
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--fs-xxsmall);
    letter-spacing: 0.03em;
    padding: 13px 20px;
    border-radius: 10px;
    background: var(--color-green);
    color: var(--color-blue);
    transition: 0.2s var(--revo-ease);
}

#facturation .sticky-cta__btn:hover {
    color: var(--color-blue);
    transform: translateY(-2px);
}

#facturation .sticky-cta__btn svg {
    stroke: var(--color-blue);
}

@media (max-width: 560px) {
    #facturation .sticky-cta__copy {
        display: none;
    }

    #facturation .sticky-cta {
        width: auto;
    }

    #facturation .sticky-cta__btn {
        margin: 0;
    }
}

@media (prefers-reduced-motion: no-preference) {
    #facturation .js [data-reveal] {
        transition: opacity 0.6s var(--revo-ease), transform 0.6s var(--revo-ease);
        transition-delay: var(--rv-delay, 0ms);
    }

    #facturation .js [data-reveal]:not(.is-in) {
        opacity: 0;
        transform: translateY(24px);
    }

}


#facturation .img-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 14px;
    border: 1px dashed var(--color-grey-200, #c9d1e8);
    border-radius: 8px;
    color: var(--color-grey-text, #5b6079);
    font-size: 12px;
    font-family: var(--font-onest);
}

/* --- Agrandissement bande de confiance (demande client) --- */
#facturation .trust__logos {
    gap: clamp(30px, 5vw, 66px);
}

#facturation .trust__logo {
    min-height: 76px;
    gap: 9px;
}

#facturation .trust__sub {
    font-size: 16px;
}

#facturation .trust__badge {
    padding: 12px 26px;
    border-width: 2px;
}

#facturation .trust__badge-top {
    font-size: 22px;
}

#facturation .trust__badge-sub {
    font-size: 14px;
}

/* Suppression du losange vert devant "Le maillon manquant" (hors charte) */
#facturation .gap__hand::before {
    display: none !important;
}

/* Sous-titres de bloc sur toute la largeur du conteneur (pas de coupe prématurée) */
#facturation .change__lead,
#facturation .cases__lead,
#facturation .why__lead,
#facturation .pricing__lead,
#facturation .contact__sub {
    max-width: none;
}

#facturation .pricing__header {
    max-width: none;
}

/* Réduction de la taille de tous les boutons (page facturation : #facturation + hero header-expertise) */
#facturation .btn-large-revo, .header-expertise .btn-large-revo {
    font-size: 18px;
    line-height: 1.15;
    padding: 14px 30px;
}

#facturation .btn-medium-revo, .header-expertise .btn-medium-revo {
    font-size: 22px;
    line-height: 1.15;
    padding: 12px 28px;
}

#facturation .btn-small-revo, .header-expertise .btn-small-revo {
    font-size: 20px;
    line-height: 1.15;
    padding: 11px 24px;
}

/* Boutons : retirer la bordure par défaut des <button>, padding resserré, largeur = contenu */
#facturation .btn-large-revo, .header-expertise .btn-large-revo {
    padding: 13px 26px;
    border: 0;
}

#facturation .btn-medium-revo, .header-expertise .btn-medium-revo {
    padding: 12px 28px;
    border: 0;
}

#facturation .btn-small-revo, .header-expertise .btn-small-revo {
    padding: 11px 24px;
    border: 0;
}

#facturation .case__cta .btn-medium-revo,
#facturation .tier__foot .btn-small-revo,
#facturation #contact-form .btn-medium-revo,
#fe-form .btn-medium-revo {
    align-self: flex-start;
}

/* 3 CTA principaux à la taille standard du site (30px) */
#facturation .pricing__cta .btn-large-revo,
#facturation .closer__cta .btn-large-revo {
    font-size: 30px;
    line-height: 1.1;
    padding: 20px 40px 15px;
}

#facturation #block-faq .btn-custom-linear-pink {
    font-size: 30px;
    line-height: 1.1;
    padding: 20px 40px 15px;
}

/* Sécurité : un bouton ne déborde jamais son conteneur (il passe à la ligne au lieu de dépasser) */
#facturation .btn-large-revo, #facturation .btn-medium-revo, #facturation .btn-small-revo {
    max-width: 100%;
}

/* Boutons roses : texte BLANC garanti (corrige .tier__cta / .form__submit qui forçaient le bleu) */
#facturation .btn-custom-linear-pink {
    color: #fff !important;
}

/* CTA "tier" en rose : retirer le soulignement vert, et la variante "feature" en rose (et non vert) */
#facturation .tier__cta.btn-custom-linear-pink {
    border-bottom: none;
}

/* Les 3 CTA de tarifs : même taille (18px) et même padding ; largeur adaptée au texte */
#facturation .tier__foot .tier__cta {
    font-size: 18px;
    align-self: flex-start;
    padding: 15px 22px;
}

#facturation .tier--feature .tier__cta.btn-custom-linear-pink {
    background: center/100% 100% no-repeat url(../images/global/bg-btn-linear-gradient-rose.webp);
    box-shadow: 0 8px 22px -8px rgba(251, 0, 101, 0.55);
    font-size: 18px;
}

/* Flèche du CTA "Outil tiers" (feature) en blanc, comme son texte */
#facturation .tier--feature .tier__cta.btn-custom-linear-pink svg {
    stroke: #fff;
}

/* Espace avant le CTA "Obtenir mon devis ferme" (séparation avec le bloc appshow au-dessus) */
#facturation .pricing__cta {
    margin-top: 56px;
}

/* Mobile : les gros CTA repassent à 22px pour limiter le retour à la ligne */
@media (max-width: 700px) {
    #facturation .pricing__cta .btn-large-revo,
    #facturation .closer__cta .btn-large-revo,
    #facturation #block-faq .btn-custom-linear-pink {
        font-size: 22px;
        line-height: 1.15;
        padding: 14px 22px;
    }
}


/* Picto inline dans les titres (signature site) */
#facturation .change__title .icon, #facturation .pricing__title .icon, #facturation .contact__title .icon {
    vertical-align: middle;
    margin: 0 6px 4px;
}


/* ===== Bloc vitrine plateforme (facturation-electronique.app) ===== */
#facturation .appshow {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 40px;
    align-items: center;
    margin: 60px clamp(120px, 15vw, 230px) 52px 0;
    padding: 44px 44px;
    border-radius: 27px;
    background: linear-gradient(135deg, var(--color-blue-deep) 0%, var(--color-blue) 100%);
    box-shadow: 5px 6px 30px rgba(8, 24, 175, 0.28);
    position: relative;
    overflow: visible;
}

#facturation .appshow::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -90px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(159, 128, 255, 0.45), transparent 68%);
    pointer-events: none;
}

#facturation .appshow__copy {
    position: relative;
    z-index: 1;
}

#facturation .appshow__title {
    font-family: var(--font-onest);
    font-weight: 700;
    font-size: var(--fs-xlarge);
    line-height: 1.16;
    color: #fff;
    margin: 0 0 16px;
    max-width: 440px;
    text-wrap: balance;
}

#facturation .appshow__title em {
    font-style: normal;
    font-family: var(--font-tektur);
    font-weight: 800;
    text-transform: uppercase;
    color: var(--color-green);
}

#facturation .appshow__lead {
    font-family: var(--font-onest);
    font-size: var(--fs-small);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 22px;
    max-width: 480px;
}

#facturation .appshow__url {
    color: var(--color-green);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid rgba(185, 255, 102, 0.45);
}

#facturation .appshow__url:hover {
    border-bottom-color: var(--color-green);
}

#facturation .appshow__feats {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    max-width: 430px;
    display: grid;
    gap: 11px;
}

#facturation .appshow__feats li {
    position: relative;
    padding-left: 30px;
    font-size: var(--fs-xsmall);
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.9);
}

#facturation .appshow__feats li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background-color: var(--color-green);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}

#facturation .appshow__foot {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}

#facturation .appshow__price {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

#facturation .appshow__price .z {
    font-family: var(--font-tektur);
    font-weight: 800;
    font-size: 28px;
    color: #fff;
}

#facturation .appshow__price .lbl {
    font-family: var(--font-onest);
    font-size: 13px;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.4;
}

#facturation .appshow__price .lbl b {
    color: var(--color-green);
    font-weight: 700;
}

#facturation .appshow__media {
    position: relative;
    z-index: 1;
}

#facturation .appshow__device {
    display: block;
    width: 211.5%;
    max-width: none;
    height: auto;
    transform: translateX(0);
    filter: drop-shadow(0 48px 76px rgba(4, 8, 45, 0.64));
}

@media (max-width: 900px) {
    #facturation .appshow {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 36px 28px;
        margin: 40px 0;
    }

    #facturation .appshow__lead {
        max-width: none;
    }

    #facturation .appshow__device {
        width: 100%;
        transform: none;
    }
}

/* Schema maillon manquant : logo Revolucy blanc dans le chip (pastille bleue pour la lisibilite) */
#facturation .gap__chip {
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
}

#facturation .gap__chip-logo {
    height: 15px;
    width: auto;
    display: block;
}

/* Bloc vitrine plateforme : reduction de taille (bloc + mockup) */
#facturation .appshow {
    padding: 32px 36px;
    margin-top: 48px;
    margin-bottom: 44px;
}

#facturation .appshow__device {
    width: 185%;
}

@media (max-width: 900px) {
    #facturation .appshow {
        padding: 30px 24px;
    }

    #facturation .appshow__device {
        width: 100%;
    }
}

/* Decaler UNIQUEMENT le texte vers la droite (mockup et colonnes inchanges) */
#facturation .appshow__copy {
    padding-left: clamp(20px, 4vw, 56px);
}

@media (max-width: 900px) {
    #facturation .appshow__copy {
        padding-left: 0;
    }
}

/* Repasse retours : FAQ blanc, pictos contact minuscules, marge closer */
#facturation #block-faq .title2 {
    color: #fff !important;
}

#facturation .team__alt a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#facturation .alt__pic {
    width: 12px;
    height: 12px;
    object-fit: contain;
    flex-shrink: 0;
}

#facturation .closer__cta {
    margin-top: 34px;
}

#facturation form .fe-rgpd,
.header-facturation form .fe-rgpd {
    font-family: var(--font-onest);
    font-size: var(--fs-xsmall);
    font-weight: normal;
    text-transform: unset;
    color: unset;
    letter-spacing: unset;
}
/* =============================================================================
   HERO (ex bloc <style> de page-facturation.html, déplacé 2026-06-11)
   ============================================================================= */

/* ===== HERO — reproduction fidèle de la créa (dark + countdown + diagnostic) ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.fe-hero{position:relative;overflow:hidden;color:#fff;
    background:url('../images/realisation-details/bg-realisation-details.webp') center/cover no-repeat;
    padding:clamp(40px,5vw,72px) 0 clamp(56px,7vw,96px);}
.fe-hero::before{content:"";position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
    background:linear-gradient(135deg,transparent 40%,rgba(159,128,255,.12) 60%,transparent 61%),
               linear-gradient(45deg,transparent 55%,rgba(185,255,102,.06) 75%,transparent 76%);}
.fe-hero__inner{position:relative;z-index:2;width:95%;max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,64px);}
.fe-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(32px,5vw,72px);align-items:start;}
@media (max-width:980px){.fe-hero__grid{grid-template-columns:1fr;}}
.fe-hero__kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Tektur',sans-serif;font-weight:700;
    font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#b9ff66;margin-bottom:18px;}
.fe-hero__kicker::before{content:"";width:9px;height:9px;background:#b9ff66;transform:rotate(45deg);border-radius:2px;}
.fe-hero__title{font-family:'Onest',sans-serif;font-weight:800;font-size:clamp(36px,4.6vw,64px);line-height:1.04;
    color:#fff;margin:0 0 22px;text-wrap:balance;}
.fe-hero__title em{font-style:normal;color:#b9ff66;text-transform:uppercase;}
.fe-hero__subtitle{font-family:'Onest',sans-serif;font-size:clamp(17px,1.5vw,20px);line-height:1.55;
    color:rgba(255,255,255,.88);max-width:620px;margin:0 0 26px;}
.fe-hero__subtitle strong{color:#fff;font-weight:700;}
.fe-hero__tags{margin:0 0 30px;padding:0;}
.fe-countdown{display:inline-flex;align-items:center;flex-wrap:wrap;gap:16px 22px;padding:14px 22px;margin-bottom:26px;
    background:rgba(4,8,45,.42);border:1px solid rgba(255,255,255,.16);border-radius:12px;}
.fe-cd__label{display:inline-flex;align-items:center;gap:9px;font-family:'Tektur',sans-serif;font-weight:700;font-size:13px;
    letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.82);}
.fe-cd__pulse{width:9px;height:9px;border-radius:50%;background:#b9ff66;box-shadow:0 0 0 0 rgba(185,255,102,.6);animation:fecdPulse 1.8s infinite;}
@keyframes fecdPulse{0%{box-shadow:0 0 0 0 rgba(185,255,102,.55);}70%{box-shadow:0 0 0 9px rgba(185,255,102,0);}100%{box-shadow:0 0 0 0 rgba(185,255,102,0);}}
.fe-cd__segments{display:inline-flex;align-items:flex-start;gap:8px;}
.fe-cd__seg{display:inline-flex;flex-direction:column;align-items:center;min-width:44px;}
.fe-cd__num{font-family:'Tektur',sans-serif;font-weight:800;font-size:30px;line-height:1;color:#fff;}
.fe-cd__lbl{font-family:'Onest',sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:4px;}
.fe-cd__sep{font-family:'Tektur',sans-serif;font-weight:800;font-size:26px;color:#b9ff66;line-height:1.1;}
.fe-cd__deadline{font-family:'Onest',sans-serif;font-size:13px;color:rgba(255,255,255,.7);display:inline-flex;flex-direction:column;line-height:1.2;}
.fe-cd__deadline strong{font-family:'Tektur',sans-serif;font-weight:700;color:#b9ff66;font-size:16px;}
.fe-diag{background:#fff;color:#04082d;border-radius:14px;box-shadow:5px 6px 30px 0 rgba(8,24,175,.20);padding:30px;}
.fe-diag__label{display:inline-flex;align-items:center;gap:9px;font-family:'Tektur',sans-serif;font-weight:700;font-size:13px;
    letter-spacing:.05em;text-transform:uppercase;color:#fb0065;margin-bottom:12px;}
.fe-diag__label-num{width:22px;height:22px;border-radius:6px;background:#fb0065;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
.fe-diag__q{font-family:'Tektur',sans-serif;font-weight:700;font-size:clamp(18px,1.6vw,21px);color:#0818af;margin:0 0 10px;line-height:1.18;}
.fe-diag__hint{font-family:'Onest',sans-serif;font-size:14px;color:#5b6079;margin:0 0 16px;}
.fe-diag__hint strong{color:#0818af;}
.fe-diag__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
@media (max-width:480px){.fe-diag__grid{grid-template-columns:1fr;}}
.fe-tool{display:flex;flex-direction:row;align-items:center;gap:13px;text-align:left;padding:14px 15px;border:1.5px solid #e6ecff;
    border-radius:10px;background:#fff;cursor:pointer;transition:.18s cubic-bezier(.2,.7,.2,1);width:100%;font:inherit;}
.fe-tool:hover{border-color:#0818af;transform:translateY(-1px);}
.fe-tool:hover .fe-tool__pick{border-color:#0818af;}
.fe-tool.is-selected{border-color:#b9ff66;background:rgba(185,255,102,.07);box-shadow:2px 2px 14px 0 rgba(8,24,175,.14);}
.fe-tool__pick{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid #c7ccdb;background:#fff;position:relative;transition:.18s cubic-bezier(.2,.7,.2,1);}
.fe-tool.is-selected .fe-tool__pick{border-color:#0818af;background:#0818af;}
.fe-tool.is-selected .fe-tool__pick::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #b9ff66;border-width:0 2.4px 2.4px 0;transform:rotate(45deg);}
.fe-tool__body{display:flex;flex-direction:column;gap:2px;min-width:0;}
.fe-tool__name{font-family:'Tektur',sans-serif;font-weight:700;font-size:16px;color:#0818af;}
.fe-tool__kind{font-family:'Onest',sans-serif;font-size:12px;color:#5b6079;}
.fe-hero__kw{display:block;font-family:'Tektur',sans-serif;font-weight:700;font-size:var(--fs-medium);letter-spacing:.04em;text-transform:uppercase;color:#b9ff66;margin-bottom:8px;}
.fe-form{display:none;flex-direction:column;gap:10px;}
.fe-form.is-open{display:flex;}
.fe-input{font-family:'Onest',sans-serif;font-size:16px;padding:13px 15px;border:1.5px solid #e6ecff;border-radius:10px;color:#04082d;width:100%;}
.fe-input:focus{outline:none;border-color:#0818af;}
.fe-input--other{display:none;}
.fe-form.show-other .fe-input--other{display:block;}
.fe-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Tektur',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:.04em;font-size:16px;padding:15px 22px;border-radius:10px;border:none;cursor:pointer;
    background:#b9ff66;color:#0818af;transition:.2s cubic-bezier(.2,.7,.2,1);}
.fe-submit:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(185,255,102,.6);}
.fe-success{display:none;margin-top:16px;padding:18px;border-radius:10px;background:rgba(185,255,102,.09);
    border:1.5px solid #b9ff66;font-family:'Onest',sans-serif;font-size:16px;color:#04082d;line-height:1.5;}
.fe-success.is-open{display:block;}
.fe-success strong{color:#0818af;}
.fe-success em{font-style:normal;font-weight:700;color:#fb0065;}
.fe-hero__direct{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:26px;font-family:'Onest',sans-serif;font-size:16px;}
.fe-hero__direct-text{color:rgba(255,255,255,.85);}
.fe-hero__rdv{display:inline-flex;align-items:center;gap:7px;font-family:'Tektur',sans-serif;font-weight:700;text-transform:uppercase;
    font-size:13px;letter-spacing:.04em;color:#b9ff66;text-decoration:none;}
.fe-hero__rdv:hover{color:#fff;}
.fe-hero__direct-note{color:rgba(255,255,255,.55);font-size:13px;}
.fe-hero__below{margin-top:14px;}
.fe-hero__below-link{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.7);font-family:'Onest',sans-serif;font-size:14px;text-decoration:none;}
.fe-hero__below-link:hover{color:#fff;}

/* =============================================================================
   Ex styles inline convertis en classes (2026-06-11) — !important = précédence
   des anciens style="".
   ============================================================================= */
.fe-selector-stack { flex-direction: column !important; align-items: stretch !important; }
.fe-team-photo-img { height: 100% !important; object-fit: cover !important; border-radius: inherit !important; }
.fe-form-action { display: flex !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important; }