.dbCase {
    --case-primary:var(--primary,#004660);
    --case-primary-dark:var(--primary_dark,#023347);
    --case-primary-light:var(--primary_light,#e0ebf3);
    --case-secondary:var(--secondary,#f7941d);
    --case-secondary-dark:var(--secondary_dark,#e87e04);
    --case-text:var(--text,#172b34);
    --case-muted:var(--muted,#667985);
    --case-border:var(--border,#dce6eb);
    font-family:'Open Sans',Arial,sans-serif;
    color:var(--case-text);
    background:#fff;
    overflow:hidden
}
.dbCase * {
    box-sizing:border-box
}
.dbCaseContainer {
    width:calc(100% - 40px);
    max-width:1240px;
    margin:0 auto
}
.dbCase h1,.dbCase h2,.dbCase h3,.dbCase p {
    margin-top:0
}
.dbCase h2 {
    font-size:38px;
    line-height:1.18;
    letter-spacing:-1.1px;
    color:var(--case-primary-dark)
}
.dbCase p,.dbCaseProse {
    font-size:16px;
    line-height:1.75;
}
.dbCaseHero {
    position:relative;
    padding:74px 0 92px;
    background:linear-gradient(135deg,#f4f9fc 0%,#fff 52%,#fff6eb 100%)
}
.dbCaseHero__glow {
    position:absolute;
    border-radius:50%;
    filter:blur(4px);
    pointer-events:none
}
.dbCaseHero__glow--one {
    width:420px;
    height:420px;
    right:-160px;
    top:-160px;
    background:rgba(247,148,29,.13)
}
.dbCaseHero__glow--two {
    width:320px;
    height:320px;
    left:-180px;
    bottom:-160px;
    background:rgba(0,70,96,.10)
}
.dbCaseHero__grid {
    position:relative;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:76px;
    align-items:center
}
.dbCaseBreadcrumb {
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:28px;
    font-size:12px;
    color:#7b8e97
}
.dbCaseBreadcrumb a {
    color:var(--case-primary);
    text-decoration:none
}
.dbCaseBreadcrumb i {
    font-size:8px;
    color:#9eacb3
}
.dbCaseEyebrow,.dbCaseKicker {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    color:var(--case-secondary-dark);
    font-size:13px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase
}
.dbCaseEyebrow {
    padding:9px 14px;
    border:1px solid rgba(247,148,29,.22);
    border-radius:999px;
    background:#fff
}
.dbCaseHero h1 {
    max-width:700px;
    margin:0;
    color:var(--case-primary-dark);
    font-size:52px;
    line-height:1.08;
    letter-spacing:-2px;
    font-weight:800
}
.dbCaseHero__baseline {
    max-width:670px;
    margin:24px 0 30px;
    color:#546b77;
    font-size:18px;
    line-height:1.65
}
.dbCaseHero__baseline p {
    font-size:inherit;
    line-height:inherit
}
.dbCaseHero__actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px
}
.dbCaseBtn {
    display:inline-flex;
    min-height:52px;
    padding:0 23px;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:1px solid transparent;
    border-radius:12px;
    text-decoration:none!important;
    font-size:15px;
    font-weight:800;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
.dbCaseBtn:hover {
    transform:translateY(-2px)
}
.dbCaseBtn--primary {
    color:#fff!important;
    background:var(--case-secondary);
    box-shadow:0 12px 28px rgba(247,148,29,.28)
}
.dbCaseBtn--primary:hover {
    background:var(--case-secondary-dark);
    box-shadow:0 15px 34px rgba(247,148,29,.34)
}
.dbCaseBtn--ghost {
    border-color:var(--case-border);
    color:var(--case-primary)!important;
    background:#fff
}
.dbCaseBtn--white {
    color:var(--case-primary-dark)!important;
    background:#fff;
    box-shadow:0 12px 28px rgba(0,0,0,.13)
}
.dbCaseHero__proofs {
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px;
    margin:24px 0 0;
    padding:0;
    list-style:none;
    color:#5b707b;
    font-size:13px;
    font-weight:700
}
.dbCaseHero__proofs li {
    display:flex;
    align-items:center;
    gap:7px
}
.dbCaseHero__proofs i {
    color:#299765
}
.dbCaseHero__visual {
    position:relative;
    padding:22px
}
.dbCaseHero__card {
    position:relative;
    z-index:2;
    padding:16px;
    border:1px solid rgba(0,70,96,.12);
    border-radius:24px;
    background:#fff;
    box-shadow:0 30px 75px rgba(0,52,72,.18);
    transform:rotate(1deg)
}
.dbCaseHero__cardTop {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:2px 4px 15px;
    color:var(--case-primary);
    font-size:12px;
    font-weight:800
}
.dbCaseHero__cardTop>span:first-child i {
    margin-right:6px;
    color:var(--case-secondary)
}
.dbCaseLive {
    display:flex;
    align-items:center;
    gap:6px;
    color:#5f757f;
    font-size:10px
}
.dbCaseLive i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#2a9d69;
    box-shadow:0 0 0 4px rgba(42,157,105,.12)
}
.dbCaseHero__card img {
    display:block;
    width:100%;
    border-radius:14px
}
.dbCaseMockup {
    height:390px;
    padding:28px;
    border-radius:14px;
    background:linear-gradient(145deg,var(--case-primary-dark),#0b5b75);
    overflow:hidden
}
.dbCaseMockup__nav {
    display:flex;
    gap:7px
}
.dbCaseMockup__nav span {
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(255,255,255,.35)
}
.dbCaseMockup__score {
    display:flex;
    align-items:flex-end;
    gap:14px;
    margin:54px 0 36px;
    color:#fff
}
.dbCaseMockup__score strong {
    font-size:68px;
    line-height:.85
}
.dbCaseMockup__score span {
    max-width:100px;
    font-size:12px;
    line-height:1.4;
    color:rgba(255,255,255,.62)
}
.dbCaseMockup__bars {
    display:flex;
    height:105px;
    align-items:flex-end;
    gap:12px;
    padding:14px 16px;
    border-radius:14px;
    background:rgba(255,255,255,.08)
}
.dbCaseMockup__bars i {
    flex:1;
    border-radius:6px 6px 2px 2px;
    background:linear-gradient(#ffb85f,var(--case-secondary))
}
.dbCaseMockup__bars i:nth-child(1) {
    height:34%
}
.dbCaseMockup__bars i:nth-child(2) {
    height:58%
}
.dbCaseMockup__bars i:nth-child(3) {
    height:44%
}
.dbCaseMockup__bars i:nth-child(4) {
    height:78%
}
.dbCaseMockup__bars i:nth-child(5) {
    height:94%
}
.dbCaseMockup__rows {
    display:grid;
    gap:10px;
    margin-top:22px
}
.dbCaseMockup__rows span {
    height:10px;
    border-radius:9px;
    background:rgba(255,255,255,.13)
}
.dbCaseMockup__rows span:nth-child(2) {
    width:78%
}
.dbCaseMockup__rows span:nth-child(3) {
    width:88%
}
.dbCaseHero__float {
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:11px;
    min-width:205px;
    padding:13px 15px;
    border:1px solid rgba(0,70,96,.1);
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:0 13px 32px rgba(0,52,72,.15)
}
.dbCaseHero__float>i {
    display:grid;
    width:38px;
    height:38px;
    place-items:center;
    border-radius:10px;
    color:var(--case-secondary);
    background:#fff1df
}
.dbCaseHero__float span {
    font-size:10px;
    line-height:1.35;
    color:#71818a
}
.dbCaseHero__float strong {
    display:block;
    color:var(--case-primary-dark);
    font-size:12px
}
.dbCaseHero__float--top {
    top:-2px;
    right:-28px
}
.dbCaseHero__float--bottom {
    bottom:-4px;
    left:-30px
}
.dbCaseStats {
    position:relative;
    z-index:4;
    margin-top:-30px;
    padding-bottom: 100px;
}
.dbCaseStats__grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid var(--case-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 44px rgba(0,52,72,.1);
    overflow:hidden
}
.dbCaseStat {
    display:flex;
    min-height:98px;
    align-items:center;
    justify-content:center;
    gap:16px;
    padding:22px;
    border-right:1px solid var(--case-border)
}
.dbCaseStat:last-child {
    border:0
}
.dbCaseStat>i {
    font-size:25px;
    color:var(--case-secondary)
}
.dbCaseStat strong,.dbCaseStat span {
    display:block
}
.dbCaseStat strong {
    color:var(--case-primary-dark);
    font-size:23px
}
.dbCaseStat span {
    margin-top:3px;
    color:#74858e;
    font-size:12px
}
.dbCaseSection {
    padding:100px 0
}
.dbCaseSection--soft {
    background:#f5f9fb
}
.dbCaseSection--compact {
    padding:72px 0
}
.dbCaseSectionHead {
    margin-bottom:48px
}
.dbCaseSectionHead--center {
    margin-right:auto;
    margin-left:auto;
    text-align:center
}
.dbCaseSectionHead h2 {
    margin-bottom:17px
}
.dbCaseSectionHead p {
    margin:0 auto
}
.dbCaseCompare {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px
}
.dbCaseCompare__card {
    padding:34px;
    border:1px solid var(--case-border);
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 35px rgba(0,52,72,.06)
}
.dbCaseCompare__card--before {
    border-top:4px solid #e16565
}
.dbCaseCompare__card--after {
    border-top:4px solid #299765
}
.dbCaseCompare__title {
    display:flex;
    align-items:center;
    gap:13px
}
.dbCaseCompare__title>i {
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:12px;
    background:#f7ecec;
    color:#d45252
}
.dbCaseCompare__card--after .dbCaseCompare__title>i {
    background:#e6f5ed;
    color:#299765
}
.dbCaseCompare h3 {
    margin:0;
    color:var(--case-primary-dark);
    font-size:21px
}
.dbCaseCompare ul {
    display:grid;
    gap:14px;
    margin:25px 0 0;
    padding:0;
    list-style:none
}
.dbCaseCompare li {
    display:flex;
    gap:11px;
    color:#5e717b;
    font-size:14px;
    line-height:1.55
}
.dbCaseCompare li i {
    margin-top:4px;
    color:#d45252
}
.dbCaseCompare__card--after li i {
    color:#299765
}
.dbCaseVideoGrid,.dbCaseSources {
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:70px;
    align-items:center
}
.dbCaseVideoGrid h2,.dbCaseSources h2 {
    margin-bottom:20px
}
.dbCaseTextLink {
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-top:12px;
    color:var(--case-secondary-dark)!important;
    text-decoration:none;
    font-weight:800
}
.dbCaseVideo {
    aspect-ratio:16/9;
    border:8px solid #fff;
    border-radius:22px;
    background:var(--case-primary-dark);
    box-shadow:0 22px 55px rgba(0,52,72,.18);
    overflow:hidden
}
.dbCaseVideo iframe {
    width:100%;
    height:100%;
    border:0
}
.dbCaseVideo__placeholder {
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    color:#fff
}
.dbCaseVideo__placeholder>i {
    display:grid;
    width:68px;
    height:68px;
    margin-bottom:14px;
    place-items:center;
    padding-left:4px;
    border-radius:50%;
    background:var(--case-secondary);
    box-shadow:0 0 0 10px rgba(247,148,29,.15)
}
.dbCaseVideo__placeholder span {
    margin-top:6px;
    color:rgba(255,255,255,.55);
    font-size:12px
}
.dbCaseSteps {
    display:grid;
    gap:60px
}
.dbCaseStep {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center
}
.dbCaseStep--reverse .dbCaseStep__content {
    order:2
}
.dbCaseStep__number {
    display:grid;
    width:44px;
    height:44px;
    margin-bottom:19px;
    place-items:center;
    border-radius:12px;
    background:var(--case-secondary);
    color:#fff;
    font-size:18px;
    font-weight:800;
    box-shadow:0 9px 22px rgba(247,148,29,.25)
}
.dbCaseStep h3 {
    margin-bottom:15px;
    color:var(--case-primary-dark);
    font-size:28px;
    line-height:1.28
}
.dbCaseStep__text {
    color:#61757f;
    font-size:15px;
    line-height:1.75
}
.dbCaseStep ul {
    display:grid;
    gap:8px;
    margin:18px 0 0;
    padding:0;
    list-style:none
}
.dbCaseStep li {
    display:flex;
    gap:9px;
    color:#536974;
    font-size:13px;
    line-height:1.5
}
.dbCaseStep li i {
    margin-top:4px;
    color:#299765
}
.dbCaseStep__media {
    padding:9px;
    border:1px solid var(--case-border);
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 45px rgba(0,52,72,.1)
}
.dbCaseStep__media img {
    display:block;
    width:100%;
    border-radius:12px
}
.dbCaseMediaPlaceholder {
    display:flex;
    min-height:310px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:12px;
    border-radius:12px;
    color:#8ca0aa;
    background:linear-gradient(145deg,#eff6fa,#e5f0f5)
}
.dbCaseMediaPlaceholder i {
    font-size:38px;
    color:var(--case-primary)
}
.dbCaseCtaBand {
    padding:52px 0;
    background:linear-gradient(135deg,var(--case-primary),var(--case-primary-dark));
    color:#fff
}
.dbCaseCtaBand__inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}
.dbCaseCtaBand span {
    color:rgba(255,255,255,.65);
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em
}
.dbCaseCtaBand h2 {
    max-width:760px;
    margin:8px 0 0;
    color:#fff;
    font-size:30px
}
.dbCaseIndicators {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px
}
.dbCaseIndicator {
    padding:28px;
    border:1px solid var(--case-border);
    border-radius:18px;
    background:#fff;
    transition:transform .2s ease,box-shadow .2s ease
}
.dbCaseIndicator:hover {
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(0,52,72,.09)
}
.dbCaseIndicator__icon {
    display:grid;
    width:48px;
    height:48px;
    margin-bottom:19px;
    place-items:center;
    border-radius:13px;
    color:var(--case-secondary);
    background:#fff0dd;
    font-size:20px
}
.dbCaseIndicator h3 {
    margin-bottom:12px;
    color:var(--case-primary-dark);
    font-size:18px
}
.dbCaseIndicator>div:last-child {
    color:#667983;
    font-size:14px;
    line-height:1.65
}
.dbCaseIndicator p {
    font-size:inherit;
    line-height:inherit
}
.dbCaseStory {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    min-height:480px;
    border:1px solid var(--case-border);
    border-radius:24px;
    background:#fff;
    box-shadow:0 24px 65px rgba(0,52,72,.1);
    overflow:hidden
}
.dbCaseStory__visual {
    display:flex;
    align-items:flex-end;
    padding:30px;
    background:linear-gradient(145deg,var(--case-primary),var(--case-primary-dark));
    background-position:center;
    background-size:cover
}
.dbCaseStory__visual span {
    padding:10px 14px;
    border-radius:999px;
    color:#fff;
    background:rgba(2,51,71,.88);
    font-size:13px;
    font-weight:800
}
.dbCaseStory__content {
    align-self:center;
    padding:60px
}
.dbCaseStory__content h2 {
    margin-bottom:22px
}
.dbCaseStory__content>div {
    color:#61757f;
    font-size:15px;
    line-height:1.75
}
.dbCaseStory__result {
    display:flex!important;
    align-items:center;
    gap:12px;
    margin-top:25px;
    padding:17px;
    border-radius:13px;
    color:var(--case-primary-dark)!important;
    background:#e9f5ef;
    font-weight:800
}
.dbCaseStory__result i {
    color:#299765;
    font-size:20px
}
.dbCaseSources__list {
    display:grid;
    gap:12px
}
.dbCaseSources__list article {
    display:flex;
    gap:16px;
    padding:20px;
    border:1px solid var(--case-border);
    border-radius:14px;
    background:#fff
}
.dbCaseSources__list article>i {
    display:grid;
    flex:0 0 42px;
    height:42px;
    place-items:center;
    border-radius:11px;
    color:var(--case-primary);
    background:var(--case-primary-light)
}
.dbCaseSources h3 {
    margin:0 0 5px;
    color:var(--case-primary-dark);
    font-size:16px
}
.dbCaseSources__list p {
    margin:0;
    font-size:13px;
    line-height:1.55
}
.dbCaseFaqWrap {
    display:grid;
    grid-template-columns:.65fr 1.35fr;
    gap:72px;
    align-items:start
}
.dbCaseFaqIntro {
    position:sticky;
    top:25px
}
.dbCaseFaqIntro h2 {
    margin-bottom:15px
}
.dbCaseFaqIntro .dbCaseBtn {
    margin-top:15px
}
.dbCaseFaq {
    border-top:1px solid var(--case-border)
}
.dbCaseFaq details {
    border-bottom:1px solid var(--case-border)
}
.dbCaseFaq summary {
    display:flex;
    min-height:78px;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    list-style:none;
    color:var(--case-primary-dark);
    font-size:16px;
    font-weight:800
}
.dbCaseFaq summary::-webkit-details-marker {
    display:none
}
.dbCaseFaq summary i {
    transition:transform .2s;
    color:var(--case-secondary)
}
.dbCaseFaq details[open] summary i {
    transform:rotate(45deg)
}
.dbCaseFaq details>div {
    padding:0 44px 23px 0;
    color:#667983;
    font-size:14px;
    line-height:1.7
}
.dbCaseFinal {
    padding:28px 0 75px
}
.dbCaseFinal__inner {
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:25px;
    align-items:center;
    padding:38px 42px;
    border:1px solid var(--case-border);
    border-radius:22px;
    background:linear-gradient(115deg,#fff8ef,#fff 55%,#eef7fb);
    box-shadow:0 18px 42px rgba(0,52,72,.08)
}
.dbCaseFinal__icon {
    display:grid;
    width:64px;
    height:64px;
    place-items:center;
    border-radius:17px;
    color:#fff;
    background:var(--case-primary);
    font-size:25px
}
.dbCaseFinal span {
    color:var(--case-secondary-dark);
    font-size:12px;
    font-weight:800;
    text-transform:uppercase
}
.dbCaseFinal h2 {
    margin:4px 0;
    font-size:25px
}
.dbCaseFinal p {
    margin:0;
    font-size:13px
}
.dbCaseProse ul {
    padding-left:20px
}
.dbCaseProse li {
    margin-bottom:9px
}
@media(max-width:980px) {
    .dbCaseHero {
        padding-top:50px
    }
    .dbCaseHero__grid,.dbCaseVideoGrid,.dbCaseSources,.dbCaseFaqWrap {
        grid-template-columns:1fr
    }
    .dbCaseHero__visual {
        max-width:650px
    }
    .dbCaseHero h1 {
        font-size:44px
    }
    .dbCaseStats__grid {
        grid-template-columns:1fr
    }
    .dbCaseStat {
        justify-content:flex-start;
        border-right:0;
        border-bottom:1px solid var(--case-border)
    }
    .dbCaseStep {
        gap:38px
    }
    .dbCaseIndicators {
        grid-template-columns:repeat(2,1fr)
    }
    .dbCaseFaqIntro {
        position:static
    }
    .dbCaseStory {
        grid-template-columns:1fr
    }
    .dbCaseStory__visual {
        min-height:280px
    }
    .dbCaseFinal__inner {
        grid-template-columns:auto 1fr
    }
    .dbCaseFinal__inner>.dbCaseBtn {
        grid-column:2
    }
}
@media(max-width:680px) {
    .dbCaseContainer {
        width:calc(100% - 28px)
    }
    .dbCaseHero {
        padding:38px 0 64px
    }
    .dbCaseHero__grid {
        gap:45px
    }
    .dbCaseHero h1 {
        font-size:36px;
        letter-spacing:-1.2px
    }
    .dbCaseHero__baseline {
        font-size:16px
    }
    .dbCaseHero__actions,.dbCaseHero__actions .dbCaseBtn {
        width:100%
    }
    .dbCaseHero__float {
        display:none
    }
    .dbCaseMockup {
        height:310px
    }
    .dbCaseSection {
        padding:70px 0
    }
    .dbCase h2 {
        font-size:30px
    }
    .dbCaseCompare,.dbCaseStep,.dbCaseIndicators {
        grid-template-columns:1fr
    }
    .dbCaseStep--reverse .dbCaseStep__content {
        order:0
    }
    .dbCaseCtaBand__inner {
        align-items:flex-start;
        flex-direction:column
    }
    .dbCaseCtaBand h2 {
        font-size:25px
    }
    .dbCaseStory__content {
        padding:34px 26px
    }
    .dbCaseFinal__inner {
        grid-template-columns:1fr;
        padding:28px
    }
    .dbCaseFinal__inner>.dbCaseBtn {
        grid-column:auto
    }
    .dbCaseHero__cardTop {
        align-items:flex-start;
        flex-direction:column
    }
}
/* Complément pour les sections éditoriales longues issues du document Word. */
.dbCaseLongContent {
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:75px;
    align-items:start;
}
.dbCaseLongContent__head {
    position:sticky;
    top:25px;
}
.dbCaseLongContent__body {
    color:#61757f;
    font-size:15px;
    line-height:1.78;
}
.dbCaseLongContent__body > p:first-child {
    margin-top:0;
}
.dbCaseLongContent__items {
    display:grid;
    gap:14px;
    margin-top:26px;
}
.dbCaseLongContent__items article {
    display:flex;
    gap:16px;
    padding:22px;
    border:1px solid var(--case-border);
    border-radius:15px;
    background:#fff;
}
.dbCaseLongContent__items article > i {
    display:grid;
    flex:0 0 44px;
    height:44px;
    place-items:center;
    border-radius:12px;
    color:var(--case-secondary);
    background:#fff0dd;
}
.dbCaseLongContent__items h3 {
    margin:0 0 7px;
    color:var(--case-primary-dark);
    font-size:17px;
}
.dbCaseLongContent__items p {
    margin:0;
    font-size:14px;
    line-height:1.7;
}


.dbCaseSocialProof {
    position: relative;
    background: #ffffff;
}

.dbCaseSocialProof .dbCaseSectionHead {
    margin-bottom: 38px;
}

.dbCaseSocialProof__intro {
    max-width: 700px;
    margin: 15px auto 0;
    color: var(--case-muted);
    font-size: 15px;
    line-height: 1.7;
}

.dbCaseSocialProof__logos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dbCaseSocialProof__logo {
    display: flex;
    min-width: 0;
    height: 116px;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid var(--case-border);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(0, 52, 72, 0.05);
    transition:
            transform 0.2s ease,
            border-color 0.2s ease,
            box-shadow 0.2s ease;
}

.dbCaseSocialProof__logo:hover {
    transform: translateY(-4px);
    border-color: var(--case-primary-light);
    box-shadow: 0 15px 34px rgba(0, 52, 72, 0.1);
}

.dbCaseSocialProof__logo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.72;
    transition:
            filter 0.2s ease,
            opacity 0.2s ease,
            transform 0.2s ease;
}

.dbCaseSocialProof__logo:hover img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.04);
}

@media (max-width: 1100px) {

    .dbCaseSocialProof__logos {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {

    .dbCaseSocialProof__logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .dbCaseSocialProof__logo {
        height: 100px;
        padding: 15px;
    }

    .dbCaseSocialProof__logo img {
        max-height: 62px;
    }
}


@media(max-width:980px) {
    .dbCaseLongContent {
        grid-template-columns:1fr;
    }
    .dbCaseLongContent__head {
        position:static;
    }
}
.dbCaseStep__mediaStack {
    display:grid;
    gap:14px;
}
.dbCaseStep__mediaStack .dbCaseMediaPlaceholder {
    min-height:235px;
}
.dbCaseMediaPlaceholder small {
    max-width:80%;
    text-align:center;
    color:#718892;
}


.stepDyn {
    position: sticky !important;
    z-index: var(--step-dyn-z-index, 4);
    top: var(--step-dyn-top, 140px);
    align-self: start;
}

@media (max-width: 680px) {
    .stepDyn {
        top: var(--step-dyn-top-mobile, 82px);
    }
}