/* Final responsive polish for about.html. Loaded after inline page styles. */
html,
body{
    max-width:100% !important;
    overflow-x:hidden !important;
}

/* Match first About section height and soften the heading treatment. */
.about-premium-v17 .row.align-items-center{
    align-items:stretch !important;
}

.about-premium-v17 .col-lg-6{
    display:flex !important;
    flex-direction:column !important;
}

.about-premium-v17 .gradient-heading{
    max-width:650px !important;
    font-size:clamp(30px,2.55vw,42px) !important;
    line-height:1.12 !important;
    letter-spacing:-.45px !important;
    font-weight:900 !important;
    background:linear-gradient(90deg,#18204c 0%,#5530c7 48%,#3e70f2 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.about-premium-v17 .text-muted{
    color:#4f5872 !important;
    font-size:15px !important;
    line-height:1.68 !important;
}

.dx-company-highlight{
    color:#5d2edf !important;
    font-weight:800 !important;
}

.about-premium-v17 .delivery-engine{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:100% !important;
}

@media(max-width:1280px){
    .page-hero,
    .about-premium-v17,
    .dx-progress-consultant{
        overflow:hidden !important;
    }

    .page-hero .container,
    .about-premium-v17 .container,
    .dx-progress-consultant .container{
        max-width:100% !important;
        overflow:hidden !important;
    }

    .page-hero h1,
    .page-hero p,
    .about-premium-v17 .mini-badge,
    .about-premium-v17 h2,
    .about-premium-v17 p,
    .dx-progress-left h2,
    .dx-progress-left p{
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-progress-layout{
        grid-template-columns:1fr !important;
        gap:30px !important;
        align-items:stretch !important;
    }

    .dx-progress-left{
        width:100% !important;
        max-width:900px !important;
        min-width:0 !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .dx-progress-right.dx-blueprint-orbit-premium{
        width:100% !important;
        max-width:900px !important;
        min-height:auto !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding:34px !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:18px !important;
        overflow:hidden !important;
    }

    .dx-blueprint-orbit-premium .bp-grid-glow{
        display:block !important;
    }

    .dx-blueprint-orbit-premium .bp-orbit,
    .dx-blueprint-orbit-premium .bp-dot,
    .dx-blueprint-orbit-premium .bp-arrow,
    .dx-blueprint-orbit-premium .bp-step-card::after{
        display:none !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        position:relative !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;
        grid-column:1 / -1 !important;
        width:min(220px,70vw) !important;
        min-height:330px !important;
        margin:12px auto 20px !important;
        overflow:visible !important;
        isolation:isolate !important;
        animation:bpResponsiveCenterFloat 4.5s ease-in-out infinite !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card .bp-bulb,
    .dx-blueprint-orbit-premium .bp-center-card h4,
    .dx-blueprint-orbit-premium .bp-center-card strong,
    .dx-blueprint-orbit-premium .bp-center-card .bp-divider,
    .dx-blueprint-orbit-premium .bp-center-card h6,
    .dx-blueprint-orbit-premium .bp-center-card p{
        flex:none !important;
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card h4{
        line-height:1.05 !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card p{
        max-width:156px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card::before{
        content:"" !important;
        position:absolute !important;
        inset:-42px -70px !important;
        border:2px dashed rgba(139,63,242,.22) !important;
        border-radius:50% !important;
        z-index:-1 !important;
        pointer-events:none !important;
        animation:bpResponsiveOrbit 24s linear infinite !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card::after{
        display:block !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        display:block !important;
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:100% !important;
        min-width:0 !important;
        min-height:155px !important;
        transform:none !important;
    }
}

@media(max-width:767px){
    .page-hero .container,
    .about-premium-v17 .container,
    .dx-progress-consultant .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
        overflow:hidden !important;
    }

    .page-hero h1{
        font-size:clamp(30px,8vw,38px) !important;
        line-height:1.12 !important;
    }

    .page-hero p{
        font-size:13.5px !important;
        line-height:1.65 !important;
    }

    .about-premium-v17 .mini-badge{
        display:inline-flex !important;
        max-width:100% !important;
        font-size:10px !important;
        line-height:1.35 !important;
        letter-spacing:.14em !important;
        padding:10px 14px !important;
        flex-wrap:wrap !important;
    }

    .about-premium-v17 .gradient-heading{
        font-size:clamp(29px,8vw,38px) !important;
        line-height:1.12 !important;
        letter-spacing:-.4px !important;
    }

    .about-premium-v17 p{
        font-size:13px !important;
        line-height:1.7 !important;
    }

    .about-pill-grid div{
        grid-template-columns:46px minmax(0,1fr) !important;
        padding:14px 16px !important;
    }

    .about-pill-grid b,
    .about-pill-grid small{
        min-width:0 !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .delivery-engine{
        width:100% !important;
        max-width:100% !important;
        grid-template-columns:1fr 1fr !important;
        padding:18px !important;
        gap:12px !important;
    }

    .engine-step{
        min-width:0 !important;
    }

    .dx-progress-layout{
        gap:22px !important;
    }

    .dx-progress-left h2{
        font-size:clamp(30px,8.2vw,38px) !important;
        line-height:1.12 !important;
        letter-spacing:-.6px !important;
    }

    .dx-progress-left h2 br{
        display:none !important;
    }

    .dx-progress-left p{
        font-size:13px !important;
        line-height:1.7 !important;
        margin-bottom:22px !important;
    }

    .dx-progress-list{
        gap:12px !important;
    }

    .dx-progress-item{
        grid-template-columns:48px minmax(0,1fr) !important;
        gap:12px !important;
        min-height:auto !important;
        padding:14px 16px !important;
        border-radius:22px !important;
    }

    .dx-progress-item strong{
        display:none !important;
    }

    .dx-progress-item i{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        border-radius:16px !important;
        font-size:18px !important;
    }

    .dx-progress-item span{
        min-width:0 !important;
        font-size:13.2px !important;
        line-height:1.25 !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-progress-right.dx-blueprint-orbit-premium{
        max-width:100% !important;
        padding:24px 18px !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
        border-radius:28px !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card{
        width:min(188px,68vw) !important;
        min-height:280px !important;
        padding:22px 16px 18px !important;
        margin:8px auto 18px !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card::before{
        inset:-30px -46px !important;
    }

    .dx-blueprint-orbit-premium .bp-bulb{
        width:62px !important;
        height:62px !important;
        font-size:34px !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card h4{
        font-size:24px !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card h6{
        font-size:12.5px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        min-height:auto !important;
        padding:18px !important;
        border-radius:22px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card h5,
    .dx-blueprint-orbit-premium .bp-step-card p{
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:12px !important;
        line-height:1.55 !important;
    }
}

@keyframes bpResponsiveCenterFloat{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-10px) scale(1.02);}
}

@keyframes bpResponsiveOrbit{
    to{transform:rotate(360deg);}
}

/* Put each blueprint step icon inside an attractive round corner badge. */
.dx-blueprint-orbit-premium .bp-step-card{
    overflow:hidden !important;
    position:relative !important;
}

.dx-blueprint-orbit-premium .bp-step-card::before{
    content:"" !important;
    position:absolute !important;
    left:-46px !important;
    top:-46px !important;
    width:138px !important;
    height:138px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle at 68% 68%,rgba(255,255,255,.95) 0 18%,rgba(238,214,255,.58) 19% 36%,rgba(170,74,255,.18) 37% 58%,transparent 60%) !important;
    pointer-events:none !important;
    z-index:0 !important;
}

.dx-blueprint-orbit-premium .bp-step-head{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:70px !important;
    height:70px !important;
    margin:0 0 18px !important;
}

.dx-blueprint-orbit-premium .bp-step-head b{
    position:absolute !important;
    inset:0 !important;
    width:64px !important;
    height:64px !important;
    border-radius:50% !important;
    display:block !important;
    background:
        radial-gradient(circle at 30% 22%,#efa8ff 0 9%,#bd43ff 42%,#762bff 100%) !important;
    border:7px solid rgba(255,255,255,.86) !important;
    box-shadow:
        0 0 0 9px rgba(205,139,255,.13),
        0 18px 36px rgba(124,58,237,.24) !important;
}

.dx-blueprint-orbit-premium .bp-step-head b::after{
    content:"" !important;
    position:absolute !important;
    inset:-15px !important;
    border-radius:50% !important;
    border:1px solid rgba(194,119,255,.32) !important;
    border-right-color:rgba(194,119,255,.08) !important;
    animation:bpResponsiveOrbit 12s linear infinite !important;
}

.dx-blueprint-orbit-premium .bp-step-head i{
    position:absolute !important;
    inset:0 !important;
    width:64px !important;
    height:64px !important;
    border:0 !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:25px !important;
    z-index:3 !important;
}

.dx-blueprint-orbit-premium .bp-step-card h5,
.dx-blueprint-orbit-premium .bp-step-card > span,
.dx-blueprint-orbit-premium .bp-step-card p{
    position:relative !important;
    z-index:2 !important;
}

@media(max-width:767px){
    .dx-blueprint-orbit-premium .bp-step-head{
        width:62px !important;
        height:62px !important;
        margin-bottom:14px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head b,
    .dx-blueprint-orbit-premium .bp-step-head i{
        width:56px !important;
        height:56px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head i{
        font-size:22px !important;
    }
}

/* Final corner correction: move the round step badge to the right side. */
.dx-blueprint-orbit-premium .bp-step-card{
    padding:36px 126px 28px 30px !important;
    min-height:178px !important;
}

.dx-blueprint-orbit-premium .bp-step-card::before{
    left:auto !important;
    right:-34px !important;
    top:-34px !important;
    width:146px !important;
    height:146px !important;
    background:
        radial-gradient(circle at 32% 68%,rgba(255,255,255,.98) 0 18%,rgba(238,214,255,.64) 19% 35%,rgba(170,74,255,.20) 36% 57%,transparent 59%) !important;
}

.dx-blueprint-orbit-premium .bp-step-head{
    position:absolute !important;
    right:30px !important;
    top:30px !important;
    left:auto !important;
    width:70px !important;
    height:70px !important;
    margin:0 !important;
}

.dx-blueprint-orbit-premium .bp-step-head b,
.dx-blueprint-orbit-premium .bp-step-head i{
    width:64px !important;
    height:64px !important;
}

.dx-blueprint-orbit-premium .bp-step-card h5{
    margin-top:8px !important;
    padding-right:0 !important;
}

@media(max-width:767px){
    .dx-blueprint-orbit-premium .bp-step-card,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        padding:24px 92px 22px 20px !important;
        min-height:142px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card::before{
        right:-30px !important;
        top:-30px !important;
        width:122px !important;
        height:122px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head{
        right:20px !important;
        top:24px !important;
        width:58px !important;
        height:58px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head b,
    .dx-blueprint-orbit-premium .bp-step-head i{
        width:54px !important;
        height:54px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head i{
        font-size:21px !important;
    }
}

/* Final purple-only palette correction: remove blue tint and close section gap. */
:root{
    --dx-about-dark-purple:#4B00B5;
    --dx-about-royal-purple:#7B2CFF;
    --dx-about-lavender:#B66DFF;
    --dx-about-soft-lavender:#D9A8FF;
    --dx-about-pink-glow:#F2B3FF;
}

.page-hero,
.about-premium-v17,
.dx-mission-timeline-section{
    background:
        radial-gradient(circle at 88% 12%,rgba(242,179,255,.20),transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 56%,#f7efff 100%) !important;
}

.page-hero .gradient-text,
.about-premium-v17 .gradient-heading{
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 46%,#B66DFF 78%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.about-premium-v17{
    padding-bottom:0 !important;
}

.about-premium-v17 + .dx-mission-timeline-section{
    margin-top:0 !important;
    padding-top:0 !important;
}

.about-premium-v17 + .dx-mission-timeline-section .dx-mission-timeline-head{
    margin-top:0 !important;
    padding-top:0 !important;
}

.about-premium-v17 .delivery-engine{
    background:
        radial-gradient(circle at 82% 18%,rgba(242,179,255,.22),transparent 30%),
        radial-gradient(circle at 16% 90%,rgba(217,168,255,.22),transparent 34%),
        linear-gradient(145deg,#ffffff 0%,#fbf7ff 58%,#f6edff 100%) !important;
}

.dx-company-highlight{
    color:#4B00B5 !important;
    text-shadow:0 8px 22px rgba(242,179,255,.22) !important;
}

.engine-core,
.about-pill-grid i,
.dx-blueprint-orbit-premium .bp-step-head b{
    background:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 100%) !important;
}

.engine-step i{
    color:#7B2CFF !important;
    background:transparent !important;
}

.engine-bg,
.engine-bg::after{
    border-color:rgba(123,44,255,.24) !important;
}

.dx-progress-left h2{
    max-width:none !important;
    font-size:clamp(24px,1.8vw,32px) !important;
    line-height:1.12 !important;
    letter-spacing:-.15px !important;
    font-weight:900 !important;
    color:#4B00B5 !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 46%,#B66DFF 76%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 10px 28px rgba(242,179,255,.18) !important;
    white-space:nowrap !important;
}

.dx-progress-left h2 br{
    display:none !important;
}

.dx-progress-left h2 span{
    color:inherit !important;
    background:inherit !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

/* Desktop restore: keep the full orbit blueprint layout clean. */
@media(min-width:1281px){
    .dx-progress-consultant .dx-progress-layout{
        align-items:stretch !important;
    }

    .dx-progress-consultant .dx-progress-left{
        display:flex !important;
        flex-direction:column !important;
        justify-content:flex-start !important;
    }

    .dx-progress-right.dx-blueprint-orbit-premium{
        display:block !important;
        align-self:stretch !important;
        min-height:0 !important;
        height:auto !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .dx-blueprint-orbit-premium .bp-orbit,
    .dx-blueprint-orbit-premium .bp-center-card,
    .dx-blueprint-orbit-premium .bp-dot,
    .dx-blueprint-orbit-premium .bp-arrow{
        display:block !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card{
        position:absolute !important;
        left:50% !important;
        top:50% !important;
        transform:translate(-50%,-50%) !important;
        width:170px !important;
        min-height:260px !important;
        margin:0 !important;
        padding:22px 16px 18px !important;
        overflow:hidden !important;
        animation:bpCenterFloat 4.5s ease-in-out infinite !important;
    }

    .dx-blueprint-orbit-premium .bp-center-card::before{
        content:none !important;
        display:none !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        position:absolute !important;
        width:185px !important;
        min-height:155px !important;
        padding:18px 17px !important;
        overflow:visible !important;
        transform:none !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card.bp-step-1{
        left:22px !important;
        top:48px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card.bp-step-2{
        right:22px !important;
        top:48px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card.bp-step-3{
        left:22px !important;
        bottom:48px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        right:22px !important;
        bottom:48px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card::before{
        content:none !important;
        display:none !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card::after{
        display:block !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        display:flex !important;
        align-items:flex-start !important;
        justify-content:space-between !important;
        width:auto !important;
        height:auto !important;
        margin:0 0 10px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head b{
        position:static !important;
        width:42px !important;
        height:42px !important;
        border:0 !important;
        border-radius:50% !important;
        box-shadow:0 12px 26px rgba(139,63,242,.24) !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head b::after{
        content:none !important;
        display:none !important;
    }

    .dx-blueprint-orbit-premium .bp-step-head i{
        position:static !important;
        width:50px !important;
        height:50px !important;
        border-radius:18px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#7B2CFF !important;
        background:linear-gradient(145deg,#fff,#f5edff) !important;
        border:1px solid #eadcff !important;
        box-shadow:0 14px 34px rgba(139,63,242,.13) !important;
        font-size:24px !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card h5{
        margin-top:0 !important;
        margin-bottom:9px !important;
        font-size:12px !important;
        line-height:1.1 !important;
    }

    .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:11.5px !important;
        line-height:1.48 !important;
        max-width:none !important;
    }
}

/* Final About page spacing: keep a small visible gap between stacked sections. */
body > section.page-hero:first-of-type,
.page-hero{
    padding-top:104px !important;
    padding-bottom:28px !important;
    margin-bottom:0 !important;
}

.page-hero h1,
.page-hero h1 .gradient-text{
    color:#4B00B5 !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 45%,#B66DFF 74%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.about-premium-v17{
    padding-top:28px !important;
    padding-bottom:28px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.about-premium-v17 .container,
.about-premium-v17 .row{
    margin-bottom:0 !important;
}

.dx-mission-timeline-section{
    padding-top:28px !important;
    padding-bottom:24px !important;
    margin-top:0 !important;
}

.about-premium-v17 + .dx-mission-timeline-section{
    padding-top:28px !important;
    margin-top:0 !important;
}

.dx-mission-timeline-head{
    margin-top:0 !important;
    padding-top:0 !important;
    margin-bottom:18px !important;
    transform:none !important;
}

.dx-mission-timeline-head span{
    margin-top:0 !important;
    margin-bottom:10px !important;
}

.dx-mission-timeline-head h2{
    margin-top:0 !important;
    max-width:1240px !important;
    font-size:clamp(22px,1.85vw,30px) !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
    font-weight:800 !important;
    color:#4B00B5 !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 46%,#B66DFF 76%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    white-space:nowrap !important;
}

.dx-mission-timeline-head h2 em{
    background:inherit !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.dx-mission-timeline-head h2 br{
    display:none !important;
}

.dx-mission-box.middle{
    top:260px !important;
}

@media(max-width:991px){
    .dx-mission-timeline-head h2{
        font-size:22px !important;
    }

    .dx-mission-timeline{
        gap:34px !important;
    }

    .dx-mission-box.middle{
        top:auto !important;
    }
}

@media(max-width:575px){
    .about-premium-v17{
        padding-top:24px !important;
        padding-bottom:24px !important;
    }

    .dx-mission-timeline-head h2{
        font-size:19px !important;
        line-height:1.2 !important;
        white-space:normal !important;
    }

    .dx-mission-timeline{
        gap:30px !important;
    }
}

.dx-mission-timeline-section + .dx-different-section{
    padding-top:28px !important;
    margin-top:0 !important;
}

.dx-different-section .dx-section-head{
    margin-top:0 !important;
    margin-bottom:26px !important;
}

.dx-different-section .dx-section-head span{
    margin-top:0 !important;
}

@media(max-width:575px){
    .dx-mission-timeline-section{
        padding-top:24px !important;
        padding-bottom:22px !important;
    }

    .dx-mission-timeline-section + .dx-different-section{
        padding-top:24px !important;
    }
}

/* Core capabilities replacement: connected vertical cards with purple/lavender palette. */
.dx-core-capabilities-section{
    --dx-core-dark:#4B00B5;
    --dx-core-royal:#7B2CFF;
    --dx-core-lavender:#B66DFF;
    --dx-core-soft:#D9A8FF;
    --dx-core-pink:#F2B3FF;
    position:relative !important;
    overflow:hidden !important;
    padding:70px 0 74px !important;
    background:
        radial-gradient(circle at 12% 18%,rgba(242,179,255,.24),transparent 26%),
        radial-gradient(circle at 86% 8%,rgba(217,168,255,.20),transparent 32%),
        linear-gradient(rgba(123,44,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(123,44,255,.055) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf8ff 48%,#f5edff 100%) !important;
    background-size:auto,auto,64px 64px,64px 64px,auto !important;
}

.dx-core-capabilities-section::before{
    content:"" !important;
    position:absolute !important;
    left:6% !important;
    top:42px !important;
    width:130px !important;
    height:92px !important;
    background:radial-gradient(circle,rgba(182,109,255,.42) 2px,transparent 3px) !important;
    background-size:20px 20px !important;
    opacity:.72 !important;
}

.dx-core-capabilities-section::after{
    content:"" !important;
    position:absolute !important;
    right:-70px !important;
    top:-30px !important;
    width:360px !important;
    height:360px !important;
    border:1px solid rgba(123,44,255,.12) !important;
    border-radius:50% !important;
    box-shadow:0 0 0 46px rgba(217,168,255,.055) !important;
}

.dx-core-capabilities-section .container{
    position:relative !important;
    z-index:2 !important;
}

.dx-core-capabilities-section .dx-core-premium-heading{
    margin:0 auto 26px !important;
}

.dx-core-capabilities-section .mini-badge{
    display:inline-flex !important;
    align-items:center !important;
    gap:14px !important;
    height:34px !important;
    padding:0 22px !important;
    border-radius:10px !important;
    border:1px solid rgba(123,44,255,.20) !important;
    background:rgba(255,255,255,.76) !important;
    box-shadow:0 14px 32px rgba(123,44,255,.08) !important;
    color:var(--dx-core-royal) !important;
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:.24em !important;
    font-weight:900 !important;
}

.dx-core-capabilities-section .mini-badge span{
    display:block !important;
    width:8px !important;
    height:8px !important;
    border-radius:2px !important;
    background:linear-gradient(135deg,var(--dx-core-royal),var(--dx-core-pink)) !important;
    transform:rotate(45deg) !important;
}

.dx-core-capabilities-section .main-heading,
.dx-core-capabilities-section .main-heading span{
    margin:20px auto 12px !important;
    font-size:clamp(34px,3.15vw,56px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    font-weight:950 !important;
    color:#12182f !important;
    -webkit-text-fill-color:initial !important;
    background:none !important;
}

.dx-core-capabilities-section .main-heading span{
    display:inline !important;
    color:transparent !important;
    background:linear-gradient(90deg,var(--dx-core-dark),var(--dx-core-royal) 45%,var(--dx-core-lavender) 78%,var(--dx-core-pink)) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.dx-core-capabilities-section .heading-subtext{
    max-width:720px !important;
    margin:0 auto !important;
    color:#52607f !important;
    font-size:16px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
}

.dx-core-capabilities-section .heading-subtext span{
    color:var(--dx-core-dark) !important;
    background:none !important;
    -webkit-text-fill-color:var(--dx-core-dark) !important;
    font-weight:900 !important;
}

.dx-core-capabilities-section .dx-core-grid{
    counter-reset:dxcore !important;
    width:min(1260px,94%) !important;
    margin:0 auto !important;
    padding-top:88px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:32px !important;
    position:relative !important;
    z-index:3 !important;
}

.dx-core-capabilities-section .dx-core-grid::before{
    content:"" !important;
    position:absolute !important;
    left:6% !important;
    right:6% !important;
    top:58px !important;
    height:72px !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 90' preserveAspectRatio='none'%3E%3Cpath d='M8 45 C78 8 145 82 218 45 S360 8 435 45 S578 82 650 45 S792 8 868 45 S1034 82 1192 45' fill='none' stroke='%237B2CFF' stroke-width='3' stroke-linecap='round' opacity='.58'/%3E%3Cpath d='M8 45 C78 8 145 82 218 45 S360 8 435 45 S578 82 650 45 S792 8 868 45 S1034 82 1192 45' fill='none' stroke='%23F2B3FF' stroke-width='1.5' stroke-linecap='round' opacity='.62'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-size:100% 100% !important;
    animation:dxCoreConnectorGlow 4.8s ease-in-out infinite !important;
    pointer-events:none !important;
}

.dx-core-capabilities-section .dx-core-card{
    counter-increment:dxcore !important;
    position:relative !important;
    min-height:388px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:92px 26px 26px !important;
    text-align:center !important;
    border-radius:18px 18px 10px 10px !important;
    border:1px solid rgba(123,44,255,.20) !important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 62%,rgba(217,168,255,.14) 100%) !important;
    box-shadow:0 18px 48px rgba(75,0,181,.10),inset 0 1px 0 rgba(255,255,255,.96) !important;
    overflow:visible !important;
    opacity:1 !important;
    translate:0 0 !important;
    animation:dxCoreCardStagger .78s cubic-bezier(.2,.85,.25,1) both !important;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease !important;
}

.dx-core-capabilities-section .dx-core-card:nth-child(2){animation-delay:.12s !important;}
.dx-core-capabilities-section .dx-core-card:nth-child(3){animation-delay:.24s !important;}
.dx-core-capabilities-section .dx-core-card:nth-child(4){animation-delay:.36s !important;}

.dx-core-capabilities-section .dx-core-card::before{
    content:counter(dxcore, decimal-leading-zero) !important;
    position:absolute !important;
    left:50% !important;
    top:-76px !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    height:auto !important;
    background:none !important;
    color:var(--dx-core-royal) !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-shadow:0 10px 20px rgba(123,44,255,.16) !important;
}

.dx-core-capabilities-section .dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:-7px !important;
    width:16px !important;
    height:16px !important;
    transform:translateX(-50%) !important;
    border-radius:50% !important;
    background:#ffffff !important;
    border:3px solid var(--dx-core-soft) !important;
    box-shadow:0 0 0 7px rgba(182,109,255,.12),0 0 20px rgba(242,179,255,.80) !important;
    animation:dxCoreNodePulse 2.6s ease-in-out infinite !important;
    opacity:1 !important;
}

.dx-core-capabilities-section .dx-core-card:hover{
    transform:translateY(-10px) !important;
    border-color:rgba(182,109,255,.42) !important;
    box-shadow:0 26px 70px rgba(75,0,181,.16),0 0 34px rgba(242,179,255,.22),inset 0 1px 0 #fff !important;
}

.dx-core-capabilities-section .dx-core-icon{
    position:absolute !important;
    left:50% !important;
    top:-56px !important;
    transform:translateX(-50%) !important;
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:auto !important;
    color:#ffffff !important;
    font-size:40px !important;
    background:
        radial-gradient(circle at 30% 22%,#ffffff 0%,rgba(255,255,255,.65) 10%,var(--dx-core-pink) 22%,var(--dx-core-lavender) 42%,var(--dx-core-royal) 70%,var(--dx-core-dark) 100%) !important;
    box-shadow:0 20px 38px rgba(75,0,181,.22),0 0 0 18px rgba(217,168,255,.18),inset 0 1px 0 rgba(255,255,255,.46) !important;
    animation:dxCoreIconFloat 4.6s ease-in-out infinite !important;
    z-index:4 !important;
}

.dx-core-capabilities-section .dx-core-icon i{
    position:relative !important;
    z-index:3 !important;
    color:#fff !important;
    font-size:40px !important;
    filter:drop-shadow(0 5px 10px rgba(75,0,181,.24)) !important;
}

.dx-core-capabilities-section .dx-core-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:-21px !important;
    width:auto !important;
    height:auto !important;
    border-radius:50% !important;
    border:3px dashed rgba(123,44,255,.62) !important;
    background:transparent !important;
    box-shadow:0 0 0 12px rgba(255,255,255,.65),0 0 30px rgba(242,179,255,.26) !important;
    animation:dxCoreRingSpin 12s linear infinite !important;
}

.dx-core-capabilities-section .dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-29px !important;
    width:18px !important;
    height:18px !important;
    transform:translateX(-50%) !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,var(--dx-core-pink),var(--dx-core-royal)) !important;
    border:4px solid #ffffff !important;
    box-shadow:0 0 20px rgba(242,179,255,.90) !important;
    animation:dxCoreNodePulse 2.4s ease-in-out infinite !important;
}

.dx-core-capabilities-section .dx-core-content{
    display:block !important;
    width:100% !important;
}

.dx-core-capabilities-section .dx-core-content h3{
    margin:0 0 12px !important;
    color:#12182f !important;
    font-size:22px !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
    font-weight:950 !important;
}

.dx-core-capabilities-section .dx-core-content span,
.dx-core-capabilities-section .dx-core-line{
    display:block !important;
    width:44px !important;
    height:4px !important;
    margin:0 auto 18px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,var(--dx-core-dark),var(--dx-core-royal),var(--dx-core-pink)) !important;
}

.dx-core-capabilities-section .dx-core-content p{
    min-height:56px !important;
    margin:0 auto 20px !important;
    color:#52607f !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:650 !important;
}

.dx-core-capabilities-section .dx-core-divider{
    display:block !important;
    width:100% !important;
    height:1px !important;
    margin:0 0 18px !important;
    background:linear-gradient(90deg,transparent,rgba(123,44,255,.18),rgba(242,179,255,.22),transparent) !important;
}

.dx-core-capabilities-section .dx-core-card ul{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:12px !important;
    text-align:left !important;
}

.dx-core-capabilities-section .dx-core-card li{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:22px !important;
    color:#17203a !important;
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    font-weight:750 !important;
}

.dx-core-capabilities-section .dx-core-card li i{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    color:#ffffff !important;
    font-size:8px !important;
    background:linear-gradient(135deg,var(--dx-core-royal),var(--dx-core-lavender) 62%,var(--dx-core-pink)) !important;
    box-shadow:0 8px 16px rgba(123,44,255,.22) !important;
    animation:dxCoreCheckPop 2.8s ease-in-out infinite !important;
}

.dx-core-capabilities-section .dx-core-card li:nth-child(2) i{animation-delay:.22s !important;}
.dx-core-capabilities-section .dx-core-card li:nth-child(3) i{animation-delay:.44s !important;}

@keyframes dxCoreRingSpin{
    to{transform:rotate(360deg);}
}

@keyframes dxCoreCardStagger{
    from{opacity:0;translate:0 24px;}
    to{opacity:1;translate:0 0;}
}

@keyframes dxCoreIconFloat{
    0%,100%{transform:translateX(-50%) translateY(0);}
    50%{transform:translateX(-50%) translateY(-8px);}
}

@keyframes dxCoreNodePulse{
    0%,100%{opacity:.72;box-shadow:0 0 0 7px rgba(182,109,255,.12),0 0 18px rgba(242,179,255,.62);}
    50%{opacity:1;box-shadow:0 0 0 12px rgba(182,109,255,.14),0 0 30px rgba(242,179,255,.92);}
}

@keyframes dxCoreConnectorGlow{
    0%,100%{opacity:.62;filter:drop-shadow(0 0 0 rgba(242,179,255,0));}
    50%{opacity:1;filter:drop-shadow(0 0 12px rgba(242,179,255,.76));}
}

@keyframes dxCoreCheckPop{
    0%,100%{transform:scale(1);}
    45%{transform:scale(1.14);}
}

@media(max-width:1199px){
    .dx-core-capabilities-section .dx-core-grid{
        width:min(760px,94%) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        row-gap:96px !important;
    }

    .dx-core-capabilities-section .dx-core-grid::before{
        display:none !important;
    }
}

/* V178: keep planning step number and icon badges visible and aligned. */
body .dx-planning-timeline{
    width:100% !important;
}

body .dx-planning-step{
    display:grid !important;
    grid-template-columns:46px 46px minmax(0,1fr) !important;
    gap:16px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    padding:16px 22px !important;
    overflow:visible !important;
}

body .dx-planning-step b,
body .dx-planning-step > i{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    display:grid !important;
    place-items:center !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    border-radius:10px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

body .dx-planning-step b{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:950 !important;
    background:linear-gradient(135deg,#B66DFF 0%,#7B2CFF 55%,#4B00B5 100%) !important;
}

body .dx-planning-step > i{
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    font-size:20px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(242,179,255,.16)) !important;
    border:1px solid rgba(217,168,255,.42) !important;
}

body .dx-planning-step > div{
    min-width:0 !important;
}

@media(max-width:767px){
    body .dx-planning-step{
        grid-template-columns:46px 46px minmax(0,1fr) !important;
        gap:12px !important;
        padding:14px !important;
    }

    body .dx-planning-step > i{
        display:grid !important;
    }
}

@media(max-width:767px){
    .dx-core-capabilities-section{
        padding:54px 0 58px !important;
    }

    .dx-core-capabilities-section .main-heading,
    .dx-core-capabilities-section .main-heading span{
        font-size:clamp(28px,8vw,40px) !important;
        line-height:1.12 !important;
    }

    .dx-core-capabilities-section .heading-subtext{
        font-size:12px !important;
    }

    .dx-core-capabilities-section .dx-core-grid{
        width:min(360px,92%) !important;
        grid-template-columns:1fr !important;
        gap:92px !important;
        padding-top:84px !important;
    }

    .dx-core-capabilities-section .dx-core-card{
        min-height:auto !important;
        padding:86px 24px 26px !important;
    }

    .dx-core-capabilities-section .dx-core-icon{
        width:100px !important;
        height:100px !important;
        min-width:100px !important;
        top:-50px !important;
        font-size:34px !important;
    }

    .dx-core-capabilities-section .dx-core-icon i{
        font-size:34px !important;
    }

    .dx-core-capabilities-section .dx-core-icon::before{
        inset:-18px !important;
    }

    .dx-core-capabilities-section .dx-core-content p{
        min-height:0 !important;
    }
}

/* About page enterprise capabilities map replacement. */
.dx-enterprise-capabilities-section{
    position:relative !important;
    overflow:hidden !important;
    padding:30px 0 38px !important;
    background:
        radial-gradient(circle at 12% 12%,rgba(124,58,237,.07),transparent 28%),
        radial-gradient(circle at 90% 86%,rgba(139,92,246,.08),transparent 30%),
        linear-gradient(rgba(124,58,237,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(124,58,237,.045) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf8ff 46%,#f4edff 100%) !important;
    background-size:auto,auto,46px 46px,46px 46px,auto !important;
}

.dx-enterprise-capabilities-section::before{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:78px !important;
    width:118px !important;
    height:86px !important;
    background:radial-gradient(circle,rgba(124,58,237,.52) 1.8px,transparent 2.6px) !important;
    background-size:18px 18px !important;
    opacity:.58 !important;
}

.dx-enterprise-capabilities-section::after{
    content:"" !important;
    position:absolute !important;
    right:-58px !important;
    top:-70px !important;
    width:270px !important;
    height:270px !important;
    border-radius:50% !important;
    border:1px solid rgba(124,58,237,.12) !important;
    box-shadow:0 0 0 18px rgba(124,58,237,.035),0 0 0 42px rgba(124,58,237,.028),0 0 0 70px rgba(124,58,237,.02) !important;
}

.dx-enterprise-capabilities-section .container{
    position:relative !important;
    z-index:2 !important;
}

.dx-enterprise-head{
    margin:0 auto 6px !important;
}

.dx-enterprise-head span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:32px !important;
    padding:0 22px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.78) !important;
    border:1px solid rgba(124,58,237,.12) !important;
    box-shadow:0 12px 28px rgba(124,58,237,.08) !important;
    color:#7c3aed !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
}

.dx-enterprise-head span i{
    font-size:10px !important;
}

.dx-enterprise-head h2{
    margin:12px auto 6px !important;
    color:#111831 !important;
    font-size:clamp(30px,2.75vw,42px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    font-weight:900 !important;
}

.dx-enterprise-head h2 em{
    font-style:normal !important;
    background:linear-gradient(90deg,#5b21b6,#7c3aed 46%,#a855f7 72%,#c084fc) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.dx-enterprise-head p{
    max-width:760px !important;
    margin:0 auto !important;
    color:#5c6883 !important;
    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
}

.dx-enterprise-head p strong{
    color:#5b21b6 !important;
    font-weight:900 !important;
}

.dx-enterprise-map{
    position:relative !important;
    width:min(1280px,100%) !important;
    min-height:382px !important;
    margin:0 auto !important;
}

.dx-enterprise-hub{
    position:absolute !important;
    left:50% !important;
    top:51% !important;
    transform:translate(-50%,-50%) !important;
    width:178px !important;
    height:118px !important;
    border-radius:50% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    text-align:center !important;
    color:#17203a !important;
    background:radial-gradient(circle at 50% 42%,#ffffff 0%,#fbf8ff 58%,#eee4ff 100%) !important;
    border:1px solid rgba(124,58,237,.14) !important;
    box-shadow:0 18px 58px rgba(124,58,237,.18),0 0 0 18px rgba(255,255,255,.72),0 0 0 38px rgba(124,58,237,.08),0 0 0 70px rgba(124,58,237,.035) !important;
    z-index:5 !important;
}

.dx-enterprise-hub::before{
    content:"" !important;
    position:absolute !important;
    inset:-50px !important;
    border:2px dotted rgba(124,58,237,.16) !important;
    border-radius:50% !important;
    animation:dxEnterpriseSpin 26s linear infinite !important;
}

.dx-enterprise-hub i{
    color:#a78bfa !important;
    font-size:23px !important;
    opacity:.7 !important;
}

.dx-enterprise-hub strong{
    font-size:15px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:transparent !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 52%,#B66DFF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}

.dx-enterprise-hub small{
    color:#7c3aed !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

.dx-enterprise-card{
    position:absolute !important;
    width:362px !important;
    min-height:154px !important;
    padding:17px 24px 15px 102px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88)) !important;
    border:1px solid rgba(124,58,237,.16) !important;
    box-shadow:0 18px 44px rgba(79,70,229,.12),0 16px 0 -10px #a78bfa,0 26px 0 -16px #7c3aed !important;
    z-index:4 !important;
    overflow:hidden !important;
    transition:transform .28s ease,box-shadow .28s ease !important;
}

.dx-enterprise-card:hover{
    transform:translateY(-7px) !important;
    box-shadow:0 28px 66px rgba(79,70,229,.16),0 16px 0 -10px #a78bfa,0 26px 0 -16px #7c3aed !important;
}

.dx-enterprise-card::after{
    content:"" !important;
    position:absolute !important;
    right:28px !important;
    bottom:22px !important;
    width:62px !important;
    height:62px !important;
    opacity:.28 !important;
    background:radial-gradient(circle,rgba(124,58,237,.58) 1.8px,transparent 2.7px) !important;
    background-size:12px 12px !important;
}

.dx-enterprise-card.card-a{left:0 !important;top:12px !important;}
.dx-enterprise-card.card-b{right:0 !important;top:12px !important;}
.dx-enterprise-card.card-c{left:0 !important;bottom:8px !important;}
.dx-enterprise-card.card-d{right:0 !important;bottom:8px !important;}

.dx-enterprise-icon{
    position:absolute !important;
    left:28px !important;
    top:36px !important;
    width:56px !important;
    height:56px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#7c3aed !important;
    font-size:23px !important;
    background:radial-gradient(circle at 50% 45%,#fff 0%,#f3e8ff 72%,#ddd6fe 100%) !important;
    box-shadow:0 15px 30px rgba(124,58,237,.18),0 0 0 18px rgba(124,58,237,.06) !important;
}

.dx-enterprise-card b{
    position:absolute !important;
    right:28px !important;
    top:18px !important;
    color:#8b5cf6 !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.dx-enterprise-card h3{
    margin:0 0 10px !important;
    color:#4B00B5 !important;
    font-size:16px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
}

.dx-enterprise-card span{
    display:block !important;
    width:28px !important;
    height:4px !important;
    margin:0 0 9px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7c3aed,#c084fc) !important;
}

.dx-enterprise-card p{
    max-width:170px !important;
    margin:0 0 8px !important;
    color:#53617f !important;
    font-size:10.8px !important;
    line-height:1.42 !important;
    font-weight:700 !important;
}

.dx-enterprise-card ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:4px !important;
}

.dx-enterprise-card li{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#18213c !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

.dx-enterprise-card li i{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    font-size:7px !important;
    background:linear-gradient(135deg,#7c3aed,#a855f7) !important;
}

.dx-enterprise-line{
    position:absolute !important;
    width:152px !important;
    height:54px !important;
    border:4px solid rgba(124,58,237,.28) !important;
    filter:drop-shadow(0 0 10px rgba(168,85,247,.28)) !important;
    z-index:2 !important;
}

.dx-enterprise-line::before,
.dx-enterprise-line::after{
    content:"" !important;
    position:absolute !important;
    width:13px !important;
    height:13px !important;
    border-radius:50% !important;
    background:#7c3aed !important;
    box-shadow:0 0 0 7px rgba(124,58,237,.12),0 0 18px rgba(124,58,237,.45) !important;
}

.dx-enterprise-line.line-a{left:348px !important;top:110px !important;border-left:0 !important;border-bottom:0 !important;border-radius:0 34px 0 0 !important;}
.dx-enterprise-line.line-b{right:348px !important;top:110px !important;border-right:0 !important;border-bottom:0 !important;border-radius:34px 0 0 0 !important;}
.dx-enterprise-line.line-c{left:348px !important;bottom:82px !important;border-left:0 !important;border-top:0 !important;border-radius:0 0 34px 0 !important;}
.dx-enterprise-line.line-d{right:348px !important;bottom:82px !important;border-right:0 !important;border-top:0 !important;border-radius:0 0 0 34px !important;}

.dx-enterprise-line.line-a::before,
.dx-enterprise-line.line-c::before{left:-7px !important;top:-8px !important;}
.dx-enterprise-line.line-b::before,
.dx-enterprise-line.line-d::before{right:-7px !important;top:-8px !important;}
.dx-enterprise-line.line-a::after,
.dx-enterprise-line.line-b::after{bottom:-8px !important;left:50% !important;transform:translateX(-50%) !important;}
.dx-enterprise-line.line-c::after,
.dx-enterprise-line.line-d::after{top:-8px !important;left:50% !important;transform:translateX(-50%) !important;}

@keyframes dxEnterpriseSpin{
    to{transform:rotate(360deg);}
}

@media(max-width:1199px){
    .dx-enterprise-map{
        min-height:auto !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:24px !important;
        padding-top:210px !important;
    }

    .dx-enterprise-hub{
        top:86px !important;
    }

    .dx-enterprise-card{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:auto !important;
    }

    .dx-enterprise-line{
        display:none !important;
    }
}

@media(max-width:767px){
    .dx-enterprise-capabilities-section{
        padding:42px 0 54px !important;
    }

    .dx-enterprise-head h2{
        font-size:30px !important;
        line-height:1.12 !important;
    }

    .dx-enterprise-head p{
        font-size:13.5px !important;
    }

    .dx-enterprise-map{
        grid-template-columns:1fr !important;
        gap:22px !important;
        padding-top:178px !important;
    }

    .dx-enterprise-hub{
        width:178px !important;
        height:128px !important;
        top:74px !important;
    }

    .dx-enterprise-card{
        min-height:auto !important;
        padding:96px 22px 24px !important;
        text-align:center !important;
    }

    .dx-enterprise-icon{
        left:50% !important;
        top:24px !important;
        transform:translateX(-50%) !important;
        width:58px !important;
        height:58px !important;
        font-size:24px !important;
    }

    .dx-enterprise-card b{
        top:24px !important;
        right:24px !important;
        font-size:24px !important;
    }

    .dx-enterprise-card span,
    .dx-enterprise-card p{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .dx-enterprise-card ul{
        width:max-content !important;
        max-width:100% !important;
        margin:0 auto !important;
    }
}

/* Final heading correction: remove old injected text, reduce size, and avoid black. */
.dx-core-capabilities-section .dx-core-premium-heading .main-heading::before{
    content:none !important;
    display:none !important;
}

.dx-core-capabilities-section .dx-core-premium-heading .main-heading,
.dx-core-capabilities-section .dx-core-premium-heading .main-heading span{
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:clamp(28px,2.55vw,42px) !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
    color:transparent !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 44%,#B66DFF 76%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}

.dx-core-capabilities-section .dx-core-premium-heading .main-heading span{
    display:inline !important;
    background:inherit !important;
}

@media(max-width:767px){
    .dx-core-capabilities-section .dx-core-premium-heading .main-heading,
    .dx-core-capabilities-section .dx-core-premium-heading .main-heading span{
        font-size:clamp(24px,7vw,32px) !important;
        line-height:1.15 !important;
    }
}

/* Live About enterprise section heading: smaller and fully purple, no black segment. */
.dx-enterprise-capabilities-section .dx-enterprise-head h2,
.dx-enterprise-capabilities-section .dx-enterprise-head h2 em{
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:clamp(28px,2.55vw,42px) !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
    font-style:normal !important;
    color:transparent !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 44%,#B66DFF 76%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}

.dx-enterprise-capabilities-section .dx-enterprise-head h2 em{
    display:inline !important;
    background:inherit !important;
}

@media(max-width:767px){
    .dx-enterprise-capabilities-section .dx-enterprise-head h2,
    .dx-enterprise-capabilities-section .dx-enterprise-head h2 em{
        font-size:clamp(24px,7vw,32px) !important;
        line-height:1.15 !important;
    }
}

/* Premium delivery flow replacement. */
.dx-delivery-flow-section{
    position:relative !important;
    overflow:hidden !important;
    padding:46px 0 70px !important;
    background:
        radial-gradient(circle at 8% 12%,rgba(124,58,237,.08),transparent 28%),
        radial-gradient(circle at 92% 85%,rgba(192,132,252,.10),transparent 32%),
        linear-gradient(rgba(124,58,237,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(124,58,237,.04) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf8ff 48%,#f5edff 100%) !important;
    background-size:auto,auto,48px 48px,48px 48px,auto !important;
}

.dx-delivery-flow-section::before{
    content:"" !important;
    position:absolute !important;
    left:34px !important;
    top:42px !important;
    width:124px !important;
    height:90px !important;
    background:radial-gradient(circle,rgba(124,58,237,.54) 1.6px,transparent 2.6px) !important;
    background-size:18px 18px !important;
    opacity:.55 !important;
}

.dx-delivery-flow-section::after{
    content:"" !important;
    position:absolute !important;
    right:-70px !important;
    top:-90px !important;
    width:320px !important;
    height:320px !important;
    border-radius:50% !important;
    border:1px solid rgba(124,58,237,.10) !important;
    box-shadow:0 0 0 18px rgba(124,58,237,.03),0 0 0 42px rgba(124,58,237,.025),0 0 0 70px rgba(124,58,237,.018) !important;
}

.dx-delivery-flow-section .container{
    position:relative !important;
    z-index:2 !important;
}

.dx-delivery-flow-head{
    max-width:1040px !important;
    margin:0 auto 36px !important;
    animation:dxFlowFadeUp .72s ease both !important;
}

.dx-delivery-flow-head span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    min-height:34px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(124,58,237,.14) !important;
    box-shadow:0 14px 30px rgba(124,58,237,.08) !important;
    color:#6d28d9 !important;
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
}

.dx-delivery-flow-head span i{
    color:#8b5cf6 !important;
    font-size:9px !important;
}

.dx-delivery-flow-head h2{
    margin:22px auto 12px !important;
    color:#121936 !important;
    font-size:clamp(32px,3.15vw,52px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    font-weight:900 !important;
}

.dx-delivery-flow-head h2 em{
    font-style:normal !important;
    background:linear-gradient(90deg,#5b21b6,#7c3aed 48%,#a855f7 78%,#c084fc) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.dx-delivery-flow-head p{
    max-width:760px !important;
    margin:0 auto !important;
    color:#5d6983 !important;
    font-size:15px !important;
    line-height:1.62 !important;
    font-weight:600 !important;
}

.dx-delivery-flow-grid{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:28px !important;
    width:min(1280px,100%) !important;
    margin:0 auto !important;
}

.dx-delivery-flow-grid::before{
    content:"" !important;
    position:absolute !important;
    left:10% !important;
    right:10% !important;
    top:50% !important;
    height:4px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,rgba(124,58,237,0),rgba(124,58,237,.48),rgba(192,132,252,.58),rgba(124,58,237,.48),rgba(124,58,237,0)) !important;
    transform:scaleX(0) !important;
    transform-origin:left center !important;
    animation:dxFlowLineDraw 1.2s .35s ease forwards !important;
    z-index:1 !important;
}

.dx-flow-card{
    position:relative !important;
    z-index:2 !important;
    min-height:360px !important;
    padding:112px 38px 32px !important;
    border-radius:24px !important;
    border:1px solid rgba(124,58,237,.15) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90)) !important;
    box-shadow:0 22px 58px rgba(79,70,229,.10),0 14px 0 -10px #c4b5fd,0 22px 0 -15px #7c3aed !important;
    overflow:visible !important;
    opacity:0 !important;
    transform:translateY(26px) !important;
    animation:dxFlowCardIn .72s ease forwards !important;
    transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease !important;
}

.dx-flow-card:nth-child(2){animation-delay:.12s !important;}
.dx-flow-card:nth-child(3){animation-delay:.24s !important;}
.dx-flow-card:nth-child(4){animation-delay:.36s !important;}

.dx-flow-card:hover{
    transform:translateY(-10px) !important;
    border-color:rgba(124,58,237,.34) !important;
    box-shadow:0 34px 82px rgba(79,70,229,.16),0 14px 0 -10px #c4b5fd,0 24px 0 -15px #7c3aed !important;
}

.dx-flow-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    background:radial-gradient(circle at 18% 14%,rgba(124,58,237,.08),transparent 28%) !important;
    pointer-events:none !important;
}

.dx-flow-card::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-19px !important;
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    transform:translateX(-50%) !important;
    background:#fff !important;
    border:6px solid #a855f7 !important;
    box-shadow:0 0 0 7px rgba(168,85,247,.13),0 0 20px rgba(168,85,247,.55) !important;
    animation:dxFlowPulse 2.2s ease-in-out infinite !important;
}

.dx-flow-card b{
    position:absolute !important;
    left:28px !important;
    top:24px !important;
    color:rgba(124,58,237,.10) !important;
    font-size:58px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.dx-flow-icon{
    position:absolute !important;
    left:50% !important;
    top:34px !important;
    width:92px !important;
    height:92px !important;
    transform:translateX(-50%) !important;
    clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    font-size:34px !important;
    background:linear-gradient(145deg,#a855f7 0%,#7c3aed 54%,#4c1d95 100%) !important;
    box-shadow:0 18px 32px rgba(124,58,237,.30),12px 12px 0 rgba(124,58,237,.12) !important;
    animation:dxFlowIconFloat 4s ease-in-out infinite !important;
}

.dx-flow-card:nth-child(2) .dx-flow-icon{animation-delay:.3s !important;}
.dx-flow-card:nth-child(3) .dx-flow-icon{animation-delay:.6s !important;}
.dx-flow-card:nth-child(4) .dx-flow-icon{animation-delay:.9s !important;}

.dx-flow-dot{
    position:absolute !important;
    left:38px !important;
    top:174px !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#8b5cf6 !important;
    box-shadow:0 0 0 6px rgba(139,92,246,.12) !important;
    animation:dxFlowPulse 2.4s ease-in-out infinite !important;
}

.dx-flow-card h3{
    position:relative !important;
    margin:0 0 12px !important;
    color:#141a33 !important;
    font-size:26px !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    font-weight:900 !important;
}

.dx-flow-rule{
    display:block !important;
    width:38px !important;
    height:4px !important;
    margin:0 0 20px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7c3aed,#c084fc) !important;
}

.dx-flow-card p{
    position:relative !important;
    max-width:190px !important;
    min-height:82px !important;
    margin:0 0 24px !important;
    color:#5f6b86 !important;
    font-size:14px !important;
    line-height:1.58 !important;
    font-weight:650 !important;
}

.dx-flow-card a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    color:#6d28d9 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-decoration:none !important;
}

.dx-flow-card a i{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#7c3aed !important;
    border:1px solid #a855f7 !important;
    transition:.28s ease !important;
}

.dx-flow-card:hover a i{
    color:#ffffff !important;
    background:linear-gradient(135deg,#7c3aed,#c084fc) !important;
}

.dx-flow-card + .dx-flow-card .dx-flow-dot::before{
    content:"" !important;
    position:absolute !important;
    left:-50px !important;
    top:50% !important;
    width:38px !important;
    height:4px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#a855f7,#7c3aed) !important;
    transform:translateY(-50%) !important;
    box-shadow:0 0 12px rgba(124,58,237,.42) !important;
}

@keyframes dxFlowFadeUp{
    from{opacity:0;transform:translateY(18px);}
    to{opacity:1;transform:none;}
}

@keyframes dxFlowCardIn{
    to{opacity:1;transform:translateY(0);}
}

@keyframes dxFlowIconFloat{
    0%,100%{transform:translateX(-50%) translateY(0);}
    50%{transform:translateX(-50%) translateY(-8px);}
}

@keyframes dxFlowLineDraw{
    to{transform:scaleX(1);}
}

@keyframes dxFlowPulse{
    0%,100%{opacity:.75;box-shadow:0 0 0 6px rgba(139,92,246,.12),0 0 14px rgba(139,92,246,.35);}
    50%{opacity:1;box-shadow:0 0 0 10px rgba(139,92,246,.13),0 0 28px rgba(139,92,246,.62);}
}

@media(max-width:1199px){
    .dx-delivery-flow-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:38px 24px !important;
    }

    .dx-delivery-flow-grid::before,
    .dx-flow-card + .dx-flow-card .dx-flow-dot::before{
        display:none !important;
    }
}

@media(max-width:767px){
    .dx-delivery-flow-section{
        padding:38px 0 58px !important;
    }

    .dx-delivery-flow-head{
        margin-bottom:26px !important;
    }

    .dx-delivery-flow-head h2{
        font-size:30px !important;
        line-height:1.15 !important;
    }

    .dx-delivery-flow-head p{
        font-size:13.5px !important;
    }

    .dx-delivery-flow-grid{
        grid-template-columns:1fr !important;
        gap:32px !important;
    }

    .dx-flow-card{
        min-height:auto !important;
        padding:108px 28px 30px !important;
    }

    .dx-flow-card p{
        min-height:0 !important;
    }
}

/* Final page heading cap: keep About page headers no larger than Mission & Vision heading. */
.page-hero h1,
.page-hero h1 .gradient-text,
.gradient-heading,
.dx-mission-timeline-head h2,
.dx-mission-timeline-head h2 em,
.dx-enterprise-head h2,
.dx-enterprise-head h2 em,
.dx-delivery-flow-head h2,
.dx-delivery-flow-head h2 em,
.dx-progress-left h2,
.dx-progress-left h2 span,
.dx-section-head h2,
.dx-section-head h2 em,
.section-title h2,
.section-heading h2{
    font-size:clamp(22px,1.85vw,30px) !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
    font-weight:800 !important;
}

@media(max-width:767px){
    .page-hero h1,
    .page-hero h1 .gradient-text,
    .gradient-heading,
    .dx-mission-timeline-head h2,
    .dx-mission-timeline-head h2 em,
    .dx-enterprise-head h2,
    .dx-enterprise-head h2 em,
    .dx-delivery-flow-head h2,
    .dx-delivery-flow-head h2 em,
    .dx-progress-left h2,
    .dx-progress-left h2 span,
    .dx-section-head h2,
    .dx-section-head h2 em,
    .section-title h2,
    .section-heading h2{
        font-size:22px !important;
        line-height:1.18 !important;
    }
}

/* Extra-specific fix for the About intro heading that had a stronger old rule. */
section.about-premium-v17 h2.gradient-heading.mb-3,
body section.about-premium-v17 h2.gradient-heading.mb-3{
    max-width:980px !important;
    font-size:30px !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
    font-weight:800 !important;
}

@media(max-width:991px){
    section.about-premium-v17 h2.gradient-heading.mb-3,
    body section.about-premium-v17 h2.gradient-heading.mb-3{
        font-size:24px !important;
        line-height:1.18 !important;
    }
}

@media(max-width:575px){
    section.about-premium-v17 h2.gradient-heading.mb-3,
    body section.about-premium-v17 h2.gradient-heading.mb-3{
        font-size:22px !important;
        line-height:1.18 !important;
    }
}

/* Final delivery-flow visibility fix: older global CSS hid article cards. */
.dx-delivery-flow-section .dx-delivery-flow-grid{
    display:grid !important;
    min-height:360px !important;
}

.dx-delivery-flow-section .dx-flow-card{
    display:block !important;
    visibility:visible !important;
    width:auto !important;
    height:auto !important;
    min-height:360px !important;
    opacity:1 !important;
    transform:none !important;
    animation:dxFlowCardSoftFloat 6s ease-in-out infinite !important;
}

.dx-delivery-flow-section .dx-flow-card:nth-child(2){animation-delay:.4s !important;}
.dx-delivery-flow-section .dx-flow-card:nth-child(3){animation-delay:.8s !important;}
.dx-delivery-flow-section .dx-flow-card:nth-child(4){animation-delay:1.2s !important;}

@keyframes dxFlowCardVisible{
    from{opacity:0;transform:translateY(24px);}
    to{opacity:1;transform:translateY(0);}
}

@keyframes dxFlowCardSoftFloat{
    0%,100%{translate:0 0;}
    50%{translate:0 -5px;}
}

@media(max-width:767px){
    .dx-delivery-flow-section .dx-delivery-flow-grid{
        min-height:0 !important;
    }

    .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
    }
}

/* Exact About "How We Work" reference layout. */
body .dx-delivery-flow-section{
    padding:48px 0 82px !important;
    background:
        radial-gradient(circle at 50% 16%,rgba(242,179,255,.18),transparent 34%),
        radial-gradient(circle at 96% 20%,rgba(217,168,255,.22),transparent 30%),
        linear-gradient(rgba(182,109,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(182,109,255,.055) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#faf7ff 58%,#f4ecff 100%) !important;
    background-size:auto,auto,56px 56px,56px 56px,auto !important;
}

body .dx-delivery-flow-section::before{
    left:46px !important;
    top:48px !important;
    width:150px !important;
    height:104px !important;
    background:radial-gradient(circle,rgba(123,44,255,.36) 2px,transparent 3px) !important;
    background-size:24px 24px !important;
    opacity:.62 !important;
}

body .dx-delivery-flow-section::after{
    right:-92px !important;
    top:-116px !important;
    width:390px !important;
    height:390px !important;
    border-color:rgba(182,109,255,.12) !important;
    box-shadow:0 0 0 18px rgba(217,168,255,.07),0 0 0 42px rgba(217,168,255,.055),0 0 0 72px rgba(217,168,255,.04) !important;
}

body .dx-delivery-flow-head{
    max-width:1180px !important;
    margin:0 auto 54px !important;
    animation:dxAboutExactFade .72s ease both !important;
}

body .dx-delivery-flow-head span{
    min-height:46px !important;
    padding:0 28px !important;
    gap:16px !important;
    border:1px solid rgba(182,109,255,.34) !important;
    background:rgba(255,255,255,.84) !important;
    color:#7B2CFF !important;
    box-shadow:0 15px 34px rgba(123,44,255,.12) !important;
    letter-spacing:.07em !important;
    font-size:15px !important;
    font-weight:900 !important;
}

body .dx-delivery-flow-head span i{
    color:#7B2CFF !important;
    font-size:10px !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(42px,4.15vw,68px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    font-weight:900 !important;
}

body .dx-delivery-flow-head h2{
    max-width:1250px !important;
    margin:28px auto 18px !important;
    color:#11183B !important;
}

body .dx-delivery-flow-head h2 em{
    font-style:normal !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 46%,#B66DFF 78%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

body .dx-delivery-flow-head p{
    max-width:850px !important;
    color:#5c6884 !important;
    font-size:20px !important;
    line-height:1.52 !important;
    font-weight:650 !important;
}

body .dx-delivery-flow-grid{
    position:relative !important;
    width:min(1540px,92vw) !important;
    max-width:1540px !important;
    min-height:0 !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:34px !important;
    align-items:stretch !important;
}

body .dx-delivery-flow-grid::before{
    display:none !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    position:relative !important;
    display:block !important;
    min-height:528px !important;
    height:auto !important;
    padding:204px 56px 42px !important;
    border-radius:28px !important;
    border:1px solid rgba(182,109,255,.24) !important;
    background:
        radial-gradient(circle at 70% 5%,rgba(217,168,255,.16),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.90)) !important;
    box-shadow:
        0 34px 74px rgba(75,0,181,.10),
        inset 0 -5px 0 #7B2CFF,
        inset 0 -8px 0 rgba(242,179,255,.76) !important;
    overflow:visible !important;
    opacity:0 !important;
    transform:translateY(24px) !important;
    translate:none !important;
    animation:dxAboutExactCardIn .78s ease forwards !important;
    transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease !important;
}

body .dx-delivery-flow-section .dx-flow-card:nth-child(2){animation-delay:.14s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(3){animation-delay:.28s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(4){animation-delay:.42s !important;}

body .dx-delivery-flow-section .dx-flow-card:hover{
    transform:translateY(-10px) !important;
    border-color:rgba(123,44,255,.42) !important;
    box-shadow:
        0 42px 90px rgba(75,0,181,.16),
        inset 0 -5px 0 #7B2CFF,
        inset 0 -8px 0 rgba(242,179,255,.82) !important;
}

body .dx-flow-card::before{
    content:"" !important;
    position:absolute !important;
    left:auto !important;
    right:-48px !important;
    top:248px !important;
    width:62px !important;
    height:16px !important;
    border-radius:999px !important;
    background:
        radial-gradient(circle at 0 50%,#ffffff 0 5px,#B66DFF 6px,#7B2CFF 8px,transparent 9px),
        linear-gradient(90deg,rgba(123,44,255,.72),rgba(182,109,255,.92)),
        radial-gradient(circle at 100% 50%,#ffffff 0 5px,#B66DFF 6px,#7B2CFF 8px,transparent 9px) !important;
    background-repeat:no-repeat !important;
    background-size:18px 16px,100% 3px,18px 16px !important;
    background-position:left center,center center,right center !important;
    box-shadow:0 0 18px rgba(123,44,255,.26) !important;
    z-index:8 !important;
}

body .dx-flow-card:last-child::before{
    display:none !important;
}

body .dx-flow-card::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-22px !important;
    width:36px !important;
    height:36px !important;
    border-radius:50% !important;
    transform:translateX(-50%) !important;
    background:
        radial-gradient(circle,#ffffff 0 30%,#B66DFF 31% 54%,#7B2CFF 55% 100%) !important;
    border:7px solid #ffffff !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.70),0 0 24px rgba(123,44,255,.62) !important;
    animation:dxAboutExactPulse 2.25s ease-in-out infinite !important;
}

body .dx-flow-card b{
    position:absolute !important;
    left:30px !important;
    top:28px !important;
    color:rgba(123,44,255,.075) !important;
    font-size:72px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-2px !important;
    z-index:1 !important;
}

body .dx-flow-icon{
    position:absolute !important;
    left:50% !important;
    top:34px !important;
    width:142px !important;
    height:134px !important;
    transform:translateX(-50%) !important;
    clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    font-size:48px !important;
    background:linear-gradient(145deg,#B66DFF 0%,#7B2CFF 50%,#4B00B5 100%) !important;
    box-shadow:0 24px 40px rgba(75,0,181,.28),14px 12px 0 rgba(182,109,255,.25) !important;
    animation:dxAboutExactIconFloat 4.2s ease-in-out infinite !important;
    z-index:4 !important;
}

body .dx-flow-icon::before{
    content:"" !important;
    position:absolute !important;
    inset:10px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.48),transparent 36%) !important;
    pointer-events:none !important;
}

body .dx-flow-icon i{
    position:relative !important;
    z-index:2 !important;
}

body .dx-delivery-flow-section .dx-flow-card:nth-child(2) .dx-flow-icon{animation-delay:.24s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(3) .dx-flow-icon{animation-delay:.48s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(4) .dx-flow-icon{animation-delay:.72s !important;}

body .dx-flow-dot{
    position:absolute !important;
    left:56px !important;
    top:184px !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#7B2CFF !important;
    box-shadow:0 0 0 0 rgba(123,44,255,0) !important;
    animation:dxAboutExactDot 2.4s ease-in-out infinite !important;
}

body .dx-flow-card + .dx-flow-card .dx-flow-dot::before{
    display:none !important;
}

body .dx-flow-card h3{
    position:relative !important;
    z-index:3 !important;
    margin:0 0 16px !important;
    color:#11183B !important;
    font-size:32px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

body .dx-flow-rule{
    display:block !important;
    width:48px !important;
    height:4px !important;
    margin:0 0 22px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#F2B3FF) !important;
}

body .dx-flow-card p{
    max-width:235px !important;
    min-height:112px !important;
    margin:0 0 28px !important;
    color:#5b6681 !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
}

body .dx-flow-card a{
    display:inline-flex !important;
    align-items:center !important;
    gap:16px !important;
    color:#4B00B5 !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-decoration:none !important;
}

body .dx-flow-card a i{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1.5px solid #B66DFF !important;
    color:#7B2CFF !important;
    font-size:17px !important;
    background:#ffffff !important;
    transition:.28s ease !important;
}

body .dx-flow-card:hover a i{
    color:#ffffff !important;
    background:linear-gradient(135deg,#7B2CFF,#B66DFF) !important;
    box-shadow:0 14px 24px rgba(123,44,255,.22) !important;
}

@keyframes dxAboutExactFade{
    from{opacity:0;transform:translateY(18px);}
    to{opacity:1;transform:translateY(0);}
}

@keyframes dxAboutExactCardIn{
    to{opacity:1;transform:translateY(0);}
}

@keyframes dxAboutExactIconFloat{
    0%,100%{transform:translateX(-50%) translateY(0);}
    50%{transform:translateX(-50%) translateY(-9px);}
}

@keyframes dxAboutExactPulse{
    0%,100%{box-shadow:0 0 0 5px rgba(217,168,255,.64),0 0 20px rgba(123,44,255,.48);}
    50%{box-shadow:0 0 0 9px rgba(242,179,255,.34),0 0 34px rgba(123,44,255,.72);}
}

@keyframes dxAboutExactDot{
    0%,100%{opacity:.72;transform:scale(.9);}
    50%{opacity:1;transform:scale(1.22);}
}

@media(max-width:1399px){
    body .dx-delivery-flow-grid{
        gap:28px !important;
        width:min(1340px,92vw) !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        padding-left:40px !important;
        padding-right:40px !important;
    }

    body .dx-flow-card h3{
        font-size:29px !important;
    }

    body .dx-flow-card p{
        font-size:16px !important;
    }
}

@media(max-width:1199px){
    body .dx-delivery-flow-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:58px 28px !important;
        width:min(900px,92vw) !important;
    }

    body .dx-flow-card::before{
        display:none !important;
    }
}

@media(max-width:767px){
    body .dx-delivery-flow-section{
        padding:38px 0 68px !important;
    }

    body .dx-delivery-flow-head{
        margin-bottom:36px !important;
    }

    body .dx-delivery-flow-head span{
        min-height:38px !important;
        font-size:12px !important;
        padding:0 18px !important;
    }

    body .dx-delivery-flow-head h2,
    body .dx-delivery-flow-head h2 em{
        font-size:30px !important;
        line-height:1.16 !important;
    }

    body .dx-delivery-flow-head p{
        font-size:14px !important;
    }

    body .dx-delivery-flow-grid{
        grid-template-columns:1fr !important;
        gap:48px !important;
        width:min(410px,92vw) !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
        padding:190px 30px 40px !important;
    }

    body .dx-flow-card p{
        min-height:0 !important;
    }
}

/* Visible compact fix: match the reference and keep cards on screen. */
body .dx-delivery-flow-section{
    padding:38px 0 62px !important;
}

body .dx-delivery-flow-head{
    margin:0 auto 34px !important;
}

body .dx-delivery-flow-head span{
    min-height:34px !important;
    padding:0 24px !important;
    font-size:13px !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(28px,3vw,48px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
}

body .dx-delivery-flow-head h2{
    margin:20px auto 12px !important;
}

body .dx-delivery-flow-head p{
    max-width:820px !important;
    font-size:16px !important;
    line-height:1.52 !important;
}

body .dx-delivery-flow-grid{
    width:min(1480px,92vw) !important;
    gap:28px !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    min-height:420px !important;
    padding:154px 42px 34px !important;
    animation:dxFlowCardSoftFloat 6s ease-in-out infinite !important;
}

body .dx-flow-card b{
    font-size:58px !important;
    top:24px !important;
}

body .dx-flow-icon{
    top:28px !important;
    width:116px !important;
    height:110px !important;
    font-size:40px !important;
}

body .dx-flow-dot{
    top:170px !important;
}

body .dx-flow-card::before{
    top:226px !important;
}

body .dx-flow-card h3{
    font-size:26px !important;
    line-height:1.08 !important;
    margin-bottom:12px !important;
}

body .dx-flow-rule{
    margin-bottom:18px !important;
}

body .dx-flow-card p{
    max-width:220px !important;
    min-height:92px !important;
    font-size:15px !important;
    line-height:1.48 !important;
    margin-bottom:22px !important;
}

body .dx-flow-card a{
    font-size:14px !important;
}

body .dx-flow-card a i{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
}

@media(max-width:1199px){
    body .dx-delivery-flow-section .dx-flow-card{
        min-height:390px !important;
        padding:148px 34px 32px !important;
    }
}

@media(max-width:767px){
    body .dx-delivery-flow-head h2,
    body .dx-delivery-flow-head h2 em{
        font-size:26px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
        padding:148px 28px 34px !important;
    }

    body .dx-flow-card p{
        min-height:0 !important;
    }
}

/* Fit-screen correction: keep this section aligned with the reference screenshot. */
body .dx-delivery-flow-section{
    padding:52px 0 78px !important;
}

body .dx-delivery-flow-head{
    max-width:1120px !important;
    margin:0 auto 50px !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(30px,2.65vw,46px) !important;
    line-height:1.08 !important;
}

body .dx-delivery-flow-head p{
    max-width:820px !important;
    font-size:16px !important;
}

body .dx-delivery-flow-grid{
    width:min(1540px,84vw) !important;
    max-width:1540px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:34px !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-width:0 !important;
    min-height:500px !important;
    padding:176px 34px 42px !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

body .dx-flow-card::after{
    top:auto !important;
    bottom:-22px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:34px !important;
    height:34px !important;
}

body .dx-flow-card::before{
    top:244px !important;
    right:-49px !important;
    width:62px !important;
}

body .dx-flow-card:last-child::before{
    display:none !important;
}

body .dx-flow-card b{
    top:26px !important;
    left:28px !important;
    font-size:64px !important;
}

body .dx-flow-icon{
    top:30px !important;
    width:126px !important;
    height:120px !important;
    font-size:42px !important;
}

body .dx-flow-dot{
    top:190px !important;
    left:54px !important;
}

body .dx-flow-card h3{
    font-size:28px !important;
}

body .dx-flow-card p{
    min-height:96px !important;
    font-size:15px !important;
}

@media(min-width:1200px) and (max-width:1499px){
    body .dx-delivery-flow-grid{
        width:min(1320px,88vw) !important;
        gap:24px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        padding-left:28px !important;
        padding-right:28px !important;
    }

    body .dx-flow-card h3{
        font-size:25px !important;
    }
}

@media(max-width:1199px){
    body .dx-delivery-flow-grid{
        width:min(900px,92vw) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:54px 28px !important;
    }

    body .dx-flow-card::before{
        display:none !important;
    }
}

@media(max-width:767px){
    body .dx-delivery-flow-grid{
        width:min(420px,92vw) !important;
        grid-template-columns:1fr !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
    }
}

/* Compact final flow: smaller header/cards with subtle flow animation. */
body .dx-delivery-flow-section{
    padding:36px 0 58px !important;
    scroll-margin-top:120px !important;
}

body .dx-delivery-flow-head{
    max-width:980px !important;
    margin:0 auto 30px !important;
}

body .dx-delivery-flow-head span{
    min-height:30px !important;
    padding:0 20px !important;
    font-size:11px !important;
    letter-spacing:.10em !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(24px,2.05vw,36px) !important;
    line-height:1.12 !important;
}

body .dx-delivery-flow-head h2{
    margin:14px auto 10px !important;
    max-width:1040px !important;
}

body .dx-delivery-flow-head p{
    max-width:760px !important;
    font-size:14px !important;
    line-height:1.48 !important;
}

body .dx-delivery-flow-grid{
    width:min(1280px,86vw) !important;
    max-width:1280px !important;
    gap:24px !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:350px !important;
    padding:126px 28px 28px !important;
    border-radius:22px !important;
    box-shadow:
        0 22px 54px rgba(75,0,181,.09),
        inset 0 -4px 0 #7B2CFF,
        inset 0 -7px 0 rgba(242,179,255,.68) !important;
    animation:dxFlowCardSoftFloat 7s ease-in-out infinite !important;
}

body .dx-delivery-flow-section .dx-flow-card:hover{
    transform:translateY(-6px) !important;
}

body .dx-flow-card b{
    top:20px !important;
    left:24px !important;
    font-size:48px !important;
}

body .dx-flow-icon{
    top:24px !important;
    width:96px !important;
    height:90px !important;
    font-size:32px !important;
    box-shadow:0 16px 28px rgba(75,0,181,.22),10px 9px 0 rgba(182,109,255,.20) !important;
}

body .dx-flow-dot{
    top:146px !important;
    left:42px !important;
    width:6px !important;
    height:6px !important;
}

body .dx-flow-card::before{
    top:205px !important;
    right:-43px !important;
    width:54px !important;
    opacity:.78 !important;
}

body .dx-flow-card::after{
    width:28px !important;
    height:28px !important;
    bottom:-17px !important;
    border-width:6px !important;
}

body .dx-flow-card h3{
    font-size:22px !important;
    line-height:1.12 !important;
    margin-bottom:10px !important;
}

body .dx-flow-rule{
    width:40px !important;
    height:3px !important;
    margin-bottom:14px !important;
}

body .dx-flow-card p{
    max-width:210px !important;
    min-height:70px !important;
    margin-bottom:18px !important;
    font-size:13.5px !important;
    line-height:1.48 !important;
}

body .dx-flow-card a{
    gap:12px !important;
    font-size:13px !important;
}

body .dx-flow-card a i{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    font-size:13px !important;
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-grid{
        width:min(1180px,88vw) !important;
        gap:20px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:340px !important;
        padding:122px 24px 26px !important;
    }

    body .dx-flow-card h3{
        font-size:21px !important;
    }

    body .dx-flow-card p{
        font-size:13px !important;
    }
}

@media(max-width:1199px){
    body .dx-delivery-flow-grid{
        width:min(780px,92vw) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:42px 22px !important;
    }

    body .dx-flow-card::before{
        display:none !important;
    }
}

@media(max-width:767px){
    body .dx-delivery-flow-section{
        padding:32px 0 52px !important;
    }

    body .dx-delivery-flow-head h2,
    body .dx-delivery-flow-head h2 em{
        font-size:24px !important;
    }

    body .dx-delivery-flow-grid{
        width:min(360px,92vw) !important;
        grid-template-columns:1fr !important;
        gap:34px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
        padding:122px 24px 28px !important;
    }
}

/* Final cleanup: no title dots, no Learn more row, no black section heading. */
body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 78%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

body .dx-flow-dot,
body .dx-flow-card a{
    display:none !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:300px !important;
    padding-bottom:26px !important;
}

body .dx-flow-card h3{
    color:#4B00B5 !important;
}

body .dx-flow-card p{
    min-height:0 !important;
    margin-bottom:0 !important;
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-section .dx-flow-card{
        min-height:292px !important;
    }
}

/* Reference restore: keep dots and Learn more like the screenshot, but keep main heading purple. */
body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 78%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:360px !important;
    padding:126px 30px 30px !important;
}

body .dx-flow-card b{
    color:rgba(123,44,255,.075) !important;
    font-size:52px !important;
}

body .dx-flow-icon{
    width:98px !important;
    height:92px !important;
    font-size:33px !important;
}

body .dx-flow-dot{
    display:block !important;
    top:145px !important;
    left:40px !important;
    width:6px !important;
    height:6px !important;
    background:#7B2CFF !important;
    box-shadow:none !important;
}

body .dx-flow-card h3{
    color:#11183B !important;
    font-size:22px !important;
    line-height:1.12 !important;
    margin-bottom:10px !important;
}

body .dx-flow-rule{
    width:40px !important;
    height:3px !important;
    margin-bottom:14px !important;
}

body .dx-flow-card p{
    max-width:210px !important;
    min-height:74px !important;
    margin-bottom:20px !important;
    color:#5b6681 !important;
    font-size:13.5px !important;
    line-height:1.48 !important;
}

body .dx-flow-card a{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    color:#4B00B5 !important;
    font-size:13px !important;
    font-weight:900 !important;
}

body .dx-flow-card a i{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:50% !important;
    border:1px solid #B66DFF !important;
    color:#7B2CFF !important;
    background:#ffffff !important;
}

body .dx-flow-card::before{
    top:205px !important;
}

body .dx-flow-card::after{
    bottom:-17px !important;
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-section .dx-flow-card{
        min-height:350px !important;
        padding:122px 26px 28px !important;
    }
}

/* Enterprise capability icon surface: shorter round background. */
body .dx-enterprise-icon{
    left:34px !important;
    top:42px !important;
    width:44px !important;
    height:44px !important;
    font-size:18px !important;
    background:radial-gradient(circle at 50% 45%,#fff 0%,#f3e8ff 70%,#ddd6fe 100%) !important;
    box-shadow:0 10px 20px rgba(124,58,237,.14),0 0 0 10px rgba(124,58,237,.045) !important;
}

@media(max-width:991px){
    body .dx-enterprise-icon{
        left:24px !important;
        top:28px !important;
        width:42px !important;
        height:42px !important;
        font-size:17px !important;
        box-shadow:0 9px 18px rgba(124,58,237,.14),0 0 0 9px rgba(124,58,237,.045) !important;
    }
}

/* Reference match: final premium flow animation and proportions. */
body .dx-delivery-flow-section{
    padding:46px 0 86px !important;
    background-position:0 0,0 0,0 0,0 0,0 0 !important;
    animation:dxFlowBgParallax 12s ease-in-out infinite alternate !important;
}

body .dx-delivery-flow-head{
    max-width:1260px !important;
    margin:0 auto 54px !important;
}

body .dx-delivery-flow-head span{
    min-height:38px !important;
    padding:0 26px !important;
    font-size:13px !important;
    letter-spacing:.08em !important;
    animation:dxFlowBadgeBlurIn .8s ease both !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(34px,3.15vw,56px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
}

body .dx-delivery-flow-head h2{
    max-width:1320px !important;
    margin:24px auto 16px !important;
    background:linear-gradient(90deg,#11183B 0%,#11183B 48%,#4B00B5 58%,#7B2CFF 74%,#B66DFF 90%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
    animation:dxFlowHeadingBlurUp .8s .12s ease both !important;
}

body .dx-delivery-flow-head h2 em{
    background:none !important;
    -webkit-text-fill-color:inherit !important;
    color:inherit !important;
}

body .dx-delivery-flow-head p{
    max-width:870px !important;
    font-size:17px !important;
    line-height:1.55 !important;
}

body .dx-delivery-flow-grid{
    width:min(1540px,92vw) !important;
    max-width:1540px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:30px !important;
    overflow:visible !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:500px !important;
    padding:178px 54px 42px !important;
    border-radius:26px !important;
    opacity:0 !important;
    transform:translateY(26px) !important;
    animation:
        dxFlowCardSlideFade .78s ease forwards,
        dxFlowCardIdle 6s ease-in-out infinite !important;
    box-shadow:
        0 30px 72px rgba(75,0,181,.11),
        inset 0 -4px 0 #7B2CFF,
        inset 0 -7px 0 rgba(242,179,255,.75) !important;
}

body .dx-delivery-flow-section .dx-flow-card:nth-child(1){animation-delay:.1s,1.2s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(2){animation-delay:.2s,1.45s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(3){animation-delay:.3s,1.7s !important;}
body .dx-delivery-flow-section .dx-flow-card:nth-child(4){animation-delay:.4s,1.95s !important;}

body .dx-delivery-flow-section .dx-flow-card:hover{
    transform:translateY(-10px) scale(1.02) !important;
    box-shadow:
        0 42px 96px rgba(75,0,181,.18),
        0 0 34px rgba(123,44,255,.18),
        inset 0 -4px 0 #7B2CFF,
        inset 0 -7px 0 rgba(242,179,255,.82) !important;
}

body .dx-flow-card b{
    top:28px !important;
    left:30px !important;
    font-size:68px !important;
    color:rgba(123,44,255,.07) !important;
    animation:dxFlowWatermarkIn .7s ease both !important;
}

body .dx-flow-icon{
    top:30px !important;
    width:128px !important;
    height:120px !important;
    font-size:42px !important;
    box-shadow:
        0 24px 40px rgba(75,0,181,.28),
        13px 12px 0 rgba(182,109,255,.22),
        0 0 28px rgba(123,44,255,.14) !important;
    animation:dxFlowIconFloatRef 3s ease-in-out infinite !important;
    transform-origin:center !important;
}

body .dx-flow-card:hover .dx-flow-icon{
    scale:1.1 !important;
    rotate:5deg !important;
}

body .dx-flow-dot{
    display:block !important;
    top:182px !important;
    left:58px !important;
    width:6px !important;
    height:6px !important;
    background:#7B2CFF !important;
    box-shadow:0 0 0 0 rgba(123,44,255,.18) !important;
    animation:dxFlowConnectorDotPulse 2s ease-in-out infinite !important;
}

body .dx-flow-card h3{
    color:#11183B !important;
    font-size:30px !important;
    line-height:1.08 !important;
    margin-bottom:14px !important;
}

body .dx-flow-rule{
    width:48px !important;
    height:4px !important;
    margin-bottom:22px !important;
}

body .dx-flow-card p{
    max-width:235px !important;
    min-height:102px !important;
    margin-bottom:26px !important;
    color:#5b6681 !important;
    font-size:16px !important;
    line-height:1.48 !important;
}

body .dx-flow-card a{
    display:inline-flex !important;
    align-items:center !important;
    gap:14px !important;
    color:#4B00B5 !important;
    font-size:15px !important;
    font-weight:900 !important;
}

body .dx-flow-card a i{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    font-size:16px !important;
}

body .dx-flow-card::before{
    display:block !important;
    top:248px !important;
    right:-47px !important;
    width:62px !important;
    opacity:1 !important;
    transform-origin:left center !important;
    animation:dxFlowLineDrawRef 1.1s ease both !important;
}

body .dx-flow-card:nth-child(2)::before{animation-delay:.42s !important;}
body .dx-flow-card:nth-child(3)::before{animation-delay:.56s !important;}
body .dx-flow-card:nth-child(4)::before{display:none !important;}

body .dx-flow-card::after{
    width:36px !important;
    height:36px !important;
    bottom:-22px !important;
    border-width:7px !important;
    animation:dxFlowConnectorDotPulse 2s ease-in-out infinite !important;
}

@keyframes dxFlowBadgeBlurIn{
    from{opacity:0;filter:blur(8px);transform:translateY(-12px);}
    to{opacity:1;filter:blur(0);transform:translateY(0);}
}

@keyframes dxFlowHeadingBlurUp{
    from{opacity:0;filter:blur(8px);transform:translateY(18px);}
    to{opacity:1;filter:blur(0);transform:translateY(0);}
}

@keyframes dxFlowCardSlideFade{
    from{opacity:0;transform:translateY(28px);}
    to{opacity:1;transform:translateY(0);}
}

@keyframes dxFlowCardIdle{
    0%,100%{translate:0 0;}
    50%{translate:0 -4px;}
}

@keyframes dxFlowIconFloatRef{
    0%,100%{transform:translateX(-50%) translateY(0);}
    50%{transform:translateX(-50%) translateY(-8px);}
}

@keyframes dxFlowLineDrawRef{
    from{opacity:0;transform:scaleX(0);}
    to{opacity:1;transform:scaleX(1);}
}

@keyframes dxFlowConnectorDotPulse{
    0%,100%{scale:1;box-shadow:0 0 0 4px rgba(182,109,255,.14),0 0 16px rgba(123,44,255,.32);}
    50%{scale:1.2;box-shadow:0 0 0 8px rgba(182,109,255,.12),0 0 26px rgba(123,44,255,.56);}
}

@keyframes dxFlowWatermarkIn{
    from{opacity:0;}
    to{opacity:1;}
}

@keyframes dxFlowBgParallax{
    from{background-position:0 0,0 0,0 0,0 0,0 0;}
    to{background-position:8px 0,-6px 4px,0 8px,8px 0,0 0;}
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-grid{
        width:min(1320px,92vw) !important;
        gap:24px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:460px !important;
        padding:162px 36px 36px !important;
    }

    body .dx-flow-card h3{
        font-size:27px !important;
    }

    body .dx-flow-card p{
        font-size:14.5px !important;
        min-height:92px !important;
    }

    body .dx-flow-card::before{
        right:-40px !important;
        width:54px !important;
    }
}

@media(max-width:1199px){
    body .dx-delivery-flow-grid{
        width:min(900px,92vw) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:56px 28px !important;
    }

    body .dx-flow-card::before{
        display:none !important;
    }
}

@media(max-width:767px){
    body .dx-delivery-flow-head h2,
    body .dx-delivery-flow-head h2 em{
        font-size:27px !important;
    }

    body .dx-delivery-flow-grid{
        width:min(390px,92vw) !important;
        grid-template-columns:1fr !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
        padding:150px 28px 34px !important;
    }
}

/* Visibility fail-safe: keep the flow cards visible even if entrance animation is skipped. */
body .dx-delivery-flow-section .dx-delivery-flow-grid{
    display:grid !important;
    visibility:visible !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    animation:dxFlowCardIdle 6s ease-in-out infinite !important;
}

body .dx-delivery-flow-section .dx-flow-card:nth-child(1),
body .dx-delivery-flow-section .dx-flow-card:nth-child(2),
body .dx-delivery-flow-section .dx-flow-card:nth-child(3),
body .dx-delivery-flow-section .dx-flow-card:nth-child(4){
    opacity:1 !important;
    visibility:visible !important;
}

/* Eye-soft compact flow: only purple/lavender/pink, smaller cards, no extra square/watermark. */
body .dx-delivery-flow-section{
    padding:34px 0 54px !important;
    background:
        radial-gradient(circle at 50% 12%,rgba(242,179,255,.13),transparent 32%),
        radial-gradient(circle at 92% 16%,rgba(217,168,255,.14),transparent 28%),
        linear-gradient(rgba(217,168,255,.10) 1px,transparent 1px),
        linear-gradient(90deg,rgba(217,168,255,.10) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf8ff 60%,#f8f1ff 100%) !important;
    background-size:auto,auto,56px 56px,56px 56px,auto !important;
}

body .dx-delivery-flow-head{
    max-width:900px !important;
    margin:0 auto 30px !important;
}

body .dx-delivery-flow-head span{
    min-height:30px !important;
    padding:0 18px !important;
    color:#7B2CFF !important;
    border-color:rgba(217,168,255,.55) !important;
    box-shadow:0 10px 24px rgba(217,168,255,.18) !important;
    font-size:11px !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    max-width:900px !important;
    font-size:clamp(24px,2vw,34px) !important;
    line-height:1.14 !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 46%,#B66DFF 78%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

body .dx-delivery-flow-head h2{
    margin:14px auto 10px !important;
}

body .dx-delivery-flow-head p{
    max-width:720px !important;
    color:rgba(75,0,181,.64) !important;
    font-size:13.5px !important;
    line-height:1.52 !important;
}

body .dx-delivery-flow-grid{
    width:min(1120px,88vw) !important;
    max-width:1120px !important;
    gap:18px !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:292px !important;
    padding:104px 22px 24px !important;
    border-radius:18px !important;
    border-color:rgba(217,168,255,.48) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94)) !important;
    box-shadow:
        0 18px 42px rgba(75,0,181,.07),
        inset 0 -3px 0 rgba(123,44,255,.82),
        inset 0 -6px 0 rgba(242,179,255,.58) !important;
    animation:dxFlowCardIdle 7s ease-in-out infinite !important;
}

body .dx-flow-card b,
body .dx-flow-card::before{
    display:none !important;
}

body .dx-flow-icon{
    top:24px !important;
    width:78px !important;
    height:72px !important;
    font-size:25px !important;
    background:linear-gradient(145deg,#B66DFF 0%,#7B2CFF 58%,#4B00B5 100%) !important;
    box-shadow:0 13px 26px rgba(75,0,181,.18),8px 7px 0 rgba(217,168,255,.34) !important;
    opacity:.96 !important;
}

body .dx-flow-card:hover .dx-flow-icon{
    scale:1.04 !important;
    rotate:3deg !important;
}

body .dx-flow-dot{
    display:block !important;
    top:120px !important;
    left:34px !important;
    width:5px !important;
    height:5px !important;
    background:#7B2CFF !important;
    box-shadow:0 0 0 4px rgba(217,168,255,.16) !important;
}

body .dx-flow-card h3{
    color:#4B00B5 !important;
    font-size:19px !important;
    line-height:1.13 !important;
    margin-bottom:9px !important;
}

body .dx-flow-rule{
    width:34px !important;
    height:3px !important;
    margin-bottom:12px !important;
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#F2B3FF) !important;
}

body .dx-flow-card p{
    max-width:180px !important;
    min-height:58px !important;
    margin-bottom:16px !important;
    color:rgba(75,0,181,.62) !important;
    font-size:12.5px !important;
    line-height:1.45 !important;
}

body .dx-flow-card a{
    color:#4B00B5 !important;
    gap:9px !important;
    font-size:12.5px !important;
}

body .dx-flow-card a i{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    color:#7B2CFF !important;
    border-color:#B66DFF !important;
    background:#ffffff !important;
    box-shadow:0 8px 18px rgba(217,168,255,.18) !important;
}

body .dx-flow-card::after{
    width:24px !important;
    height:24px !important;
    bottom:-14px !important;
    border-width:5px !important;
    background:radial-gradient(circle,#ffffff 0 32%,#D9A8FF 33% 56%,#7B2CFF 57% 100%) !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.38),0 0 18px rgba(242,179,255,.48) !important;
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-grid{
        width:min(1060px,88vw) !important;
        gap:16px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:282px !important;
        padding:100px 20px 22px !important;
    }
}

@media(max-width:1199px){
    body .dx-delivery-flow-grid{
        width:min(760px,92vw) !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:34px 18px !important;
    }
}

@media(max-width:767px){
    body .dx-delivery-flow-grid{
        width:min(340px,92vw) !important;
        grid-template-columns:1fr !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:auto !important;
    }
}

/* Brand-balanced flow: stronger Divinologix purple without harsh blue tones. */
body .dx-delivery-flow-section{
    padding:38px 0 60px !important;
    background:
        radial-gradient(circle at 50% 12%,rgba(242,179,255,.18),transparent 32%),
        radial-gradient(circle at 92% 16%,rgba(217,168,255,.20),transparent 28%),
        linear-gradient(rgba(217,168,255,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(217,168,255,.12) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 56%,#f5ebff 100%) !important;
    background-size:auto,auto,56px 56px,56px 56px,auto !important;
}

body .dx-delivery-flow-head{
    max-width:980px !important;
    margin:0 auto 34px !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(26px,2.2vw,38px) !important;
    line-height:1.12 !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 46%,#B66DFF 78%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

body .dx-delivery-flow-head p{
    color:rgba(75,0,181,.72) !important;
    font-size:14px !important;
}

body .dx-delivery-flow-grid{
    width:min(1180px,90vw) !important;
    max-width:1180px !important;
    gap:22px !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:318px !important;
    padding:112px 26px 26px !important;
    border:1px solid rgba(182,109,255,.38) !important;
    background:
        radial-gradient(circle at 74% 8%,rgba(242,179,255,.16),transparent 30%),
        linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.95)) !important;
    box-shadow:
        0 22px 52px rgba(75,0,181,.10),
        inset 0 -4px 0 #7B2CFF,
        inset 0 -7px 0 rgba(242,179,255,.68) !important;
}

body .dx-flow-card h3{
    color:#4B00B5 !important;
    font-size:21px !important;
}

body .dx-flow-card p{
    color:rgba(75,0,181,.74) !important;
    font-size:13px !important;
    min-height:62px !important;
}

body .dx-flow-icon{
    width:86px !important;
    height:80px !important;
    font-size:28px !important;
    background:linear-gradient(145deg,#B66DFF 0%,#7B2CFF 55%,#4B00B5 100%) !important;
    box-shadow:
        0 16px 30px rgba(75,0,181,.24),
        9px 8px 0 rgba(217,168,255,.30),
        0 0 22px rgba(242,179,255,.40) !important;
}

body .dx-flow-card::before{
    display:block !important;
    top:192px !important;
    right:-42px !important;
    width:54px !important;
    height:14px !important;
    opacity:.92 !important;
    background:
        radial-gradient(circle at 0 50%,#ffffff 0 4px,#B66DFF 5px,#7B2CFF 7px,transparent 8px),
        linear-gradient(90deg,rgba(123,44,255,.70),rgba(182,109,255,.88)),
        radial-gradient(circle at 100% 50%,#ffffff 0 4px,#B66DFF 5px,#7B2CFF 7px,transparent 8px) !important;
    background-repeat:no-repeat !important;
    background-size:16px 14px,100% 3px,16px 14px !important;
    background-position:left center,center center,right center !important;
}

body .dx-flow-card:nth-child(4)::before{
    display:none !important;
}

body .dx-flow-dot{
    top:129px !important;
    background:#7B2CFF !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.20),0 0 16px rgba(123,44,255,.24) !important;
}

body .dx-flow-rule{
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#F2B3FF) !important;
}

body .dx-flow-card a{
    color:#4B00B5 !important;
}

body .dx-flow-card a i{
    color:#7B2CFF !important;
    border-color:#B66DFF !important;
    box-shadow:0 9px 18px rgba(182,109,255,.18) !important;
}

body .dx-flow-card::after{
    box-shadow:0 0 0 5px rgba(217,168,255,.45),0 0 20px rgba(242,179,255,.55) !important;
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-grid{
        width:min(1120px,90vw) !important;
        gap:18px !important;
    }

    body .dx-delivery-flow-section .dx-flow-card{
        min-height:306px !important;
        padding:108px 22px 24px !important;
    }
}

/* Five-color lock: no blue/navy mix in the About flow section. */
body .dx-delivery-flow-section{
    background:
        radial-gradient(circle at 48% 12%,rgba(242,179,255,.16),transparent 32%),
        radial-gradient(circle at 92% 14%,rgba(217,168,255,.18),transparent 28%),
        linear-gradient(rgba(217,168,255,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(217,168,255,.12) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 56%,#f7efff 100%) !important;
    background-size:auto,auto,56px 56px,56px 56px,auto !important;
}

body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em,
body .dx-flow-card h3{
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 80%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

body .dx-delivery-flow-head p,
body .dx-flow-card p{
    color:#4B00B5 !important;
}

body .dx-delivery-flow-head p{
    opacity:.72 !important;
}

body .dx-flow-card p{
    opacity:.78 !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    border-color:#D9A8FF !important;
    background:linear-gradient(180deg,#ffffff 0%,#fffaff 100%) !important;
    box-shadow:
        0 18px 42px rgba(75,0,181,.08),
        inset 0 -3px 0 #7B2CFF,
        inset 0 -6px 0 #F2B3FF !important;
}

body .dx-flow-icon{
    background:linear-gradient(145deg,#B66DFF 0%,#7B2CFF 58%,#4B00B5 100%) !important;
    box-shadow:0 15px 28px rgba(75,0,181,.20),8px 8px 0 rgba(217,168,255,.34),0 0 18px rgba(242,179,255,.42) !important;
}

body .dx-flow-rule{
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#F2B3FF) !important;
}

body .dx-flow-dot{
    background:#7B2CFF !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.22),0 0 14px rgba(242,179,255,.50) !important;
}

body .dx-flow-card::before{
    background:
        radial-gradient(circle at 0 50%,#ffffff 0 4px,#D9A8FF 5px,#7B2CFF 7px,transparent 8px),
        linear-gradient(90deg,#7B2CFF,#B66DFF),
        radial-gradient(circle at 100% 50%,#ffffff 0 4px,#D9A8FF 5px,#7B2CFF 7px,transparent 8px) !important;
    background-repeat:no-repeat !important;
    background-size:16px 14px,100% 3px,16px 14px !important;
    background-position:left center,center center,right center !important;
}

body .dx-flow-card::after{
    background:radial-gradient(circle,#ffffff 0 32%,#D9A8FF 33% 56%,#7B2CFF 57% 100%) !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.48),0 0 18px rgba(242,179,255,.62) !important;
}

body .dx-flow-card a{
    color:#4B00B5 !important;
}

body .dx-flow-card a i{
    color:#7B2CFF !important;
    border-color:#B66DFF !important;
    background:#ffffff !important;
}

/* Connector cleanup: line near headings and no Learn more row. */
body .dx-flow-card a{
    display:none !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    min-height:266px !important;
    padding-bottom:22px !important;
}

body .dx-flow-card p{
    min-height:0 !important;
    margin-bottom:0 !important;
}

body .dx-flow-card::before{
    top:128px !important;
    right:-38px !important;
    width:48px !important;
}

body .dx-flow-dot{
    top:116px !important;
}

body .dx-flow-card::after{
    bottom:-13px !important;
}

@media(min-width:1200px) and (max-width:1599px){
    body .dx-delivery-flow-section .dx-flow-card{
        min-height:258px !important;
    }
}

/* Numbering + clean connector line: five-color palette only. */
body .dx-flow-card b{
    display:block !important;
    position:absolute !important;
    left:24px !important;
    top:18px !important;
    z-index:1 !important;
    background:none !important;
    -webkit-text-fill-color:#D9A8FF !important;
    color:#D9A8FF !important;
    opacity:.46 !important;
    font-size:46px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
}

body .dx-flow-card::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:126px !important;
    right:-33px !important;
    width:38px !important;
    height:14px !important;
    border-radius:999px !important;
    opacity:1 !important;
    z-index:8 !important;
    background:
        radial-gradient(circle,#F2B3FF 0 2px,#7B2CFF 3px,#4B00B5 5px,transparent 6px),
        linear-gradient(90deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%),
        radial-gradient(circle,#F2B3FF 0 2px,#7B2CFF 3px,#4B00B5 5px,transparent 6px) !important;
    background-repeat:no-repeat !important;
    background-size:12px 12px,100% 2px,12px 12px !important;
    background-position:left center,center center,right center !important;
    box-shadow:0 0 14px rgba(217,168,255,.48) !important;
    transform-origin:left center !important;
    animation:dxFlowLineDrawRef 1.1s ease both !important;
}

body .dx-flow-card:nth-child(4)::before{
    display:none !important;
}

body .dx-flow-dot{
    background:#7B2CFF !important;
    box-shadow:0 0 0 4px rgba(217,168,255,.18),0 0 14px rgba(242,179,255,.52) !important;
}

/* Add 20px breathing room before card titles. */
body .dx-delivery-flow-section .dx-flow-card h3{
    margin-top:20px !important;
}

/* Use the Modular Build rounded gradient icon style for every flow card. */
body .dx-delivery-flow-section .dx-flow-card .dx-flow-icon{
    clip-path:none !important;
    border-radius:18px !important;
    width:68px !important;
    height:68px !important;
    background:linear-gradient(135deg,#8b3ff2,#c94fff) !important;
    box-shadow:0 16px 28px rgba(75,0,181,.18),10px 9px 0 rgba(217,168,255,.28),0 0 22px rgba(242,179,255,.36) !important;
}

/* Keep one clean connector between cards; remove the duplicate line from the inner title dot. */
body .dx-delivery-flow-section .dx-flow-card + .dx-flow-card .dx-flow-dot::before{
    content:none !important;
    display:none !important;
}

body .dx-delivery-flow-section .dx-flow-card::before{
    top:126px !important;
    right:-30px !important;
    width:34px !important;
    height:12px !important;
    background:
        radial-gradient(circle,#F2B3FF 0 2px,#B66DFF 3px,#7B2CFF 5px,transparent 6px),
        linear-gradient(90deg,#7B2CFF 0%,#B66DFF 62%,#F2B3FF 100%),
        radial-gradient(circle,#F2B3FF 0 2px,#B66DFF 3px,#7B2CFF 5px,transparent 6px) !important;
    background-repeat:no-repeat !important;
    background-size:12px 12px,100% 2px,12px 12px !important;
    background-position:left center,center center,right center !important;
    box-shadow:0 0 12px rgba(217,168,255,.45) !important;
}

/* Enterprise capability block: softer gradient icons, smaller heading, thin bottom border. */
body .dx-enterprise-capabilities-section .dx-enterprise-head h2,
body .dx-enterprise-capabilities-section .dx-enterprise-head h2 em{
    max-width:900px !important;
    font-size:clamp(24px,2.1vw,34px) !important;
    line-height:1.12 !important;
    color:transparent !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 45%,#B66DFF 76%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card{
    width:348px !important;
    min-height:142px !important;
    padding:15px 22px 14px 92px !important;
    border-radius:16px !important;
    border:1px solid rgba(217,168,255,.46) !important;
    box-shadow:0 14px 32px rgba(75,0,181,.08),0 8px 18px rgba(242,179,255,.13) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card:hover{
    box-shadow:0 18px 42px rgba(75,0,181,.10),0 10px 22px rgba(242,179,255,.16) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card::before{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    right:18px !important;
    bottom:0 !important;
    height:3px !important;
    border-radius:999px 999px 0 0 !important;
    background:linear-gradient(135deg,#8b3ff2,#c94fff) !important;
    box-shadow:0 0 12px rgba(242,179,255,.32) !important;
    z-index:3 !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card::after{
    background:radial-gradient(circle,rgba(217,168,255,.42) 1.6px,transparent 2.5px) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-icon{
    width:44px !important;
    height:44px !important;
    left:30px !important;
    top:38px !important;
    border-radius:14px !important;
    color:#ffffff !important;
    font-size:18px !important;
    background:linear-gradient(135deg,#8b3ff2,#c94fff) !important;
    box-shadow:0 14px 24px rgba(75,0,181,.14),8px 8px 0 rgba(217,168,255,.18),0 0 18px rgba(242,179,255,.28) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card b{
    color:#B66DFF !important;
    font-size:22px !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card h3{
    font-size:15px !important;
    color:#4B00B5 !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card span,
body .dx-enterprise-capabilities-section .dx-enterprise-card li i{
    background:linear-gradient(135deg,#8b3ff2,#c94fff) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line{
    border-color:rgba(217,168,255,.48) !important;
    filter:drop-shadow(0 0 8px rgba(242,179,255,.30)) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line::before,
body .dx-enterprise-capabilities-section .dx-enterprise-line::after{
    background:linear-gradient(135deg,#8b3ff2,#c94fff) !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.18),0 0 14px rgba(242,179,255,.42) !important;
}

/* Hide the small point above each delivery-flow card title. */
body .dx-delivery-flow-section .dx-flow-card > .dx-flow-dot{
    display:none !important;
}

/* Remove the extra purple circle from Blueprint step cards. */
body .dx-blueprint-orbit-premium .bp-step-head{
    justify-content:flex-end !important;
}

body .dx-blueprint-orbit-premium .bp-step-head b{
    display:none !important;
}

/* Our Vision card only: no pure blue, use royal purple, lavender, soft lavender, and pink glow. */
body .dx-mission-timeline-section .dx-mission-box.right.middle{
    background:
        radial-gradient(circle at 9% 16%,rgba(242,179,255,.34),transparent 26%),
        radial-gradient(circle at 92% 92%,rgba(217,168,255,.32),transparent 32%),
        linear-gradient(135deg,#7B2CFF 0%,#B66DFF 52%,#D9A8FF 78%,#F2B3FF 100%) !important;
    border:1px solid rgba(242,179,255,.56) !important;
    box-shadow:0 22px 56px rgba(123,44,255,.16),0 10px 28px rgba(242,179,255,.18) !important;
    color:#ffffff !important;
}

body .dx-mission-timeline-section .dx-mission-box.right.middle::before,
body .dx-mission-timeline-section .dx-mission-box.right.middle::after{
    border-color:rgba(242,179,255,.55) !important;
    background:rgba(217,168,255,.18) !important;
}

body .dx-mission-timeline-section .dx-mission-box.right.middle .dx-box-icon{
    background:linear-gradient(135deg,#7B2CFF,#B66DFF 48%,#F2B3FF 100%) !important;
    color:#ffffff !important;
    box-shadow:0 14px 28px rgba(123,44,255,.20),0 0 22px rgba(242,179,255,.30) !important;
}

body .dx-mission-timeline-section .dx-mission-box.right.middle .dx-box-header strong,
body .dx-mission-timeline-section .dx-mission-box.right.middle p,
body .dx-mission-timeline-section .dx-mission-box.right.middle li{
    color:#ffffff !important;
}

body .dx-mission-timeline-section .dx-mission-box.right.middle li::before{
    color:#F2B3FF !important;
}

/* V176: Planning Support left side replaced with reference timeline design. */
body .dx-progress-consultant .dx-progress-left.dx-planning-left-v176{
    position:relative !important;
    align-self:start !important;
    padding:6px 10px 0 0 !important;
    max-width:560px !important;
}

body .dx-planning-left-v176 .dx-mini-kicker{
    display:block !important;
    margin-bottom:12px !important;
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:5px !important;
    text-transform:uppercase !important;
}

body .dx-planning-left-v176 h2{
    margin:0 0 18px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    background-image:none !important;
    font-size:clamp(34px,3vw,52px) !important;
    line-height:.98 !important;
    font-weight:950 !important;
    letter-spacing:-1.6px !important;
    text-align:left !important;
    text-shadow:none !important;
}

body .dx-planning-left-v176 h2 span{
    display:inline-block !important;
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 100%) !important;
    background-image:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

body .dx-planning-left-v176 > p{
    max-width:500px !important;
    margin:0 0 30px !important;
    color:#52627f !important;
    -webkit-text-fill-color:#52627f !important;
    font-size:15px !important;
    line-height:1.75 !important;
    font-weight:500 !important;
    text-align:left !important;
}

body .dx-planning-approach{
    display:grid !important;
    grid-template-columns:76px 1fr !important;
    gap:18px !important;
    align-items:center !important;
    margin:0 0 18px !important;
}

body .dx-planning-approach-icon{
    width:72px !important;
    height:72px !important;
    border-radius:22px !important;
    display:grid !important;
    place-items:center !important;
    color:#ffffff !important;
    font-size:30px !important;
    background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 52%,#4B00B5 100%) !important;
    box-shadow:0 18px 36px rgba(123,44,255,.22),0 0 0 8px rgba(217,168,255,.18) !important;
}

body .dx-planning-approach h3{
    margin:0 0 8px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    font-size:21px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:-.4px !important;
}

body .dx-planning-approach p{
    margin:0 !important;
    color:#52627f !important;
    -webkit-text-fill-color:#52627f !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:500 !important;
}

body .dx-planning-timeline{
    position:relative !important;
    display:grid !important;
    gap:10px !important;
    margin:12px 0 22px !important;
    padding-left:50px !important;
}

body .dx-planning-line{
    position:absolute !important;
    left:24px !important;
    top:0 !important;
    bottom:22px !important;
    width:2px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,rgba(123,44,255,.1),#B66DFF,#7B2CFF,rgba(123,44,255,.1)) !important;
    box-shadow:0 0 16px rgba(182,109,255,.28) !important;
}

body .dx-planning-step{
    position:relative !important;
    display:grid !important;
    grid-template-columns:68px 68px 1fr !important;
    gap:14px !important;
    align-items:center !important;
    min-height:94px !important;
    padding:12px 22px 12px 20px !important;
    border:1px solid rgba(217,168,255,.46) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 16px 40px rgba(75,0,181,.08) !important;
    overflow:visible !important;
}

body .dx-planning-step::before{
    content:"" !important;
    position:absolute !important;
    left:-33px !important;
    top:50% !important;
    width:15px !important;
    height:15px !important;
    border-radius:50% !important;
    transform:translateY(-50%) !important;
    background:#7B2CFF !important;
    border:4px solid #ffffff !important;
    box-shadow:0 0 0 3px rgba(182,109,255,.28),0 0 16px rgba(123,44,255,.28) !important;
}

body .dx-planning-step b{
    width:66px !important;
    height:66px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:30px !important;
    line-height:1 !important;
    font-weight:950 !important;
    background:linear-gradient(135deg,#B66DFF 0%,#7B2CFF 55%,#4B00B5 100%) !important;
    box-shadow:0 14px 28px rgba(123,44,255,.18) !important;
}

body .dx-planning-step > i{
    width:66px !important;
    height:66px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    font-size:24px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(242,179,255,.18)) !important;
    border:1px solid rgba(217,168,255,.38) !important;
}

body .dx-planning-step h4{
    margin:0 0 7px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    font-size:15px !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    letter-spacing:-.15px !important;
}

body .dx-planning-step p{
    margin:0 !important;
    color:#293251 !important;
    -webkit-text-fill-color:#293251 !important;
    font-size:12.4px !important;
    line-height:1.55 !important;
    font-weight:500 !important;
}

body .dx-planning-stats{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
    margin-top:20px !important;
    padding:24px 18px !important;
    border:1px solid rgba(217,168,255,.42) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 18px 48px rgba(75,0,181,.08) !important;
}

body .dx-planning-stats div{
    display:grid !important;
    grid-template-columns:46px 1fr !important;
    grid-template-rows:auto auto !important;
    column-gap:12px !important;
    align-items:center !important;
    min-width:0 !important;
    padding:0 14px !important;
    border-right:1px solid rgba(123,44,255,.16) !important;
}

body .dx-planning-stats div:last-child{
    border-right:0 !important;
}

body .dx-planning-stats i{
    grid-row:1 / 3 !important;
    width:44px !important;
    height:44px !important;
    border-radius:13px !important;
    display:grid !important;
    place-items:center !important;
    color:#ffffff !important;
    font-size:17px !important;
    background:linear-gradient(135deg,#7B2CFF,#B66DFF) !important;
    box-shadow:0 12px 24px rgba(123,44,255,.18) !important;
}

body .dx-planning-stats strong{
    color:#4B00B5 !important;
    -webkit-text-fill-color:#4B00B5 !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

body .dx-planning-stats span{
    color:#293251 !important;
    -webkit-text-fill-color:#293251 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
}

@media(max-width:1199px){
    body .dx-progress-consultant .dx-progress-left.dx-planning-left-v176{
        max-width:100% !important;
        padding-right:0 !important;
    }
}

@media(max-width:767px){
    body .dx-planning-left-v176 h2{
        font-size:34px !important;
    }

    body .dx-planning-timeline{
        padding-left:30px !important;
    }

    body .dx-planning-line{
        left:13px !important;
    }

    body .dx-planning-step{
        grid-template-columns:56px 1fr !important;
        gap:12px !important;
        padding:12px 14px !important;
    }

    body .dx-planning-step::before{
        left:-24px !important;
    }

    body .dx-planning-step > i{
        display:none !important;
    }

    body .dx-planning-step b{
        width:54px !important;
        height:54px !important;
        font-size:24px !important;
    }

    body .dx-planning-approach{
        grid-template-columns:60px 1fr !important;
    }

    body .dx-planning-approach-icon{
        width:58px !important;
        height:58px !important;
        border-radius:18px !important;
        font-size:24px !important;
    }

    body .dx-planning-stats{
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    body .dx-planning-stats div{
        border-right:0 !important;
        padding:0 !important;
    }
}

/* V177: Planning Support final reference fit. */
body .dx-progress-consultant{
    padding:64px 0 76px !important;
}

body .dx-progress-consultant .container{
    position:relative !important;
    z-index:1 !important;
}

@media(min-width:1200px){
    body .dx-progress-consultant .container{
        max-width:none !important;
        padding-left:clamp(96px,7.25vw,140px) !important;
        padding-right:clamp(96px,7.25vw,140px) !important;
    }

    body .dx-progress-consultant .dx-progress-layout{
        display:grid !important;
        grid-template-columns:minmax(0, 560px) minmax(0, 1fr) !important;
        gap:34px !important;
        align-items:start !important;
    }

    body .dx-progress-consultant .dx-progress-left.dx-planning-left-v176{
        width:100% !important;
        max-width:560px !important;
        padding:0 !important;
        overflow:visible !important;
    }

    body .dx-planning-left-v176 .dx-mini-kicker{
        margin-bottom:16px !important;
        letter-spacing:0 !important;
    }

    body .dx-planning-left-v176 h2{
        display:block !important;
        max-width:720px !important;
        margin:0 0 18px !important;
        font-size:32px !important;
        line-height:1.16 !important;
        letter-spacing:0 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        overflow-wrap:normal !important;
    }

    body .dx-planning-left-v176 h2 .dx-title-line{
        display:inline !important;
        width:auto !important;
        max-width:100% !important;
        color:#080a36 !important;
        background:none !important;
        -webkit-background-clip:border-box !important;
        background-clip:border-box !important;
        -webkit-text-fill-color:#080a36 !important;
        letter-spacing:0 !important;
        white-space:nowrap !important;
    }

    body .dx-planning-left-v176 h2 .dx-title-accent{
        color:#7B2CFF !important;
        background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 100%) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
    }

    body .dx-planning-left-v176 > p{
        max-width:540px !important;
        margin-bottom:34px !important;
        font-size:17px !important;
        line-height:1.65 !important;
    }

    body .dx-planning-approach{
        grid-template-columns:56px 1fr !important;
        gap:14px !important;
        margin-bottom:28px !important;
    }

    body .dx-planning-approach-icon{
        width:45px !important;
        height:45px !important;
        border-radius:12px !important;
        font-size:20px !important;
        box-shadow:0 12px 24px rgba(123,44,255,.18),0 0 0 6px rgba(217,168,255,.14) !important;
    }

    body .dx-planning-step{
        min-height:94px !important;
        border-radius:22px !important;
    }

    body .dx-progress-right.dx-blueprint-orbit-premium{
        display:block !important;
        position:relative !important;
        align-self:start !important;
        width:100% !important;
        height:930px !important;
        min-height:930px !important;
        padding:0 !important;
        overflow:hidden !important;
        border-radius:38px !important;
    }

    body .dx-blueprint-orbit-premium .bp-grid-glow,
    body .dx-blueprint-orbit-premium .bp-orbit,
    body .dx-blueprint-orbit-premium .bp-center-card,
    body .dx-blueprint-orbit-premium .bp-dot,
    body .dx-blueprint-orbit-premium .bp-arrow{
        display:block !important;
    }

    body .dx-blueprint-orbit-premium .bp-orbit.orbit-main{
        width:430px !important;
        height:430px !important;
    }

    body .dx-blueprint-orbit-premium .bp-orbit.orbit-soft{
        width:520px !important;
        height:520px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card{
        position:absolute !important;
        left:50% !important;
        top:50% !important;
        width:206px !important;
        min-height:430px !important;
        padding:30px 20px 26px !important;
        border-radius:30px !important;
        transform:translate(-50%,-50%) !important;
        margin:0 !important;
        overflow:hidden !important;
        z-index:8 !important;
    }

    body .dx-blueprint-orbit-premium .bp-bulb{
        width:86px !important;
        height:86px !important;
        font-size:48px !important;
        margin-bottom:16px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h4{
        font-size:28px !important;
        line-height:1.05 !important;
        letter-spacing:0 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card strong{
        font-size:17px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h6{
        font-size:16px !important;
        line-height:1.35 !important;
        letter-spacing:0 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card p{
        max-width:160px !important;
        font-size:12px !important;
        line-height:1.55 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        position:absolute !important;
        width:230px !important;
        min-height:214px !important;
        padding:24px 23px !important;
        border-radius:24px !important;
        transform:none !important;
        z-index:7 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1{
        left:28px !important;
        top:98px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2{
        right:28px !important;
        top:98px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3{
        left:28px !important;
        bottom:72px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        right:28px !important;
        bottom:72px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head{
        margin-bottom:16px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head b{
        width:0 !important;
        min-width:0 !important;
        height:0 !important;
        opacity:0 !important;
        overflow:hidden !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head i{
        width:58px !important;
        height:58px !important;
        border-radius:18px !important;
        font-size:28px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        margin-bottom:12px !important;
        font-size:21px !important;
        line-height:1.14 !important;
        letter-spacing:0 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card > span{
        width:42px !important;
        margin-bottom:14px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:13px !important;
        line-height:1.55 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card::after{
        display:block !important;
        width:58px !important;
        border-top:2px dashed rgba(124,58,237,.34) !important;
        opacity:.75 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-1::after,
    body .dx-blueprint-orbit-premium .bp-step-3::after{
        right:-58px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-2::after,
    body .dx-blueprint-orbit-premium .bp-step-4::after{
        left:-58px !important;
    }
}

@media(min-width:1200px) and (max-width:1500px){
    body .dx-progress-consultant .container{
        padding-left:56px !important;
        padding-right:56px !important;
    }

    body .dx-progress-consultant .dx-progress-layout{
        grid-template-columns:minmax(0, 500px) minmax(0, 1fr) !important;
        gap:30px !important;
    }

    body .dx-planning-left-v176 h2{
        max-width:500px !important;
        font-size:32px !important;
    }

    body .dx-planning-left-v176 > p{
        font-size:12px !important;
    }

    body .dx-progress-right.dx-blueprint-orbit-premium{
        height:860px !important;
        min-height:860px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        width:210px !important;
        min-height:196px !important;
        padding:22px 20px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        font-size:19px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:12.2px !important;
    }
}

@media(max-width:1199px){
    body .dx-planning-left-v176 h2{
        display:block !important;
    }

    body .dx-planning-left-v176 h2 .dx-title-line{
        display:inline !important;
        width:auto !important;
        color:#080a36 !important;
        background:none !important;
        -webkit-background-clip:border-box !important;
        background-clip:border-box !important;
        -webkit-text-fill-color:#080a36 !important;
        white-space:normal !important;
    }

    body .dx-planning-left-v176 h2 .dx-title-accent{
        color:#7B2CFF !important;
        background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 48%,#B66DFF 100%) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
    }
}

/* V180: final badge sizing override. */
body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step{
    grid-template-columns:46px 46px minmax(0,1fr) !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step b,
body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step > i{
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    border-radius:10px !important;
    display:grid !important;
    place-items:center !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step b{
    font-size:16px !important;
    line-height:1 !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step > i{
    font-size:16px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 > p{
    font-size:12px !important;
}

/* V181: connect planning approach header with the timeline. */
body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-approach{
    margin-bottom:8px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-timeline{
    margin-top:0 !important;
    padding-top:0 !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-line{
    top:-8px !important;
}

/* V182: suppress gap above the planning stats bar. */
body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-timeline{
    margin-bottom:6px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-stats{
    margin-top:26px !important;
}

/* V185: set top blueprint cards vertical position. */
body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2{
    top:68px !important;
}

/* V183: compact planning step card typography and height. */
body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step{
    min-height:72px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step h4{
    font-size:14px !important;
    line-height:1.15 !important;
    margin-bottom:6px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step p{
    font-size:10px !important;
    line-height:1.45 !important;
}

/* V184: compact planning stats spacing and typography. */
body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-stats{
    padding:18px 14px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-stats div{
    grid-template-columns:38px 1fr !important;
    column-gap:10px !important;
    padding:0 10px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-stats i{
    width:38px !important;
    height:38px !important;
    border-radius:10px !important;
    font-size:14px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-stats strong{
    font-size:22px !important;
}

body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-stats span{
    font-size:9px !important;
    line-height:1.25 !important;
}

/* V186: match right blueprint board height to the compact left column. */
@media(min-width:1501px){
    body .dx-progress-right.dx-blueprint-orbit-premium{
        height:830px !important;
        min-height:830px !important;
    }
}

@media(min-width:1200px) and (max-width:1500px){
    body .dx-progress-right.dx-blueprint-orbit-premium{
        height:790px !important;
        min-height:790px !important;
    }
}

/* V187: compact delivery-flow heading with black + purple combination. */
body .dx-delivery-flow-head h2,
body .dx-delivery-flow-head h2 em{
    font-size:clamp(20px,2.2vw,30px) !important;
    line-height:1.1 !important;
}

body .dx-delivery-flow-head h2{
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#10162d !important;
    color:#10162d !important;
}

body .dx-delivery-flow-head h2 em{
    font-style:normal !important;
    background:linear-gradient(90deg,#5C1EFF 0%,#8B3FF2 52%,#C85CFF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:#7B2CFF !important;
}

body .dx-delivery-flow-head p{
    font-size:12px !important;
}

/* V188: center-align delivery flow cards. */
body .dx-delivery-flow-grid{
    justify-content:center !important;
    align-items:stretch !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body .dx-delivery-flow-section .dx-flow-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:96px 30px 42px !important;
}

body .dx-delivery-flow-section .dx-flow-card .dx-flow-icon{
    margin-left:auto !important;
    margin-right:auto !important;
}

body .dx-delivery-flow-section .dx-flow-card h3,
body .dx-delivery-flow-section .dx-flow-card p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body .dx-delivery-flow-section .dx-flow-card .dx-flow-rule{
    margin-left:auto !important;
    margin-right:auto !important;
}

body .dx-delivery-flow-section .dx-flow-card a{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* V189: compact the About blueprint board on desktop, tablet and mobile. */
@media(min-width:1200px){
    body .dx-progress-right.dx-blueprint-orbit-premium{
        width:100% !important;
        max-width:760px !important;
        height:640px !important;
        min-height:640px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        overflow:hidden !important;
        border-radius:28px !important;
    }

    body .dx-blueprint-orbit-premium .bp-orbit.orbit-main{
        width:390px !important;
        height:390px !important;
    }

    body .dx-blueprint-orbit-premium .bp-orbit.orbit-soft{
        width:480px !important;
        height:480px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card{
        width:190px !important;
        min-height:330px !important;
        padding:24px 18px 22px !important;
        border-radius:28px !important;
    }

    body .dx-blueprint-orbit-premium .bp-bulb{
        width:72px !important;
        height:72px !important;
        margin-bottom:14px !important;
        font-size:38px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h4{
        font-size:26px !important;
        line-height:1.08 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card strong{
        font-size:15px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h6{
        font-size:14px !important;
        line-height:1.32 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card p{
        max-width:150px !important;
        font-size:11px !important;
        line-height:1.48 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        width:220px !important;
        min-height:160px !important;
        padding:20px !important;
        border-radius:22px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2{
        top:36px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3{
        left:28px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        right:28px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        bottom:36px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head{
        margin-bottom:10px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head i{
        width:48px !important;
        height:48px !important;
        border-radius:16px !important;
        font-size:22px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        margin-bottom:9px !important;
        font-size:18px !important;
        line-height:1.12 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:12px !important;
        line-height:1.45 !important;
    }
}

@media(max-width:1199px){
    body .dx-progress-consultant{
        overflow:hidden !important;
    }

    body .dx-progress-consultant .dx-progress-layout{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    body .dx-progress-right.dx-blueprint-orbit-premium{
        position:relative !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
        width:100% !important;
        max-width:760px !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto !important;
        padding:18px !important;
        border-radius:24px !important;
        overflow:hidden !important;
    }

    body .dx-blueprint-orbit-premium .bp-grid-glow,
    body .dx-blueprint-orbit-premium .bp-orbit,
    body .dx-blueprint-orbit-premium .bp-dot,
    body .dx-blueprint-orbit-premium .bp-arrow,
    body .dx-blueprint-orbit-premium .bp-step-card::after{
        display:none !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card{
        grid-column:1 / -1 !important;
        position:relative !important;
        inset:auto !important;
        left:auto !important;
        top:auto !important;
        transform:none !important;
        width:min(220px,100%) !important;
        min-height:260px !important;
        margin:0 auto 8px !important;
        padding:22px 18px 20px !important;
        border-radius:26px !important;
        z-index:2 !important;
        overflow:hidden !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card::before{
        inset:-28px -36px !important;
    }

    body .dx-blueprint-orbit-premium .bp-bulb{
        width:58px !important;
        height:58px !important;
        margin-bottom:12px !important;
        font-size:30px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h4{
        font-size:25px !important;
        line-height:1.08 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card strong{
        font-size:14px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h6{
        font-size:13px !important;
        line-height:1.28 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card p{
        max-width:160px !important;
        font-size:11px !important;
        line-height:1.45 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        position:relative !important;
        inset:auto !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        transform:none !important;
        width:100% !important;
        min-width:0 !important;
        min-height:150px !important;
        padding:18px !important;
        border-radius:20px !important;
        overflow:hidden !important;
        z-index:2 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card::before{
        width:78px !important;
        height:78px !important;
        opacity:.16 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head{
        position:relative !important;
        inset:auto !important;
        display:flex !important;
        justify-content:flex-end !important;
        width:100% !important;
        height:auto !important;
        margin:0 0 12px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head b{
        display:none !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head i{
        width:46px !important;
        height:46px !important;
        border-radius:15px !important;
        font-size:20px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        max-width:100% !important;
        margin:0 0 9px !important;
        font-size:20px !important;
        line-height:1.12 !important;
        overflow-wrap:break-word !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card > span{
        width:36px !important;
        margin:0 0 12px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        max-width:100% !important;
        margin:0 !important;
        font-size:13px !important;
        line-height:1.48 !important;
        overflow-wrap:break-word !important;
    }
}

@media(max-width:575px){
    body .dx-progress-right.dx-blueprint-orbit-premium{
        grid-template-columns:1fr !important;
        max-width:min(360px,calc(100vw - 32px)) !important;
        gap:12px !important;
        padding:14px !important;
        border-radius:22px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card{
        width:min(184px,74vw) !important;
        min-height:236px !important;
        padding:20px 15px 18px !important;
        margin-bottom:4px !important;
        border-radius:24px !important;
    }

    body .dx-blueprint-orbit-premium .bp-bulb{
        width:52px !important;
        height:52px !important;
        font-size:27px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h4{
        font-size:23px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h6{
        font-size:12px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card p{
        font-size:10.5px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        min-height:126px !important;
        padding:16px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head{
        margin-bottom:8px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head i{
        width:42px !important;
        height:42px !important;
        font-size:18px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        font-size:20px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:12.5px !important;
    }
}

/* V189: About hero subheader under the main title. */
body .page-hero .about-hero-subtitle{
    display:block !important;
    max-width:1120px !important;
    margin:10px auto 12px !important;
    font-size:clamp(24px,3vw,42px) !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-align:center !important;
}

body .page-hero .about-hero-subtitle.gradient-text{
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 42%,#B66DFF 72%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

@media(max-width:575px){
    body .page-hero .about-hero-subtitle{
        max-width:360px !important;
        margin-top:8px !important;
        font-size:clamp(20px,6vw,25px) !important;
        line-height:1.18 !important;
    }
}

/* V190: strict mobile reset for About blueprint cards, no overlap/no wasted height. */
@media(max-width:767px){
    body .dx-progress-consultant{
        padding-top:34px !important;
        padding-bottom:34px !important;
        overflow:hidden !important;
    }

    body .dx-progress-consultant .container{
        max-width:100% !important;
        padding-left:14px !important;
        padding-right:14px !important;
        overflow:hidden !important;
    }

    body .dx-progress-right.dx-blueprint-orbit-premium{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        width:100% !important;
        max-width:360px !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 auto !important;
        padding:0 !important;
        gap:12px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    body .dx-blueprint-orbit-premium .bp-grid-glow,
    body .dx-blueprint-orbit-premium .bp-orbit,
    body .dx-blueprint-orbit-premium .bp-dot,
    body .dx-blueprint-orbit-premium .bp-arrow,
    body .dx-blueprint-orbit-premium .bp-center-card{
        display:none !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        position:relative !important;
        inset:auto !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        transform:none !important;
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:18px 18px 16px !important;
        border:1px solid rgba(217,168,255,.58) !important;
        border-radius:18px !important;
        background:rgba(255,255,255,.94) !important;
        box-shadow:0 12px 26px rgba(75,0,181,.07) !important;
        overflow:hidden !important;
        z-index:1 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card::before,
    body .dx-blueprint-orbit-premium .bp-step-card::after{
        content:none !important;
        display:none !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head{
        position:absolute !important;
        top:16px !important;
        right:16px !important;
        left:auto !important;
        bottom:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        z-index:2 !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head b{
        display:none !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-head i{
        position:static !important;
        width:38px !important;
        height:38px !important;
        border-radius:13px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:17px !important;
        color:#7B2CFF !important;
        background:linear-gradient(145deg,#ffffff,#f7efff) !important;
        border:1px solid rgba(217,168,255,.72) !important;
        box-shadow:0 10px 22px rgba(123,44,255,.10) !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        max-width:calc(100% - 58px) !important;
        margin:0 0 10px !important;
        color:#080a36 !important;
        font-size:20px !important;
        line-height:1.12 !important;
        font-weight:900 !important;
        letter-spacing:0 !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card > span{
        display:block !important;
        width:34px !important;
        height:3px !important;
        margin:0 0 12px !important;
        border-radius:99px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        max-width:calc(100% - 8px) !important;
        margin:0 !important;
        color:#5d6a86 !important;
        font-size:13px !important;
        line-height:1.48 !important;
        font-weight:500 !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }
}

@media(max-width:420px){
    body .dx-progress-right.dx-blueprint-orbit-premium{
        max-width:calc(100vw - 30px) !important;
        gap:10px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-1,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-2,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-3,
    body .dx-blueprint-orbit-premium .bp-step-card.bp-step-4{
        padding:16px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card h5{
        font-size:19px !important;
    }

    body .dx-blueprint-orbit-premium .bp-step-card p{
        font-size:12.5px !important;
    }
}

/* V191: keep the Blueprint center visible on mobile, but prevent overlap. */
@media(max-width:767px){
    body .dx-blueprint-orbit-premium .bp-center-card{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        position:relative !important;
        inset:auto !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        transform:none !important;
        width:min(210px,68vw) !important;
        max-width:100% !important;
        height:auto !important;
        min-height:250px !important;
        margin:0 auto 4px !important;
        padding:20px 16px 18px !important;
        border-radius:26px !important;
        overflow:hidden !important;
        z-index:2 !important;
        box-shadow:0 18px 38px rgba(75,0,181,.18) !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card::before{
        display:block !important;
        content:"" !important;
        inset:-26px -36px !important;
        opacity:.36 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card::after{
        display:none !important;
    }

    body .dx-blueprint-orbit-premium .bp-bulb{
        width:54px !important;
        height:54px !important;
        margin:0 auto 12px !important;
        font-size:28px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h4{
        margin:0 0 6px !important;
        font-size:24px !important;
        line-height:1.08 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card strong{
        font-size:14px !important;
        line-height:1.15 !important;
    }

    body .dx-blueprint-orbit-premium .bp-divider{
        margin:14px 0 14px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h6{
        margin:0 0 10px !important;
        font-size:12.5px !important;
        line-height:1.3 !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card p{
        max-width:155px !important;
        margin:0 auto !important;
        font-size:10.5px !important;
        line-height:1.45 !important;
    }
}

@media(max-width:420px){
    body .dx-blueprint-orbit-premium .bp-center-card{
        width:min(190px,70vw) !important;
        min-height:232px !important;
        padding:18px 14px 16px !important;
    }

    body .dx-blueprint-orbit-premium .bp-center-card h4{
        font-size:22px !important;
    }
}

/* V190: About hero subheader in black. */
body .page-hero .about-hero-subtitle,
body .page-hero .about-hero-subtitle.gradient-text{
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    -webkit-text-fill-color:#10162d !important;
    color:#10162d !important;
    text-shadow:none !important;
}

/* V192: reduce About hero subtitle size. */
body .page-hero .about-hero-subtitle,
body .page-hero .about-hero-subtitle.gradient-text{
    max-width:900px !important;
    margin:8px auto 12px !important;
    font-size:clamp(18px,2vw,30px) !important;
    line-height:1.15 !important;
    font-weight:900 !important;
}

@media(max-width:575px){
    body .page-hero .about-hero-subtitle,
    body .page-hero .about-hero-subtitle.gradient-text{
        max-width:330px !important;
        font-size:clamp(17px,5vw,21px) !important;
        line-height:1.2 !important;
    }
}

/* V193: place the planning stats on the right and match the column height. */
body .dx-progress-consultant .dx-progress-right-stack{
    display:flex !important;
    flex-direction:column !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:760px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:20px !important;
}

body .dx-progress-consultant .dx-progress-right-stack .dx-progress-right.dx-blueprint-orbit-premium{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}

body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats{
    width:100% !important;
    margin:0 !important;
}

@media(min-width:1200px){
    body .dx-progress-consultant .dx-progress-layout{
        align-items:stretch !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack{
        height:100% !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-progress-right.dx-blueprint-orbit-premium{
        flex:1 1 auto !important;
        height:auto !important;
        min-height:0 !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats{
        flex:0 0 auto !important;
        padding:18px 14px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats div{
        grid-template-columns:38px 1fr !important;
        column-gap:10px !important;
        padding:0 10px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats i{
        width:38px !important;
        height:38px !important;
        border-radius:10px !important;
        font-size:14px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats strong{
        font-size:22px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats span{
        font-size:9px !important;
        line-height:1.25 !important;
    }
}

@media(max-width:1199px){
    body .dx-progress-consultant .dx-progress-right-stack{
        max-width:760px !important;
        gap:18px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats{
        order:2 !important;
    }
}

@media(max-width:767px){
    body .dx-progress-consultant .dx-progress-right-stack{
        max-width:360px !important;
        gap:16px !important;
    }
}

/* V194: wide monitor fit for 21-inch and 32-inch desktop screens. */
@media(min-width:1500px){
    body .page-hero .container,
    body .about-premium-v17 .container,
    body .dx-mission-timeline-section .container,
    body .dx-progress-consultant .container{
        width:min(94vw,1720px) !important;
        max-width:min(94vw,1720px) !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    body .page-hero h1,
    body .page-hero h1 .gradient-text{
        font-size:34px !important;
    }

    body .page-hero .about-hero-subtitle,
    body .page-hero .about-hero-subtitle.gradient-text{
        max-width:1120px !important;
        font-size:32px !important;
    }

    body .page-hero p{
        max-width:980px !important;
        font-size:14px !important;
        line-height:1.65 !important;
    }

    body section.about-premium-v17 h2.gradient-heading.mb-3,
    body .about-premium-v17 .gradient-heading{
        max-width:820px !important;
        font-size:28px !important;
        line-height:1.12 !important;
    }

    body .about-premium-v17 .text-muted{
        max-width:780px !important;
        font-size:14px !important;
        line-height:1.7 !important;
    }

    body .about-premium-v17 .mini-badge{
        font-size:11px !important;
        padding:9px 18px !important;
    }

    body .about-pill-grid{
        gap:16px !important;
    }

    body .about-pill-grid div{
        grid-template-columns:52px 1fr !important;
        min-height:78px !important;
        padding:17px 20px !important;
    }

    body .about-pill-grid i{
        width:50px !important;
        height:50px !important;
        font-size:20px !important;
    }

    body .about-pill-grid b{
        font-size:16px !important;
    }

    body .about-pill-grid small{
        font-size:12.8px !important;
    }

    body .about-premium-v17 .delivery-engine{
        min-height:470px !important;
        border-radius:34px !important;
    }

    body .about-premium-v17 .engine-core{
        width:154px !important;
        height:154px !important;
    }

    body .about-premium-v17 .engine-core span{
        font-size:18px !important;
    }

    body .about-premium-v17 .engine-step{
        width:164px !important;
        min-height:132px !important;
        padding:16px !important;
    }

    body .about-premium-v17 .engine-step h6{
        font-size:15px !important;
    }

    body .about-premium-v17 .engine-step p{
        font-size:11.8px !important;
    }

    body .dx-progress-consultant .container{
        width:min(94vw,1780px) !important;
        max-width:min(94vw,1780px) !important;
    }

    body .dx-progress-consultant .dx-progress-layout{
        grid-template-columns:minmax(540px,.78fr) minmax(760px,1.22fr) !important;
        gap:42px !important;
    }

    body .dx-progress-consultant .dx-progress-left.dx-planning-left-v176{
        max-width:620px !important;
    }

    body .dx-planning-left-v176 h2{
        max-width:680px !important;
        font-size:36px !important;
    }

    body .dx-progress-consultant .dx-planning-left-v176 > p{
        max-width:590px !important;
        font-size:13px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack{
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats strong{
        font-size:25px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats span{
        font-size:10px !important;
    }
}

@media(min-width:1920px){
    body .page-hero .container,
    body .about-premium-v17 .container,
    body .dx-mission-timeline-section .container{
        width:min(94vw,2160px) !important;
        max-width:min(94vw,2160px) !important;
    }

    body .page-hero h1,
    body .page-hero h1 .gradient-text{
        font-size:38px !important;
    }

    body .page-hero .about-hero-subtitle,
    body .page-hero .about-hero-subtitle.gradient-text{
        max-width:1320px !important;
        font-size:38px !important;
    }

    body .page-hero p{
        max-width:1120px !important;
        font-size:15px !important;
    }

    body section.about-premium-v17 h2.gradient-heading.mb-3,
    body .about-premium-v17 .gradient-heading{
        max-width:980px !important;
        font-size:28px !important;
    }

    body .about-premium-v17 .text-muted{
        max-width:900px !important;
        font-size:15px !important;
    }

    body .about-premium-v17 .delivery-engine{
        min-height:520px !important;
    }

    body .about-premium-v17 .engine-core{
        width:174px !important;
        height:174px !important;
    }

    body .about-premium-v17 .engine-core span{
        font-size:20px !important;
    }

    body .about-premium-v17 .engine-core b{
        font-size:12px !important;
    }

    body .about-premium-v17 .engine-step{
        width:184px !important;
        min-height:148px !important;
    }

    body .about-premium-v17 .engine-step i{
        font-size:28px !important;
    }

    body .about-premium-v17 .engine-step h6{
        font-size:16px !important;
    }

    body .about-premium-v17 .engine-step p{
        font-size:12.4px !important;
    }

    body .dx-progress-consultant .container{
        width:min(94vw,2240px) !important;
        max-width:min(94vw,2240px) !important;
    }

    body .dx-progress-consultant .dx-progress-layout{
        grid-template-columns:minmax(620px,.72fr) minmax(980px,1.28fr) !important;
        gap:52px !important;
    }

    body .dx-progress-consultant .dx-progress-left.dx-planning-left-v176{
        max-width:700px !important;
    }

    body .dx-planning-left-v176 h2{
        max-width:780px !important;
        font-size:42px !important;
    }

    body .dx-progress-consultant .dx-planning-left-v176 > p{
        max-width:660px !important;
        font-size:14px !important;
    }

    body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step h4{
        font-size:15px !important;
    }

    body .dx-progress-consultant .dx-planning-left-v176 .dx-planning-step p{
        font-size:11px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats strong{
        font-size:28px !important;
    }

    body .dx-progress-consultant .dx-progress-right-stack .dx-planning-stats span{
        font-size:11px !important;
    }
}