/* CLOUD BOX — Box v2 presentation-only motion layer. */
body.cloudbox-self-hosted-page {
    --box-motion-ease: cubic-bezier(.22, 1, .36, 1);
    --box-motion-fast: 240ms;
    --box-motion-body: 780ms;
    --box-motion-card: 900ms;
    --box-motion-heading: 950ms;
}

/* S02 — narrative staged reveals. */
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-why__intro > *,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__number,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__heading h3,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason > p,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__image {
    opacity: 0;
    translate: 0 20px;
    transition-property: opacity, translate;
    transition-timing-function: var(--box-motion-ease);
}

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-why__intro > :nth-child(1) {
    translate: 0 16px;
    transition-duration: 700ms;
    transition-delay: 0ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-why__intro > :nth-child(2) {
    translate: 0 22px;
    transition-duration: 950ms;
    transition-delay: 80ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-why__intro > :nth-child(3) {
    translate: 0 18px;
    transition-duration: 780ms;
    transition-delay: 170ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-why__intro > :nth-child(4) {
    translate: 0 14px;
    transition-duration: 720ms;
    transition-delay: 250ms;
}

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__number {
    translate: 0 24px;
    transition-duration: 900ms;
    transition-delay: 0ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__heading h3 {
    translate: 0 22px;
    transition-duration: 900ms;
    transition-delay: 90ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason > p {
    translate: 0 18px;
    transition-duration: 760ms;
    transition-delay: 180ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__image {
    translate: 0 20px;
    transition-duration: 900ms;
    transition-delay: 260ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason__image-img {
    scale: 1.035;
    transition: scale 1000ms var(--box-motion-ease) 260ms;
}

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-why__intro.is-motion-revealed > *,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason.is-motion-revealed .self-hosted-reason__number,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason.is-motion-revealed .self-hosted-reason__heading h3,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason.is-motion-revealed > p,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason.is-motion-revealed .self-hosted-reason__image {
    opacity: 1;
    translate: 0 0;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-reason.is-motion-revealed .self-hosted-reason__image-img {
    scale: 1;
}

@media (prefers-reduced-motion: reduce) {
    body.cloudbox-self-hosted-page .self-hosted-why__intro > *,
    body.cloudbox-self-hosted-page .self-hosted-reason__number,
    body.cloudbox-self-hosted-page .self-hosted-reason__heading h3,
    body.cloudbox-self-hosted-page .self-hosted-reason > p,
    body.cloudbox-self-hosted-page .self-hosted-reason__image,
    body.cloudbox-self-hosted-page .self-hosted-reason__image-img {
        opacity: 1;
        translate: none; scale: none;
        transition: none;
    }
}

/* S03 — restrained entrance + pricing micro-motion. */
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-editions__intro > *,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-edition {
    opacity: 0;
    translate: 0 20px;
    transition-property: opacity, translate, border-color, box-shadow;
    transition-timing-function: var(--box-motion-ease);
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-editions__intro > :nth-child(1) {
    translate: 0 16px;
    transition-duration: 700ms;
    transition-delay: 0ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-editions__intro > :nth-child(2) {
    translate: 0 22px;
    transition-duration: 950ms;
    transition-delay: 80ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-editions__intro > :nth-child(3) {
    translate: 0 16px;
    transition-duration: 760ms;
    transition-delay: 160ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-edition {
    translate: 0 24px;
    transition-duration: 900ms, 900ms, 220ms, 220ms;
    transition-delay: 0ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-edition--enterprise {
    transition-delay: 130ms;
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-editions__intro.is-motion-revealed > *,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-edition.is-motion-revealed {
    opacity: 1;
    translate: 0 0;
}

body.cloudbox-self-hosted-page .self-hosted-users__button {
    transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, translate 220ms ease;
}
body.cloudbox-self-hosted-page .self-hosted-buy > span {
    display: inline-block;
    transition: translate 220ms var(--box-motion-ease);
}
@media (hover: hover) and (pointer: fine) {
    body.cloudbox-self-hosted-page .self-hosted-users__button:hover { translate: 0 -1px; }
    body.cloudbox-self-hosted-page .self-hosted-edition:hover { box-shadow: 0 14px 36px rgba(0, 0, 0, .12); }
    body.cloudbox-self-hosted-page .self-hosted-buy:hover > span { translate: 3px -1px; }
}

@keyframes selfHostedPriceMotion {
    from { opacity: .35; translate: 0 7px; }
    to { opacity: 1; translate: 0 0; }
}
body.cloudbox-self-hosted-page [data-self-hosted-current-price].is-price-motion {
    animation: selfHostedPriceMotion 260ms var(--box-motion-ease);
}
@keyframes selfHostedPromoBadgeIn {
    from { opacity: 0; scale: .92; }
    to { opacity: 1; scale: 1; }
}
body.cloudbox-self-hosted-page .has-promo [data-self-hosted-promo-badge] {
    animation: selfHostedPromoBadgeIn 320ms var(--box-motion-ease) both;
}

@media (max-width: 1023.98px) {
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-edition--enterprise { transition-delay: 0ms; }
}
@media (prefers-reduced-motion: reduce) {
    body.cloudbox-self-hosted-page .self-hosted-editions__intro > *,
    body.cloudbox-self-hosted-page .self-hosted-edition {
        opacity: 1;
        translate: none; scale: none;
        transition: none;
    }
    body.cloudbox-self-hosted-page [data-self-hosted-current-price].is-price-motion,
    body.cloudbox-self-hosted-page .has-promo [data-self-hosted-promo-badge] { animation: none; }
    body.cloudbox-self-hosted-page .self-hosted-users__button,
    body.cloudbox-self-hosted-page .self-hosted-buy > span { transition: none; translate: none; scale: none; }
}

/* S04 — launch system activation choreography. */
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro > *,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__panel,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__panel-head,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__outcome {
    opacity: 0;
    transition-property: opacity, translate;
    transition-timing-function: var(--box-motion-ease);
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro > :nth-child(1) { translate: 0 16px; transition-duration:700ms; transition-delay:0ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro > :nth-child(2) { translate: 0 22px; transition-duration:950ms; transition-delay:80ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro > :nth-child(3) { translate: 0 18px; transition-duration:780ms; transition-delay:160ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro > :nth-child(4) { translate: 0 14px; transition-duration:720ms; transition-delay:240ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro > :nth-child(5) { translate: 0 12px; transition-duration:650ms; transition-delay:310ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__intro.is-motion-revealed > * { opacity:1; translate: 0 0; }

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__panel { translate: 0 20px; transition-duration:900ms; transition-delay:100ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__panel.is-motion-revealed { opacity:1; translate: 0 0; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__panel-head { translate: 0 12px; transition-duration:700ms; transition-delay:180ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__panel.is-motion-revealed .self-hosted-launch__panel-head { opacity:1; translate: 0 0; }

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step { translate: 0 18px; transition-duration:760ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step:nth-of-type(2) { transition-delay:0ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step:nth-of-type(3) { transition-delay:90ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step:nth-of-type(4) { transition-delay:180ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step:nth-of-type(5) { transition-delay:270ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step:nth-of-type(6) { transition-delay:360ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step.is-motion-revealed { opacity:1; translate: 0 0; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step__number { scale: .94; transition:scale 620ms var(--box-motion-ease); }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step.is-motion-revealed .self-hosted-launch-step__number { scale: 1; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step__tag { opacity:0; translate: 0 8px; transition:opacity 620ms var(--box-motion-ease) 80ms, translate 620ms var(--box-motion-ease) 80ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step.is-motion-revealed .self-hosted-launch-step__tag { opacity:1; translate: 0 0; }

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step + .self-hosted-launch-step { position:relative; border-top-color:transparent; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step + .self-hosted-launch-step::before {
    content:''; position:absolute; top:-1px; left:0; width:100%; height:1px; background:rgba(35,124,105,.42);
    scale: 0 1; transform-origin:left; transition:scale 650ms var(--box-motion-ease);
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step.is-motion-revealed::before { scale: 1 1; }

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__outcome { translate: 0 16px; transition-duration:800ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch__outcome.is-motion-revealed { opacity:1; translate: 0 0; }

@media (max-width:1023.98px) {
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-launch-step { transition-delay:0ms; }
}
@media (prefers-reduced-motion: reduce) {
    body.cloudbox-self-hosted-page .self-hosted-launch__intro > *,
    body.cloudbox-self-hosted-page .self-hosted-launch__panel,
    body.cloudbox-self-hosted-page .self-hosted-launch__panel-head,
    body.cloudbox-self-hosted-page .self-hosted-launch-step,
    body.cloudbox-self-hosted-page .self-hosted-launch__outcome,
    body.cloudbox-self-hosted-page .self-hosted-launch-step__number,
    body.cloudbox-self-hosted-page .self-hosted-launch-step__tag { opacity:1; translate: none; scale: none; transition:none; }
    body.cloudbox-self-hosted-page .self-hosted-launch-step + .self-hosted-launch-step { border-top-color:rgba(35,124,105,.42); }
    body.cloudbox-self-hosted-page .self-hosted-launch-step + .self-hosted-launch-step::before { display:none; }
}

/* S05 — editorial directional reveals. */
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card {
    opacity:0;
    transition:opacity 900ms var(--box-motion-ease), translate 900ms var(--box-motion-ease);
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--partner,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--integration { translate: -28px 12px; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--project,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--support { translate: 28px 12px; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed { opacity:1; translate: 0 0; }

body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card__top,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card h3,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card > p {
    opacity:0;
    translate: 0 10px;
    transition-property:opacity,translate;
    transition-timing-function:var(--box-motion-ease);
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card__top { transition-duration:700ms; transition-delay:0ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card h3 { transition-duration:820ms; transition-delay:90ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card > p { translate: 0 14px; transition-duration:760ms; transition-delay:170ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card__icon { scale: .88; transition:scale 700ms var(--box-motion-ease); }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card__divider { scale: 0 1; transform-origin:left; transition:scale 600ms var(--box-motion-ease) 120ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed .self-hosted-proof-card__top,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed h3,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed > p { opacity:1; translate: 0 0; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed .self-hosted-proof-card__icon { scale: 1; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed .self-hosted-proof-card__divider { scale: 1 1; }

@media (max-width:767.98px) {
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--partner,
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--integration { translate: -16px 12px; }
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--project,
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card--support { translate: 16px 12px; }
    body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-proof-card.is-motion-revealed { translate: 0 0; }
}
@media (prefers-reduced-motion:reduce) {
    body.cloudbox-self-hosted-page .self-hosted-proof-card,
    body.cloudbox-self-hosted-page .self-hosted-proof-card__top,
    body.cloudbox-self-hosted-page .self-hosted-proof-card h3,
    body.cloudbox-self-hosted-page .self-hosted-proof-card > p,
    body.cloudbox-self-hosted-page .self-hosted-proof-card__icon,
    body.cloudbox-self-hosted-page .self-hosted-proof-card__divider { opacity:1; translate: none; scale: none; transition:none; }
}

/* S06 — restrained final CTA cascade. */
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > .self-hosted-eyebrow,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > h2,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > p,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > .self-hosted-button {
    opacity:0;
    transition-property:opacity,translate;
    transition-timing-function:var(--box-motion-ease);
}
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > .self-hosted-eyebrow { translate: 0 14px; transition-duration:700ms; transition-delay:0ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > h2 { translate: 0 24px; transition-duration:1000ms; transition-delay:90ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > p { translate: 0 16px; transition-duration:800ms; transition-delay:190ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content > .self-hosted-button { translate: 0 14px; transition-duration:760ms; transition-delay:280ms; }
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content.is-motion-revealed > .self-hosted-eyebrow,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content.is-motion-revealed > h2,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content.is-motion-revealed > p,
body.is-motion-enabled.cloudbox-self-hosted-page .self-hosted-final__content.is-motion-revealed > .self-hosted-button { opacity:1; translate: 0 0; }

@media (prefers-reduced-motion:reduce) {
    body.cloudbox-self-hosted-page .self-hosted-final__content > .self-hosted-eyebrow,
    body.cloudbox-self-hosted-page .self-hosted-final__content > h2,
    body.cloudbox-self-hosted-page .self-hosted-final__content > p,
    body.cloudbox-self-hosted-page .self-hosted-final__content > .self-hosted-button { opacity:1; translate: none; scale: none; transition:none; }
}