/* =========================================================
   CONTENT DESIGN SUPPORT
   ========================================================= */

:root {
    --cds-ink: var(--ink, #151b24);
    --cds-paper: var(--paper, #f5f0e8);
    --cds-blue: var(--signal-blue, #3155d9);
    --cds-teal: var(--teal, #39a89b);
    --cds-coral: var(--coral, #e66f55);
    --cds-muted: #657084;
    --cds-border: rgba(21, 27, 36, 0.12);
    --cds-shadow: 0 26px 68px rgba(21, 27, 36, 0.13);
}

html {
    scroll-behavior: smooth;
}

.cds-section {
    padding: 105px 0;
    overflow: hidden;
}

.cds-section--paper {
    background: var(--cds-paper);
}

.cds-section--ink {
    background: radial-gradient(circle at 12% 18%, rgba(49, 85, 217, 0.24), transparent 28%), radial-gradient(circle at 88% 80%, rgba(57, 168, 155, 0.18), transparent 30%), var(--cds-ink);
    color: #fff;
}

.cds-section--packages,
.cds-section--portfolio {
    background: #f9fbff;
}

.cds-section--setup {
    padding-top: 0;
    background: #f9fbff;
}

.cds-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--cds-blue);
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

    .cds-eyebrow::before {
        width: 30px;
        height: 2px;
        content: "";
        border-radius: 99px;
        background: currentColor;
    }

.cds-eyebrow--light {
    color: #b8c4ff;
}

.cds-heading {
    max-width: 800px;
    margin-bottom: 52px;
}

.cds-heading--center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    .cds-heading--center .cds-eyebrow {
        justify-content: center;
    }

.cds-heading--split {
    display: flex;
    max-width: none;
    align-items: end;
    justify-content: space-between;
    gap: 35px;
}

    .cds-heading--split > div {
        max-width: 760px;
    }

.cds-heading h2,
.cds-setup h2,
.cds-final h2 {
    margin: 0;
    color: var(--cds-ink);
    font-family: "Manrope", sans-serif;
    font-size: clamp(2rem, 3vw, 3.25rem);
    font-weight: 800;
    letter-spacing: -0.045em;
    line-height: 1.06;
}

.cds-heading p {
    max-width: 700px;
    margin: 22px 0 0;
    color: var(--cds-muted);
    font-size: 1.04rem;
    line-height: 1.75;
}

.cds-heading--center p {
    margin-right: auto;
    margin-left: auto;
}

.cds-heading--light h2 {
    color: #fff;
}

/* Hero */

.cds-hero {
    padding: 80px 0 92px;
    overflow: hidden;
    background: radial-gradient(circle at 8% 8%, rgba(57, 168, 155, 0.14), transparent 27%), radial-gradient(circle at 92% 82%, rgba(49, 85, 217, 0.16), transparent 30%), linear-gradient(135deg, #fbfaf7, #f2f6ff);
}

.cds-hero__grid {
    display: grid;
    min-height: 560px;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(410px, 0.78fr);
    gap: 55px;
}

.cds-hero h1 {
    margin: 0;
    color: var(--cds-ink);
    font-family: "Manrope", sans-serif;
    font-size: clamp(3.1rem, 6vw, 6rem);
    font-weight: 800;
    letter-spacing: -0.07em;
    line-height: 0.92;
}

    .cds-hero h1 span {
        color: var(--cds-blue);
    }

.cds-hero__lead {
    max-width: 670px;
    margin: 30px 0 0;
    color: var(--cds-ink);
    font-size: clamp(1.08rem, 1.35vw, 1.28rem);
    font-weight: 600;
    line-height: 1.62;
}

.cds-hero__copy {
    max-width: 650px;
    margin: 16px 0 0;
    color: var(--cds-muted);
    line-height: 1.75;
}

.cds-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.cds-actions--center {
    align-items: center;
    justify-content: center;
}

.cds-hero__note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 22px 0 0;
    color: #4d596b;
    font-size: 0.88rem;
    font-weight: 600;
}

    .cds-hero__note span {
        display: grid;
        width: 23px;
        height: 23px;
        place-items: center;
        border-radius: 50%;
        background: rgba(57, 168, 155, 0.14);
        color: #13786d;
    }

.cds-hero__visual {
    display: grid;
    min-height: 510px;
    place-items: center;
}

.cds-mockup {
    position: relative;
    width: 470px;
    height: 500px;
}

.cds-post,
.cds-story {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.7);
    box-shadow: var(--cds-shadow);
}

.cds-post {
    width: 260px;
    aspect-ratio: 1;
    padding: 24px;
    border-radius: 28px;
}

    .cds-post small,
    .cds-story small {
        display: block;
        margin-bottom: 25px;
        font-weight: 800;
        letter-spacing: 0.13em;
        text-transform: uppercase;
    }

    .cds-post strong,
    .cds-story strong {
        display: block;
        font-family: "Manrope", sans-serif;
        font-size: 1.35rem;
        line-height: 1.08;
    }

    .cds-post p {
        margin: 8px 0 0;
        font-size: 0.72rem;
        line-height: 1.5;
        opacity: 0.72;
    }

.cds-post--one {
    top: 18px;
    left: 5px;
    z-index: 1;
    background: linear-gradient(145deg, #fff, #e7efff);
    transform: rotate(-8deg);
}

.cds-post--two {
    top: 92px;
    right: 3px;
    z-index: 2;
    background: linear-gradient(145deg, #173146, #1d7379);
    color: #fff;
    transform: rotate(8deg);
}

.cds-post--three {
    bottom: 12px;
    left: 70px;
    z-index: 3;
    background: linear-gradient(145deg, #fff4e9, #ffd5c4);
    transform: rotate(-2deg);
}

.cds-post__shape {
    display: block;
    width: 83px;
    height: 83px;
    margin: 5px 0 25px;
    border-radius: 27px 50% 34px 50%;
    background: linear-gradient(135deg, var(--cds-blue), var(--cds-teal));
    transform: rotate(14deg);
}

.cds-bars {
    display: flex;
    height: 92px;
    align-items: end;
    gap: 7px;
    margin-bottom: 22px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,0.46);
}

    .cds-bars span {
        flex: 1;
        border-radius: 8px 8px 3px 3px;
        background: var(--cds-coral);
    }

        .cds-bars span:nth-child(1) {
            height: 45%;
        }

        .cds-bars span:nth-child(2) {
            height: 80%;
            background: var(--cds-blue);
        }

        .cds-bars span:nth-child(3) {
            height: 62%;
            background: var(--cds-teal);
        }

.cds-story {
    top: 2px;
    right: 30px;
    z-index: 4;
    width: 112px;
    height: 200px;
    padding: 17px;
    border-radius: 22px;
    background: linear-gradient(160deg, var(--cds-coral), #ae366d);
    color: #fff;
    transform: rotate(4deg);
}

.cds-badge {
    position: absolute;
    right: 5px;
    bottom: 2px;
    z-index: 5;
    padding: 15px 18px;
    border: 1px solid var(--cds-border);
    border-radius: 17px;
    background: rgba(255,255,255,0.94);
    box-shadow: 0 18px 42px rgba(21,27,36,0.14);
}

    .cds-badge strong,
    .cds-badge span {
        display: block;
    }

    .cds-badge strong {
        color: var(--cds-blue);
        font-family: "Manrope", sans-serif;
    }

    .cds-badge span {
        margin-top: 3px;
        color: var(--cds-muted);
        font-size: 0.72rem;
    }

/* Trust strip */

.cds-trust {
    border-top: 1px solid var(--cds-border);
    border-bottom: 1px solid var(--cds-border);
    background: #fff;
}

.cds-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

    .cds-trust__grid > div {
        padding: 23px 26px;
        border-right: 1px solid var(--cds-border);
    }

        .cds-trust__grid > div:first-child {
            border-left: 1px solid var(--cds-border);
        }

.cds-trust strong,
.cds-trust span {
    display: block;
}

.cds-trust strong {
    color: var(--cds-ink);
    font-family: "Manrope", sans-serif;
    font-size: 0.9rem;
}

.cds-trust span {
    margin-top: 4px;
    color: var(--cds-muted);
    font-size: 0.77rem;
}

/* Cards */

.cds-card-grid {
    display: grid;
    gap: 18px;
}

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

.cds-card,
.cds-dark-card {
    min-height: 255px;
    padding: 29px;
    border-radius: 22px;
}

.cds-card {
    border: 1px solid rgba(21,27,36,0.09);
    background: rgba(255,255,255,0.77);
}

.cds-card__number,
.cds-dark-card > span {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    margin-bottom: 34px;
    border-radius: 14px;
    background: var(--cds-ink);
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 0.7rem;
    font-weight: 800;
}

.cds-card:nth-child(2) .cds-card__number {
    background: var(--cds-blue);
}

.cds-card:nth-child(3) .cds-card__number {
    background: var(--cds-teal);
}

.cds-card:nth-child(4) .cds-card__number {
    background: var(--cds-coral);
}

.cds-card h3,
.cds-dark-card h3 {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 1.12rem;
    line-height: 1.35;
}

.cds-card p,
.cds-dark-card p {
    margin: 13px 0 0;
    font-size: 0.9rem;
    line-height: 1.65;
}

.cds-card p {
    color: var(--cds-muted);
}

.cds-dark-card {
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.055);
}

    .cds-dark-card > span {
        background: linear-gradient(135deg, var(--cds-blue), var(--cds-teal));
    }

    .cds-dark-card h3 {
        color: #fff;
    }

    .cds-dark-card p {
        color: rgba(255,255,255,0.67);
    }

/* Process */

.cds-process {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 18px;
}

    .cds-process article > span {
        display: grid;
        width: 66px;
        height: 66px;
        place-items: center;
        margin-bottom: 23px;
        border: 7px solid #fff;
        border-radius: 50%;
        background: var(--cds-ink);
        box-shadow: 0 10px 30px rgba(21,27,36,0.12);
        color: #fff;
        font-family: "Manrope", sans-serif;
        font-size: 0.72rem;
        font-weight: 800;
    }

    .cds-process article:nth-child(2) > span {
        background: var(--cds-blue);
    }

    .cds-process article:nth-child(3) > span {
        background: var(--cds-teal);
    }

    .cds-process article:nth-child(4) > span {
        background: var(--cds-coral);
    }

    .cds-process article:nth-child(5) > span {
        background: #7d4a98;
    }

    .cds-process h3 {
        margin: 0;
        color: var(--cds-ink);
        font-family: "Manrope", sans-serif;
        font-size: 1rem;
    }

    .cds-process p {
        margin: 10px 0 0;
        color: var(--cds-muted);
        font-size: 0.85rem;
        line-height: 1.6;
    }

/* Pricing */

.cds-pricing {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 21px;
}

.cds-price-card {
    position: relative;
    display: flex;
    min-height: 635px;
    flex-direction: column;
    padding: 34px;
    overflow: hidden;
    border: 1px solid var(--cds-border);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 21px 52px rgba(21,27,36,0.07);
}

.cds-price-card--featured {
    border: 2px solid var(--cds-blue);
    box-shadow: 0 30px 68px rgba(49,85,217,0.17);
    transform: translateY(-10px);
}

.cds-price-card__popular {
    position: absolute;
    top: 22px;
    right: -38px;
    width: 165px;
    padding: 7px 0;
    background: var(--cds-blue);
    color: #fff;
    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(38deg);
}

.cds-price-card__level {
    color: var(--cds-blue);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.cds-price-card h3 {
    min-height: 62px;
    margin: 18px 0 0;
    color: var(--cds-ink);
    font-family: "Manrope", sans-serif;
    font-size: 1.38rem;
    line-height: 1.3;
}

.cds-price {
    margin: 22px 0 0;
    color: var(--cds-muted);
    font-size: 0.82rem;
}

    .cds-price strong {
        display: block;
        color: var(--cds-ink);
        font-family: "Manrope", sans-serif;
        font-size: 2.35rem;
        letter-spacing: -0.04em;
        line-height: 1;
    }


.cds-price__rate {
    display: inline-flex;
    margin-top: 9px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(49, 85, 217, 0.08);
    color: var(--cds-blue);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.cds-price-card__intro {
    min-height: 78px;
    margin: 18px 0 0;
    color: var(--cds-muted);
    font-size: 0.89rem;
    line-height: 1.65;
}

.cds-check-list,
.cds-cross-list {
    display: grid;
    gap: 12px;
    margin: 26px 0 30px;
    padding: 23px 0 0;
    border-top: 1px solid var(--cds-border);
    list-style: none;
}

    .cds-check-list li,
    .cds-cross-list li {
        position: relative;
        padding-left: 28px;
        color: #465267;
        font-size: 0.87rem;
        line-height: 1.5;
    }

        .cds-check-list li::before,
        .cds-cross-list li::before {
            position: absolute;
            top: 0.02em;
            left: 0;
            display: grid;
            width: 19px;
            height: 19px;
            place-items: center;
            border-radius: 50%;
            font-size: 0.68rem;
            font-weight: 800;
        }

        .cds-check-list li::before {
            content: "✓";
            background: rgba(57,168,155,0.14);
            color: #14786d;
        }

        .cds-cross-list li::before {
            content: "×";
            background: rgba(230,111,85,0.14);
            color: #a33d2d;
        }

.cds-price-card .btn {
    width: 100%;
    margin-top: auto;
}

.cds-package-note {
    display: grid;
    max-width: 1000px;
    margin: 32px auto 0;
    padding: 21px 25px;
    border: 1px solid rgba(49,85,217,0.14);
    border-radius: 17px;
    background: rgba(49,85,217,0.06);
    grid-template-columns: 185px 1fr;
    gap: 18px;
}

    .cds-package-note strong {
        color: #263f9d;
        font-family: "Manrope", sans-serif;
        font-size: 0.86rem;
    }

    .cds-package-note p {
        margin: 0;
        color: #536077;
        font-size: 0.84rem;
        line-height: 1.65;
    }

/* Setup and scope */

.cds-setup {
    display: grid;
    padding: 50px;
    border-radius: 30px;
    background: radial-gradient(circle at 90% 10%, rgba(57,168,155,0.24), transparent 28%), linear-gradient(135deg, var(--cds-ink), #263b56);
    box-shadow: var(--cds-shadow);
    color: #fff;
    grid-template-columns: minmax(0,0.9fr) minmax(320px,1fr);
    gap: 65px;
}

    .cds-setup h2 {
        color: #fff;
    }

.cds-setup__price {
    margin: 16px 0 0;
    color: #b8c4ff;
    font-family: "Manrope", sans-serif;
    font-size: 1.18rem;
    font-weight: 800;
}

.cds-setup > div > p:last-child {
    color: rgba(255,255,255,0.7);
    line-height: 1.7;
}

.cds-check-list--light {
    align-content: center;
    margin: 0;
    padding: 0;
    border: 0;
}

    .cds-check-list--light li {
        color: rgba(255,255,255,0.8);
    }

.cds-scope {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px;
}

.cds-scope__card {
    padding: 39px;
    border: 1px solid var(--cds-border);
    border-radius: 28px;
    background: rgba(255,255,255,0.77);
}

.cds-scope__card--yes {
    border-top: 5px solid var(--cds-teal);
}

.cds-scope__card--no {
    border-top: 5px solid var(--cds-coral);
}

.cds-scope__card > span {
    color: var(--cds-muted);
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.cds-scope__card h3 {
    margin: 17px 0 0;
    color: var(--cds-ink);
    font-family: "Manrope", sans-serif;
    font-size: 1.43rem;
    line-height: 1.3;
}

/* Add-ons */

.cds-addons {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
}

    .cds-addons article {
        display: flex;
        min-height: 116px;
        flex-direction: column;
        justify-content: space-between;
        padding: 21px;
        border: 1px solid var(--cds-border);
        border-radius: 17px;
        background: #fff;
    }

    .cds-addons span {
        color: var(--cds-muted);
        font-size: 0.82rem;
        line-height: 1.45;
    }

    .cds-addons strong {
        margin-top: 17px;
        color: var(--cds-ink);
        font-family: "Manrope", sans-serif;
        font-size: 0.98rem;
    }

.cds-small-note {
    max-width: 760px;
    margin: 25px auto 0;
    color: var(--cds-muted);
    font-size: 0.84rem;
    line-height: 1.65;
    text-align: center;
}

/* Portfolio */

.cds-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--cds-blue);
    font-family: "Manrope", sans-serif;
    font-size: 0.87rem;
    font-weight: 800;
    text-decoration: none;
}

.cds-portfolio {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 13px;
}

    .cds-portfolio figure {
        margin: 0;
        overflow: hidden;
        border-radius: 17px;
        background: #fff;
        box-shadow: 0 17px 40px rgba(21,27,36,0.08);
    }

    .cds-portfolio img {
        display: block;
        width: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }

    .cds-portfolio figcaption {
        padding: 13px;
        color: var(--cds-ink);
        font-family: "Manrope", sans-serif;
        font-size: 0.72rem;
        font-weight: 700;
    }

/* FAQ and final CTA */

.cds-faq-layout {
    display: grid;
    align-items: start;
    grid-template-columns: minmax(290px,0.7fr) minmax(0,1.1fr);
    gap: 75px;
}

.cds-faq {
    display: grid;
    gap: 11px;
}

    .cds-faq details {
        border: 1px solid rgba(21,27,36,0.1);
        border-radius: 16px;
        background: rgba(255,255,255,0.8);
    }

    .cds-faq summary {
        position: relative;
        padding: 20px 54px 20px 20px;
        cursor: pointer;
        color: var(--cds-ink);
        font-family: "Manrope", sans-serif;
        font-size: 0.92rem;
        font-weight: 700;
        list-style: none;
    }

        .cds-faq summary::-webkit-details-marker {
            display: none;
        }

        .cds-faq summary::after {
            position: absolute;
            top: 50%;
            right: 18px;
            content: "+";
            color: var(--cds-blue);
            font-size: 1.15rem;
            transform: translateY(-50%);
        }

    .cds-faq details[open] summary::after {
        transform: translateY(-50%) rotate(45deg);
    }

    .cds-faq details p {
        margin: 0;
        padding: 0 20px 20px;
        color: var(--cds-muted);
        font-size: 0.88rem;
        line-height: 1.7;
    }

.cds-final {
    padding: 108px 0;
    background: radial-gradient(circle at 14% 24%, rgba(57,168,155,0.22), transparent 28%), radial-gradient(circle at 88% 74%, rgba(49,85,217,0.25), transparent 31%), var(--cds-ink);
    color: #fff;
}

.cds-final__inner {
    max-width: 880px;
    text-align: center;
}

    .cds-final__inner .cds-eyebrow {
        justify-content: center;
    }

.cds-final h2 {
    color: #fff;
    font-size: clamp(2.1rem,3.4vw,3.65rem);
}

.cds-final p {
    max-width: 680px;
    margin: 22px auto 0;
    color: rgba(255,255,255,0.72);
    font-size: 1.02rem;
    line-height: 1.75;
}

.cds-final__email {
    color: rgba(255,255,255,0.78);
    font-size: 0.89rem;
    text-decoration: none;
}

/* Responsive */

@media (max-width: 1160px) {
    .cds-card-grid--four {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .cds-process {
        grid-template-columns: repeat(3,minmax(0,1fr));
        row-gap: 42px;
    }

    .cds-addons {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .cds-portfolio {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 960px) {
    .cds-section {
        padding: 86px 0;
    }

    .cds-hero {
        padding: 64px 0 78px;
    }

    .cds-hero__grid {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .cds-hero__visual {
        min-height: 470px;
    }

    .cds-trust__grid {
        grid-template-columns: repeat(2,1fr);
    }

    .cds-pricing {
        max-width: 720px;
        margin: 0 auto;
        grid-template-columns: 1fr;
    }

    .cds-price-card {
        min-height: 0;
    }

    .cds-price-card--featured {
        transform: none;
    }

    .cds-price-card h3,
    .cds-price-card__intro {
        min-height: 0;
    }

    .cds-price-card .btn {
        margin-top: 30px;
    }

    .cds-setup {
        padding: 41px;
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .cds-faq-layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }
}

@media (max-width: 760px) {
    .cds-section {
        padding: 72px 0;
    }

    .cds-heading {
        margin-bottom: 38px;
    }

        .cds-heading h2 {
            font-size: clamp(1.8rem,7.2vw,2.35rem);
        }

    .cds-heading--split {
        display: block;
    }

        .cds-heading--split .cds-text-link {
            margin-top: 20px;
        }

    .cds-hero {
        padding: 50px 0 64px;
    }

        .cds-hero h1 {
            font-size: clamp(3rem,16vw,4.45rem);
        }

    .cds-actions {
        align-items: stretch;
        flex-direction: column;
    }

        .cds-actions .btn {
            width: 100%;
            justify-content: center;
        }

    .cds-hero__visual {
        min-height: 370px;
    }

    .cds-mockup {
        transform: scale(0.76);
        transform-origin: center;
    }

    .cds-card-grid--four,
    .cds-scope {
        grid-template-columns: 1fr;
    }

    .cds-card,
    .cds-dark-card {
        min-height: 0;
    }

    .cds-process {
        grid-template-columns: 1fr;
        gap: 28px;
    }

        .cds-process article {
            display: grid;
            grid-template-columns: 58px 1fr;
            column-gap: 17px;
        }

            .cds-process article > span {
                width: 58px;
                height: 58px;
                margin: 0;
                grid-row: 1 / 3;
            }

        .cds-process p {
            margin-top: 6px;
        }

    .cds-package-note {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .cds-portfolio {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .cds-final {
        padding: 84px 0;
    }
}

@media (max-width: 520px) {
    .cds-eyebrow {
        font-size: 0.66rem;
        letter-spacing: 0.1em;
    }

    .cds-hero__visual {
        min-height: 310px;
        margin: 0 -20px;
    }

    .cds-mockup {
        transform: scale(0.61);
    }

    .cds-trust__grid {
        grid-template-columns: 1fr;
    }

        .cds-trust__grid > div,
        .cds-trust__grid > div:first-child {
            border-right: 1px solid var(--cds-border);
            border-bottom: 1px solid var(--cds-border);
            border-left: 1px solid var(--cds-border);
        }

    .cds-price-card {
        padding: 27px 23px;
        border-radius: 24px;
    }

    .cds-setup {
        padding: 31px 23px;
        border-radius: 24px;
    }

    .cds-scope__card {
        padding: 29px 24px;
    }

    .cds-addons {
        grid-template-columns: 1fr;
    }

    .cds-portfolio {
        gap: 9px;
    }

        .cds-portfolio figcaption {
            padding: 10px;
            font-size: 0.66rem;
        }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}