/*
 * Develancer R189-B1
 * Homepage structural balance and desktop UI refinement.
 * Scoped to .dv3-home and desktop breakpoints.
 */

@media (min-width: 981px) {
    .dv3-home .dv3-shell {
        width: min(1240px, calc(100% - 48px)) !important;
    }

    /*
     * Override accumulated v13/v15 transforms.
     * The visual remains static and does not require the disabled JS.
     */
    .dv3-home .dv3-hero {
        min-height: 620px !important;
        margin-top: 22px !important;
        margin-bottom: 18px !important;
        padding: 40px 44px 34px !important;
        align-items: center !important;
        border-radius: 38px !important;
        overflow: hidden !important;
    }

    .dv3-home .dv3-copy {
        transform: none !important;
        align-self: center !important;
        max-width: 690px !important;
    }

    .dv3-home .dv3-visual {
        transform: none !important;
        min-height: 490px !important;
        align-self: center !important;
    }

    .dv3-home .dv3-orbit {
        width: min(470px, 96%) !important;
        max-width: 470px !important;
        min-height: 0 !important;
        transform: translateY(-6px) !important;
    }

    .dv3-home .dv3-copy h1 {
        margin-top: 14px !important;
        margin-bottom: 16px !important;
        font-size: clamp(44px, 4.25vw, 58px) !important;
        line-height: 1.27 !important;
    }

    .dv3-home .dv3-copy > p {
        margin: 0 !important;
        max-width: 720px !important;
        font-size: 16.5px !important;
        line-height: 2.05 !important;
    }

    .dv3-home .dv3-actions {
        margin-top: 23px !important;
        gap: 10px !important;
    }

    .dv3-home .dv3-actions .btn {
        min-height: 52px !important;
        padding: 11px 20px !important;
        border-radius: 15px !important;
    }

    .dv3-home .dv3-trust {
        margin-top: 23px !important;
        gap: 10px !important;
    }

    .dv3-home .dv3-trust-item {
        min-height: 70px !important;
        padding: 11px 12px !important;
        border-radius: 17px !important;
    }

    .dv3-home .dv3-section {
        padding: 20px 0 !important;
    }

    .dv3-home .dv3-feature-card,
    .dv3-home .dv3-step,
    .dv3-home .dv3-project,
    .dv3-home .dv3-card {
        transition:
            transform .22s ease,
            box-shadow .22s ease,
            border-color .22s ease;
    }

    .dv3-home .dv3-feature-card:hover,
    .dv3-home .dv3-step:hover,
    .dv3-home .dv3-project:hover {
        transform: translateY(-3px);
        border-color: #d7e3f5;
        box-shadow: 0 24px 52px rgba(15, 23, 42, .10);
    }

    .dv3-home .dv3-feature-card {
        min-height: 178px !important;
        padding: 20px 17px !important;
        border-radius: 24px !important;
    }

    /*
     * Restored independent middle profile card.
     */
    .dv3-home .dv3-card {
        min-width: 0 !important;
        height: 100% !important;
        padding: 24px !important;
        border-radius: 28px !important;
    }

    .dv3-home .dv3-profile {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        overflow: hidden !important;
        background:
            radial-gradient(
                circle at 50% 0%,
                rgba(37, 99, 235, .13),
                transparent 38%
            ),
            #ffffff !important;
    }

    .dv3-home .dv3-profile .dv25-orbit-asset {
        display: block !important;
        width: 168px !important;
        max-width: 74% !important;
        margin: -4px auto 8px !important;
    }

    .dv3-home .dv3-profile .dv25-orbit-asset img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .dv3-home .dv3-profile h3 {
        margin-top: 4px !important;
        margin-bottom: 8px !important;
        font-size: 20px !important;
    }

    .dv3-home .dv3-profile > p {
        max-width: 300px !important;
        margin-inline: auto !important;
    }

    .dv3-home .dv3-profile .dv3-medals {
        margin-top: 16px !important;
    }

    .dv3-home .dv3-card.dark {
        display: flex !important;
        flex-direction: column !important;
    }

    .dv3-home .dv3-card.dark .dv3-telegram-box {
        margin-top: 18px !important;
    }

    .dv3-home .dv3-projects {
        grid-auto-rows: 1fr !important;
    }

    .dv3-home .dv3-project {
        min-height: 280px !important;
        border-radius: 24px !important;
    }

    .dv3-home .dv3-final {
        margin-top: 24px !important;
        border-radius: 30px !important;
    }
}

@media (min-width: 1101px) {
    .dv3-home .dv3-split {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(0, .92fr)
            minmax(0, .96fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

@media (min-width: 981px) and (max-width: 1100px) {
    .dv3-home .dv3-split {
        grid-template-columns: 1fr !important;
    }

    .dv3-home .dv3-profile .dv25-orbit-asset {
        width: 190px !important;
    }
}