.service-page .service-deep-dive-wrap {
    padding-block: clamp(48px, 6vw, 88px);
}

.service-page .service-deep-dive {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
    align-items: center;
    gap: clamp(38px, 7vw, 96px);
    padding: clamp(34px, 5vw, 64px);
    overflow: hidden;
    border: 1px solid rgba(99, 168, 216, 0.2);
    border-radius: var(--radius);
    background: linear-gradient(125deg, rgba(255,255,255,0.93), rgba(226,243,253,0.82));
    box-shadow: var(--shadow-small);
}

.service-page .service-deep-dive::after {
    content: "";
    position: absolute;
    width: 180px;
    aspect-ratio: 1;
    right: -62px;
    top: -92px;
    border-radius: 50%;
    background: radial-gradient(circle at 28% 28%, rgba(255,255,255,0.8), rgba(130,197,229,0.18) 64%, transparent 72%);
    pointer-events: none;
}

.service-page .service-deep-dive > * {
    position: relative;
    z-index: 1;
}

.service-page .service-deep-dive h2 {
    max-width: 680px;
    margin-bottom: 0;
    font-size: clamp(2rem, 3.5vw, 3.5rem);
    text-wrap: balance;
}

.service-page .service-deep-dive-detail p {
    max-width: 500px;
    margin-bottom: 24px;
    color: var(--muted);
    font-size: 1.08rem;
}

.service-page .service-deep-dive-detail .button {
    text-align: center;
}

.service-page .service-deep-dive-secondary {
    display: table;
    margin-top: 22px;
}

@media (max-width: 800px) {
    .service-page .service-deep-dive {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .service-page .service-deep-dive::after {
        width: 130px;
    }
}