[data-case-study-hero],
[data-case-study-testimonial] {
    background: #020812 !important;
    color: #fff !important;
}

[data-case-study-body],
[data-case-study-products-used] {
    background: #0b1420 !important;
    color: #dbe7f5 !important;
}

[data-case-study-body] article,
[data-case-study-products-used] a,
.case-study-template-cta-card {
    background: #071321 !important;
    color: #dbe7f5 !important;
    border-color: #1d3348 !important;
}

[data-case-study-body] h2,
[data-case-study-body] h3,
[data-case-study-products-used] h2,
[data-case-study-products-used] h3 {
    color: #fff !important;
}

[data-case-study-body] p,
[data-case-study-body] li,
[data-case-study-products-used] p {
    color: #cbd5e1 !important;
}

[data-case-study-hero] h1,
[data-case-study-hero] p,
[data-case-study-testimonial] blockquote,
[data-case-study-testimonial] p {
    color: #fff !important;
}

[data-case-study-hero] .text-cyan-300,
[data-case-study-testimonial] .text-cyan-300 {
    color: #67e8f9 !important;
}

[data-case-study-hero] .font-black,
[data-case-study-hero] .font-extrabold,
[data-case-study-body] .font-black,
[data-case-study-body] .font-extrabold,
[data-case-study-products-used] .font-black,
[data-case-study-products-used] .font-extrabold {
    font-weight: 800 !important;
}

[data-case-study-hero],
[data-case-study-body],
[data-case-study-testimonial],
[data-case-study-products-used] {
    overflow-x: hidden;
}

[data-case-study-hero] .dashboard-shot,
[data-case-study-hero] .dashboard-shot__image {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

[data-case-study-hero] .dashboard-shot__viewport {
    min-width: 0;
}

[data-case-study-hero] > .ph-frame:first-child {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(22rem, 0.85fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: end;
    padding-block: 5rem;
}

[data-case-study-customer] {
    padding-bottom: 2.5rem;
}

.case-study-outcome,
.case-study-deployment {
    padding-bottom: 3rem;
}

[data-case-study-template-cta] {
    padding-block: 3rem;
}

.case-study-template-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    [data-case-study-template-cta] {
        padding-block: 5rem;
    }
}

@media (max-width: 1023px) {
    [data-case-study-hero] > .ph-frame:first-child {
        grid-template-columns: minmax(0, 1fr);
        padding-block: 3rem;
    }
}

@media (max-width: 700px) {
    [data-case-study-hero] h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere;
    }

    [data-case-study-hero] p {
        font-size: 18px !important;
        line-height: 1.55 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere;
    }

    [data-case-study-hero] figure {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        overflow: hidden;
    }

    [data-case-study-hero] .dashboard-shot__chrome b {
        display: none;
    }
}