/* Home core capability final layout */
.dx-final-values-section .dx-core-grid{
    width:min(1280px,92vw) !important;
    max-width:1280px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
}

.dx-final-values-section .dx-core-card{
    width:100% !important;
    height:auto !important;
    min-height:236px !important;
    display:grid !important;
    grid-template-columns:150px minmax(280px,1fr) minmax(320px,.85fr) !important;
    grid-template-areas:"icon content list" !important;
    align-items:center !important;
    column-gap:36px !important;
    padding:42px 52px !important;
    border-radius:34px !important;
    border:1px solid rgba(182,109,255,.42) !important;
    background:
        radial-gradient(circle at 11% 36%,rgba(217,168,255,.14),transparent 22%),
        radial-gradient(circle at 88% 44%,rgba(242,179,255,.32),transparent 34%),
        linear-gradient(108deg,#ffffff 0%,#ffffff 52%,#fff7ff 78%,#faeaff 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 24px 58px rgba(75,0,181,.10) !important;
    overflow:hidden !important;
    isolation:isolate !important;
    transition:transform .36s ease, box-shadow .36s ease, border-color .36s ease !important;
    animation:dxHomeCoreCardBreath 7s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(182,109,255,.54) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 32px 72px rgba(75,0,181,.14) !important;
}

.dx-final-values-section .dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:34px !important;
    background:
        linear-gradient(90deg,rgba(123,44,255,.14),transparent 18%,transparent 80%,rgba(242,179,255,.18)),
        radial-gradient(circle at 7% 18%,rgba(182,109,255,.16),transparent 16%) !important;
    pointer-events:none !important;
    z-index:0 !important;
    opacity:.78 !important;
}

.dx-final-values-section .dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:-110px !important;
    bottom:-120px !important;
    width:330px !important;
    height:260px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(217,168,255,.34),rgba(217,168,255,.10) 48%,transparent 72%) !important;
    pointer-events:none !important;
    z-index:0 !important;
    animation:dxHomeCoreWash 6.5s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-icon,
.dx-final-values-section .dx-core-content,
.dx-final-values-section .dx-core-card > ul{
    position:relative !important;
    z-index:2 !important;
}

.dx-final-values-section .dx-core-icon{
    grid-area:icon !important;
    justify-self:center !important;
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:34px !important;
    background:
        radial-gradient(circle at 32% 22%,#f4b6ff 0%,#b66dff 34%,#7b2cff 74%,#4b00b5 100%) !important;
    box-shadow:
        inset 0 8px 18px rgba(255,255,255,.32),
        0 16px 34px rgba(123,44,255,.25),
        0 0 34px rgba(182,109,255,.26) !important;
    animation:dxHomeRoundFloat 4.4s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-icon::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-30px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle,rgba(217,168,255,.26),rgba(217,168,255,.08) 56%,transparent 72%) !important;
    border:2px solid rgba(217,168,255,.54) !important;
    box-shadow:
        0 0 0 12px rgba(217,168,255,.10),
        0 16px 38px rgba(123,44,255,.18) !important;
    visibility:visible !important;
    opacity:.92 !important;
    pointer-events:none !important;
    z-index:-2 !important;
    animation:dxHomeRoundPulse 3.6s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-icon::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-18px !important;
    border-radius:50% !important;
    background:conic-gradient(from 0deg,transparent 0 18%,rgba(123,44,255,.70),rgba(242,179,255,.75),transparent 70% 100%) !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
    pointer-events:none !important;
    z-index:-1 !important;
    animation:dxHomeRoundSpin 7s linear infinite !important;
}

.dx-final-values-section .dx-core-content{
    grid-area:content !important;
    text-align:left !important;
    min-width:0 !important;
}

.dx-final-values-section .dx-core-content h3{
    margin:0 0 12px !important;
    color:#101633 !important;
    font-size:28px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
}

.dx-final-values-section .dx-core-content span,
.dx-final-values-section .dx-core-line{
    display:block !important;
    width:60px !important;
    height:4px !important;
    margin:0 0 18px !important;
    border-radius:20px !important;
    background:linear-gradient(90deg,#7b2cff,#c85cff) !important;
    animation:dxHomeLineShine 2.8s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-content p{
    max-width:420px !important;
    margin:0 !important;
    color:#58617d !important;
    font-size:15px !important;
    line-height:1.55 !important;
    font-weight:750 !important;
}

.dx-final-values-section .dx-core-divider{
    display:none !important;
}

.dx-final-values-section .dx-core-card > ul{
    grid-area:list !important;
    width:100% !important;
    max-width:360px !important;
    justify-self:end !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    margin:0 !important;
    padding:0 !important;
}

.dx-final-values-section .dx-core-card li{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    align-items:center !important;
    gap:13px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#11172f !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    text-align:left !important;
}

.dx-final-values-section .dx-core-card li i{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:10px !important;
    background:linear-gradient(135deg,#f2b3ff 0%,#b66dff 38%,#7b2cff 100%) !important;
    box-shadow:0 10px 24px rgba(123,44,255,.22),0 0 20px rgba(217,168,255,.34) !important;
    animation:dxHomeTickPulse 2.6s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-card li:nth-child(2) i{animation-delay:.25s !important;}
.dx-final-values-section .dx-core-card li:nth-child(3) i{animation-delay:.5s !important;}

@media(max-width:1199px){
    .dx-final-values-section .dx-core-card{
        grid-template-columns:130px minmax(240px,1fr) minmax(260px,.9fr) !important;
        column-gap:28px !important;
        padding:36px 34px !important;
    }

    .dx-final-values-section .dx-core-icon{
        width:86px !important;
        height:86px !important;
        min-width:86px !important;
        font-size:30px !important;
    }

    .dx-final-values-section .dx-core-content h3{
        font-size:24px !important;
    }

    .dx-final-values-section .dx-core-content p{
        font-size:11px !important;
    }

    .dx-final-values-section .dx-core-card li{
        font-size:12px !important;
    }
}

@media(max-width:767px){
    .dx-final-values-section .dx-core-grid{
        width:min(560px,92vw) !important;
        gap:22px !important;
    }

    .dx-final-values-section .dx-core-card{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "icon"
            "content"
            "list" !important;
        justify-items:center !important;
        row-gap:18px !important;
        min-height:auto !important;
        padding:32px 20px 26px !important;
        text-align:center !important;
    }

    .dx-final-values-section .dx-core-content{
        text-align:center !important;
    }

    .dx-final-values-section .dx-core-content h3{
        font-size:22px !important;
    }

    .dx-final-values-section .dx-core-content span,
    .dx-final-values-section .dx-core-line{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .dx-final-values-section .dx-core-content p{
        max-width:310px !important;
        font-size:12px !important;
    }

    .dx-final-values-section .dx-core-card > ul{
        max-width:330px !important;
        justify-self:center !important;
        gap:12px !important;
    }

    .dx-final-values-section .dx-core-card li{
        min-height:42px !important;
        padding:8px 12px !important;
        border-radius:16px !important;
        background:rgba(255,255,255,.72) !important;
        border:1px solid rgba(217,168,255,.22) !important;
        font-size:11.5px !important;
    }
}

@keyframes dxHomeRoundFloat{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-8px) scale(1.035);}
}

@keyframes dxHomeRoundPulse{
    0%,100%{opacity:.64;transform:scale(.94);}
    50%{opacity:1;transform:scale(1.08);}
}

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

@keyframes dxHomeCoreWash{
    0%,100%{opacity:.58;transform:scale(1);}
    50%{opacity:.95;transform:scale(1.12);}
}

@keyframes dxHomeCoreCardBreath{
    0%,100%{filter:saturate(1);}
    50%{filter:saturate(1.05);}
}

@keyframes dxHomeLineShine{
    0%,100%{filter:saturate(1);transform:scaleX(1);}
    50%{filter:saturate(1.3);transform:scaleX(1.08);}
}

@keyframes dxHomeTickPulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.12);}
}


/* Make the core icon perfectly rounded like the reference. */
.dx-final-values-section .dx-core-card .dx-core-icon{
    aspect-ratio:1 / 1 !important;
    border-radius:999px !important;
    background:
        radial-gradient(circle at 30% 18%,#f5b8ff 0%,#cb67ff 30%,#8d35ff 66%,#6c18ee 100%) !important;
    box-shadow:
        inset 0 10px 18px rgba(255,255,255,.34),
        inset 0 -10px 18px rgba(72,0,181,.16),
        0 16px 34px rgba(123,44,255,.25),
        0 0 34px rgba(217,168,255,.38) !important;
}

.dx-final-values-section .dx-core-card .dx-core-icon i{
    position:relative !important;
    z-index:3 !important;
}

.dx-final-values-section .dx-core-card .dx-core-icon::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-24px !important;
    border-radius:999px !important;
    background:
        radial-gradient(circle,rgba(255,255,255,.74) 0 56%,rgba(234,205,255,.52) 57% 64%,transparent 66%),
        radial-gradient(circle,rgba(217,168,255,.22),rgba(217,168,255,.08) 58%,transparent 74%) !important;
    border:1px solid rgba(210,157,255,.52) !important;
    box-shadow:
        0 0 0 8px rgba(217,168,255,.08),
        0 18px 38px rgba(123,44,255,.16) !important;
    opacity:1 !important;
    z-index:-2 !important;
    animation:dxHomeRoundPulse 3s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-card .dx-core-icon::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-22px !important;
    border-radius:999px !important;
    background:conic-gradient(from 0deg,rgba(123,44,255,.78),rgba(242,179,255,.52),transparent 34%,transparent 72%,rgba(123,44,255,.62)) !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px)) !important;
    opacity:.9 !important;
    z-index:-1 !important;
    animation:dxHomeRoundSpin 5.4s linear infinite !important;
}


/* Tighten the blank space between the workflow and process panels. */
.smart-strip{
    padding-bottom:22px !important;
}

.smart-strip + .section{
    margin-top:0 !important;
    padding-top:18px !important;
    background:
        linear-gradient(180deg,#f7f2ff 0%,#fbf8ff 42%,#ffffff 100%) !important;
}

.smart-strip + .section > .container{
    width:min(1160px,92vw) !important;
    max-width:1160px !important;
}

.smart-strip + .section .process-flow{
    width:100% !important;
    max-width:1160px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:0 !important;
    position:relative !important;
    z-index:2 !important;
    border-radius:22px !important;
}

.smart-panel .section-title h2{
    max-width:100% !important;
    font-size:clamp(28px,2.55vw,38px) !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
}

@media(max-width:1199px){
    .smart-panel .section-title h2{
        font-size:32px !important;
    }
}

@media(max-width:991px){
    .smart-panel .section-title h2{
        font-size:26px !important;
        white-space:normal !important;
        text-wrap:balance !important;
    }
}


/* Core capability desktop layout: two cards per row. */
@media(min-width:992px){
    .dx-final-values-section .dx-core-grid{
        width:min(1280px,92vw) !important;
        max-width:1280px !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:28px !important;
    }

    .dx-final-values-section .dx-core-card{
        min-height:214px !important;
        grid-template-columns:120px minmax(0,1fr) !important;
        grid-template-areas:
            "icon content"
            "list list" !important;
        column-gap:26px !important;
        row-gap:16px !important;
        padding:28px 36px 24px !important;
    }

    .dx-final-values-section .dx-core-icon{
        width:82px !important;
        height:82px !important;
        min-width:82px !important;
        font-size:29px !important;
    }

    .dx-final-values-section .dx-core-icon::before{
        inset:-24px !important;
        box-shadow:
            0 0 0 10px rgba(217,168,255,.10),
            0 14px 34px rgba(123,44,255,.18) !important;
        animation:dxHomeRoundPulse 2.8s ease-in-out infinite !important;
    }

    .dx-final-values-section .dx-core-icon::after{
        inset:-15px !important;
        animation:dxHomeRoundSpin 4.8s linear infinite !important;
    }

    .dx-final-values-section .dx-core-content{
        align-self:center !important;
    }

    .dx-final-values-section .dx-core-content h3{
        font-size:24px !important;
        margin-bottom:9px !important;
    }

    .dx-final-values-section .dx-core-content p{
        max-width:360px !important;
        font-size:12px !important;
    }

    .dx-final-values-section .dx-core-card > ul{
        max-width:none !important;
        justify-self:stretch !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .dx-final-values-section .dx-core-card li{
        min-height:38px !important;
        padding:7px 9px !important;
        border-radius:16px !important;
        background:rgba(255,255,255,.74) !important;
        border:1px solid rgba(217,168,255,.24) !important;
        grid-template-columns:28px minmax(0,1fr) !important;
        gap:8px !important;
        font-size:11px !important;
        line-height:1.15 !important;
    }

    .dx-final-values-section .dx-core-card li i{
        width:26px !important;
        height:26px !important;
        min-width:26px !important;
    }
}

@media(max-width:767px){
    .smart-strip{
        padding-bottom:16px !important;
    }

    .smart-strip + .section{
        margin-top:0 !important;
        padding-top:16px !important;
    }
}


/* Final Sudarshan-chakra style rotating round border. */
.dx-final-values-section .dx-core-card .dx-core-icon{
    overflow:visible !important;
    isolation:isolate !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle at 30% 18%,#f6b9ff 0%,#cc66ff 30%,#8c35ff 66%,#6818e8 100%) !important;
    box-shadow:
        inset 0 10px 18px rgba(255,255,255,.34),
        inset 0 -10px 18px rgba(72,0,181,.16),
        0 14px 30px rgba(123,44,255,.24) !important;
}

.dx-final-values-section .dx-core-card .dx-core-icon i{
    position:relative !important;
    z-index:5 !important;
}

.dx-final-values-section .dx-core-card .dx-core-icon::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-24px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle,transparent 0 54%,rgba(255,255,255,.86) 55% 63%,rgba(232,198,255,.58) 64% 70%,transparent 72%),
        radial-gradient(circle,rgba(217,168,255,.24),rgba(217,168,255,.08) 62%,transparent 76%) !important;
    border:1px solid rgba(206,150,255,.48) !important;
    box-shadow:
        0 0 0 7px rgba(217,168,255,.08),
        0 16px 34px rgba(123,44,255,.16) !important;
    opacity:1 !important;
    pointer-events:none !important;
    z-index:1 !important;
    animation:dxHomeChakraPulse 2.8s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-card .dx-core-icon::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-22px !important;
    border-radius:50% !important;
    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(104,24,232,.95) 0deg 8deg,
            rgba(242,179,255,.72) 8deg 13deg,
            transparent 13deg 23deg
        ) !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px),#000 calc(100% - 1px),transparent 100%) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px),#000 calc(100% - 1px),transparent 100%) !important;
    filter:drop-shadow(0 0 7px rgba(182,109,255,.55)) !important;
    opacity:1 !important;
    pointer-events:none !important;
    z-index:2 !important;
    animation:dxHomeChakraRotate 1.75s linear infinite !important;
}

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

@keyframes dxHomeChakraPulse{
    0%,100%{transform:scale(.98);opacity:.78;}
    50%{transform:scale(1.04);opacity:1;}
}

/* Replacement digital capability section: pulse ring + orbit + rotating dashed ring. */
.dx-growth-orbit-section{
    position:relative !important;
    overflow:hidden !important;
    padding:72px 0 82px !important;
    --dx-growth-bg-x:0px;
    --dx-growth-bg-y:0px;
    --dx-growth-shape-x:0px;
    --dx-growth-shape-y:0px;
    background:
        radial-gradient(circle at 9% 12%,rgba(139,63,242,.12),transparent 27%),
        radial-gradient(circle at 91% 15%,rgba(200,92,255,.12),transparent 26%),
        linear-gradient(180deg,#fbf8ff 0%,#ffffff 56%,#f8f2ff 100%) !important;
}

.dx-growth-orbit-section::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px) !important;
    background-size:42px 42px !important;
    background-position:var(--dx-growth-bg-x) var(--dx-growth-bg-y),var(--dx-growth-bg-y) var(--dx-growth-bg-x) !important;
    pointer-events:none !important;
    transition:background-position .25s ease-out !important;
}

.dx-growth-orbit-section::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        radial-gradient(ellipse at 10% 22%,transparent 0 14%,rgba(139,63,242,.08) 14.4%,transparent 14.8%,transparent 20%,rgba(139,63,242,.055) 20.4%,transparent 20.8%),
        radial-gradient(ellipse at 91% 19%,transparent 0 15%,rgba(139,63,242,.07) 15.4%,transparent 15.8%,transparent 21%,rgba(139,63,242,.05) 21.4%,transparent 21.8%) !important;
    opacity:.7 !important;
    pointer-events:none !important;
    transform:translate3d(var(--dx-growth-shape-x),var(--dx-growth-shape-y),0) !important;
    transition:transform .25s ease-out !important;
}

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

.dx-growth-head{
    max-width:940px !important;
    margin:0 auto 24px !important;
}

.dx-growth-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:7px 16px !important;
    margin-bottom:12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(224,204,255,.75) !important;
    color:#7b2cff !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    box-shadow:0 12px 30px rgba(139,63,242,.10) !important;
    opacity:0;
    animation:dxGrowthFadeUp .7s cubic-bezier(.2,.85,.25,1) .05s forwards !important;
}

.dx-growth-badge i{
    font-size:10px !important;
    color:#7B2CFF !important;
    filter:drop-shadow(0 4px 8px rgba(242,179,255,.42)) !important;
}

.dx-growth-head h2{
    width:100% !important;
    max-width:1220px !important;
    margin:0 auto 10px !important;
    padding-bottom:6px !important;
    color:transparent !important;
    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;
    font-size:clamp(26px,2.2vw,38px) !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
    text-shadow:0 14px 34px rgba(123,44,255,.16) !important;
    opacity:0;
    animation:dxGrowthFadeUp .78s cubic-bezier(.2,.85,.25,1) .15s forwards !important;
}

.dx-growth-head h2 span{
    display:inline !important;
    background:linear-gradient(90deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.dx-growth-head p{
    max-width:720px !important;
    margin:0 auto !important;
    color:#5f6e89 !important;
    font-size:13px !important;
    line-height:1.62 !important;
    opacity:0;
    animation:dxGrowthFadeUp .78s cubic-bezier(.2,.85,.25,1) .25s forwards !important;
}

.dx-growth-orbit-board{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(310px,1fr) minmax(280px,360px) minmax(310px,1fr) !important;
    align-items:center !important;
    gap:34px !important;
    max-width:1240px !important;
    margin:0 auto !important;
}

.dx-growth-column{
    display:grid !important;
    gap:20px !important;
}

.dx-growth-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:70px minmax(0,1fr) 34px !important;
    align-items:center !important;
    gap:14px !important;
    min-height:108px !important;
    padding:16px 16px 16px 18px !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 4% 15%,rgba(139,63,242,.08),transparent 36%),
        rgba(255,255,255,.94) !important;
    border:1px solid rgba(230,214,255,.82) !important;
    box-shadow:0 18px 45px rgba(139,63,242,.10) !important;
    transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease !important;
    opacity:0;
    transform:translateY(28px);
    animation:dxGrowthCardStagger .76s cubic-bezier(.2,.85,.25,1) forwards !important;
    animation-delay:var(--dx-card-delay,0s) !important;
}

.dx-growth-card:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(178,126,255,.74) !important;
    box-shadow:0 28px 68px rgba(139,63,242,.18) !important;
}

.dx-growth-column.left .card-1{--dx-card-delay:.08s;}
.dx-growth-column.left .card-2{--dx-card-delay:.18s;}
.dx-growth-column.left .card-3{--dx-card-delay:.28s;}
.dx-growth-column.right .card-4{--dx-card-delay:.38s;}
.dx-growth-column.right .card-5{--dx-card-delay:.48s;}
.dx-growth-column.right .card-6{--dx-card-delay:.58s;}

.dx-growth-column.left .dx-growth-card::after,
.dx-growth-column.right .dx-growth-card::after{
    content:"" !important;
    position:absolute !important;
    top:var(--line-y,50%) !important;
    width:96px !important;
    border-top:2px dashed rgba(124,58,237,.48) !important;
    transform:translateY(-50%) rotate(var(--line-rotate,0deg)) !important;
    pointer-events:none !important;
    z-index:1 !important;
}

.dx-growth-column.left .dx-growth-card::after{
    right:-96px !important;
    transform-origin:left center !important;
}

.dx-growth-column.right .dx-growth-card::after{
    left:-96px !important;
    transform-origin:right center !important;
}

.dx-growth-card::before{
    content:"" !important;
    position:absolute !important;
    top:var(--ring-dot-y,50%) !important;
    width:14px !important;
    height:14px !important;
    border-radius:50% !important;
    background:#8b35ff !important;
    border:4px solid #f2e8ff !important;
    box-shadow:0 0 0 3px rgba(139,63,242,.16),0 10px 20px rgba(139,63,242,.20) !important;
    transform:translateY(-50%) !important;
    pointer-events:none !important;
    animation:dxGrowthDotPulse 2.2s ease-in-out infinite !important;
    z-index:2 !important;
}

.dx-growth-column.left .dx-growth-card::before{
    right:-105px !important;
}

.dx-growth-column.right .dx-growth-card::before{
    left:-105px !important;
}

.dx-growth-card .dx-growth-copy::after{
    content:"" !important;
    position:absolute !important;
    top:var(--card-dot-y,50%) !important;
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:#8b35ff !important;
    border:3px solid rgba(246,239,255,.96) !important;
    box-shadow:0 0 0 3px rgba(139,63,242,.12) !important;
    transform:translateY(-50%) !important;
    z-index:3 !important;
    pointer-events:none !important;
}

.dx-growth-column.left .dx-growth-card .dx-growth-copy::after{
    right:-18px !important;
}

.dx-growth-column.right .dx-growth-card .dx-growth-copy::after{
    left:-18px !important;
}

.dx-growth-column.left .card-1,
.dx-growth-column.right .card-6{
    --line-y:62%;
    --card-dot-y:62%;
    --ring-dot-y:75%;
}

.dx-growth-column.left .card-1{
    --line-rotate:19deg;
}

.dx-growth-column.right .card-6{
    --line-rotate:19deg;
}

.dx-growth-column.left .card-2,
.dx-growth-column.right .card-5{
    --line-y:50%;
    --card-dot-y:50%;
    --ring-dot-y:50%;
    --line-rotate:0deg;
}

.dx-growth-column.left .card-3,
.dx-growth-column.right .card-4{
    --line-y:38%;
    --card-dot-y:38%;
    --ring-dot-y:25%;
}

.dx-growth-column.left .card-3{
    --line-rotate:-19deg;
}

.dx-growth-column.right .card-4{
    --line-rotate:-19deg;
}

.dx-growth-icon{
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:24px !important;
    background:
        radial-gradient(circle at 30% 15%,#f7b7ff 0%,#be56ff 32%,#7c28f2 72%,#5b17d6 100%) !important;
    box-shadow:0 16px 32px rgba(123,44,255,.25) !important;
    animation:dxGrowthIconFloat 4s ease-in-out infinite !important;
}

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

.dx-growth-copy{
    min-width:0 !important;
}

.dx-growth-copy h3{
    margin:0 0 5px !important;
    color:#11172f !important;
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
}

.dx-growth-copy b{
    display:block !important;
    margin-bottom:6px !important;
    color:#3a2788 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
}

.dx-growth-copy b span{
    display:inline-block !important;
    width:5px !important;
    height:5px !important;
    margin:0 7px 1px !important;
    border-radius:50% !important;
    background:#7c3aed !important;
}

.dx-growth-copy p{
    margin:0 !important;
    color:#5f6e89 !important;
    font-size:12px !important;
    line-height:1.48 !important;
}

.dx-growth-card em{
    align-self:start !important;
    justify-self:end !important;
    width:28px !important;
    height:28px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f3eaff !important;
    color:#7c3aed !important;
    font-style:normal !important;
    font-size:10px !important;
    font-weight:950 !important;
}

.dx-growth-engine{
    position:relative !important;
    width:360px !important;
    height:360px !important;
    max-width:100% !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    isolation:isolate !important;
}

.dx-growth-ring,
.dx-growth-pulse{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    border-radius:50% !important;
    transform:translate(-50%,-50%);
    pointer-events:none !important;
}

.dx-growth-ring::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:-8px !important;
    width:16px !important;
    height:16px !important;
    margin-left:-8px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:4px solid #8b35ff !important;
    box-shadow:
        0 0 0 5px rgba(139,63,242,.12),
        0 0 18px rgba(139,63,242,.72) !important;
}

.dx-growth-ring::after{
    content:"" !important;
    position:absolute !important;
    inset:-3px !important;
    border-radius:inherit !important;
    background:conic-gradient(from 20deg,transparent 0 18%,rgba(255,255,255,.92) 22%,rgba(177,94,255,.72) 28%,transparent 36% 100%) !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px)) !important;
    filter:drop-shadow(0 0 10px rgba(177,94,255,.42)) !important;
}

.dx-growth-ring.ring-a{
    width:340px !important;
    height:340px !important;
    border:2px dashed rgba(124,58,237,.25) !important;
    animation:dxGrowthOrbitRotate 25s linear infinite !important;
}

.dx-growth-ring.ring-b{
    width:270px !important;
    height:270px !important;
    border:2px dashed rgba(124,58,237,.20) !important;
    box-shadow:
        0 0 0 18px rgba(139,63,242,.035),
        inset 0 0 32px rgba(139,63,242,.08) !important;
    animation:dxGrowthOrbitReverse 32s linear infinite !important;
}

.dx-growth-ring.ring-c{
    width:205px !important;
    height:205px !important;
    border:2px dashed rgba(200,92,255,.32) !important;
    animation:dxGrowthOrbitRotate 46s linear infinite !important;
}

.dx-growth-ring.ring-d{
    width:312px !important;
    height:132px !important;
    border:2px solid rgba(255,255,255,.58) !important;
    box-shadow:0 0 24px rgba(221,183,255,.34) !important;
    transform:translate(-50%,-36%) rotate(8deg);
    animation:dxGrowthTiltOrbit 9s ease-in-out infinite !important;
}

.dx-growth-pulse{
    width:222px !important;
    height:222px !important;
    background:radial-gradient(circle,rgba(242,179,255,.24),rgba(182,109,255,.12) 58%,transparent 70%) !important;
    animation:dxGrowthSoftPulse 3s ease-in-out infinite !important;
    z-index:1 !important;
}

.dx-growth-core{
    position:relative !important;
    z-index:3 !important;
    width:218px !important;
    height:218px !important;
    border-radius:50% !important;
    display:block !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 30% 20%,rgba(255,255,255,.86) 0 3%,rgba(242,179,255,.60) 10%,transparent 22%),
        radial-gradient(circle at 64% 54%,rgba(255,255,255,.38) 0 3%,rgba(217,168,255,.18) 12%,transparent 19%),
        radial-gradient(circle at 52% 52%,#D9A8FF 0%,#B66DFF 25%,#7B2CFF 58%,#4B00B5 100%) !important;
    box-shadow:
        inset -18px -18px 36px rgba(75,0,181,.52),
        inset 16px 14px 26px rgba(255,255,255,.18),
        0 0 30px rgba(242,179,255,.95),
        0 0 82px rgba(123,44,255,.56),
        0 30px 76px rgba(75,0,181,.36) !important;
    animation:dxGrowthGlobeBreath 3s ease-in-out infinite !important;
}

.dx-growth-core::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle at 35% 28%,rgba(255,255,255,.35),transparent 18%),
        linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.24) 43%,transparent 54%) !important;
    z-index:5 !important;
    mix-blend-mode:screen !important;
    pointer-events:none !important;
}

.dx-growth-core::after{
    content:"" !important;
    position:absolute !important;
    inset:11px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.28) !important;
    box-shadow:
        inset 0 0 0 18px rgba(255,255,255,.035),
        inset 0 0 0 38px rgba(255,255,255,.025) !important;
    pointer-events:none !important;
    z-index:6 !important;
}

.dx-globe-grid,
.dx-globe-map,
.dx-globe-shine,
.dx-globe-network{
    position:absolute !important;
    inset:0 !important;
    border-radius:50% !important;
    pointer-events:none !important;
}

.dx-globe-grid{
    z-index:2 !important;
    inset:4px !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='white' stroke-opacity='.24' stroke-width='1.4'%3E%3Cellipse cx='100' cy='100' rx='94' ry='94'/%3E%3Cellipse cx='100' cy='100' rx='72' ry='94'/%3E%3Cellipse cx='100' cy='100' rx='38' ry='94'/%3E%3Cellipse cx='100' cy='100' rx='94' ry='68'/%3E%3Cellipse cx='100' cy='100' rx='94' ry='38'/%3E%3Cpath d='M6 100h188M100 6v188'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    opacity:.16 !important;
    mix-blend-mode:screen !important;
    animation:dxGlobeGridTurn 28s linear infinite !important;
}

.dx-globe-map{
    z-index:3 !important;
    inset:-8px !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 180'%3E%3Cdefs%3E%3Cpattern id='d' width='7' height='7' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.35' fill='white'/%3E%3C/pattern%3E%3Cfilter id='g'%3E%3CfeGaussianBlur stdDeviation='.25'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='url(%23d)' opacity='.92' filter='url(%23g)'%3E%3Cpath d='M44 51C29 57 24 73 33 87c10 16 30 11 41 24 10 13 28 9 25-8-3-16 13-18 20-31C104 63 91 45 72 43c-11-1-17 4-28 8z'/%3E%3Cpath d='M112 100c-15 10-12 35 5 57 9-6 22-34 14-49-4-8-12-12-19-8z'/%3E%3Cpath d='M163 55c-17 5-25 18-15 29 12 13 34 5 43-11-4-14-15-22-28-18z'/%3E%3Cpath d='M178 86c-18 11-18 40-1 62 20-7 33-39 23-56-5-8-14-11-22-6z'/%3E%3Cpath d='M211 55c27-19 72-8 93 13 18 18 3 39-25 32-20-5-33 9-53-2-22-12-32-30-15-43z'/%3E%3Cpath d='M276 123c18-6 38 5 43 18-17 13-42 8-49-5-3-6-1-11 6-13z'/%3E%3Cpath d='M320 77c11 1 21 9 22 18-12 8-28 2-31-9-1-5 2-9 9-9z'/%3E%3C/g%3E%3Cg stroke='white' stroke-opacity='.45' stroke-width='1.2' fill='none'%3E%3Cpath d='M78 78L126 106 171 74 225 91 282 74'/%3E%3Cpath d='M123 126L177 104 231 127 293 134'/%3E%3C/g%3E%3Cg fill='white' opacity='.95'%3E%3Ccircle cx='78' cy='78' r='3'/%3E%3Ccircle cx='126' cy='106' r='3'/%3E%3Ccircle cx='171' cy='74' r='3'/%3E%3Ccircle cx='225' cy='91' r='3'/%3E%3Ccircle cx='282' cy='74' r='3'/%3E%3Ccircle cx='177' cy='104' r='3'/%3E%3Ccircle cx='293' cy='134' r='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-size:360px 180px !important;
    background-repeat:repeat-x !important;
    opacity:0 !important;
    filter:drop-shadow(0 0 8px rgba(255,255,255,.82)) drop-shadow(0 0 18px rgba(204,118,255,.48)) !important;
    -webkit-mask:radial-gradient(circle,#000 0 70%,rgba(0,0,0,.72) 73%,transparent 76%) !important;
    mask:radial-gradient(circle,#000 0 70%,rgba(0,0,0,.72) 73%,transparent 76%) !important;
    animation:dxWorldMapRotate 28s linear infinite !important;
}

.dx-world-globe-svg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    z-index:4 !important;
    overflow:visible !important;
    filter:drop-shadow(0 0 12px rgba(255,255,255,.58)) drop-shadow(0 0 24px rgba(242,179,255,.54)) !important;
}

.dx-world-globe-svg .world-ocean{
    fill:url(#dxWorldGlow) !important;
    opacity:.05 !important;
}

.dx-world-globe-svg .world-grid-lines{
    fill:none !important;
    stroke:rgba(255,255,255,.30) !important;
    stroke-width:1.25 !important;
}

.dx-world-globe-svg .world-map-belt{
    transform-box:fill-box !important;
    transform-origin:center !important;
    animation:dxWorldSvgRotate 28s linear infinite !important;
}

.dx-world-globe-svg .world-map-copy path{
    fill:url(#dxWorldDots) !important;
    opacity:.96 !important;
    filter:drop-shadow(0 0 5px rgba(255,255,255,.72)) !important;
}

.dx-world-globe-svg pattern circle{
    fill:#fff !important;
}

.dx-world-globe-svg .world-network path{
    fill:none !important;
    stroke:rgba(255,255,255,.72) !important;
    stroke-width:1.25 !important;
    filter:drop-shadow(0 0 5px rgba(255,255,255,.68)) !important;
}

.dx-world-globe-svg .world-network circle{
    fill:#fff !important;
    filter:drop-shadow(0 0 7px rgba(255,255,255,.9)) drop-shadow(0 0 13px rgba(242,179,255,.78)) !important;
    transform:none !important;
    transform-box:fill-box !important;
    transform-origin:center !important;
    animation:dxWorldPointPulse 2.4s ease-in-out infinite !important;
}

.dx-globe-shine{
    z-index:4 !important;
    background:
        radial-gradient(circle at 38% 28%,rgba(255,255,255,.82),rgba(242,179,255,.24) 13%,transparent 26%),
        radial-gradient(circle at 55% 55%,rgba(217,168,255,.36),transparent 7%) !important;
    opacity:.8 !important;
    animation:dxGlobeShine 3.2s ease-in-out infinite !important;
}

.dx-globe-network{
    z-index:7 !important;
}

.dx-globe-network::before,
.dx-globe-network::after{
    content:"" !important;
    position:absolute !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 0 12px rgba(255,255,255,.95),0 0 22px rgba(214,162,255,.75) !important;
}

.dx-globe-network::before{
    width:7px !important;
    height:7px !important;
}

.dx-globe-network::after{
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent) !important;
    border-radius:999px !important;
    transform-origin:left center !important;
}

.dx-globe-network.n1::before{left:28% !important;top:38% !important;}
.dx-globe-network.n1::after{left:30% !important;top:40% !important;width:62px !important;transform:rotate(16deg) !important;}
.dx-globe-network.n2::before{left:63% !important;top:35% !important;}
.dx-globe-network.n2::after{left:40% !important;top:59% !important;width:70px !important;transform:rotate(-31deg) !important;}
.dx-globe-network.n3::before{left:51% !important;top:67% !important;}
.dx-globe-network.n3::after{left:27% !important;top:53% !important;width:65px !important;transform:rotate(28deg) !important;}
.dx-globe-network.n4::before{left:70% !important;top:61% !important;}
.dx-globe-network.n4::after{left:56% !important;top:48% !important;width:52px !important;transform:rotate(44deg) !important;}

.dx-orbit-particles{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:340px !important;
    height:340px !important;
    border-radius:50% !important;
    transform:translate(-50%,-50%) !important;
    pointer-events:none !important;
    z-index:8 !important;
}

.dx-orbit-particles .particle{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:8px !important;
    height:8px !important;
    margin:-4px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 0 12px rgba(255,255,255,.95),0 0 24px rgba(164,91,255,.78) !important;
    transform:rotate(var(--a)) translateX(var(--r));
    animation:dxOrbitParticle 8s linear infinite !important;
}

.dx-orbit-particles .p1{--a:0deg;--r:153px;animation-duration:8s !important;}
.dx-orbit-particles .p2{--a:60deg;--r:131px;animation-duration:10s !important;animation-delay:-1.5s !important;}
.dx-orbit-particles .p3{--a:128deg;--r:158px;animation-duration:12s !important;animation-delay:-2.4s !important;}
.dx-orbit-particles .p4{--a:205deg;--r:138px;animation-duration:9s !important;animation-delay:-3.2s !important;}
.dx-orbit-particles .p5{--a:278deg;--r:160px;animation-duration:11s !important;animation-delay:-4.1s !important;}
.dx-orbit-particles .p6{--a:322deg;--r:126px;animation-duration:7.5s !important;animation-delay:-5s !important;}

.dx-growth-card em::after{
    content:"" !important;
    position:absolute !important;
    top:var(--card-dot-y,50%) !important;
    width:8px !important;
    height:8px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 0 10px rgba(255,255,255,.9),0 0 18px rgba(124,58,237,.55) !important;
    transform:translateY(-50%);
    pointer-events:none !important;
    z-index:4 !important;
    animation:dxDataFlowLeft 2.4s linear infinite !important;
}

.dx-growth-column.left .dx-growth-card em::after{
    right:-102px !important;
}

.dx-growth-column.right .dx-growth-card em::after{
    left:-102px !important;
    animation-name:dxDataFlowRight !important;
}

.dx-growth-engine small{
    position:absolute !important;
    left:50% !important;
    bottom:24px !important;
    transform:translateX(-50%) !important;
    z-index:4 !important;
    min-width:190px !important;
    padding:8px 18px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.86) !important;
    border:1px solid rgba(226,205,255,.8) !important;
    color:#5a21d6 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:950 !important;
    box-shadow:0 14px 34px rgba(139,63,242,.12) !important;
}

.dx-growth-engine::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:66% !important;
    width:290px !important;
    height:88px !important;
    border-radius:50% !important;
    transform:translate(-50%,-50%) rotate(-2deg);
    background:
        radial-gradient(ellipse at center,rgba(255,255,255,.88),rgba(210,158,255,.26) 45%,transparent 72%) !important;
    border:2px solid rgba(255,255,255,.42) !important;
    box-shadow:
        0 0 22px rgba(255,255,255,.78),
        0 0 46px rgba(177,94,255,.26) !important;
    z-index:2 !important;
    pointer-events:none !important;
    animation:dxGlobeBasePulse 3s ease-in-out infinite !important;
}

.dx-growth-engine::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:66% !important;
    width:250px !important;
    height:56px !important;
    border-radius:50% !important;
    transform:translate(-50%,-50%) rotate(4deg);
    border:2px dashed rgba(167,89,255,.30) !important;
    z-index:2 !important;
    pointer-events:none !important;
    animation:dxGrowthOrbitRotate 22s linear infinite !important;
}

.btn-dx,
.floating-contact{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    transition:transform .28s ease,box-shadow .28s ease,filter .28s ease !important;
}

.btn-dx::before,
.floating-contact::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:linear-gradient(120deg,transparent 0 30%,rgba(255,255,255,.34) 43%,rgba(255,255,255,.16) 52%,transparent 66%) !important;
    transform:translateX(-115%) !important;
    transition:transform .48s ease !important;
}

.btn-dx:hover,
.floating-contact:hover{
    transform:translateY(-3px) !important;
    filter:saturate(1.08) !important;
}

.btn-dx:hover::before,
.floating-contact:hover::before{
    transform:translateX(0) !important;
}

@media(max-width:1199px){
    .dx-growth-head h2{
        max-width:760px !important;
        font-size:clamp(24px,3.8vw,34px) !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
        text-wrap:balance !important;
    }

    .dx-growth-orbit-board{
        grid-template-columns:1fr !important;
        gap:20px !important;
        max-width:760px !important;
    }

    .dx-growth-engine{
        order:1 !important;
        width:330px !important;
        height:330px !important;
    }

    .dx-growth-column.left{
        order:2 !important;
    }

    .dx-growth-column.right{
        order:3 !important;
    }

    .dx-growth-column{
        gap:16px !important;
    }

    .dx-growth-column.left .dx-growth-card::before,
    .dx-growth-column.right .dx-growth-card::before,
    .dx-growth-column.left .dx-growth-card::after,
    .dx-growth-column.right .dx-growth-card::after,
    .dx-growth-card .dx-growth-copy::after,
    .dx-growth-card em::after{
        display:none !important;
    }
}

@media(max-width:767px){
    .dx-growth-orbit-section{
        padding:54px 0 62px !important;
    }

    .dx-growth-head{
        margin-bottom:22px !important;
    }

    .dx-growth-badge{
        font-size:10px !important;
        letter-spacing:.12em !important;
        padding:7px 13px !important;
    }

    .dx-growth-head h2{
        max-width:340px !important;
        font-size:clamp(22px,6.4vw,28px) !important;
        line-height:1.16 !important;
        padding-bottom:5px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .dx-growth-head p{
        width:min(330px,calc(100vw - 48px)) !important;
        max-width:calc(100vw - 48px) !important;
        font-size:13px !important;
        line-height:1.62 !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-growth-engine{
        width:292px !important;
        height:292px !important;
    }

    .dx-growth-ring.ring-a{
        width:286px !important;
        height:286px !important;
    }

    .dx-growth-ring.ring-b{
        width:226px !important;
        height:226px !important;
    }

    .dx-growth-ring.ring-c{
        width:174px !important;
        height:174px !important;
    }

    .dx-growth-ring.ring-d{
        width:246px !important;
        height:102px !important;
    }

    .dx-growth-pulse{
        width:160px !important;
        height:160px !important;
    }

    .dx-growth-core{
        width:156px !important;
        height:156px !important;
    }

    .dx-orbit-particles{
        width:286px !important;
        height:286px !important;
    }

    .dx-growth-engine small{
        bottom:16px !important;
        min-width:166px !important;
        padding:6px 12px !important;
        font-size:10px !important;
    }

    .dx-growth-card{
        width:100% !important;
        max-width:calc(100vw - 28px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
        grid-template-columns:56px minmax(0,1fr) 28px !important;
        gap:12px !important;
        min-height:auto !important;
        padding:15px !important;
        border-radius:18px !important;
        overflow:hidden !important;
    }

    .dx-growth-icon{
        width:48px !important;
        height:48px !important;
        border-radius:16px !important;
        font-size:20px !important;
    }

    .dx-growth-copy h3{
        font-size:15.5px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-growth-copy b{
        font-size:10px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

    .dx-growth-copy p{
        font-size:11.2px !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }
}

@keyframes dxGrowthFadeUp{
    0%{opacity:0;transform:translateY(18px);}
    100%{opacity:1;transform:translateY(0);}
}

@keyframes dxGrowthCardStagger{
    0%{opacity:0;transform:translateY(28px);}
    100%{opacity:1;transform:translateY(0);}
}

@keyframes dxGrowthOrbitRotate{
    to{transform:translate(-50%,-50%) rotate(360deg);}
}

@keyframes dxGrowthOrbitReverse{
    to{transform:translate(-50%,-50%) rotate(-360deg);}
}

@keyframes dxGrowthPulseRing{
    0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.68;}
    50%{transform:translate(-50%,-50%) scale(1.04);opacity:1;}
}

@keyframes dxGrowthSoftPulse{
    0%,100%{transform:translate(-50%,-50%) scale(.86);opacity:.55;}
    50%{transform:translate(-50%,-50%) scale(1.12);opacity:1;}
}

@keyframes dxGrowthCorePulse{
    0%,100%{transform:scale(1);box-shadow:inset 0 12px 22px rgba(255,255,255,.20),0 22px 56px rgba(92,35,214,.32);}
    50%{transform:scale(1.045);box-shadow:inset 0 12px 22px rgba(255,255,255,.26),0 28px 72px rgba(92,35,214,.42);}
}

@keyframes dxGrowthGlobeBreath{
    0%,100%{
        transform:none;
        filter:saturate(1);
        box-shadow:
            inset -18px -18px 36px rgba(20,4,92,.46),
            inset 16px 14px 26px rgba(255,255,255,.18),
            0 0 26px rgba(210,154,255,.78),
            0 0 70px rgba(123,44,255,.46),
            0 30px 76px rgba(92,35,214,.38);
    }
    50%{
        transform:none;
        filter:saturate(1.12);
        box-shadow:
            inset -18px -18px 36px rgba(20,4,92,.46),
            inset 16px 14px 26px rgba(255,255,255,.22),
            0 0 34px rgba(226,188,255,.98),
            0 0 92px rgba(123,44,255,.62),
            0 30px 76px rgba(92,35,214,.42);
    }
}

@keyframes dxGrowthTiltOrbit{
    0%,100%{transform:translate(-50%,-36%) rotate(8deg) scaleX(1);opacity:.62;}
    50%{transform:translate(-50%,-36%) rotate(13deg) scaleX(1.08);opacity:1;}
}

@keyframes dxGlobeDrift{
    to{background-position:0 48px,48px 0;}
}

@keyframes dxGlobeMapFlow{
    to{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,56px 0;}
}

@keyframes dxWorldMapRotate{
    0%{background-position:0 50%;}
    100%{background-position:-360px 50%;}
}

@keyframes dxWorldSvgRotate{
    0%{transform:translateX(0);}
    100%{transform:translateX(-220px);}
}

@keyframes dxWorldPointPulse{
    0%,100%{opacity:.72;transform:none;}
    50%{opacity:1;transform:none;}
}

@keyframes dxGlobeGridTurn{
    0%{transform:rotate(0deg) scale(1);}
    100%{transform:rotate(360deg) scale(1);}
}

@keyframes dxGlobeShine{
    0%,100%{opacity:.62;transform:scale(.96);}
    50%{opacity:1;transform:scale(1.05);}
}

@keyframes dxGlobeBasePulse{
    0%,100%{opacity:.62;transform:translate(-50%,-50%) rotate(-2deg) scale(.94);}
    50%{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1.05);}
}

@keyframes dxOrbitParticle{
    to{transform:rotate(calc(var(--a) + 360deg)) translateX(var(--r));}
}

@keyframes dxDataFlowLeft{
    0%{opacity:0;transform:translate(0,-50%) scale(.75);}
    18%{opacity:1;}
    100%{opacity:0;transform:translate(96px,-50%) scale(1);}
}

@keyframes dxDataFlowRight{
    0%{opacity:0;transform:translate(0,-50%) scale(.75);}
    18%{opacity:1;}
    100%{opacity:0;transform:translate(-96px,-50%) scale(1);}
}

@keyframes dxGrowthDotPulse{
    0%,100%{opacity:.72;box-shadow:0 0 0 3px rgba(139,63,242,.13),0 10px 20px rgba(139,63,242,.16);}
    50%{opacity:1;box-shadow:0 0 0 8px rgba(139,63,242,.12),0 14px 28px rgba(139,63,242,.22);}
}

@keyframes dxGrowthIconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-5px);}
}

/* Home core capabilities replacement: match the connected purple/lavender card design. */
.dx-final-values-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-final-values-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-final-values-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-final-values-section .container{
    position:relative !important;
    z-index:2 !important;
}

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

.dx-final-values-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-final-values-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-final-values-section .main-heading,
.dx-final-values-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-final-values-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-final-values-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-final-values-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-final-values-section .dx-core-grid{
    counter-reset:dxcore !important;
    width:min(1260px,94%) !important;
    max-width:1260px !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-final-values-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:dxHomeCoreConnectorGlow 4.8s ease-in-out infinite !important;
    pointer-events:none !important;
}

.dx-final-values-section .dx-core-card{
    counter-increment:dxcore !important;
    position:relative !important;
    min-height:388px !important;
    width:auto !important;
    height:auto !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;
    isolation:auto !important;
    opacity:1 !important;
    translate:0 0 !important;
    animation:dxHomeCoreCardStagger .78s cubic-bezier(.2,.85,.25,1) both !important;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease !important;
}

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

.dx-final-values-section .dx-core-card::before{
    content:counter(dxcore, decimal-leading-zero) !important;
    position:absolute !important;
    left:50% !important;
    top:-76px !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    inset:auto !important;
    transform:translateX(-50%) !important;
    border-radius:0 !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;
    opacity:1 !important;
    z-index:6 !important;
}

.dx-final-values-section .dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:-7px !important;
    right:auto !important;
    bottom:auto !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:dxHomeCoreNodePulse 2.6s ease-in-out infinite !important;
    opacity:1 !important;
    z-index:5 !important;
}

.dx-final-values-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-final-values-section .dx-core-icon{
    position:absolute !important;
    left:50% !important;
    top:-56px !important;
    transform:translateX(-50%) !important;
    grid-area:auto !important;
    justify-self:auto !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;
    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:dxHomeCoreIconFloat 4.6s ease-in-out infinite !important;
    z-index:7 !important;
}

.dx-final-values-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-final-values-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;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:none !important;
    z-index:-1 !important;
    animation:dxHomeCoreRingSpin 12s linear infinite !important;
}

.dx-final-values-section .dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-29px !important;
    inset:auto auto -29px 50% !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;
    -webkit-mask:none !important;
    mask:none !important;
    animation:dxHomeCoreNodePulse 2.4s ease-in-out infinite !important;
}

.dx-final-values-section .dx-core-content{
    display:block !important;
    width:100% !important;
    position:relative !important;
    z-index:2 !important;
}

.dx-final-values-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-final-values-section .dx-core-content span,
.dx-final-values-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-final-values-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-final-values-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-final-values-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;
    position:relative !important;
    z-index:2 !important;
}

.dx-final-values-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-final-values-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:dxHomeCoreCheckPop 2.8s ease-in-out infinite !important;
}

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

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

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

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

@keyframes dxHomeCoreNodePulse{
    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 dxHomeCoreConnectorGlow{
    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 dxHomeCoreCheckPop{
    0%,100%{transform:scale(1);}
    45%{transform:scale(1.14);}
}

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

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

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

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

    .dx-final-values-section .heading-subtext{
        font-size:14px !important;
    }

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

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

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

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

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

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

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

.dx-final-values-section .dx-core-premium-heading .main-heading,
.dx-final-values-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-final-values-section .dx-core-premium-heading .main-heading span{
    display:inline !important;
    background:inherit !important;
}

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

/* Home enterprise capabilities map: same design as About page. */
.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,
.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;
    font-weight:900 !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-head h2{
    margin-top:12px !important;
    margin-bottom:6px !important;
}

.dx-enterprise-head h2 em{
    display:inline !important;
    background:inherit !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:dxHomeEnterpriseSpin 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;
    opacity:1 !important;
    animation:dxHomeEnterpriseCardIn .72s cubic-bezier(.2,.85,.25,1) both !important;
    transition:transform .28s ease,box-shadow .28s ease !important;
}

.dx-enterprise-card.card-b{animation-delay:.1s !important;}
.dx-enterprise-card.card-c{animation-delay:.2s !important;}
.dx-enterprise-card.card-d{animation-delay:.3s !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;
    animation:dxHomeEnterpriseIconFloat 4.4s ease-in-out infinite !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;
    animation:dxHomeEnterpriseCheck 2.7s ease-in-out infinite !important;
}

.dx-enterprise-card li:nth-child(2) i{animation-delay:.22s !important;}
.dx-enterprise-card li:nth-child(3) i{animation-delay:.44s !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;
    animation:dxHomeEnterpriseLine 4.8s ease-in-out infinite !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;
    animation:dxHomeEnterpriseDot 2.8s ease-in-out infinite !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 dxHomeEnterpriseSpin{
    to{transform:rotate(360deg);}
}

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

@keyframes dxHomeEnterpriseIconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-5px);}
}

@keyframes dxHomeEnterpriseLine{
    0%,100%{opacity:.68;}
    50%{opacity:1;}
}

@keyframes dxHomeEnterpriseDot{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.18);}
}

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

@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,
    .dx-enterprise-head h2 em{
        font-size:clamp(24px,7vw,32px) !important;
        line-height:1.15 !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;
    }
}

/* Index floating contact fix: keep it fixed on the right side, not in footer flow. */
body .floating-contact{
    position:fixed !important;
    left:auto !important;
    right:0 !important;
    top:50% !important;
    bottom:auto !important;
    z-index:9999 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-height:132px !important;
    padding:16px 10px !important;
    border-radius:12px 0 0 12px !important;
    writing-mode:vertical-rl !important;
    transform:translateY(-50%) rotate(180deg) !important;
    background:linear-gradient(135deg,#7B2CFF,#C85CFF) !important;
    color:#ffffff !important;
    font-weight:900 !important;
    font-size:13px !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:0 14px 34px rgba(123,44,255,.24) !important;
    overflow:hidden !important;
    isolation:isolate !important;
}

body .floating-contact:hover{
    transform:translateY(-50%) rotate(180deg) !important;
    color:#ffffff !important;
    filter:saturate(1.08) !important;
}

body .whatsapp-float{
    z-index:9998 !important;
}

/* Final page heading cap: keep Home page headers no larger than the About Mission heading. */
.hero h1,
.hero h1 .gradient-text,
.hero-v8 h1,
.hero-v8 h1 .gradient-text,
.section-title h2,
.section-title h2 span,
.section-heading h2,
.section-heading h2 span,
.gradient-heading,
.dx-enterprise-head h2,
.dx-enterprise-head h2 em,
.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span,
.smart-panel .section-title h2,
.process-flow .section-title h2,
.compact-stat-title 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){
    .hero h1,
    .hero h1 .gradient-text,
    .hero-v8 h1,
    .hero-v8 h1 .gradient-text,
    .section-title h2,
    .section-title h2 span,
    .section-heading h2,
    .section-heading h2 span,
    .gradient-heading,
    .dx-enterprise-head h2,
    .dx-enterprise-head h2 em,
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span,
    .smart-panel .section-title h2,
    .process-flow .section-title h2,
    .compact-stat-title h2{
        font-size:22px !important;
        line-height:1.18 !important;
    }
}

/* Platform engineering connected flow map. */
body .dx-platform-flow-section{
    position:relative !important;
    padding:64px 0 54px !important;
    background:
        radial-gradient(circle at 18% 18%,rgba(242,179,255,.34),transparent 32%),
        radial-gradient(circle at 78% 12%,rgba(217,168,255,.32),transparent 34%),
        linear-gradient(180deg,#ffffff 0%,rgba(217,168,255,.18) 58%,#ffffff 100%) !important;
    overflow:hidden !important;
}

body .dx-platform-flow-section::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(182,109,255,.10) 1px,transparent 1px),
        linear-gradient(90deg,rgba(182,109,255,.10) 1px,transparent 1px) !important;
    background-size:56px 56px !important;
    opacity:.62 !important;
    pointer-events:none !important;
}

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

body .dx-platform-flow-panel{
    position:relative !important;
    width:min(1420px,94vw) !important;
    margin:0 auto !important;
    padding:34px 44px 44px !important;
    border:1px solid rgba(182,109,255,.36) !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 98% 0%,rgba(242,179,255,.35),transparent 30%),
        radial-gradient(circle at 0% 94%,rgba(217,168,255,.30),transparent 34%),
        rgba(255,255,255,.84) !important;
    box-shadow:0 22px 60px rgba(123,44,255,.12) !important;
    overflow:hidden !important;
}

body .dx-platform-flow-panel::before,
body .dx-platform-flow-panel::after{
    content:"" !important;
    position:absolute !important;
    width:128px !important;
    height:82px !important;
    background-image:radial-gradient(circle,rgba(182,109,255,.35) 2px,transparent 3px) !important;
    background-size:18px 18px !important;
    opacity:.66 !important;
    pointer-events:none !important;
}

body .dx-platform-flow-panel::before{
    left:32px !important;
    top:28px !important;
}

body .dx-platform-flow-panel::after{
    right:54px !important;
    top:62px !important;
}

body .dx-platform-flow-head{
    position:relative !important;
    z-index:3 !important;
    text-align:center !important;
    max-width:980px !important;
    margin:0 auto 30px !important;
}

body .dx-platform-flow-head span{
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    min-height:32px !important;
    padding:7px 22px !important;
    border:1px solid rgba(182,109,255,.34) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    color:#7B2CFF !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    letter-spacing:4px !important;
    box-shadow:0 12px 28px rgba(123,44,255,.10) !important;
}

body .dx-platform-flow-head h2{
    margin:18px 0 12px !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 42%,#B66DFF 72%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:clamp(28px,3.2vw,52px) !important;
    line-height:1.02 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

body .dx-platform-flow-head p{
    max-width:790px !important;
    margin:0 auto !important;
    color:rgba(75,0,181,.72) !important;
    font-size:15px !important;
    line-height:1.65 !important;
    font-weight:600 !important;
}

body .dx-platform-flow-map{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:30px !important;
    min-height:388px !important;
    padding:172px 10px 4px !important;
}

body .dx-platform-flow-waves{
    position:absolute !important;
    left:-18px !important;
    right:-18px !important;
    top:24px !important;
    width:calc(100% + 36px) !important;
    height:208px !important;
    pointer-events:none !important;
    overflow:visible !important;
    z-index:1 !important;
}

body .dx-platform-wave-soft{
    fill:none !important;
    stroke:url(#dxPlatformWaveGradient) !important;
    stroke-width:2.4 !important;
    stroke-linecap:round !important;
    opacity:.34 !important;
    filter:url(#dxPlatformGlow) !important;
}

body .dx-platform-wave-soft.alt{
    stroke-width:1.5 !important;
    opacity:.22 !important;
}

body .dx-platform-wave-live{
    fill:none !important;
    stroke:url(#dxPlatformWaveGradient) !important;
    stroke-width:4 !important;
    stroke-linecap:round !important;
    stroke-dasharray:180 930 !important;
    filter:url(#dxPlatformGlow) !important;
    animation:dxPlatformWaveTravel 4.8s linear infinite !important;
}

body .dx-platform-wave-dot{
    fill:#ffffff !important;
    stroke:#7B2CFF !important;
    stroke-width:4 !important;
    filter:url(#dxPlatformGlow) !important;
    animation:dxPlatformDotPulse 2.4s ease-in-out infinite !important;
}

body .dx-platform-wave-dot.dot-2{animation-delay:.34s !important;}
body .dx-platform-wave-dot.dot-3{animation-delay:.68s !important;}
body .dx-platform-wave-dot.dot-4{animation-delay:1.02s !important;}
body .dx-platform-wave-dot.dot-5{animation-delay:1.36s !important;}

body .dx-platform-pulse{
    position:absolute !important;
    top:108px !important;
    width:18px !important;
    height:18px !important;
    border-radius:50% !important;
    background:#ffffff !important;
    border:4px solid #7B2CFF !important;
    box-shadow:0 0 0 12px rgba(217,168,255,.24),0 0 28px rgba(123,44,255,.38) !important;
    z-index:2 !important;
    animation:dxPlatformNodePulse 2.6s ease-in-out infinite !important;
}

body .dx-platform-pulse.pulse-a{left:12.2% !important;}
body .dx-platform-pulse.pulse-b{left:37.5% !important;animation-delay:.45s !important;}
body .dx-platform-pulse.pulse-c{left:62.5% !important;animation-delay:.9s !important;}
body .dx-platform-pulse.pulse-d{left:87.8% !important;animation-delay:1.35s !important;}

body .dx-platform-next{
    position:absolute !important;
    top:102px !important;
    width:42px !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#ffffff !important;
    color:#7B2CFF !important;
    box-shadow:0 10px 28px rgba(123,44,255,.18),0 0 24px rgba(242,179,255,.48) !important;
    z-index:5 !important;
    animation:dxPlatformNextPulse 2.8s ease-in-out infinite !important;
}

body .dx-platform-next.next-a{left:24.5% !important;}
body .dx-platform-next.next-b{left:49.5% !important;animation-delay:.35s !important;}
body .dx-platform-next.next-c{left:74.5% !important;animation-delay:.7s !important;}

body .dx-platform-step{
    position:relative !important;
    z-index:4 !important;
    min-height:248px !important;
    padding:76px 28px 24px !important;
    border-left:1px solid rgba(217,168,255,.56) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.50)) !important;
    color:#4B00B5 !important;
}

body .dx-platform-step::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:-62px !important;
    width:1px !important;
    height:76px !important;
    background:linear-gradient(180deg,rgba(123,44,255,.10),rgba(123,44,255,.48),rgba(242,179,255,.28)) !important;
}

body .dx-platform-step::after{
    content:"" !important;
    position:absolute !important;
    inset:0 auto auto 0 !important;
    width:100% !important;
    height:1px !important;
    background:linear-gradient(90deg,rgba(123,44,255,.34),rgba(242,179,255,.08)) !important;
}

body .dx-platform-orb{
    position:absolute !important;
    left:50% !important;
    top:-136px !important;
    transform:translateX(-50%) !important;
    width:116px !important;
    height:116px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:
        radial-gradient(circle at 28% 22%,#F2B3FF 0%,#B66DFF 28%,#7B2CFF 66%,#4B00B5 100%) !important;
    color:#ffffff !important;
    font-size:42px !important;
    box-shadow:
        0 24px 34px rgba(123,44,255,.24),
        0 0 0 16px rgba(217,168,255,.26),
        0 0 0 28px rgba(242,179,255,.16) !important;
    animation:dxPlatformOrbPulse 5s ease-in-out infinite !important;
}

body .dx-platform-step.step-b .dx-platform-orb{animation-delay:.45s !important;}
body .dx-platform-step.step-c .dx-platform-orb{animation-delay:.9s !important;}
body .dx-platform-step.step-d .dx-platform-orb{animation-delay:1.35s !important;}

body .dx-platform-orb::before{
    content:"" !important;
    position:absolute !important;
    inset:-18px !important;
    border-radius:50% !important;
    border:1px solid rgba(123,44,255,.34) !important;
    border-bottom-color:#B66DFF !important;
    animation:dxPlatformRingRotate 7.5s linear infinite !important;
}

body .dx-platform-orb::after{
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:12px !important;
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.52) !important;
    filter:blur(8px) !important;
}

body .dx-platform-step b{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:36px !important;
    height:28px !important;
    margin-bottom:8px !important;
    border:1px solid rgba(123,44,255,.36) !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.74) !important;
    color:#7B2CFF !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

body .dx-platform-step h3{
    margin:0 !important;
    color:#4B00B5 !important;
    font-size:20px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

body .dx-platform-step > span{
    display:block !important;
    width:28px !important;
    height:3px !important;
    margin:10px 0 12px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#F2B3FF) !important;
}

body .dx-platform-step p{
    min-height:82px !important;
    margin:0 0 18px !important;
    color:rgba(75,0,181,.72) !important;
    font-size:13px !important;
    line-height:1.62 !important;
    font-weight:600 !important;
}

body .dx-platform-step small{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    max-width:100% !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(217,168,255,.48) !important;
    color:#4B00B5 !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    white-space:normal !important;
    box-shadow:0 10px 22px rgba(123,44,255,.08) !important;
}

body .dx-platform-step small i{
    color:#7B2CFF !important;
}

body .dx-platform-flow-section + .smart-strip{
    display:none !important;
}

@keyframes dxPlatformWaveTravel{
    0%{stroke-dashoffset:900;}
    100%{stroke-dashoffset:0;}
}

@keyframes dxPlatformDotPulse{
    0%,100%{opacity:.55;transform:scale(.78);}
    50%{opacity:1;transform:scale(1.18);}
}

@keyframes dxPlatformNodePulse{
    0%,100%{transform:scale(.86);box-shadow:0 0 0 10px rgba(217,168,255,.20),0 0 24px rgba(123,44,255,.30);}
    50%{transform:scale(1.08);box-shadow:0 0 0 18px rgba(242,179,255,.32),0 0 36px rgba(123,44,255,.48);}
}

@keyframes dxPlatformNextPulse{
    0%,100%{transform:translateY(0);color:#7B2CFF;}
    50%{transform:translateY(-4px);color:#4B00B5;}
}

@keyframes dxPlatformOrbPulse{
    0%,100%{filter:saturate(1);box-shadow:0 24px 34px rgba(123,44,255,.24),0 0 0 16px rgba(217,168,255,.26),0 0 0 28px rgba(242,179,255,.16);}
    50%{filter:saturate(1.18);box-shadow:0 30px 42px rgba(123,44,255,.34),0 0 0 19px rgba(217,168,255,.36),0 0 0 34px rgba(242,179,255,.22);}
}

@keyframes dxPlatformRingRotate{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@media(max-width:1199px){
    body .dx-platform-flow-panel{
        padding:30px 28px 38px !important;
    }

    body .dx-platform-flow-map{
        gap:18px !important;
    }

    body .dx-platform-step{
        padding-left:18px !important;
        padding-right:18px !important;
    }
}

@media(max-width:991px){
    body .dx-platform-flow-section{
        padding:48px 0 !important;
    }

    body .dx-platform-flow-panel{
        width:min(720px,94vw) !important;
    }

    body .dx-platform-flow-head h2{
        font-size:clamp(26px,6vw,38px) !important;
    }

    body .dx-platform-flow-map{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:86px 22px !important;
        min-height:auto !important;
        padding:142px 0 0 !important;
    }

    body .dx-platform-flow-waves,
    body .dx-platform-next,
    body .dx-platform-pulse{
        display:none !important;
    }

    body .dx-platform-step{
        min-height:230px !important;
        border:1px solid rgba(217,168,255,.46) !important;
        border-radius:20px !important;
        background:rgba(255,255,255,.78) !important;
    }

    body .dx-platform-step::before,
    body .dx-platform-step::after{
        display:none !important;
    }

    body .dx-platform-orb{
        top:-82px !important;
        width:100px !important;
        height:100px !important;
        font-size:36px !important;
    }
}

@media(max-width:575px){
    body .dx-platform-flow-panel{
        padding:26px 16px 30px !important;
        border-radius:20px !important;
    }

    body .dx-platform-flow-head span{
        letter-spacing:2px !important;
        padding-left:14px !important;
        padding-right:14px !important;
    }

    body .dx-platform-flow-map{
        grid-template-columns:1fr !important;
        gap:88px !important;
    }

    body .dx-platform-step{
        padding:70px 20px 22px !important;
    }

    body .dx-platform-step p{
        min-height:0 !important;
    }
}

/* Platform flow v2: match the connected-map reference layout. */
body .dx-platform-flow-section{
    padding:36px 0 44px !important;
}

body .dx-platform-flow-panel{
    width:min(1500px,94vw) !important;
    padding:28px 48px 34px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 94% 2%,rgba(242,179,255,.26),transparent 31%),
        radial-gradient(circle at 5% 96%,rgba(217,168,255,.18),transparent 30%),
        rgba(255,255,255,.90) !important;
}

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

body .dx-platform-flow-head span{
    min-height:30px !important;
    padding:7px 28px !important;
    color:#7B2CFF !important;
}

body .dx-platform-flow-head h2{
    margin:14px 0 10px !important;
    background:linear-gradient(90deg,#4B00B5 0%,#4B00B5 24%,#7B2CFF 55%,#B66DFF 82%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:clamp(30px,3.15vw,50px) !important;
    line-height:1.06 !important;
}

body .dx-platform-flow-head p{
    max-width:900px !important;
    color:rgba(75,0,181,.70) !important;
    font-size:16px !important;
}

body .dx-platform-support-strip{
    position:relative !important;
    z-index:4 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    width:min(1320px,100%) !important;
    margin:8px auto 0 !important;
    padding:18px 22px !important;
    border:1px solid rgba(217,168,255,.48) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.86) !important;
    box-shadow:0 18px 42px rgba(75,0,181,.08) !important;
}

body .dx-platform-support-strip div{
    display:grid !important;
    grid-template-columns:52px 1fr !important;
    grid-template-rows:auto auto !important;
    column-gap:14px !important;
    align-items:center !important;
    min-height:58px !important;
    padding:0 24px !important;
    border-right:1px solid rgba(217,168,255,.55) !important;
}

body .dx-platform-support-strip div:last-child{
    border-right:0 !important;
}

body .dx-platform-support-strip i{
    grid-row:1 / span 2 !important;
    width:48px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#7B2CFF !important;
    font-size:28px !important;
}

body .dx-platform-support-strip strong{
    color:#4B00B5 !important;
    font-size:14px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
}

body .dx-platform-support-strip span{
    color:rgba(75,0,181,.70) !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
}

@media(min-width:992px){
    body .dx-platform-flow-map{
        display:block !important;
        width:min(1320px,100%) !important;
        max-width:1320px !important;
        height:500px !important;
        min-height:500px !important;
        margin:0 auto !important;
        padding:0 !important;
    }

    body .dx-platform-flow-waves{
        left:-26px !important;
        right:auto !important;
        top:58px !important;
        width:calc(100% + 52px) !important;
        height:164px !important;
        z-index:1 !important;
    }

    body .dx-platform-wave-soft{
        stroke-width:2 !important;
        opacity:.42 !important;
    }

    body .dx-platform-wave-soft.alt{
        opacity:.24 !important;
    }

    body .dx-platform-wave-live{
        stroke-width:4.5 !important;
        stroke-dasharray:140 920 !important;
    }

    body .dx-platform-step{
        position:absolute !important;
        top:236px !important;
        width:22.6% !important;
        min-height:190px !important;
        padding:0 26px !important;
        border-left:1px solid rgba(217,168,255,.72) !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    body .dx-platform-step.step-a{left:0 !important;}
    body .dx-platform-step.step-b{left:25.8% !important;}
    body .dx-platform-step.step-c{left:51.6% !important;}
    body .dx-platform-step.step-d{left:77.4% !important;}

    body .dx-platform-step::before{
        display:block !important;
        left:50% !important;
        top:-62px !important;
        width:1px !important;
        height:52px !important;
        background:repeating-linear-gradient(180deg,rgba(123,44,255,.50) 0 4px,transparent 4px 9px) !important;
    }

    body .dx-platform-step::after{
        display:none !important;
    }

    body .dx-platform-orb{
        top:-184px !important;
        width:124px !important;
        height:124px !important;
        font-size:42px !important;
        box-shadow:
            0 22px 28px rgba(75,0,181,.18),
            0 0 0 15px rgba(217,168,255,.22),
            0 0 0 30px rgba(242,179,255,.12) !important;
    }

    body .dx-platform-orb::before{
        inset:-16px !important;
        border-width:1px !important;
        border-color:rgba(123,44,255,.24) !important;
        border-bottom-color:#B66DFF !important;
    }

    body .dx-platform-pulse{
        top:125px !important;
        width:14px !important;
        height:14px !important;
        border-width:3px !important;
    }

    body .dx-platform-pulse.pulse-a{left:0 !important;}
    body .dx-platform-pulse.pulse-b{left:25.3% !important;}
    body .dx-platform-pulse.pulse-c{left:51.1% !important;}
    body .dx-platform-pulse.pulse-d{left:99% !important;}

    body .dx-platform-next{
        top:109px !important;
        width:42px !important;
        height:42px !important;
        font-size:17px !important;
    }

    body .dx-platform-next.next-a{left:23.6% !important;}
    body .dx-platform-next.next-b{left:49.4% !important;}
    body .dx-platform-next.next-c{left:75.2% !important;}

    body .dx-platform-step b{
        min-width:44px !important;
        height:34px !important;
        margin:0 0 10px !important;
        font-size:16px !important;
    }

    body .dx-platform-step h3{
        color:#4B00B5 !important;
        font-size:21px !important;
        line-height:1.12 !important;
    }

    body .dx-platform-step > span{
        width:34px !important;
        height:3px !important;
        margin:11px 0 12px !important;
    }

    body .dx-platform-step p{
        min-height:76px !important;
        margin-bottom:14px !important;
        color:rgba(75,0,181,.72) !important;
        font-size:14px !important;
        line-height:1.55 !important;
    }

    body .dx-platform-step small{
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#4B00B5 !important;
        font-size:13px !important;
        gap:10px !important;
    }

    body .dx-platform-step small i{
        width:36px !important;
        height:36px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:50% !important;
        background:rgba(217,168,255,.22) !important;
        color:#7B2CFF !important;
    }
}

@media(max-width:1199px) and (min-width:992px){
    body .dx-platform-flow-panel{
        padding-left:28px !important;
        padding-right:28px !important;
    }

    body .dx-platform-step{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    body .dx-platform-step h3{
        font-size:19px !important;
    }

    body .dx-platform-step p{
        font-size:13px !important;
    }
}

@media(max-width:991px){
    body .dx-platform-flow-section{
        padding:34px 0 40px !important;
    }

    body .dx-platform-flow-panel{
        padding:24px 18px 28px !important;
    }

    body .dx-platform-flow-head h2{
        font-size:clamp(25px,6vw,38px) !important;
    }

    body .dx-platform-support-strip{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
        padding:14px !important;
    }

    body .dx-platform-support-strip div{
        border:1px solid rgba(217,168,255,.42) !important;
        border-radius:14px !important;
        padding:12px !important;
    }
}

@media(max-width:575px){
    body .dx-platform-support-strip{
        grid-template-columns:1fr !important;
    }
}

/* Platform flow v3: smaller heading and cleaner spacing on PC, tablet, and mobile. */
body .dx-platform-flow-head h2{
    font-size:clamp(26px,2.35vw,38px) !important;
    line-height:1.08 !important;
    max-width:980px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body .dx-platform-flow-head p{
    max-width:820px !important;
    font-size:14px !important;
    line-height:1.58 !important;
}

body .dx-platform-flow-head span{
    font-size:11px !important;
    letter-spacing:3.2px !important;
}

body .dx-platform-support-strip{
    margin-top:24px !important;
}

@media(min-width:1200px){
    body .dx-platform-flow-panel{
        padding-top:24px !important;
    }

    body .dx-platform-flow-map{
        height:540px !important;
        min-height:540px !important;
    }

    body .dx-platform-orb{
        width:112px !important;
        height:112px !important;
        font-size:38px !important;
        top:-176px !important;
    }

    body .dx-platform-flow-waves{
        top:64px !important;
        height:148px !important;
    }

    body .dx-platform-next{
        top:114px !important;
    }

    body .dx-platform-pulse{
        top:132px !important;
    }

    body .dx-platform-step{
        top:236px !important;
        min-height:218px !important;
    }

    body .dx-platform-step p{
        min-height:96px !important;
    }
}

@media(max-width:1199px) and (min-width:992px){
    body .dx-platform-flow-head h2{
        font-size:34px !important;
    }

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

    body .dx-platform-flow-map{
        height:520px !important;
        min-height:520px !important;
    }

    body .dx-platform-support-strip{
        margin-top:18px !important;
    }
}

@media(max-width:991px){
    body .dx-platform-flow-head h2{
        font-size:clamp(24px,4.4vw,32px) !important;
        line-height:1.12 !important;
    }

    body .dx-platform-flow-head p{
        font-size:13px !important;
        line-height:1.55 !important;
    }

    body .dx-platform-flow-head span{
        font-size:10px !important;
        letter-spacing:2.2px !important;
    }

    body .dx-platform-flow-map{
        padding-top:128px !important;
    }
}

@media(max-width:575px){
    body .dx-platform-flow-head h2{
        font-size:24px !important;
    }

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

/* Platform flow v4: compact 100% viewport layout, no support strip. */
body .dx-platform-support-strip{
    display:none !important;
}

body .dx-platform-flow-section{
    padding:26px 0 34px !important;
}

body .dx-platform-flow-panel{
    padding:20px 42px 24px !important;
}

body .dx-platform-flow-section .dx-platform-flow-head{
    max-width:940px !important;
    margin-bottom:2px !important;
}

body .dx-platform-flow-section .dx-platform-flow-head h2{
    max-width:900px !important;
    margin-top:12px !important;
    margin-bottom:8px !important;
    font-size:clamp(24px,2.05vw,34px) !important;
    line-height:1.08 !important;
}

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

body .dx-platform-flow-section .dx-platform-flow-head span{
    min-height:28px !important;
    padding:6px 22px !important;
    font-size:10px !important;
    letter-spacing:3px !important;
}

@media(min-width:1200px){
    body .dx-platform-flow-map{
        height:390px !important;
        min-height:390px !important;
    }

    body .dx-platform-flow-waves{
        top:44px !important;
        height:124px !important;
    }

    body .dx-platform-orb{
        top:-142px !important;
        width:94px !important;
        height:94px !important;
        font-size:32px !important;
        box-shadow:
            0 18px 24px rgba(75,0,181,.16),
            0 0 0 12px rgba(217,168,255,.22),
            0 0 0 24px rgba(242,179,255,.11) !important;
    }

    body .dx-platform-orb::before{
        inset:-13px !important;
    }

    body .dx-platform-next{
        top:86px !important;
        width:36px !important;
        height:36px !important;
        font-size:15px !important;
    }

    body .dx-platform-pulse{
        top:103px !important;
        width:12px !important;
        height:12px !important;
        border-width:3px !important;
    }

    body .dx-platform-step{
        top:196px !important;
        min-height:168px !important;
        padding-left:22px !important;
        padding-right:22px !important;
    }

    body .dx-platform-step::before{
        top:-42px !important;
        height:36px !important;
    }

    body .dx-platform-step b{
        min-width:38px !important;
        height:30px !important;
        font-size:14px !important;
        margin-bottom:8px !important;
    }

    body .dx-platform-step h3{
        font-size:18px !important;
    }

    body .dx-platform-step > span{
        margin:8px 0 10px !important;
    }

    body .dx-platform-step p{
        min-height:62px !important;
        margin-bottom:10px !important;
        font-size:12.5px !important;
        line-height:1.48 !important;
    }

    body .dx-platform-step small{
        font-size:12px !important;
    }

    body .dx-platform-step small i{
        width:30px !important;
        height:30px !important;
    }
}

@media(max-width:1199px) and (min-width:992px){
    body .dx-platform-flow-section .dx-platform-flow-head h2{
        font-size:30px !important;
    }

    body .dx-platform-flow-map{
        height:386px !important;
        min-height:386px !important;
    }

    body .dx-platform-orb{
        top:-138px !important;
        width:90px !important;
        height:90px !important;
        font-size:30px !important;
    }

    body .dx-platform-step{
        top:190px !important;
        min-height:164px !important;
    }

    body .dx-platform-step h3{
        font-size:17px !important;
    }

    body .dx-platform-step p{
        min-height:62px !important;
        font-size:12px !important;
    }
}

@media(max-width:991px){
    body .dx-platform-flow-section{
        padding:24px 0 30px !important;
    }

    body .dx-platform-flow-panel{
        padding:18px 16px 22px !important;
    }

    body .dx-platform-flow-section .dx-platform-flow-head h2{
        font-size:clamp(22px,4vw,28px) !important;
        line-height:1.12 !important;
    }

    body .dx-platform-flow-section .dx-platform-flow-head p{
        font-size:12.5px !important;
    }

    body .dx-platform-flow-map{
        padding-top:112px !important;
        gap:70px 18px !important;
    }
}

@media(max-width:575px){
    body .dx-platform-flow-section .dx-platform-flow-head h2{
        font-size:22px !important;
    }

    body .dx-platform-flow-section .dx-platform-flow-head span{
        letter-spacing:1.5px !important;
    }

    body .dx-platform-flow-map{
        gap:72px !important;
    }
}

/* Platform flow v5: keep the whole section inside a 100% desktop viewport. */
body .dx-platform-flow-section{
    padding:18px 0 24px !important;
}

body .dx-platform-flow-panel{
    width:min(1440px,88vw) !important;
    padding:16px 34px 18px !important;
    border-radius:20px !important;
}

body .dx-platform-flow-panel::before,
body .dx-platform-flow-panel::after{
    transform:scale(.72) !important;
}

body .dx-platform-flow-section .dx-platform-flow-head{
    max-width:860px !important;
    margin-bottom:0 !important;
}

body .dx-platform-flow-section .dx-platform-flow-head span{
    min-height:24px !important;
    padding:5px 18px !important;
    font-size:9px !important;
    letter-spacing:2.6px !important;
}

body .dx-platform-flow-section .dx-platform-flow-head h2{
    max-width:820px !important;
    margin:10px auto 6px !important;
    font-size:clamp(22px,1.75vw,30px) !important;
    line-height:1.08 !important;
}

body .dx-platform-flow-section .dx-platform-flow-head p{
    max-width:720px !important;
    font-size:12px !important;
    line-height:1.45 !important;
}

@media(min-width:1200px){
    body .dx-platform-flow-map{
        width:100% !important;
        height:324px !important;
        min-height:324px !important;
    }

    body .dx-platform-flow-waves{
        left:-14px !important;
        top:34px !important;
        width:calc(100% + 28px) !important;
        height:104px !important;
    }

    body .dx-platform-wave-soft{
        stroke-width:1.7 !important;
    }

    body .dx-platform-wave-live{
        stroke-width:3.3 !important;
    }

    body .dx-platform-orb{
        top:-114px !important;
        width:78px !important;
        height:78px !important;
        font-size:27px !important;
        box-shadow:
            0 14px 20px rgba(75,0,181,.14),
            0 0 0 10px rgba(217,168,255,.20),
            0 0 0 20px rgba(242,179,255,.10) !important;
    }

    body .dx-platform-orb::before{
        inset:-11px !important;
    }

    body .dx-platform-next{
        top:68px !important;
        width:30px !important;
        height:30px !important;
        font-size:13px !important;
    }

    body .dx-platform-pulse{
        top:84px !important;
        width:10px !important;
        height:10px !important;
        border-width:2px !important;
    }

    body .dx-platform-step{
        top:158px !important;
        width:22.4% !important;
        min-height:138px !important;
        padding-left:18px !important;
        padding-right:18px !important;
    }

    body .dx-platform-step::before{
        top:-31px !important;
        height:28px !important;
    }

    body .dx-platform-step b{
        min-width:34px !important;
        height:26px !important;
        margin-bottom:6px !important;
        font-size:12px !important;
        border-radius:8px !important;
    }

    body .dx-platform-step h3{
        font-size:16px !important;
        line-height:1.08 !important;
    }

    body .dx-platform-step > span{
        width:28px !important;
        height:3px !important;
        margin:7px 0 8px !important;
    }

    body .dx-platform-step p{
        min-height:50px !important;
        margin-bottom:8px !important;
        font-size:11.5px !important;
        line-height:1.4 !important;
    }

    body .dx-platform-step small{
        gap:8px !important;
        font-size:11px !important;
        line-height:1.15 !important;
    }

    body .dx-platform-step small i{
        width:26px !important;
        height:26px !important;
        font-size:11px !important;
    }
}

@media(max-width:1199px) and (min-width:992px){
    body .dx-platform-flow-panel{
        width:min(1120px,90vw) !important;
        padding:16px 24px 18px !important;
    }

    body .dx-platform-flow-section .dx-platform-flow-head h2{
        font-size:26px !important;
    }

    body .dx-platform-flow-map{
        height:326px !important;
        min-height:326px !important;
    }

    body .dx-platform-orb{
        top:-110px !important;
        width:76px !important;
        height:76px !important;
        font-size:26px !important;
    }

    body .dx-platform-step{
        top:154px !important;
        min-height:140px !important;
    }

    body .dx-platform-step h3{
        font-size:15px !important;
    }

    body .dx-platform-step p{
        font-size:11px !important;
        min-height:50px !important;
    }
}

@media(max-width:991px){
    body .dx-platform-flow-panel{
        width:min(720px,92vw) !important;
    }

    body .dx-platform-flow-section .dx-platform-flow-head h2{
        font-size:clamp(20px,3.6vw,25px) !important;
    }

    body .dx-platform-flow-map{
        padding-top:96px !important;
        gap:60px 14px !important;
    }

    body .dx-platform-orb{
        width:74px !important;
        height:74px !important;
        top:-60px !important;
        font-size:25px !important;
    }

    body .dx-platform-step{
        min-height:188px !important;
        padding:52px 16px 18px !important;
    }
}

@media(max-width:575px){
    body .dx-platform-flow-panel{
        width:92vw !important;
        padding:16px 12px 20px !important;
    }

    body .dx-platform-flow-section .dx-platform-flow-head h2{
        font-size:20px !important;
    }
}

/* Platform flow v6: reduce left-right spread on wide desktop screens. */
@media(min-width:1200px){
    body .dx-platform-flow-panel{
        width:min(1320px,86vw) !important;
        padding-left:34px !important;
        padding-right:34px !important;
    }

    body .dx-platform-flow-map{
        width:min(1120px,100%) !important;
        max-width:1120px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body .dx-platform-flow-waves{
        left:-10px !important;
        width:calc(100% + 20px) !important;
    }

    body .dx-platform-step{
        width:23% !important;
    }

    body .dx-platform-step.step-a{left:0 !important;}
    body .dx-platform-step.step-b{left:25.6% !important;}
    body .dx-platform-step.step-c{left:51.2% !important;}
    body .dx-platform-step.step-d{left:76.8% !important;}
}

@media(min-width:1600px){
    body .dx-platform-flow-panel{
        width:min(1260px,82vw) !important;
    }

    body .dx-platform-flow-map{
        width:min(1080px,100%) !important;
        max-width:1080px !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;
    }
}

/* Platform flow final fit: connected section, no broken rounded side card. */
body .dx-platform-flow-section{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:
        linear-gradient(rgba(123,44,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(123,44,255,.045) 1px,transparent 1px),
        linear-gradient(135deg,#fff 0%,#fbf7ff 56%,#f4edff 100%) !important;
    background-size:48px 48px,48px 48px,auto !important;
}

body .dx-platform-flow-section .container{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

body .dx-platform-flow-panel{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:18px clamp(24px,6vw,92px) 22px !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.72),rgba(255,255,255,.88)) !important;
}

body .dx-platform-flow-panel::before{
    left:clamp(28px,10vw,220px) !important;
}

body .dx-platform-flow-panel::after{
    right:clamp(28px,10vw,220px) !important;
}

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

@media(min-width:1200px){
    body .dx-platform-flow-map{
        width:min(1180px,100%) !important;
        max-width:1180px !important;
        height:318px !important;
        min-height:318px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

@media(min-width:1600px){
    body .dx-platform-flow-map{
        width:min(1120px,100%) !important;
        max-width:1120px !important;
    }
}

@media(max-width:991px){
    body .dx-platform-flow-panel{
        padding:18px 18px 24px !important;
    }
}

@media(max-width:575px){
    body .dx-platform-flow-panel{
        padding:16px 14px 22px !important;
    }
}

/* Enterprise capabilities final index match: clean connector points and stronger icons. */
body .dx-enterprise-capabilities-section .dx-enterprise-map{
    overflow:visible !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card{
    overflow:visible !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card::after{
    z-index:0 !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-icon{
    left:34px !important;
    top:38px !important;
    width:56px !important;
    height:56px !important;
    border-radius:13px !important;
    color:#fff !important;
    font-size:22px !important;
    background:radial-gradient(circle at 30% 18%,#F2B3FF 0%,#B66DFF 36%,#7B2CFF 68%,#4B00B5 100%) !important;
    box-shadow:0 14px 28px rgba(75,0,181,.22),0 18px 24px rgba(182,109,255,.18) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line{
    z-index:3 !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line::before,
body .dx-enterprise-capabilities-section .dx-enterprise-line::after{
    width:14px !important;
    height:14px !important;
    background:#7B2CFF !important;
    box-shadow:0 0 0 8px rgba(123,44,255,.13),0 0 18px rgba(123,44,255,.48) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line.line-a,
body .dx-enterprise-capabilities-section .dx-enterprise-line.line-c{
    left:376px !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line.line-b,
body .dx-enterprise-capabilities-section .dx-enterprise-line.line-d{
    right:376px !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line.line-a::before,
body .dx-enterprise-capabilities-section .dx-enterprise-line.line-c::before{
    left:-7px !important;
    top:-9px !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line.line-b::before,
body .dx-enterprise-capabilities-section .dx-enterprise-line.line-d::before{
    right:-7px !important;
    top:-9px !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line.line-a::after,
body .dx-enterprise-capabilities-section .dx-enterprise-line.line-b::after{
    bottom:-9px !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line.line-c::after,
body .dx-enterprise-capabilities-section .dx-enterprise-line.line-d::after{
    top:-9px !important;
}

@media(max-width:1199px){
    body .dx-enterprise-capabilities-section .dx-enterprise-card{
        overflow:hidden !important;
    }
}

/* Home enterprise border color only. */
body .dx-enterprise-capabilities-section .dx-enterprise-card{
    border-color:rgba(182,109,255,.46) !important;
    box-shadow:
        0 18px 44px rgba(75,0,181,.10),
        0 16px 0 -10px #D9A8FF,
        0 26px 0 -16px #7B2CFF !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-card:hover{
    box-shadow:
        0 28px 66px rgba(75,0,181,.14),
        0 16px 0 -10px #D9A8FF,
        0 26px 0 -16px #7B2CFF !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line{
    border-color:rgba(182,109,255,.50) !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-line::before,
body .dx-enterprise-capabilities-section .dx-enterprise-line::after{
    background:#7B2CFF !important;
    box-shadow:0 0 0 8px rgba(182,109,255,.18),0 0 18px rgba(123,44,255,.48) !important;
}

/* V147: Home delivery process reference replacement. */
body .dx-home-delivery-section{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:68px 0 70px !important;
    background:
        radial-gradient(circle at 0% 100%,rgba(217,168,255,.30) 0 78px,transparent 80px),
        radial-gradient(circle at 100% 0%,rgba(217,168,255,.26) 0 86px,transparent 88px),
        linear-gradient(180deg,#ffffff 0%,#ffffff 58%,#fbf8ff 100%) !important;
    border:0 !important;
    color:#263555 !important;
}

body .dx-home-delivery-section::before,
body .dx-home-delivery-section::after{
    content:"" !important;
    position:absolute !important;
    display:block !important;
    pointer-events:none !important;
    z-index:-1 !important;
}

body .dx-home-delivery-section::before{
    inset:0 !important;
    background:
        radial-gradient(circle,rgba(148,75,255,.34) 2px,transparent 3px) 30px 40px/30px 28px,
        radial-gradient(circle,rgba(148,75,255,.26) 2px,transparent 3px) calc(100% - 170px) calc(100% - 90px)/30px 28px !important;
    opacity:.76 !important;
}

body .dx-home-delivery-section::after{
    right:-88px !important;
    top:-92px !important;
    width:260px !important;
    height:260px !important;
    border-radius:50% !important;
    border:1px solid rgba(137,68,255,.22) !important;
    box-shadow:
        0 0 0 24px rgba(137,68,255,.05),
        0 0 0 50px rgba(137,68,255,.04),
        0 0 0 78px rgba(137,68,255,.035) !important;
    background:transparent !important;
}

body .dx-home-delivery-section .container{
    position:relative !important;
    max-width:1280px !important;
    z-index:2 !important;
}

body .dx-home-delivery-dots,
body .dx-home-delivery-arc{
    position:absolute !important;
    display:block !important;
    pointer-events:none !important;
}

body .dx-home-delivery-dots{
    width:118px !important;
    height:118px !important;
    opacity:.78 !important;
    background:radial-gradient(circle,rgba(139,63,242,.52) 3px,transparent 4px) 0 0/24px 24px !important;
}

body .dx-home-delivery-dots.dots-left{
    left:-78px !important;
    top:-12px !important;
}

body .dx-home-delivery-dots.dots-right{
    right:18px !important;
    bottom:5px !important;
}

body .dx-home-delivery-arc{
    width:210px !important;
    height:210px !important;
    border-radius:50% !important;
    border:1px solid rgba(151,88,255,.20) !important;
}

body .dx-home-delivery-arc.arc-top{
    right:-150px !important;
    top:-128px !important;
    box-shadow:
        0 0 0 22px rgba(151,88,255,.06),
        0 0 0 46px rgba(151,88,255,.045) !important;
}

body .dx-home-delivery-arc.arc-bottom{
    left:-175px !important;
    bottom:-180px !important;
    box-shadow:
        0 0 0 22px rgba(151,88,255,.055),
        0 0 0 48px rgba(151,88,255,.035) !important;
}

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

body .dx-home-delivery-pill{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:34px !important;
    min-height:48px !important;
    min-width:360px !important;
    padding:0 34px !important;
    border:1px solid rgba(126,50,255,.24) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.78) !important;
    box-shadow:0 12px 26px rgba(75,0,181,.10), inset 0 1px 0 rgba(255,255,255,.92) !important;
    color:#5d0ce0 !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
}

body .dx-home-delivery-pill::before,
body .dx-home-delivery-pill::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    width:68px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,#8440ff,transparent) !important;
}

body .dx-home-delivery-pill::before{
    right:calc(100% + 18px) !important;
}

body .dx-home-delivery-pill::after{
    left:calc(100% + 18px) !important;
}

body .dx-home-delivery-pill span{
    width:12px !important;
    height:12px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#7a27ff,#a447ff) !important;
    box-shadow:0 0 14px rgba(126,50,255,.35) !important;
}

body .dx-home-delivery-head h2{
    margin:24px auto 10px !important;
    max-width:1020px !important;
    font-size:56px !important;
    line-height:1.2 !important;
    padding-bottom:8px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    color:transparent !important;
    background:linear-gradient(90deg,#08073f 0%,#14105d 36%,#5d0ce0 64%,#8f2dff 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 12px 28px rgba(75,0,181,.10) !important;
}

body .dx-home-delivery-title-rule{
    display:block !important;
    width:128px !important;
    height:10px !important;
    margin:12px auto 18px !important;
    background:
        radial-gradient(circle,#5f12e4 0 3px,transparent 4px) center/18px 10px no-repeat,
        linear-gradient(90deg,#6012e4,#8b35ff) left center/54px 4px no-repeat,
        linear-gradient(90deg,#8b35ff,#6012e4) right center/54px 4px no-repeat !important;
    border-radius:999px !important;
}

body .dx-home-delivery-head p{
    max-width:620px !important;
    margin:0 auto !important;
    color:#263555 !important;
    font-size:20px !important;
    line-height:1.48 !important;
    font-weight:500 !important;
}

body .dx-home-delivery-stage{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:52px !important;
    align-items:start !important;
    margin:16px auto 42px !important;
    padding:0 16px !important;
}

body .dx-home-delivery-main-line{
    position:absolute !important;
    left:30px !important;
    right:30px !important;
    top:110px !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#6411ea 0%,#8c32ff 48%,#6411ea 100%) !important;
    box-shadow:0 0 18px rgba(119,39,255,.28) !important;
    transform-origin:left center !important;
    animation:dxDeliveryLineGrow 1s ease .15s both !important;
    z-index:0 !important;
}

body .dx-home-delivery-main-line::before,
body .dx-home-delivery-main-line::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    width:14px !important;
    height:14px !important;
    border-radius:50% !important;
    background:#6411ea !important;
    box-shadow:0 0 0 5px rgba(139,63,242,.16),0 0 16px rgba(100,17,234,.35) !important;
}

body .dx-home-delivery-main-line::before{
    left:-7px !important;
    transform:translateY(-50%) !important;
}

body .dx-home-delivery-main-line::after{
    right:-7px !important;
    transform:translateY(-50%) !important;
}

body .dx-home-delivery-step{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    min-width:0 !important;
    animation:dxDeliveryStepIn .72s ease both !important;
}

body .dx-home-delivery-step.step-one{animation-delay:.10s !important;}
body .dx-home-delivery-step.step-two{animation-delay:.22s !important;}
body .dx-home-delivery-step.step-three{animation-delay:.34s !important;}
body .dx-home-delivery-step.step-four{animation-delay:.46s !important;}

body .dx-home-delivery-icon{
    position:relative !important;
    display:grid !important;
    place-items:center !important;
    width:142px !important;
    height:142px !important;
    margin:0 auto 0 !important;
    border-radius:50% !important;
    background:linear-gradient(145deg,#ad46ff 0%,#7825ee 45%,#3b08ad 100%) !important;
    color:#ffffff !important;
    font-size:48px !important;
    box-shadow:
        0 24px 38px rgba(75,0,181,.20),
        inset 0 16px 28px rgba(255,255,255,.18),
        inset 0 -18px 30px rgba(27,0,90,.32) !important;
    animation:
        dxDeliveryCirclePop .75s cubic-bezier(.2,.95,.22,1.18) both,
        dxDeliveryCircleFloat 4.4s ease-in-out infinite,
        dxDeliveryCircleGlow 3.2s ease-in-out infinite !important;
}

body .dx-home-delivery-step.step-two .dx-home-delivery-icon{animation-delay:.18s,.25s,.25s !important;}
body .dx-home-delivery-step.step-three .dx-home-delivery-icon{animation-delay:.30s,.50s,.50s !important;}
body .dx-home-delivery-step.step-four .dx-home-delivery-icon{animation-delay:.42s,.75s,.75s !important;}

body .dx-home-delivery-icon::before,
body .dx-home-delivery-icon::after{
    content:"" !important;
    position:absolute !important;
    border-radius:50% !important;
    pointer-events:none !important;
}

body .dx-home-delivery-icon::before{
    inset:-22px !important;
    border:1px solid rgba(126,50,255,.28) !important;
    background:
        conic-gradient(from 0deg,transparent 0 24deg,rgba(126,50,255,.58) 24deg 38deg,transparent 38deg 115deg,rgba(181,109,255,.44) 115deg 130deg,transparent 130deg 360deg) !important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px)) !important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px)) !important;
    animation:dxDeliveryRingRotate 8.5s linear infinite, dxDeliveryRingPulse 3s ease-in-out infinite !important;
}

body .dx-home-delivery-icon::after{
    inset:-11px !important;
    border:10px solid rgba(255,255,255,.82) !important;
    box-shadow:
        0 0 0 1px rgba(126,50,255,.16),
        0 18px 30px rgba(75,0,181,.12),
        inset 0 0 22px rgba(217,168,255,.24) !important;
}

body .dx-home-delivery-icon i{
    position:relative !important;
    z-index:2 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    filter:drop-shadow(0 8px 10px rgba(17,0,67,.18)) !important;
}

body .dx-home-delivery-card{
    position:relative !important;
    width:100% !important;
    min-height:260px !important;
    margin-top:20px !important;
    padding:28px 26px 24px !important;
    border-radius:20px !important;
    border:1px solid rgba(126,50,255,.22) !important;
    background:rgba(255,255,255,.84) !important;
    box-shadow:
        0 22px 36px rgba(75,0,181,.09),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    text-align:center !important;
    overflow:hidden !important;
}

body .dx-home-delivery-card::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-1px !important;
    width:132px !important;
    height:12px !important;
    border-radius:999px 999px 0 0 !important;
    background:linear-gradient(90deg,#7b28ff,#ab43ff) !important;
    box-shadow:0 -8px 24px rgba(139,63,242,.18) !important;
    transform:translateX(-50%) !important;
}

body .dx-home-delivery-card b{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:68px !important;
    height:44px !important;
    padding:0 16px !important;
    margin:0 auto 20px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#7a27ff 0%,#b24aff 100%) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    opacity:1 !important;
    box-shadow:0 10px 18px rgba(126,50,255,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body .dx-home-delivery-card h3{
    margin:0 !important;
    color:#5c0ddd !important;
    font-size:22px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

body .dx-home-delivery-card span{
    display:block !important;
    width:48px !important;
    height:8px !important;
    margin:14px auto 18px !important;
    background:
        radial-gradient(circle,#5d0ce0 0 3px,transparent 4px) right center/10px 8px no-repeat,
        linear-gradient(90deg,#6a19ed,#8c32ff) left center/35px 3px no-repeat !important;
    border-radius:999px !important;
}

body .dx-home-delivery-card p{
    max-width:220px !important;
    margin:0 auto !important;
    color:#273755 !important;
    font-size:16px !important;
    line-height:1.58 !important;
    font-weight:500 !important;
}

body .dx-home-delivery-arrow{
    position:absolute !important;
    top:84px !important;
    z-index:4 !important;
    display:grid !important;
    place-items:center !important;
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    border:1px solid rgba(126,50,255,.28) !important;
    background:rgba(255,255,255,.92) !important;
    color:#5d0ce0 !important;
    font-size:27px !important;
    box-shadow:0 12px 24px rgba(75,0,181,.12),0 0 0 6px rgba(217,168,255,.12) !important;
    animation:dxDeliveryArrowPop .64s cubic-bezier(.18,.92,.32,1.2) both !important;
}

body .dx-home-delivery-arrow.arrow-one{
    left:calc(25% - 26px) !important;
    animation-delay:.45s !important;
}

body .dx-home-delivery-arrow.arrow-two{
    left:calc(50% - 25px) !important;
    animation-delay:.62s !important;
}

body .dx-home-delivery-arrow.arrow-three{
    left:calc(75% - 24px) !important;
    animation-delay:.79s !important;
}

body .dx-home-delivery-arrow i{
    transform:translateX(1px) !important;
}

/* V167: Absolute final override for Home bottom Offshore heading size. */
body .dx-offshore-showcase .dx-offshore-head h2{
    font-size:clamp(20px,1.85vw,40px) !important;
    line-height:1.14 !important;
    letter-spacing:-.025em !important;
}

@media(max-width:767px){
    body .dx-offshore-showcase .dx-offshore-head h2{
        font-size:24px !important;
    }
}

/* V166: Final override for Home bottom Offshore heading size. */
body .dx-offshore-showcase .dx-offshore-head h2{
    font-size:clamp(20px,1.85vw,40px) !important;
    line-height:1.14 !important;
    letter-spacing:-.025em !important;
}

@media(max-width:767px){
    body .dx-offshore-showcase .dx-offshore-head h2{
        font-size:24px !important;
    }
}

/* Client fix: hide only the small capsule markers, keep the flow animation. */
body .dx-platform-flow-section .dx-platform-wave-live{
    animation:dxPlatformWaveTravel 4.8s linear infinite !important;
    stroke-dasharray:140 920 !important;
    opacity:1 !important;
}

body .dx-platform-flow-section .dx-platform-orb{
    animation:dxPlatformOrbPulse 5s ease-in-out infinite !important;
}

body .dx-platform-flow-section .dx-platform-orb::before{
    display:none !important;
    animation:none !important;
}

body .dx-platform-flow-section .dx-platform-wave-dot{
    display:none !important;
    animation:none !important;
}

body .dx-platform-flow-section .dx-platform-pulse{
    display:none !important;
}

body .dx-platform-flow-section .dx-platform-next{
    display:none !important;
}

@keyframes dxPlatformCleanFlow{
    0%,100%{opacity:.42;stroke-width:2.4;}
    50%{opacity:.82;stroke-width:3.4;}
}

body .dx-home-delivery-proof{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    max-width:620px !important;
    min-height:92px !important;
    margin:0 auto !important;
    padding:16px 88px 16px 28px !important;
    border-radius:16px !important;
    border:1px solid rgba(126,50,255,.22) !important;
    background:rgba(255,255,255,.90) !important;
    box-shadow:0 14px 28px rgba(75,0,181,.09), inset 0 1px 0 rgba(255,255,255,.94) !important;
    overflow:hidden !important;
}

body .dx-home-delivery-proof::before{
    content:"" !important;
    width:1px !important;
    align-self:stretch !important;
    background:linear-gradient(180deg,transparent,#7b28ff,transparent) !important;
    order:2 !important;
}

body .dx-home-delivery-proof-icon{
    position:relative !important;
    flex:0 0 62px !important;
    width:62px !important;
    height:62px !important;
    order:1 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,#8a32ff,#3f0bb7) !important;
    color:#ffffff !important;
    font-size:28px !important;
    box-shadow:0 12px 22px rgba(75,0,181,.18),0 0 0 10px rgba(217,168,255,.16) !important;
    clip-path:polygon(50% 0,88% 16%,88% 64%,50% 100%,12% 64%,12% 16%) !important;
}

body .dx-home-delivery-proof > div:not(.dx-home-delivery-proof-icon){
    order:3 !important;
    min-width:0 !important;
}

body .dx-home-delivery-proof strong{
    display:block !important;
    color:#5c0ddd !important;
    font-size:22px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

body .dx-home-delivery-proof p{
    margin:6px 0 0 !important;
    color:#273755 !important;
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
}

body .dx-home-delivery-proof > span{
    position:absolute !important;
    right:24px !important;
    top:18px !important;
    width:96px !important;
    height:60px !important;
    opacity:.36 !important;
    background:radial-gradient(circle,#9f54ff 2px,transparent 3px) 0 0/16px 14px !important;
}

@keyframes dxDeliveryLineGrow{
    0%{transform:scaleX(0);opacity:.35;}
    100%{transform:scaleX(1);opacity:1;}
}

@keyframes dxDeliveryArrowPop{
    0%{transform:scale(.45);opacity:0;}
    60%{transform:scale(1.12);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}

@keyframes dxDeliveryStepIn{
    0%{transform:translateY(22px);opacity:0;}
    100%{transform:translateY(0);opacity:1;}
}

@keyframes dxDeliveryCirclePop{
    0%{transform:scale(.72);opacity:0;}
    64%{transform:scale(1.08);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}

@keyframes dxDeliveryCircleFloat{
    0%,100%{translate:0 0;}
    50%{translate:0 -9px;}
}

@keyframes dxDeliveryCircleGlow{
    0%,100%{filter:drop-shadow(0 0 0 rgba(139,63,242,0));}
    50%{filter:drop-shadow(0 0 20px rgba(139,63,242,.30));}
}

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

@keyframes dxDeliveryRingPulse{
    0%,100%{opacity:.62;}
    50%{opacity:1;}
}

@media(max-width:1199px){
    body .dx-home-delivery-section{
        padding:58px 0 60px !important;
    }

    body .dx-home-delivery-head h2{
        font-size:44px !important;
    }

    body .dx-home-delivery-stage{
        gap:30px !important;
        padding:0 !important;
    }

    body .dx-home-delivery-icon{
        width:124px !important;
        height:124px !important;
        font-size:42px !important;
    }

    body .dx-home-delivery-main-line{
        top:96px !important;
    }

    body .dx-home-delivery-arrow{
        top:72px !important;
    }

    body .dx-home-delivery-card{
        min-height:260px !important;
        padding:26px 20px 24px !important;
    }

    body .dx-home-delivery-card h3{
        font-size:20px !important;
    }

    body .dx-home-delivery-card p{
        font-size:15px !important;
    }
}

@media(max-width:991px){
    body .dx-home-delivery-stage{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:34px 30px !important;
        max-width:760px !important;
    }

    body .dx-home-delivery-main-line,
    body .dx-home-delivery-arrow{
        display:none !important;
    }

    body .dx-home-delivery-card{
        min-height:238px !important;
    }

    body .dx-home-delivery-pill{
        min-width:300px !important;
    }

    body .dx-home-delivery-pill::before,
    body .dx-home-delivery-pill::after{
        width:40px !important;
    }
}

@media(max-width:767px){
    body .dx-home-delivery-section{
        padding:46px 0 48px !important;
    }

    body .dx-home-delivery-head{
        margin-bottom:24px !important;
    }

    body .dx-home-delivery-pill{
        min-width:0 !important;
        width:100% !important;
        max-width:318px !important;
        gap:18px !important;
        padding:0 18px !important;
        font-size:13px !important;
    }

    body .dx-home-delivery-pill::before,
    body .dx-home-delivery-pill::after{
        display:none !important;
    }

    body .dx-home-delivery-head h2{
        font-size:34px !important;
    }

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

    body .dx-home-delivery-stage{
        grid-template-columns:1fr !important;
        max-width:390px !important;
        gap:28px !important;
    }

    body .dx-home-delivery-icon{
        width:116px !important;
        height:116px !important;
        font-size:38px !important;
    }

    body .dx-home-delivery-card{
        min-height:214px !important;
        margin-top:18px !important;
    }

    body .dx-home-delivery-proof{
        max-width:390px !important;
        padding:16px 22px !important;
        gap:16px !important;
    }

    body .dx-home-delivery-proof::before,
    body .dx-home-delivery-proof > span{
        display:none !important;
    }

    body .dx-home-delivery-proof strong{
        font-size:18px !important;
    }

    body .dx-home-delivery-proof p{
        font-size:15px !important;
    }
}

/* V148: Home delivery compact cleanup to match the clean reference background. */
body .dx-home-delivery-section{
    padding:44px 0 50px !important;
    background:
        radial-gradient(circle at 0% 100%,rgba(217,168,255,.20) 0 72px,transparent 74px),
        radial-gradient(circle at 100% 0%,rgba(217,168,255,.18) 0 82px,transparent 84px),
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#fbf8ff 100%) !important;
}

body .dx-home-delivery-section::before{
    background:none !important;
    opacity:0 !important;
}

body .dx-home-delivery-section::after{
    right:-92px !important;
    top:-105px !important;
    width:248px !important;
    height:248px !important;
    opacity:.82 !important;
    box-shadow:
        0 0 0 22px rgba(151,88,255,.050),
        0 0 0 48px rgba(151,88,255,.038),
        0 0 0 76px rgba(151,88,255,.028) !important;
}

body .dx-home-delivery-section .container{
    max-width:1160px !important;
}

body .dx-home-delivery-dots{
    width:108px !important;
    height:108px !important;
    opacity:.62 !important;
    background:radial-gradient(circle,rgba(139,63,242,.42) 3px,transparent 4px) 0 0/24px 24px !important;
}

body .dx-home-delivery-dots.dots-left{
    left:-54px !important;
    top:-4px !important;
}

body .dx-home-delivery-dots.dots-right{
    right:16px !important;
    bottom:-4px !important;
}

body .dx-home-delivery-arc.arc-bottom{
    left:-175px !important;
    bottom:-190px !important;
    opacity:.72 !important;
}

body .dx-home-delivery-head{
    margin-bottom:20px !important;
}

body .dx-home-delivery-pill{
    min-height:42px !important;
    min-width:318px !important;
    padding:0 28px !important;
    font-size:13px !important;
    box-shadow:0 10px 20px rgba(75,0,181,.08),inset 0 1px 0 rgba(255,255,255,.92) !important;
}

body .dx-home-delivery-head h2{
    margin:18px auto 6px !important;
    font-size:44px !important;
    line-height:1.16 !important;
    padding-bottom:6px !important;
    text-shadow:0 10px 22px rgba(75,0,181,.08) !important;
}

body .dx-home-delivery-title-rule{
    margin:8px auto 14px !important;
}

body .dx-home-delivery-head p{
    max-width:560px !important;
    font-size:17px !important;
    line-height:1.46 !important;
}

body .dx-home-delivery-stage{
    gap:38px !important;
    margin:10px auto 0 !important;
    padding:0 8px !important;
}

body .dx-home-delivery-main-line{
    left:22px !important;
    right:22px !important;
    top:82px !important;
    height:3px !important;
}

body .dx-home-delivery-icon{
    width:108px !important;
    height:108px !important;
    font-size:38px !important;
    box-shadow:
        0 18px 30px rgba(75,0,181,.17),
        inset 0 13px 22px rgba(255,255,255,.18),
        inset 0 -14px 24px rgba(27,0,90,.30) !important;
}

body .dx-home-delivery-icon::before{
    inset:-17px !important;
}

body .dx-home-delivery-icon::after{
    inset:-8px !important;
    border-width:8px !important;
}

body .dx-home-delivery-card{
    min-height:218px !important;
    margin-top:18px !important;
    padding:22px 18px 22px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 18px 30px rgba(75,0,181,.07),inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body .dx-home-delivery-card b{
    min-width:58px !important;
    height:38px !important;
    margin-bottom:16px !important;
    border-radius:10px !important;
    font-size:21px !important;
}

body .dx-home-delivery-card h3{
    font-size:19px !important;
}

body .dx-home-delivery-card span{
    margin:11px auto 14px !important;
}

body .dx-home-delivery-card p{
    max-width:205px !important;
    font-size:14px !important;
    line-height:1.52 !important;
}

body .dx-home-delivery-card::before{
    width:110px !important;
    height:9px !important;
}

body .dx-home-delivery-arrow{
    top:57px !important;
    width:42px !important;
    height:42px !important;
    font-size:22px !important;
    box-shadow:0 10px 18px rgba(75,0,181,.10),0 0 0 5px rgba(217,168,255,.10) !important;
}

body .dx-home-delivery-arrow.arrow-one{
    left:calc(25% - 21px) !important;
}

body .dx-home-delivery-arrow.arrow-two{
    left:calc(50% - 21px) !important;
}

body .dx-home-delivery-arrow.arrow-three{
    left:calc(75% - 21px) !important;
}

body .dx-home-delivery-proof{
    display:none !important;
}

@media(max-width:1199px){
    body .dx-home-delivery-head h2{
        font-size:38px !important;
    }

    body .dx-home-delivery-stage{
        gap:28px !important;
    }

    body .dx-home-delivery-icon{
        width:96px !important;
        height:96px !important;
        font-size:34px !important;
    }

    body .dx-home-delivery-main-line{
        top:74px !important;
    }

    body .dx-home-delivery-arrow{
        top:53px !important;
    }
}

@media(max-width:991px){
    body .dx-home-delivery-section{
        padding:40px 0 44px !important;
    }

    body .dx-home-delivery-stage{
        gap:28px !important;
        max-width:720px !important;
    }
}

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

    body .dx-home-delivery-dots.dots-left{
        left:-68px !important;
    }

    body .dx-home-delivery-dots.dots-right{
        right:-28px !important;
        bottom:8px !important;
    }

    body .dx-home-delivery-head h2{
        font-size:30px !important;
    }

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

    body .dx-home-delivery-card{
        min-height:198px !important;
        padding:20px 18px 22px !important;
    }

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

/* V149: Logo-matched purple/lavender/pink gradient for Home delivery section. */
body .dx-home-delivery-head h2,
body .dx-home-delivery-card h3{
    color:transparent !important;
    background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

body .dx-home-delivery-pill{
    color:#7B2CFF !important;
    border-color:rgba(182,109,255,.34) !important;
}

body .dx-home-delivery-pill span,
body .dx-home-delivery-icon,
body .dx-home-delivery-card b,
body .dx-home-delivery-card::before,
body .dx-home-delivery-proof-icon{
    background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;
}

body .dx-home-delivery-main-line{
    background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;
    box-shadow:0 0 16px rgba(182,109,255,.30) !important;
}

body .dx-home-delivery-main-line::before,
body .dx-home-delivery-main-line::after{
    background:#7B2CFF !important;
    box-shadow:0 0 0 5px rgba(182,109,255,.16),0 0 16px rgba(182,109,255,.38) !important;
}

body .dx-home-delivery-arrow{
    color:#7B2CFF !important;
    border-color:rgba(182,109,255,.34) !important;
}

body .dx-home-delivery-title-rule{
    background:
        radial-gradient(circle,#7B2CFF 0 3px,transparent 4px) center/18px 10px no-repeat,
        linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) left center/54px 4px no-repeat,
        linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) right center/54px 4px no-repeat !important;
}

body .dx-home-delivery-card span{
    background:
        radial-gradient(circle,#7B2CFF 0 3px,transparent 4px) right center/10px 8px no-repeat,
        linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) left center/35px 3px no-repeat !important;
}

body .dx-home-delivery-icon::before{
    background:
        conic-gradient(from 0deg,transparent 0 24deg,rgba(123,44,255,.58) 24deg 38deg,transparent 38deg 115deg,rgba(242,179,255,.50) 115deg 130deg,transparent 130deg 360deg) !important;
}

/* V150: Strict five-color purple palette only, no blue/navy in Home delivery section. */
body .dx-home-delivery-section{
    color:#4B00B5 !important;
    background:
        radial-gradient(circle at 0% 100%,rgba(217,168,255,.20) 0 72px,transparent 74px),
        radial-gradient(circle at 100% 0%,rgba(242,179,255,.18) 0 82px,transparent 84px),
        linear-gradient(180deg,#ffffff 0%,#ffffff 72%,rgba(217,168,255,.20) 100%) !important;
}

body .dx-home-delivery-head h2,
body .dx-home-delivery-card h3{
    background:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 34%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

body .dx-home-delivery-pill,
body .dx-home-delivery-head p,
body .dx-home-delivery-card p{
    color:#4B00B5 !important;
    -webkit-text-fill-color:#4B00B5 !important;
}

body .dx-home-delivery-pill{
    border-color:rgba(182,109,255,.42) !important;
}

body .dx-home-delivery-pill span,
body .dx-home-delivery-icon,
body .dx-home-delivery-card b,
body .dx-home-delivery-card::before{
    background:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 36%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) !important;
}

body .dx-home-delivery-main-line,
body .dx-home-delivery-title-rule{
    background:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 36%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) !important;
}

body .dx-home-delivery-main-line::before,
body .dx-home-delivery-main-line::after{
    background:#7B2CFF !important;
    box-shadow:0 0 0 5px rgba(217,168,255,.20),0 0 16px rgba(242,179,255,.46) !important;
}

body .dx-home-delivery-arrow{
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    border-color:rgba(182,109,255,.42) !important;
}

body .dx-home-delivery-card{
    border-color:rgba(182,109,255,.34) !important;
}

body .dx-home-delivery-card span{
    background:
        radial-gradient(circle,#7B2CFF 0 3px,transparent 4px) right center/10px 8px no-repeat,
        linear-gradient(135deg,#4B00B5 0%,#7B2CFF 36%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) left center/35px 3px no-repeat !important;
}

body .dx-home-delivery-dots{
    background:radial-gradient(circle,rgba(123,44,255,.42) 3px,transparent 4px) 0 0/24px 24px !important;
}

body .dx-home-delivery-title-rule{
    background:
        radial-gradient(circle,#7B2CFF 0 3px,transparent 4px) center/18px 10px no-repeat,
        linear-gradient(135deg,#4B00B5 0%,#7B2CFF 36%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) left center/54px 4px no-repeat,
        linear-gradient(135deg,#4B00B5 0%,#7B2CFF 36%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) right center/54px 4px no-repeat !important;
}

/* V151: Match Home header scale and color treatment. */
body .dx-home-delivery-head h2{
    font-size:40px !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    background:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 34%,#B66DFF 64%,#D9A8FF 84%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

@media(max-width:1199px){
    body .dx-home-delivery-head h2{
        font-size:34px !important;
    }
}

@media(max-width:767px){
    body .dx-home-delivery-head h2{
        font-size:28px !important;
    }
}

/* V152: Keep corner dot decoration behind cards; cards must hide it fully. */
body .dx-home-delivery-section .container{
    isolation:isolate !important;
}

body .dx-home-delivery-dots,
body .dx-home-delivery-arc{
    z-index:0 !important;
}

body .dx-home-delivery-head,
body .dx-home-delivery-stage{
    position:relative !important;
    z-index:2 !important;
}

body .dx-home-delivery-step,
body .dx-home-delivery-card{
    position:relative !important;
    z-index:3 !important;
}

body .dx-home-delivery-card{
    background:#ffffff !important;
}

/* V153: Remove the right-side dotted decoration that peeks behind the last card. */
body .dx-home-delivery-dots.dots-right{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* V154: One-line header style aligned with the modern enterprise heading reference. */
body .dx-home-delivery-pill{
    margin-bottom:8px !important;
}

body .dx-home-delivery-head h2{
    max-width:900px !important;
    margin:10px auto 8px !important;
    font-size:34px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
}

body .dx-home-delivery-title-rule{
    display:none !important;
}

body .dx-home-delivery-head p{
    max-width:880px !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}

@media(max-width:1199px){
    body .dx-home-delivery-head h2{
        font-size:30px !important;
    }
}

@media(max-width:767px){
    body .dx-home-delivery-head h2{
        font-size:25px !important;
    }

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

/* V155: Final compact heading match with enterprise heading reference. */
body .dx-home-delivery-head h2{
    max-width:860px !important;
    margin:8px auto 6px !important;
    font-size:30px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    background:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 36%,#B66DFF 66%,#D9A8FF 86%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

body .dx-home-delivery-head p{
    max-width:860px !important;
    color:#4B00B5 !important;
    -webkit-text-fill-color:#4B00B5 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}

body .dx-home-delivery-pill{
    min-height:36px !important;
    min-width:300px !important;
    padding:0 24px !important;
    font-size:12px !important;
}

@media(max-width:1199px){
    body .dx-home-delivery-head h2{
        font-size:28px !important;
    }
}

@media(max-width:767px){
    body .dx-home-delivery-head h2{
        font-size:24px !important;
    }

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

/* V156: Delivery subtitle color matches the lighter purple subheader reference. */
body .dx-home-delivery-head p{
    max-width:720px !important;
    margin:0 auto !important;
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    font-size:12px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    text-align:center !important;
}

/* V157: Delivery card body copy matches lighter platform-card typography. */
body .dx-home-delivery-card p{
    max-width:225px !important;
    color:#7B2CFF !important;
    -webkit-text-fill-color:#7B2CFF !important;
    font-size:12px !important;
    line-height:1.48 !important;
    font-weight:500 !important;
    text-align:center !important;
}

/* V161: Reduce Home "Building the Systems" heading one step. */
body .dx-growth-head h2{
    font-size:clamp(24px,2vw,34px) !important;
    line-height:1.14 !important;
}

/* V162: Match growth subtitle weight to the softer reference style. */
body .dx-growth-head p{
    color:#5f6e89 !important;
    -webkit-text-fill-color:#5f6e89 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
    text-align:center !important;
}

/* V163: Delivery subtitle follows the same soft paragraph font as growth subtitle. */
body .dx-home-delivery-head p{
    color:#5f6e89 !important;
    -webkit-text-fill-color:#5f6e89 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
    text-align:center !important;
}

/* V158: Suppress large blank gap above the Home "What We Do" heading. */
body .dx-growth-orbit-section{
    padding-top:28px !important;
}

body .dx-growth-head{
    margin-bottom:18px !important;
}

body .dx-growth-badge{
    margin-bottom:8px !important;
}

/* V159: Add balanced breathing room below the Home delivery subtitle. */
body .dx-home-delivery-head{
    margin-bottom:34px !important;
}

body .dx-home-delivery-stage{
    margin-top:0 !important;
}

@media(max-width:767px){
    body .dx-home-delivery-head{
        margin-bottom:26px !important;
    }
}

/* V160: Match platform-flow header color to the applied growth-section heading. */
body .dx-platform-flow-section .dx-platform-flow-head h2{
    color:transparent !important;
    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;
    max-width:860px !important;
    margin:8px auto 8px !important;
    font-family:inherit !important;
    font-size:clamp(24px,2vw,34px) !important;
    font-weight:900 !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
    padding-bottom:4px !important;
    text-shadow:none !important;
}

/* V165: Platform-flow subtitle matches the soft paragraph font used in other Home subheaders. */
body .dx-platform-flow-section .dx-platform-flow-head p{
    max-width:760px !important;
    margin:0 auto !important;
    color:#5f6e89 !important;
    -webkit-text-fill-color:#5f6e89 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
    text-align:center !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
}

/* V164: Enterprise subtitle follows the softer paragraph reference font. */
body .dx-enterprise-capabilities-section .dx-enterprise-head p{
    max-width:920px !important;
    margin:0 auto !important;
    color:#5f6e89 !important;
    -webkit-text-fill-color:#5f6e89 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    font-weight:400 !important;
    text-align:center !important;
}

body .dx-enterprise-capabilities-section .dx-enterprise-head p strong{
    color:#5f6e89 !important;
    -webkit-text-fill-color:#5f6e89 !important;
    font-weight:400 !important;
}

/* Client fix: remove the tinted strip/grid directly after the top menu. */
body > .hero:first-of-type,
body > .premium-hero:first-of-type,
body > .hero-v8:first-of-type{
    background:#ffffff !important;
    padding-top:8px !important;
}

html body section.hero.premium-hero.hero-v8:first-of-type{
    padding-top:8px !important;
    background:#ffffff !important;
}

body > .hero:first-of-type .hero-bg-grid,
body > .premium-hero:first-of-type .hero-bg-grid,
body > .hero-v8:first-of-type .hero-bg-grid{
    display:none !important;
    background:none !important;
}

/* Client fix: smaller delivery rounds with centered arrow and connector line. */
body .dx-home-delivery-stage{
    --dx-delivery-icon-size:92px;
    --dx-delivery-center-y:46px;
    --dx-delivery-arrow-size:36px;
    gap:42px !important;
    padding:0 10px !important;
}

body .dx-home-delivery-main-line{
    top:calc(var(--dx-delivery-center-y) - 1.5px) !important;
    left:36px !important;
    right:36px !important;
    height:3px !important;
}

body .dx-home-delivery-icon{
    width:var(--dx-delivery-icon-size) !important;
    height:var(--dx-delivery-icon-size) !important;
    font-size:32px !important;
    animation:
        dxDeliveryCirclePop .75s cubic-bezier(.2,.95,.22,1.18) both,
        dxDeliveryCircleGlow 3.2s ease-in-out infinite !important;
}

body .dx-home-delivery-icon::before{
    inset:-13px !important;
}

body .dx-home-delivery-icon::after{
    inset:-7px !important;
    border-width:7px !important;
}

body .dx-home-delivery-arrow{
    top:calc(var(--dx-delivery-center-y) - (var(--dx-delivery-arrow-size) / 2)) !important;
    width:var(--dx-delivery-arrow-size) !important;
    height:var(--dx-delivery-arrow-size) !important;
    font-size:19px !important;
    box-shadow:0 8px 16px rgba(75,0,181,.10),0 0 0 4px rgba(217,168,255,.10) !important;
}

body .dx-home-delivery-arrow.arrow-one{
    left:calc(25% - (var(--dx-delivery-arrow-size) / 2)) !important;
}

body .dx-home-delivery-arrow.arrow-two{
    left:calc(50% - (var(--dx-delivery-arrow-size) / 2)) !important;
}

body .dx-home-delivery-arrow.arrow-three{
    left:calc(75% - (var(--dx-delivery-arrow-size) / 2)) !important;
}

body .dx-home-delivery-arrow i{
    transform:translateX(1px) !important;
}

/* V168: Delivery card text color requested. */
body .dx-home-delivery-card h3,
html body .dx-home-delivery-card h3{
    color:#293251 !important;
    -webkit-text-fill-color:#293251 !important;
    background:none !important;
    background-image:none !important;
    text-shadow:none !important;
}

body .dx-home-delivery-card p,
html body .dx-home-delivery-card p{
    color:#293251 !important;
    -webkit-text-fill-color:#293251 !important;
    font-weight:500 !important;
    text-shadow:none !important;
}

/* V169: Platform workflow headings use the same dark text color. */
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2{
    color:#293251 !important;
    -webkit-text-fill-color:#293251 !important;
    background:none !important;
    background-image:none !important;
    text-shadow:none !important;
}

/* V170: Platform workflow heading black like card titles. */
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2{
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    background-image:none !important;
    text-shadow:none !important;
}

/* V171: Platform workflow heading uses the same mixed purple treatment as the Offshore heading. */
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2{
    color:transparent !important;
    background:linear-gradient(90deg,#080a36 0%,#4B00B5 18%,#7B2CFF 42%,#B66DFF 66%,#080a36 100%) !important;
    background-image:linear-gradient(90deg,#080a36 0%,#4B00B5 18%,#7B2CFF 42%,#B66DFF 66%,#080a36 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}

/* V179: Final home heading size lock. */
html body h1,
html body h1 *,
html body h2,
html body h2 *{
    font-size:clamp(20px,1.85vw,40px) !important;
}

/* V187 final cascade: clean HTML/CSS carousel card design. */
html body .hero .premium-home-slider{
    max-width:760px !important;
    margin:0 auto !important;
    filter:drop-shadow(0 26px 56px rgba(74,31,168,.14)) !important;
}

html body .hero .premium-home-slider .carousel-inner{
    overflow:hidden !important;
    border-radius:28px !important;
    border:1px solid rgba(139,63,242,.16) !important;
    background:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 54px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .premium-slide{
    display:grid !important;
    grid-template-columns:.78fr 1.22fr !important;
    gap:18px !important;
    align-items:center !important;
    min-height:390px !important;
    height:auto !important;
    padding:22px 22px 54px !important;
    border-radius:28px !important;
    background:
        radial-gradient(circle at 82% 16%,rgba(171,110,255,.16),transparent 24%),
        radial-gradient(circle at 98% 92%,rgba(116,49,239,.12),transparent 28%),
        linear-gradient(rgba(111,55,236,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(111,55,236,.04) 1px,transparent 1px),
        linear-gradient(135deg,#fff 0%,#fcfaff 58%,#f6f1ff 100%) !important;
    background-size:100% 100%,100% 100%,34px 34px,34px 34px,100% 100% !important;
}

html body .hero .premium-home-slider .premium-slide::before{
    right:124px !important;
    top:48px !important;
    width:86px !important;
    height:70px !important;
    background-image:radial-gradient(rgba(111,55,236,.26) 2px,transparent 2.8px) !important;
    background-size:15px 15px !important;
    opacity:.34 !important;
}

html body .hero .premium-home-slider .premium-slide::after{
    right:-58px !important;
    bottom:-74px !important;
    width:188px !important;
    height:188px !important;
    background:linear-gradient(135deg,rgba(139,63,242,.10),rgba(242,179,255,.12)) !important;
}

html body .hero .premium-home-slider .slide-pill{
    min-height:38px !important;
    margin:0 0 20px !important;
    padding:6px 15px 6px 7px !important;
    color:#5d18e8 !important;
    font-size:10.5px !important;
    letter-spacing:.01em !important;
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(111,55,236,.16) !important;
    box-shadow:0 9px 22px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .slide-pill span{
    width:28px !important;
    height:28px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(99,39,218,.18) !important;
}

html body .hero .premium-home-slider .premium-slide h3{
    max-width:245px !important;
    margin:0 0 13px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    font-size:clamp(22px,1.9vw,27px) !important;
    line-height:1.14 !important;
    font-weight:950 !important;
    text-shadow:none !important;
}

html body .hero .premium-home-slider .premium-slide h3 .slide-accent{
    color:#5e12d8 !important;
    -webkit-text-fill-color:#5e12d8 !important;
    background:none !important;
}

html body .hero .premium-home-slider .premium-slide p{
    max-width:252px !important;
    margin:0 0 16px !important;
    color:#34405f !important;
    font-size:11px !important;
    line-height:1.7 !important;
    font-weight:600 !important;
}

html body .hero .premium-home-slider .slide-tags{
    gap:8px !important;
    max-width:264px !important;
}

html body .hero .premium-home-slider .slide-tags span{
    min-height:31px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    color:#101633 !important;
    box-shadow:0 8px 18px rgba(74,31,168,.08) !important;
    font-size:9.5px !important;
    font-weight:900 !important;
}

html body .hero .premium-home-slider .slide-tags i{
    color:#6b25f2 !important;
    font-size:11px !important;
}

html body .hero .premium-home-slider .slide-visual{
    min-height:290px !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

html body .hero .premium-home-slider .saas-visual .dlx-dashboard-mock{
    top:62px !important;
    right:0 !important;
    width:83% !important;
    max-width:380px !important;
    min-width:276px !important;
    height:232px !important;
    grid-template-columns:38px 1fr !important;
    border-radius:22px !important;
    border:1px solid rgba(111,55,236,.18) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 24px 46px rgba(74,31,168,.16) !important;
}

html body .hero .dlx-dashboard-mock aside{
    gap:13px !important;
    padding:14px 8px !important;
    background:linear-gradient(180deg,#4b00b5 0%,#7b2cff 58%,#b66dff 100%) !important;
}

html body .hero .dlx-dashboard-mock main{
    padding:13px !important;
}

html body .hero .dlx-dashboard-mock h4{
    font-size:12px !important;
    margin-bottom:10px !important;
}

html body .hero .dlx-kpi-row,
html body .hero .analytics-kpis{
    gap:7px !important;
}

html body .hero .dlx-kpi-row span,
html body .hero .analytics-kpis span{
    padding:8px 7px !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-kpi-row b,
html body .hero .analytics-kpis b{
    color:#080a36 !important;
    font-size:11.5px !important;
}

html body .hero .dlx-kpi-row small,
html body .hero .analytics-kpis small{
    color:#697491 !important;
    font-size:7.2px !important;
}

html body .hero .dlx-chart-row{
    grid-template-columns:1.12fr .88fr !important;
    gap:8px !important;
    margin-top:8px !important;
}

html body .hero .dlx-line-chart,
html body .hero .dlx-donut,
html body .hero .analytics-main-chart,
html body .hero .analytics-bottom > span{
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-line-chart{
    height:92px !important;
    padding:10px !important;
}

html body .hero .dlx-line-chart::before{
    content:"Sales Overview" !important;
    display:block !important;
    color:#080a36 !important;
    font-size:7.5px !important;
    font-weight:950 !important;
}

html body .hero .dlx-line-chart i{
    inset:28px 10px 12px !important;
    background:
        linear-gradient(to top,rgba(111,55,236,.10) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 14%,#7b2cff 15%,transparent 20%,transparent 34%,#b66dff 38%,transparent 43%,transparent 55%,#7b2cff 58%,transparent 63%,transparent 74%,#b66dff 78%,transparent 82%) !important;
    background-size:100% 18px,100% 100% !important;
}

html body .hero .dlx-donut{
    height:92px !important;
}

html body .hero .dlx-donut::before{
    width:58px !important;
    height:58px !important;
}

html body .hero .dlx-donut strong{
    color:#080a36 !important;
    font-size:13px !important;
}

html body .hero .dlx-activity{
    margin-top:8px !important;
    padding:10px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
}

html body .hero .dlx-float-chip{
    min-width:74px !important;
    min-height:62px !important;
    padding:10px 11px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    box-shadow:0 14px 28px rgba(74,31,168,.12) !important;
}

html body .hero .dlx-float-chip i{
    color:#7b2cff !important;
    font-size:17px !important;
}

html body .hero .dlx-float-chip span{
    color:#080a36 !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
}

html body .hero .premium-home-slider .chip-users{left:0 !important;top:96px !important;}
html body .hero .premium-home-slider .chip-calendar{left:8px !important;top:178px !important;}
html body .hero .premium-home-slider .chip-ai{right:18px !important;top:12px !important;min-height:46px !important;}
html body .hero .premium-home-slider .chip-alert{right:-2px !important;top:150px !important;}
html body .hero .premium-home-slider .chip-api{right:15px !important;bottom:0 !important;}

html body .hero .flow-visual,
html body .hero .module-visual,
html body .hero .chart-visual{
    min-height:292px !important;
}

html body .hero .premium-home-slider .flow-node{
    min-width:100px !important;
    min-height:50px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.16) !important;
    box-shadow:0 12px 26px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .flow-node i{
    font-size:14px !important;
}

html body .hero .premium-home-slider .flow-node b{
    color:#080a36 !important;
    font-size:9px !important;
}

html body .hero .module-core{
    width:110px !important;
    height:110px !important;
}

html body .hero .module-node{
    width:78px !important;
    height:78px !important;
}

html body .hero .module-visual::before{
    width:220px !important;
    height:220px !important;
}

html body .hero .analytics-main-chart{
    height:118px !important;
    margin-top:8px !important;
}

html body .hero .analytics-bottom{
    gap:7px !important;
    margin-top:8px !important;
}

html body .hero .analytics-bottom > span{
    height:76px !important;
}

html body .hero .premium-home-slider .carousel-control-prev,
html body .hero .premium-home-slider .carousel-control-next{
    width:36px !important;
    height:36px !important;
    bottom:18px !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    box-shadow:0 12px 24px rgba(99,39,218,.22) !important;
}

html body .hero .premium-home-slider .carousel-control-prev{right:66px !important;}
html body .hero .premium-home-slider .carousel-control-next{right:20px !important;}
html body .hero .premium-home-slider .carousel-indicators{bottom:20px !important;}
html body .hero .premium-home-slider .carousel-indicators button{
    width:22px !important;
    height:5px !important;
}
html body .hero .premium-home-slider .carousel-indicators button.active{width:32px !important;}

@media(max-width:1199px){
    html body .hero .premium-home-slider .premium-slide{
        min-height:376px !important;
        grid-template-columns:.82fr 1.18fr !important;
        padding:20px 18px 52px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3{
        font-size:23px !important;
    }

    html body .hero .premium-home-slider .saas-visual .dlx-dashboard-mock{
        width:80% !important;
        min-width:248px !important;
    }
}

@media(max-width:991px){
    html body .hero .premium-home-slider{
        max-width:640px !important;
        margin-top:28px !important;
    }

    html body .hero .premium-home-slider .premium-slide{
        min-height:430px !important;
    }
}

@media(max-width:575px){
    html body .hero .premium-home-slider .premium-slide{
        display:block !important;
        min-height:0 !important;
        padding:20px 18px 68px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3,
    html body .hero .premium-home-slider .premium-slide p,
    html body .hero .premium-home-slider .slide-tags{
        max-width:100% !important;
    }

    html body .hero .premium-home-slider .slide-visual{
        display:none !important;
    }
}

/* V193 final bottom override: platform workflow tablet/mobile repair. */
@media(max-width:991px){
    html body .dx-platform-flow-section,
    html body .dx-platform-flow-section .container,
    html body .dx-platform-flow-panel{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    html body .dx-platform-flow-section{
        padding:26px 0 34px !important;
    }

    html body .dx-platform-flow-section .container{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    html body .dx-platform-flow-panel{
        margin:0 !important;
        padding:22px clamp(16px,4vw,30px) 30px !important;
        border-radius:0 !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head{
        max-width:720px !important;
        margin:0 auto !important;
        text-align:center !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head span{
        max-width:100% !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        white-space:normal !important;
        padding:7px 16px !important;
        font-size:10px !important;
        line-height:1.25 !important;
        letter-spacing:2px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:clamp(22px,5.2vw,30px) !important;
        line-height:1.16 !important;
        letter-spacing:0 !important;
        text-align:center !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        text-wrap:balance !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head p{
        max-width:680px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:13px !important;
        line-height:1.6 !important;
        text-align:center !important;
    }

    html body .dx-platform-flow-map{
        position:relative !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
        max-width:720px !important;
        height:auto !important;
        min-height:0 !important;
        margin:82px auto 0 !important;
        padding:0 !important;
        gap:78px 18px !important;
        overflow:visible !important;
    }

    html body .dx-platform-flow-waves,
    html body .dx-platform-next,
    html body .dx-platform-pulse{
        display:none !important;
    }

    html body .dx-platform-step,
    html body .dx-platform-step.step-a,
    html body .dx-platform-step.step-b,
    html body .dx-platform-step.step-c,
    html body .dx-platform-step.step-d{
        position:relative !important;
        inset:auto !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:auto !important;
        padding:58px 18px 20px !important;
        border:1px solid rgba(217,168,255,.52) !important;
        border-radius:20px !important;
        background:rgba(255,255,255,.82) !important;
        box-shadow:0 16px 34px rgba(75,0,181,.08) !important;
        overflow:visible !important;
        text-align:left !important;
    }

    html body .dx-platform-step::before,
    html body .dx-platform-step::after{
        display:none !important;
    }

    html body .dx-platform-orb{
        position:absolute !important;
        top:-52px !important;
        left:50% !important;
        width:82px !important;
        height:82px !important;
        transform:translateX(-50%) !important;
        font-size:28px !important;
        box-shadow:
            0 18px 26px rgba(75,0,181,.17),
            0 0 0 12px rgba(217,168,255,.22),
            0 0 0 24px rgba(242,179,255,.12) !important;
    }

    html body .dx-platform-orb::before{
        inset:-11px !important;
    }

    html body .dx-platform-step b,
    html body .dx-platform-step h3,
    html body .dx-platform-step p,
    html body .dx-platform-step small{
        max-width:100% !important;
        min-width:0 !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
    }

    html body .dx-platform-step b{
        min-width:40px !important;
        height:30px !important;
        margin:0 0 10px !important;
        font-size:14px !important;
    }

    html body .dx-platform-step h3{
        font-size:22px !important;
        line-height:1.12 !important;
    }

    html body .dx-platform-step > span{
        width:34px !important;
        margin:10px 0 12px !important;
    }

    html body .dx-platform-step p{
        min-height:0 !important;
        margin-bottom:16px !important;
        font-size:13px !important;
        line-height:1.58 !important;
    }

    html body .dx-platform-step small{
        display:inline-flex !important;
        flex-wrap:wrap !important;
        white-space:normal !important;
        padding:8px 12px !important;
        font-size:12px !important;
        line-height:1.2 !important;
    }
}

@media(max-width:575px){
    html body .dx-platform-flow-section{
        padding:22px 0 30px !important;
    }

    html body .dx-platform-flow-panel{
        padding:18px 14px 28px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head span{
        padding:7px 14px !important;
        font-size:9px !important;
        letter-spacing:1.7px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:390px !important;
        font-size:clamp(20px,5.7vw,24px) !important;
        line-height:1.18 !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2 br{
        display:none !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head p{
        max-width:360px !important;
        font-size:13px !important;
    }

    html body .dx-platform-flow-map{
        grid-template-columns:1fr !important;
        max-width:min(360px,calc(100vw - 32px)) !important;
        margin-top:76px !important;
        gap:72px !important;
    }

    html body .dx-platform-step,
    html body .dx-platform-step.step-a,
    html body .dx-platform-step.step-b,
    html body .dx-platform-step.step-c,
    html body .dx-platform-step.step-d{
        padding:54px 18px 18px !important;
    }

    html body .dx-platform-orb{
        top:-46px !important;
        width:72px !important;
        height:72px !important;
        font-size:24px !important;
        box-shadow:
            0 16px 24px rgba(75,0,181,.16),
            0 0 0 11px rgba(217,168,255,.22),
            0 0 0 22px rgba(242,179,255,.12) !important;
    }

    html body .dx-platform-orb::before{
        inset:-10px !important;
    }

    html body .dx-platform-step h3{
        font-size:21px !important;
    }
}

@media(max-width:420px){
    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:360px !important;
        font-size:clamp(19px,5.45vw,22px) !important;
    }

    html body .dx-platform-flow-map{
        max-width:calc(100vw - 28px) !important;
    }
}

/* V197: offshore stat count-up entrance. */
html body .dx-offshore-stats.is-counting .dx-offshore-stat{
    animation:dxOffshoreStatCountIn .58s cubic-bezier(.18,.86,.28,1.08) both !important;
}

html body .dx-offshore-stats.is-counting .dx-offshore-stat:nth-child(1){animation-delay:.00s !important;}
html body .dx-offshore-stats.is-counting .dx-offshore-stat:nth-child(2){animation-delay:.08s !important;}
html body .dx-offshore-stats.is-counting .dx-offshore-stat:nth-child(3){animation-delay:.16s !important;}
html body .dx-offshore-stats.is-counting .dx-offshore-stat:nth-child(4){animation-delay:.24s !important;}
html body .dx-offshore-stats.is-counting .dx-offshore-stat:nth-child(5){animation-delay:.32s !important;}

html body .dx-offshore-stats.is-counting .dx-offshore-stat strong{
    display:inline-block !important;
    animation:dxOffshoreNumberPulse .72s cubic-bezier(.18,.86,.28,1.1) both !important;
}

@keyframes dxOffshoreStatCountIn{
    0%{opacity:0;transform:translateY(16px) scale(.94);}
    70%{opacity:1;transform:translateY(-3px) scale(1.025);}
    100%{opacity:1;transform:translateY(0) scale(1);}
}

@keyframes dxOffshoreNumberPulse{
    0%{transform:scale(.88);filter:blur(1px);}
    70%{transform:scale(1.08);filter:blur(0);}
    100%{transform:scale(1);}
}

@media(prefers-reduced-motion:reduce){
    html body .dx-offshore-stats.is-counting .dx-offshore-stat,
    html body .dx-offshore-stats.is-counting .dx-offshore-stat strong{
        animation:none !important;
    }
}

/* V195: tablet/mobile spacing repair for the Core Capabilities handoff. */
@media(max-width:991px){
    html body .dx-offshore-showcase{
        padding-bottom:36px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-stats{
        margin-bottom:24px !important;
    }

    html body .dx-enterprise-capabilities-section{
        margin-top:0 !important;
        padding-top:58px !important;
        padding-bottom:64px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-head{
        margin-bottom:24px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-map{
        width:100% !important;
        max-width:760px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        gap:30px 22px !important;
        padding-top:220px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    html body .floating-contact{
        display:none !important;
    }
}

@media(max-width:767px){
    html body .dx-offshore-showcase{
        padding-bottom:42px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-stats{
        margin-bottom:30px !important;
    }

    html body .dx-enterprise-capabilities-section{
        padding-top:64px !important;
        padding-bottom:68px !important;
    }

    html body .dx-enterprise-capabilities-section .container{
        padding-left:22px !important;
        padding-right:22px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-head{
        margin-bottom:30px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-head h2,
    html body .dx-enterprise-capabilities-section .dx-enterprise-head h2 em{
        max-width:340px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:clamp(22px,6.2vw,28px) !important;
        line-height:1.18 !important;
        text-wrap:balance !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-head p{
        max-width:330px !important;
        font-size:12.5px !important;
        line-height:1.55 !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-map{
        grid-template-columns:1fr !important;
        max-width:360px !important;
        gap:34px !important;
        padding-top:210px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-hub{
        top:86px !important;
        width:176px !important;
        height:124px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-card{
        padding:104px 22px 26px !important;
        text-align:center !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-icon{
        left:50% !important;
        top:26px !important;
        width:58px !important;
        height:58px !important;
        transform:translateX(-50%) !important;
        border-radius:16px !important;
        font-size:23px !important;
    }

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

    html body .dx-enterprise-capabilities-section .dx-enterprise-card ul{
        width:max-content !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        text-align:left !important;
    }
}

@media(max-width:420px){
    html body .dx-enterprise-capabilities-section .container{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-head{
        margin-bottom:34px !important;
    }

    html body .dx-enterprise-capabilities-section .dx-enterprise-map{
        max-width:calc(100vw - 36px) !important;
        gap:36px !important;
        padding-top:216px !important;
    }
}

/* V196: prevent tablet heading and contact rail overlap in Core Capabilities. */
@media(max-width:991px){
    html body .floating-contact,
    html body a.floating-contact{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        width:0 !important;
        min-width:0 !important;
        min-height:0 !important;
        padding:0 !important;
        pointer-events:none !important;
    }

    html body #enterprise-capabilities.dx-enterprise-capabilities-section{
        overflow:hidden !important;
    }

    html body #enterprise-capabilities.dx-enterprise-capabilities-section::before{
        top:158px !important;
        opacity:.28 !important;
    }

    html body #enterprise-capabilities .dx-enterprise-head{
        width:100% !important;
        max-width:min(640px,calc(100vw - 44px)) !important;
        margin-left:auto !important;
        margin-right:auto !important;
        margin-bottom:36px !important;
        position:relative !important;
        z-index:6 !important;
    }

    html body #enterprise-capabilities .dx-enterprise-head h2,
    html body #enterprise-capabilities .dx-enterprise-head h2 em{
        max-width:100% !important;
        font-size:clamp(23px,3.7vw,30px) !important;
        line-height:1.2 !important;
        white-space:normal !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        text-align:center !important;
        text-wrap:balance !important;
    }

    html body #enterprise-capabilities .dx-enterprise-head p{
        max-width:min(540px,100%) !important;
        font-size:13px !important;
        line-height:1.58 !important;
        position:relative !important;
        z-index:6 !important;
    }

    html body #enterprise-capabilities .dx-enterprise-map{
        margin-top:10px !important;
    }
}

@media(max-width:575px){
    html body #enterprise-capabilities .dx-enterprise-head h2,
    html body #enterprise-capabilities .dx-enterprise-head h2 em{
        max-width:320px !important;
        font-size:clamp(22px,6vw,26px) !important;
    }

    html body #enterprise-capabilities .dx-enterprise-head p{
        max-width:315px !important;
    }
}

/* V195 final: index offshore orbit responsive repair. */
@media(max-width:1199px){
    html body .dx-offshore-showcase{
        overflow:hidden !important;
    }

    html body .dx-offshore-showcase .dx-offshore-layout{
        grid-template-columns:1fr !important;
        gap:30px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-orbit{
        width:min(100%,700px) !important;
        min-height:540px !important;
        margin:0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:visible !important;
        transform:none !important;
    }

    html body .dx-offshore-showcase .dx-offshore-cards{
        max-width:820px !important;
        margin:0 auto !important;
    }
}

@media(max-width:991px){
    html body .dx-offshore-showcase{
        padding-top:28px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-head{
        margin-bottom:20px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-orbit{
        width:min(100%,620px) !important;
        min-height:520px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-cards{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:18px !important;
    }
}

@media(max-width:767px){
    html body .dx-offshore-showcase{
        padding:18px 0 34px !important;
    }

    html body .dx-offshore-showcase .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:16px !important;
        padding-right:16px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-head{
        max-width:520px !important;
        margin:0 auto 18px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-kicker{
        justify-content:center !important;
        gap:10px !important;
        font-size:10px !important;
        letter-spacing:.16em !important;
        line-height:1.25 !important;
    }

    html body .dx-offshore-showcase .dx-offshore-kicker::before,
    html body .dx-offshore-showcase .dx-offshore-kicker::after{
        width:34px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-head h2{
        max-width:520px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:clamp(22px,6vw,30px) !important;
        line-height:1.14 !important;
        text-align:center !important;
    }

    html body .dx-offshore-showcase .dx-offshore-head p{
        max-width:480px !important;
        margin-top:12px !important;
        font-size:13px !important;
        line-height:1.55 !important;
    }

    html body .dx-offshore-showcase .dx-offshore-orbit{
        --dx-mobile-orbit:clamp(330px,92vw,430px);
        position:relative !important;
        display:block !important;
        width:var(--dx-mobile-orbit) !important;
        height:calc(var(--dx-mobile-orbit) * 1.08) !important;
        min-height:0 !important;
        margin:0 auto 22px !important;
        padding:0 !important;
        overflow:visible !important;
        transform:none !important;
    }

    html body .dx-offshore-showcase .dx-offshore-ring,
    html body .dx-offshore-showcase .dx-offshore-ring-soft,
    html body .dx-offshore-showcase .dx-offshore-dash-ring{
        display:block !important;
        left:50% !important;
        top:50% !important;
    }

    html body .dx-offshore-showcase .dx-offshore-ring{
        width:calc(var(--dx-mobile-orbit) * .58) !important;
        height:calc(var(--dx-mobile-orbit) * .58) !important;
        -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 23px),#000 calc(100% - 22px),#000 calc(100% - 4px),transparent 100%) !important;
        mask:radial-gradient(farthest-side,transparent calc(100% - 23px),#000 calc(100% - 22px),#000 calc(100% - 4px),transparent 100%) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-ring-soft{
        width:calc(var(--dx-mobile-orbit) * .76) !important;
        height:calc(var(--dx-mobile-orbit) * .76) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-dash-ring{
        width:calc(var(--dx-mobile-orbit) * .48) !important;
        height:calc(var(--dx-mobile-orbit) * .48) !important;
        border-width:10px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-core{
        position:absolute !important;
        left:50% !important;
        top:50% !important;
        width:calc(var(--dx-mobile-orbit) * .32) !important;
        height:calc(var(--dx-mobile-orbit) * .32) !important;
        min-width:108px !important;
        min-height:108px !important;
        max-width:140px !important;
        max-height:140px !important;
        margin:0 !important;
        transform:translate(-50%,-50%) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-core i{
        margin-bottom:8px !important;
        font-size:clamp(24px,7vw,34px) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-core strong{
        font-size:clamp(16px,5vw,21px) !important;
        line-height:.98 !important;
    }

    html body .dx-offshore-showcase .dx-offshore-core span{
        margin-top:5px !important;
        font-size:9px !important;
        letter-spacing:.05em !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite{
        position:absolute !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        width:clamp(66px,18vw,78px) !important;
        height:clamp(66px,18vw,78px) !important;
        max-width:none !important;
        min-width:0 !important;
        margin:0 !important;
        padding:6px !important;
        gap:3px !important;
        border:1px solid rgba(217,168,255,.58) !important;
        border-radius:50% !important;
        background:rgba(255,255,255,.98) !important;
        box-shadow:0 14px 30px rgba(123,44,255,.12),0 0 0 5px rgba(217,168,255,.12) !important;
        text-align:center !important;
        transform:none !important;
        z-index:5 !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite .dx-sat-icon{
        width:auto !important;
        height:auto !important;
        grid-column:auto !important;
        grid-row:auto !important;
        color:#7B2CFF !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        font-size:clamp(18px,5.4vw,24px) !important;
        line-height:1 !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite .dx-sat-icon::after{
        display:none !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite div{
        display:block !important;
        min-width:0 !important;
        width:100% !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite strong{
        display:block !important;
        max-width:100% !important;
        color:#080a36 !important;
        font-size:clamp(8px,2.3vw,10px) !important;
        line-height:1.05 !important;
        font-weight:950 !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite small{
        display:none !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite.sat-top{
        top:0 !important;
        left:50% !important;
        right:auto !important;
        bottom:auto !important;
        transform:translateX(-50%) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite.sat-left-top{
        top:25% !important;
        left:0 !important;
        right:auto !important;
        bottom:auto !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite.sat-right-top{
        top:25% !important;
        right:0 !important;
        left:auto !important;
        bottom:auto !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite.sat-left-bottom{
        top:61% !important;
        left:0 !important;
        right:auto !important;
        bottom:auto !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite.sat-right-bottom{
        top:61% !important;
        right:0 !important;
        left:auto !important;
        bottom:auto !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite.sat-bottom{
        left:50% !important;
        right:auto !important;
        bottom:0 !important;
        top:auto !important;
        transform:translateX(-50%) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-cards{
        grid-template-columns:1fr !important;
        max-width:440px !important;
        gap:14px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-card{
        min-height:0 !important;
        padding:22px 20px !important;
        border-radius:20px !important;
    }
}

@media(max-width:420px){
    html body .dx-offshore-showcase .container{
        padding-left:14px !important;
        padding-right:14px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-orbit{
        --dx-mobile-orbit:calc(100vw - 32px);
        height:calc(var(--dx-mobile-orbit) * 1.12) !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite{
        width:clamp(58px,17vw,66px) !important;
        height:clamp(58px,17vw,66px) !important;
        padding:5px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite strong{
        display:none !important;
    }

    html body .dx-offshore-showcase .dx-offshore-satellite .dx-sat-icon{
        font-size:22px !important;
    }
}

/* V193: compact offshore stats strip height and type on desktop. */
@media(min-width:992px){
    html body .dx-offshore-showcase .dx-offshore-stats{
        margin-top:28px !important;
        padding:16px 22px !important;
        border-radius:20px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-stat{
        grid-template-columns:52px minmax(0,1fr) !important;
        gap:12px !important;
        min-height:62px !important;
        padding:0 18px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-stat i{
        width:50px !important;
        height:50px !important;
        font-size:22px !important;
    }

    html body .dx-offshore-showcase .dx-offshore-stat strong{
        font-size:25px !important;
        line-height:.95 !important;
        letter-spacing:-.02em !important;
    }

    html body .dx-offshore-showcase .dx-offshore-stat span{
        margin-top:4px !important;
        font-size:12px !important;
        line-height:1.18 !important;
    }
}

/* V192 final: keep platform workflow clean on tablet and mobile. */
@media(max-width:991px){
    html body .dx-platform-flow-section{
        padding:26px 0 34px !important;
        overflow:hidden !important;
    }

    html body .dx-platform-flow-section .container{
        width:100% !important;
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
        overflow:hidden !important;
    }

    html body .dx-platform-flow-panel{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:22px clamp(16px,4vw,30px) 30px !important;
        border-radius:0 !important;
        overflow:hidden !important;
    }

    html body .dx-platform-flow-panel::before,
    html body .dx-platform-flow-panel::after{
        transform:scale(.72) !important;
        opacity:.38 !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head{
        width:100% !important;
        max-width:720px !important;
        margin:0 auto !important;
        padding:0 !important;
        text-align:center !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head span{
        max-width:100% !important;
        min-height:0 !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
        white-space:normal !important;
        text-align:center !important;
        gap:8px !important;
        padding:7px 16px !important;
        font-size:10px !important;
        line-height:1.25 !important;
        letter-spacing:2px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:clamp(22px,5.2vw,30px) !important;
        line-height:1.16 !important;
        letter-spacing:0 !important;
        text-align:center !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        text-wrap:balance !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head p{
        max-width:680px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:13px !important;
        line-height:1.6 !important;
        text-align:center !important;
    }

    html body .dx-platform-flow-map{
        position:relative !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
        max-width:720px !important;
        height:auto !important;
        min-height:0 !important;
        margin:82px auto 0 !important;
        padding:0 !important;
        gap:78px 18px !important;
        overflow:visible !important;
    }

    html body .dx-platform-flow-waves,
    html body .dx-platform-next,
    html body .dx-platform-pulse{
        display:none !important;
    }

    html body .dx-platform-step,
    html body .dx-platform-step.step-a,
    html body .dx-platform-step.step-b,
    html body .dx-platform-step.step-c,
    html body .dx-platform-step.step-d{
        position:relative !important;
        inset:auto !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:auto !important;
        padding:58px 18px 20px !important;
        border:1px solid rgba(217,168,255,.52) !important;
        border-radius:20px !important;
        background:rgba(255,255,255,.82) !important;
        box-shadow:0 16px 34px rgba(75,0,181,.08) !important;
        overflow:visible !important;
        text-align:left !important;
    }

    html body .dx-platform-step::before,
    html body .dx-platform-step::after{
        display:none !important;
    }

    html body .dx-platform-orb{
        position:absolute !important;
        top:-52px !important;
        left:50% !important;
        width:82px !important;
        height:82px !important;
        transform:translateX(-50%) !important;
        font-size:28px !important;
        box-shadow:
            0 18px 26px rgba(75,0,181,.17),
            0 0 0 12px rgba(217,168,255,.22),
            0 0 0 24px rgba(242,179,255,.12) !important;
    }

    html body .dx-platform-orb::before{
        inset:-11px !important;
    }

    html body .dx-platform-step b,
    html body .dx-platform-step h3,
    html body .dx-platform-step p,
    html body .dx-platform-step small{
        max-width:100% !important;
        min-width:0 !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
    }

    html body .dx-platform-step b{
        min-width:40px !important;
        height:30px !important;
        margin:0 0 10px !important;
        font-size:14px !important;
    }

    html body .dx-platform-step h3{
        font-size:22px !important;
        line-height:1.12 !important;
    }

    html body .dx-platform-step > span{
        width:34px !important;
        margin:10px 0 12px !important;
    }

    html body .dx-platform-step p{
        min-height:0 !important;
        margin-bottom:16px !important;
        font-size:13px !important;
        line-height:1.58 !important;
    }

    html body .dx-platform-step small{
        display:inline-flex !important;
        flex-wrap:wrap !important;
        white-space:normal !important;
        padding:8px 12px !important;
        font-size:12px !important;
        line-height:1.2 !important;
    }
}

@media(max-width:575px){
    html body .dx-platform-flow-section{
        padding:22px 0 30px !important;
    }

    html body .dx-platform-flow-panel{
        padding:18px 14px 28px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head span{
        padding:7px 14px !important;
        font-size:9px !important;
        letter-spacing:1.7px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:390px !important;
        font-size:clamp(20px,5.7vw,24px) !important;
        line-height:1.18 !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2 br{
        display:none !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head p{
        max-width:360px !important;
        font-size:13px !important;
    }

    html body .dx-platform-flow-map{
        grid-template-columns:1fr !important;
        max-width:min(360px,calc(100vw - 32px)) !important;
        margin-top:76px !important;
        gap:72px !important;
    }

    html body .dx-platform-step,
    html body .dx-platform-step.step-a,
    html body .dx-platform-step.step-b,
    html body .dx-platform-step.step-c,
    html body .dx-platform-step.step-d{
        padding:54px 18px 18px !important;
    }

    html body .dx-platform-orb{
        top:-46px !important;
        width:72px !important;
        height:72px !important;
        font-size:24px !important;
        box-shadow:
            0 16px 24px rgba(75,0,181,.16),
            0 0 0 11px rgba(217,168,255,.22),
            0 0 0 22px rgba(242,179,255,.12) !important;
    }

    html body .dx-platform-orb::before{
        inset:-10px !important;
    }

    html body .dx-platform-step h3{
        font-size:21px !important;
    }

    html body .dx-platform-step p{
        font-size:13px !important;
    }
}

@media(max-width:420px){
    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:360px !important;
        font-size:clamp(19px,5.45vw,22px) !important;
    }

    html body .dx-platform-flow-map{
        max-width:calc(100vw - 28px) !important;
    }
}

/* V189: lock carousel height after visual check so every slide stays stable. */
html body .hero .premium-home-slider .premium-slide{
    box-sizing:border-box !important;
    min-height:450px !important;
    height:450px !important;
}

@media(max-width:1199px){
    html body .hero .premium-home-slider .premium-slide{
        min-height:430px !important;
        height:430px !important;
    }
}

@media(max-width:575px){
    html body .hero .premium-home-slider .premium-slide{
        height:auto !important;
        min-height:0 !important;
    }
}

/* V190: richer reference-style carousel widgets using real HTML elements. */
html body .hero .premium-home-slider .premium-slide h3 em{
    color:#5e12d8 !important;
    -webkit-text-fill-color:#5e12d8 !important;
    font-style:normal !important;
    background:none !important;
}

html body .hero .premium-home-slider .saas-visual .dlx-dashboard{
    position:absolute !important;
    top:64px !important;
    right:0 !important;
    width:84% !important;
    max-width:392px !important;
    min-width:288px !important;
    height:244px !important;
    display:grid !important;
    grid-template-columns:38px 1fr !important;
    overflow:hidden !important;
    border-radius:22px !important;
    border:1px solid rgba(111,55,236,.18) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 24px 46px rgba(74,31,168,.16) !important;
}

html body .hero .dlx-dashboard aside{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    padding:13px 8px !important;
    background:linear-gradient(180deg,#4b00b5 0%,#7b2cff 58%,#b66dff 100%) !important;
}

html body .hero .dlx-dashboard aside i{
    color:#fff !important;
    font-size:11px !important;
}

html body .hero .dlx-dashboard main{
    padding:12px !important;
}

html body .hero .dlx-dashboard h4{
    margin:0 0 9px !important;
    color:#080a36 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

html body .hero .dlx-kpis{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:7px !important;
}

html body .hero .dlx-kpis span,
html body .hero .analytics-kpis span{
    display:block !important;
    min-width:0 !important;
    padding:7px !important;
    border-radius:11px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-kpis small,
html body .hero .analytics-kpis small{
    display:block !important;
    color:#697491 !important;
    font-size:6.8px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
}

html body .hero .dlx-kpis b,
html body .hero .analytics-kpis b{
    display:block !important;
    margin-top:3px !important;
    color:#080a36 !important;
    font-size:11.5px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
}

html body .hero .dlx-kpis i,
html body .hero .analytics-kpis i{
    display:block !important;
    margin-top:4px !important;
    color:#05a773 !important;
    font-size:6.8px !important;
    line-height:1 !important;
    font-style:normal !important;
    font-weight:950 !important;
}

html body .hero .analytics-kpis span:nth-child(4) i{
    color:#b11286 !important;
}

html body .hero .dlx-dashboard-row{
    display:grid !important;
    grid-template-columns:1.08fr .92fr !important;
    gap:8px !important;
    margin-top:8px !important;
}

html body .hero .dlx-line-widget,
html body .hero .dlx-donut-widget{
    position:relative !important;
    overflow:hidden !important;
    height:82px !important;
    padding:9px !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-line-widget b{
    position:relative !important;
    z-index:2 !important;
    color:#080a36 !important;
    font-size:7.5px !important;
    font-weight:950 !important;
}

html body .hero .dlx-line-widget i{
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    height:44px !important;
    background:
        linear-gradient(to top,rgba(111,55,236,.10) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 9%,#7b2cff 11%,transparent 15%,transparent 26%,#b66dff 30%,transparent 35%,transparent 48%,#7b2cff 52%,transparent 57%,transparent 70%,#b66dff 74%,transparent 79%) !important;
    background-size:100% 14px,100% 100% !important;
}

html body .hero .dlx-donut-widget{
    display:grid !important;
    place-items:center !important;
}

html body .hero .dlx-donut-widget::before{
    content:"" !important;
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    background:conic-gradient(#7b2cff 0 72%,#28c3d4 72% 88%,#eef0ff 88% 100%) !important;
}

html body .hero .dlx-donut-widget b{
    position:absolute !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#080a36 !important;
    font-size:11px !important;
    font-weight:950 !important;
}

html body .hero .dlx-dashboard .dlx-activity{
    margin-top:8px !important;
    padding:8px 10px !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
}

html body .hero .dlx-dashboard .dlx-activity b{
    display:block !important;
    margin-bottom:6px !important;
    color:#080a36 !important;
    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

html body .hero .dlx-dashboard .dlx-activity span{
    display:block !important;
    height:5px !important;
    margin-top:5px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#1d8fff 0 9px,#eef1ff 9px 100%) !important;
}

html body .hero .dlx-dashboard .dlx-activity span + span{
    background:linear-gradient(90deg,#ff8a2a 0 9px,#eef1ff 9px 100%) !important;
}

html body .hero .premium-home-slider .dlx-chip{
    position:absolute !important;
    z-index:5 !important;
    min-width:74px !important;
    min-height:62px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:10px 11px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    box-shadow:0 14px 28px rgba(74,31,168,.12) !important;
    text-align:center !important;
}

html body .hero .premium-home-slider .dlx-chip i{
    color:#7b2cff !important;
    font-size:17px !important;
}

html body .hero .premium-home-slider .dlx-chip span{
    color:#080a36 !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
}

html body .hero .premium-home-slider .chip-users{left:0 !important;top:96px !important;}
html body .hero .premium-home-slider .chip-calendar{left:8px !important;top:178px !important;}
html body .hero .premium-home-slider .chip-ai{right:18px !important;top:12px !important;min-height:46px !important;}
html body .hero .premium-home-slider .chip-alert{right:-2px !important;top:150px !important;}
html body .hero .premium-home-slider .chip-api{right:15px !important;bottom:0 !important;}

html body .hero .premium-home-slider .dlx-flow-path{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:visible !important;
    fill:none !important;
    stroke:#8b3ff2 !important;
    stroke-width:2 !important;
    stroke-dasharray:5 6 !important;
    opacity:.62 !important;
}

html body .hero .premium-home-slider .dlx-flow-path path{
    fill:none !important;
    stroke:inherit !important;
}

@media(max-width:1199px){
    html body .hero .premium-home-slider .saas-visual .dlx-dashboard{
        width:82% !important;
        min-width:258px !important;
        height:230px !important;
    }
}

/* V191: match the reference card proportions on desktop. */
@media(min-width:1200px){
    html body .hero .row.align-items-center{
        display:grid !important;
        grid-template-columns:minmax(420px,.86fr) minmax(720px,1.14fr) !important;
        align-items:center !important;
        column-gap:30px !important;
    }

    html body .hero .row.align-items-center > .col-lg-6{
        width:100% !important;
        max-width:100% !important;
        flex:none !important;
    }

    html body .hero .premium-home-slider{
        max-width:760px !important;
    }

    html body .hero .premium-home-slider .premium-slide{
        min-height:520px !important;
        height:520px !important;
        padding:28px 28px 58px !important;
        grid-template-columns:.76fr 1.24fr !important;
    }

    html body .hero .premium-home-slider .slide-visual{
        min-height:360px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3{
        max-width:285px !important;
        font-size:clamp(27px,2vw,32px) !important;
        line-height:1.14 !important;
    }

    html body .hero .premium-home-slider .premium-slide p{
        max-width:285px !important;
        font-size:12.5px !important;
        line-height:1.68 !important;
    }

    html body .hero .premium-home-slider .slide-tags{
        max-width:312px !important;
    }

    html body .hero .premium-home-slider .slide-tags span{
        min-height:34px !important;
        padding:8px 13px !important;
        font-size:10.5px !important;
    }

    html body .hero .premium-home-slider .saas-visual .dlx-dashboard{
        top:78px !important;
        width:88% !important;
        max-width:420px !important;
        min-width:390px !important;
        height:306px !important;
    }

    html body .hero .dlx-dashboard main{
        padding:15px !important;
    }

    html body .hero .dlx-dashboard h4{
        font-size:13px !important;
        margin-bottom:12px !important;
    }

    html body .hero .dlx-kpis{
        gap:8px !important;
    }

    html body .hero .dlx-kpis span{
        padding:9px 8px !important;
    }

    html body .hero .dlx-dashboard-row{
        gap:9px !important;
        margin-top:10px !important;
    }

    html body .hero .dlx-line-widget,
    html body .hero .dlx-donut-widget{
        height:100px !important;
        padding:11px !important;
    }

    html body .hero .dlx-line-widget i{
        height:58px !important;
    }

    html body .hero .dlx-donut-widget::before{
        width:66px !important;
        height:66px !important;
    }

    html body .hero .dlx-donut-widget b{
        width:42px !important;
        height:42px !important;
        font-size:12px !important;
    }

    html body .hero .dlx-dashboard .dlx-activity{
        margin-top:10px !important;
        padding:10px 12px !important;
    }

    html body .hero .premium-home-slider .dlx-chip{
        min-width:80px !important;
        min-height:68px !important;
    }

    html body .hero .premium-home-slider .chip-users{left:0 !important;top:126px !important;}
    html body .hero .premium-home-slider .chip-calendar{left:0 !important;top:220px !important;}
    html body .hero .premium-home-slider .chip-ai{right:26px !important;top:26px !important;}
    html body .hero .premium-home-slider .chip-alert{right:-4px !important;top:188px !important;}
    html body .hero .premium-home-slider .chip-api{right:16px !important;bottom:26px !important;}
}

/* V186: Rebuild home carousel as crisp real UI cards, not pasted image panels. */
html body .hero .premium-home-slider{
    max-width:760px !important;
    margin:0 auto !important;
    filter:drop-shadow(0 26px 56px rgba(74,31,168,.14)) !important;
}

html body .hero .premium-home-slider .carousel-inner{
    border-radius:28px !important;
    border:1px solid rgba(139,63,242,.16) !important;
    background:#fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 22px 54px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .premium-slide{
    min-height:390px !important;
    padding:22px 22px 54px !important;
    grid-template-columns:.78fr 1.22fr !important;
    gap:18px !important;
    align-items:center !important;
    background:
        radial-gradient(circle at 82% 16%,rgba(171,110,255,.16),transparent 24%),
        radial-gradient(circle at 98% 92%,rgba(116,49,239,.12),transparent 28%),
        linear-gradient(rgba(111,55,236,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(111,55,236,.04) 1px,transparent 1px),
        linear-gradient(135deg,#fff 0%,#fcfaff 58%,#f6f1ff 100%) !important;
    background-size:100% 100%,100% 100%,34px 34px,34px 34px,100% 100% !important;
}

html body .hero .premium-home-slider .premium-slide::before{
    right:124px !important;
    top:48px !important;
    width:86px !important;
    height:70px !important;
    background-image:radial-gradient(rgba(111,55,236,.26) 2px,transparent 2.8px) !important;
    background-size:15px 15px !important;
    opacity:.34 !important;
}

html body .hero .premium-home-slider .premium-slide::after{
    right:-58px !important;
    bottom:-74px !important;
    width:188px !important;
    height:188px !important;
    background:linear-gradient(135deg,rgba(139,63,242,.10),rgba(242,179,255,.12)) !important;
}

html body .hero .premium-home-slider .slide-pill{
    margin-bottom:20px !important;
    min-height:38px !important;
    padding:6px 15px 6px 7px !important;
    color:#5d18e8 !important;
    font-size:10.5px !important;
    letter-spacing:.01em !important;
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(111,55,236,.16) !important;
    box-shadow:0 9px 22px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .slide-pill span{
    width:28px !important;
    height:28px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(99,39,218,.18) !important;
}

html body .hero .premium-home-slider .premium-slide h3{
    max-width:245px !important;
    margin-bottom:13px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    font-size:clamp(22px,1.9vw,27px) !important;
    line-height:1.14 !important;
    font-weight:950 !important;
    text-shadow:none !important;
}

html body .hero .premium-home-slider .premium-slide h3 .slide-accent{
    color:#5e12d8 !important;
    -webkit-text-fill-color:#5e12d8 !important;
}

html body .hero .premium-home-slider .premium-slide p{
    max-width:252px !important;
    margin-bottom:16px !important;
    color:#34405f !important;
    font-size:11px !important;
    line-height:1.7 !important;
    font-weight:600 !important;
}

html body .hero .premium-home-slider .slide-tags{
    gap:8px !important;
    max-width:264px !important;
}

html body .hero .premium-home-slider .slide-tags span{
    min-height:31px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    color:#101633 !important;
    box-shadow:0 8px 18px rgba(74,31,168,.08) !important;
    font-size:9.5px !important;
    font-weight:900 !important;
}

html body .hero .premium-home-slider .slide-tags i{
    color:#6b25f2 !important;
    font-size:11px !important;
}

html body .hero .premium-home-slider .slide-visual{
    min-height:290px !important;
}

html body .hero .premium-home-slider .saas-visual .dlx-dashboard-mock{
    top:62px !important;
    right:0 !important;
    width:83% !important;
    max-width:380px !important;
    min-width:276px !important;
    height:232px !important;
    grid-template-columns:38px 1fr !important;
    border-radius:22px !important;
    border:1px solid rgba(111,55,236,.18) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 24px 46px rgba(74,31,168,.16) !important;
}

html body .hero .dlx-dashboard-mock aside{
    gap:13px !important;
    padding:14px 8px !important;
    background:linear-gradient(180deg,#4b00b5 0%,#7b2cff 58%,#b66dff 100%) !important;
}

html body .hero .dlx-dashboard-mock main{
    padding:13px !important;
}

html body .hero .dlx-dashboard-mock h4{
    font-size:12px !important;
    margin-bottom:10px !important;
}

html body .hero .dlx-kpi-row{
    gap:7px !important;
}

html body .hero .dlx-kpi-row span,
html body .hero .analytics-kpis span{
    padding:8px 7px !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
}

html body .hero .dlx-kpi-row b,
html body .hero .analytics-kpis b{
    color:#080a36 !important;
    font-size:11.5px !important;
}

html body .hero .dlx-kpi-row small,
html body .hero .analytics-kpis small{
    color:#697491 !important;
    font-size:7.2px !important;
}

html body .hero .dlx-chart-row{
    grid-template-columns:1.12fr .88fr !important;
    gap:8px !important;
    margin-top:8px !important;
}

html body .hero .dlx-line-chart,
html body .hero .dlx-donut,
html body .hero .analytics-main-chart,
html body .hero .analytics-bottom > span{
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-line-chart{
    height:92px !important;
    padding:10px !important;
}

html body .hero .dlx-line-chart::before{
    content:"Sales Overview" !important;
    display:block !important;
    color:#080a36 !important;
    font-size:7.5px !important;
    font-weight:950 !important;
}

html body .hero .dlx-line-chart i{
    inset:28px 10px 12px !important;
    background:
        linear-gradient(to top,rgba(111,55,236,.10) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 14%,#7b2cff 15%,transparent 20%,transparent 34%,#b66dff 38%,transparent 43%,transparent 55%,#7b2cff 58%,transparent 63%,transparent 74%,#b66dff 78%,transparent 82%) !important;
    background-size:100% 18px,100% 100% !important;
}

html body .hero .dlx-donut{
    height:92px !important;
}

html body .hero .dlx-donut::before{
    width:58px !important;
    height:58px !important;
}

html body .hero .dlx-donut strong{
    color:#080a36 !important;
    font-size:13px !important;
}

html body .hero .dlx-activity{
    margin-top:8px !important;
    padding:10px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
}

html body .hero .dlx-float-chip{
    min-width:74px !important;
    min-height:62px !important;
    padding:10px 11px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    box-shadow:0 14px 28px rgba(74,31,168,.12) !important;
}

html body .hero .dlx-float-chip i{
    color:#7b2cff !important;
    font-size:17px !important;
}

html body .hero .dlx-float-chip span{
    color:#080a36 !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
}

html body .hero .premium-home-slider .chip-users{left:0 !important;top:96px !important;}
html body .hero .premium-home-slider .chip-calendar{left:8px !important;top:178px !important;}
html body .hero .premium-home-slider .chip-ai{right:18px !important;top:12px !important;min-height:46px !important;}
html body .hero .premium-home-slider .chip-alert{right:-2px !important;top:150px !important;}
html body .hero .premium-home-slider .chip-api{right:15px !important;bottom:0 !important;}

html body .hero .flow-visual,
html body .hero .module-visual,
html body .hero .chart-visual{
    min-height:292px !important;
}

html body .hero .premium-home-slider .flow-node{
    min-width:100px !important;
    min-height:50px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.16) !important;
    box-shadow:0 12px 26px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .flow-node i{
    font-size:14px !important;
}

html body .hero .premium-home-slider .flow-node b{
    color:#080a36 !important;
    font-size:9px !important;
}

html body .hero .module-core{
    width:110px !important;
    height:110px !important;
}

html body .hero .module-node{
    width:78px !important;
    height:78px !important;
}

html body .hero .module-visual::before{
    width:220px !important;
    height:220px !important;
}

html body .hero .analytics-kpis{
    gap:7px !important;
}

html body .hero .analytics-main-chart{
    height:118px !important;
    margin-top:8px !important;
}

html body .hero .analytics-bottom{
    gap:7px !important;
    margin-top:8px !important;
}

html body .hero .analytics-bottom > span{
    height:76px !important;
}

html body .hero .premium-home-slider .carousel-control-prev,
html body .hero .premium-home-slider .carousel-control-next{
    width:36px !important;
    height:36px !important;
    bottom:18px !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    box-shadow:0 12px 24px rgba(99,39,218,.22) !important;
}

html body .hero .premium-home-slider .carousel-control-prev{right:66px !important;}
html body .hero .premium-home-slider .carousel-control-next{right:20px !important;}
html body .hero .premium-home-slider .carousel-indicators{
    bottom:20px !important;
}

html body .hero .premium-home-slider .carousel-indicators button{
    width:22px !important;
    height:5px !important;
}

html body .hero .premium-home-slider .carousel-indicators button.active{
    width:32px !important;
}

@media(max-width:1199px){
    html body .hero .premium-home-slider .premium-slide{
        min-height:376px !important;
        grid-template-columns:.82fr 1.18fr !important;
        padding:20px 18px 52px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3{
        font-size:23px !important;
    }

    html body .hero .premium-home-slider .saas-visual .dlx-dashboard-mock{
        width:80% !important;
        min-width:248px !important;
    }
}

@media(max-width:991px){
    html body .hero .premium-home-slider{
        max-width:640px !important;
        margin-top:28px !important;
    }

    html body .hero .premium-home-slider .premium-slide{
        min-height:430px !important;
    }
}

@media(max-width:575px){
    html body .hero .premium-home-slider .premium-slide{
        display:block !important;
        min-height:0 !important;
        padding:20px 18px 68px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3,
    html body .hero .premium-home-slider .premium-slide p,
    html body .hero .premium-home-slider .slide-tags{
        max-width:100% !important;
    }

    html body .hero .premium-home-slider .slide-visual{
        display:none !important;
    }
}

/* V180: Reference-style compact 4-slide home carousel. */
html body .premium-home-slider{
    filter:drop-shadow(0 22px 46px rgba(107,47,226,.13)) !important;
}

html body .premium-home-slider .carousel-inner{
    border-radius:26px !important;
    border:1px solid rgba(139,63,242,.20) !important;
    background:#fff !important;
    box-shadow:0 22px 60px rgba(107,47,226,.10) !important;
    overflow:hidden !important;
}

html body .premium-home-slider .carousel-item,
html body .premium-home-slider .carousel-item.active{
    min-height:426px !important;
}

html body .premium-home-slider .premium-slide{
    position:relative !important;
    min-height:426px !important;
    display:grid !important;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
    gap:18px !important;
    align-items:center !important;
    padding:24px 24px 34px !important;
    background:
        linear-gradient(rgba(139,63,242,.045) 1px, transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.045) 1px, transparent 1px),
        radial-gradient(circle at 86% 4%,rgba(139,63,242,.10),transparent 24%),
        linear-gradient(135deg,#fff 0%,#fbf8ff 58%,#f4f0ff 100%) !important;
    background-size:34px 34px,34px 34px,100% 100%,100% 100% !important;
    overflow:hidden !important;
}

html body .premium-home-slider .premium-slide::before{
    content:"" !important;
    position:absolute !important;
    right:26px !important;
    top:34px !important;
    width:78px !important;
    height:64px !important;
    background-image:radial-gradient(rgba(139,63,242,.25) 2px,transparent 2.5px) !important;
    background-size:16px 16px !important;
    opacity:.48 !important;
    pointer-events:none !important;
}

html body .premium-home-slider .slide-content{
    position:relative !important;
    z-index:3 !important;
}

html body .premium-home-slider .slide-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:40px !important;
    padding:6px 16px 6px 7px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 10px 24px rgba(107,47,226,.12) !important;
    color:#5b18e8 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

html body .premium-home-slider .slide-pill span{
    width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    color:#fff !important;
    flex:0 0 auto !important;
}

html body .premium-home-slider .slide-pill i{
    color:#fff !important;
    font-size:12px !important;
}

html body .premium-home-slider .premium-slide h3{
    margin:26px 0 14px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    font-size:23px !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
}

html body .premium-home-slider .premium-slide h3 .slide-accent{
    color:#6421f0 !important;
    -webkit-text-fill-color:#6421f0 !important;
}

html body .premium-home-slider .premium-slide p{
    max-width:250px !important;
    margin:0 0 18px !important;
    color:#283154 !important;
    font-size:11.5px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
}

html body .premium-home-slider .slide-tags{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    max-width:260px !important;
}

html body .premium-home-slider .slide-tags span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.15) !important;
    color:#080a36 !important;
    box-shadow:0 10px 22px rgba(107,47,226,.10) !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

html body .premium-home-slider .slide-visual{
    position:relative !important;
    z-index:2 !important;
    min-height:310px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}

/* Slide 1: dashboard card. */
html body .saas-visual .dlx-dashboard-mock{
    position:absolute !important;
    right:10px !important;
    top:72px !important;
    width:78% !important;
    min-width:250px !important;
    height:216px !important;
    display:grid !important;
    grid-template-columns:36px 1fr !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(139,63,242,.18) !important;
    border-radius:20px !important;
    box-shadow:0 20px 42px rgba(107,47,226,.18) !important;
    overflow:hidden !important;
}

html body .dlx-dashboard-mock aside{
    padding:12px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:11px !important;
    background:linear-gradient(180deg,#6421f0,#9e54ff) !important;
}

html body .dlx-dashboard-mock aside i{
    color:#fff !important;
    font-size:12px !important;
}

html body .dlx-dashboard-mock main{
    padding:13px !important;
}

html body .dlx-dashboard-mock h4{
    margin:0 0 10px !important;
    color:#080a36 !important;
    font-size:12px !important;
    font-weight:950 !important;
}

html body .dlx-kpi-row{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
}

html body .dlx-kpi-row span,
html body .analytics-kpis span{
    display:block !important;
    padding:9px 8px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.12) !important;
    border-radius:10px !important;
    box-shadow:0 8px 18px rgba(107,47,226,.08) !important;
}

html body .dlx-kpi-row b,
html body .analytics-kpis b{
    display:block !important;
    color:#080a36 !important;
    font-size:12px !important;
    line-height:1.1 !important;
}

html body .dlx-kpi-row small,
html body .analytics-kpis small{
    display:block !important;
    color:#6b7390 !important;
    font-size:7.5px !important;
    font-weight:800 !important;
}

html body .dlx-chart-row{
    display:grid !important;
    grid-template-columns:1.28fr .72fr !important;
    gap:9px !important;
    margin-top:10px !important;
}

html body .dlx-line-chart,
html body .dlx-donut,
html body .dlx-activity{
    background:#fff !important;
    border:1px solid rgba(139,63,242,.12) !important;
    border-radius:12px !important;
    box-shadow:0 8px 18px rgba(107,47,226,.07) !important;
}

html body .dlx-line-chart{
    height:82px !important;
    position:relative !important;
}

html body .dlx-line-chart::before{
    content:"" !important;
    position:absolute !important;
    inset:14px 12px 12px !important;
    background:
        linear-gradient(to top,rgba(139,63,242,.12) 1px,transparent 1px),
        linear-gradient(135deg,transparent 5%,#6421f0 6%,transparent 8%,transparent 25%,#a767ff 28%,transparent 32%,transparent 48%,#6421f0 52%,transparent 55%,transparent 72%,#a767ff 76%,transparent 80%) !important;
    background-size:100% 20px,100% 100% !important;
}

html body .dlx-donut{
    height:82px !important;
    display:grid !important;
    place-items:center !important;
    background:conic-gradient(#6421f0 0 72%,#28c3d4 72% 88%,#eef0ff 88% 100%) !important;
}

html body .dlx-donut strong{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#080a36 !important;
    font-size:11px !important;
}

html body .dlx-activity{
    height:28px !important;
    margin-top:10px !important;
    display:grid !important;
    grid-template-columns:1fr .75fr !important;
    gap:8px !important;
    padding:8px !important;
}

html body .dlx-activity span{
    border-radius:99px !important;
    background:linear-gradient(90deg,#6421f0,#c591ff) !important;
    opacity:.42 !important;
}

html body .dlx-float-chip{
    position:absolute !important;
    z-index:5 !important;
    min-width:78px !important;
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.14) !important;
    box-shadow:0 12px 28px rgba(107,47,226,.14) !important;
    color:#080a36 !important;
    text-align:center !important;
}

html body .dlx-float-chip i{
    color:#6421f0 !important;
    font-size:17px !important;
}

html body .dlx-float-chip span{
    color:#080a36 !important;
    font-size:8.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
}

html body .chip-users{left:0 !important;top:100px !important;}
html body .chip-ai{right:8px !important;top:8px !important;}
html body .chip-alert{right:-4px !important;top:158px !important;}
html body .chip-api{right:10px !important;bottom:3px !important;}

/* Slide 2: connected workflow. */
html body .flow-visual{
    height:318px !important;
}

html body .dlx-flow-line{
    position:absolute !important;
    inset:12px 4px !important;
    width:100% !important;
    height:100% !important;
    fill:none !important;
    stroke:#8b3ff2 !important;
    stroke-width:2 !important;
    stroke-dasharray:7 8 !important;
    opacity:.62 !important;
}

html body .flow-node{
    position:absolute !important;
    z-index:3 !important;
    width:112px !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 13px 28px rgba(107,47,226,.13) !important;
    animation:none !important;
}

html body .flow-node i{
    width:24px !important;
    height:24px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:9px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    font-size:11px !important;
}

html body .flow-node b{
    color:#6421f0 !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
}

html body .node-lead{left:16px !important;top:10px !important;}
html body .node-quote{right:72px !important;top:64px !important;}
html body .node-approval{left:72px !important;top:120px !important;}
html body .node-invoice{right:120px !important;top:176px !important;}
html body .node-payment{right:22px !important;top:238px !important;}
html body .node-delivery{left:92px !important;bottom:4px !important;}
html body .node-report{right:12px !important;bottom:16px !important;}
html body .node-ai{right:0 !important;top:22px !important;}

/* Slide 3: module orbit. */
html body .module-visual{
    height:318px !important;
}

html body .module-visual::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:230px !important;
    height:230px !important;
    transform:translate(-50%,-50%) !important;
    border:1px dashed rgba(139,63,242,.48) !important;
    border-radius:50% !important;
}

html body .module-core{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:116px !important;
    height:116px !important;
    transform:translate(-50%,-50%) !important;
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    gap:4px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.14) !important;
    box-shadow:0 18px 38px rgba(107,47,226,.15) !important;
    text-align:center !important;
}

html body .module-core i{
    color:#8b3ff2 !important;
    font-size:26px !important;
}

html body .module-core b,
html body .module-core span{
    color:#080a36 !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
}

html body .module-node{
    position:absolute !important;
    z-index:4 !important;
    width:82px !important;
    height:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 14px 32px rgba(107,47,226,.12) !important;
    text-align:center !important;
}

html body .module-node i{
    font-size:22px !important;
}

html body .module-node span{
    color:#080a36 !important;
    font-size:8.8px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
}

html body .module-health{left:50% !important;top:6px !important;transform:translateX(-50%) !important;}
html body .module-school{right:8px !important;top:106px !important;}
html body .module-crm{left:8px !important;top:106px !important;}
html body .module-stock{left:62px !important;bottom:12px !important;}
html body .module-mobile{right:62px !important;bottom:12px !important;}
html body .module-health i{color:#05aa83 !important;}
html body .module-school i{color:#2373ff !important;}
html body .module-crm i{color:#f447a6 !important;}
html body .module-stock i{color:#ff7f2a !important;}
html body .module-mobile i{color:#8b3ff2 !important;}

/* Slide 4: analytics dashboard. */
html body .chart-visual{
    height:318px !important;
    display:block !important;
    padding:0 !important;
}

html body .chart-visual::after{
    display:none !important;
}

html body .analytics-kpis{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
}

html body .analytics-main-chart{
    position:relative !important;
    height:128px !important;
    margin-top:9px !important;
    padding:12px !important;
    overflow:hidden !important;
    border-radius:13px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.12) !important;
    box-shadow:0 10px 24px rgba(107,47,226,.10) !important;
}

html body .analytics-main-chart strong{
    position:relative !important;
    z-index:2 !important;
    color:#080a36 !important;
    font-size:9px !important;
    font-weight:950 !important;
}

html body .analytics-main-chart i{
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:20px !important;
    height:78px !important;
    background:
        linear-gradient(to top,rgba(139,63,242,.12) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 7%,#6421f0 8%,transparent 10%,transparent 20%,#a767ff 23%,transparent 27%,transparent 39%,#6421f0 42%,transparent 45%,transparent 59%,#a767ff 62%,transparent 65%,transparent 78%,#6421f0 82%,transparent 85%) !important;
    background-size:100% 20px,100% 100% !important;
}

html body .analytics-main-chart b{
    position:absolute !important;
    right:20px !important;
    top:26px !important;
    padding:7px 9px !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#080a36 !important;
    border:1px solid rgba(139,63,242,.12) !important;
    font-size:8px !important;
    line-height:1.2 !important;
    box-shadow:0 8px 18px rgba(107,47,226,.10) !important;
}

html body .analytics-bottom{
    display:grid !important;
    grid-template-columns:.7fr .9fr .8fr !important;
    gap:8px !important;
    margin-top:9px !important;
}

html body .analytics-bottom > span{
    height:86px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:13px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.12) !important;
    box-shadow:0 10px 22px rgba(107,47,226,.09) !important;
}

html body .analytics-donut{
    background:conic-gradient(#6421f0 0 72%,#28c3d4 72% 88%,#eef0ff 88% 100%) !important;
}

html body .analytics-donut b{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#080a36 !important;
    font-size:12px !important;
}

html body .analytics-prediction{
    align-content:center !important;
    gap:5px !important;
    padding:9px !important;
}

html body .analytics-prediction small,
html body .analytics-map small{
    color:#6b7390 !important;
    font-size:7.5px !important;
    font-weight:900 !important;
}

html body .analytics-prediction b{
    color:#080a36 !important;
    font-size:12px !important;
}

html body .analytics-prediction i{
    width:100% !important;
    height:24px !important;
    background:linear-gradient(135deg,transparent 0 18%,#6421f0 20%,transparent 25%,transparent 52%,#a767ff 56%,transparent 61%) !important;
}

html body .analytics-map i{
    color:#8b3ff2 !important;
    font-size:28px !important;
}

html body .premium-home-slider .carousel-control-prev,
html body .premium-home-slider .carousel-control-next{
    width:34px !important;
    height:34px !important;
    top:auto !important;
    bottom:14px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    opacity:.92 !important;
    box-shadow:0 10px 22px rgba(107,47,226,.24) !important;
}

html body .premium-home-slider .carousel-control-prev{left:auto !important;right:62px !important;}
html body .premium-home-slider .carousel-control-next{right:20px !important;}

html body .premium-home-slider .carousel-indicators{
    bottom:7px !important;
    margin:0 !important;
    justify-content:center !important;
    pointer-events:auto !important;
}

html body .premium-home-slider .carousel-indicators button{
    width:18px !important;
    height:4px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#d9ccff !important;
    opacity:1 !important;
}

html body .premium-home-slider .carousel-indicators button.active{
    width:28px !important;
    background:#6421f0 !important;
}

@media (max-width:1199px){
    html body .premium-home-slider .premium-slide{
        grid-template-columns:1fr !important;
        align-items:start !important;
        min-height:610px !important;
    }
    html body .premium-home-slider .slide-visual{
        min-height:300px !important;
    }
    html body .premium-home-slider .premium-slide p,
    html body .premium-home-slider .slide-tags{
        max-width:100% !important;
    }
}

@media (max-width:575px){
    html body .premium-home-slider .premium-slide{
        padding:18px 16px 38px !important;
        min-height:628px !important;
    }
    html body .premium-home-slider .premium-slide h3{
        font-size:21px !important;
    }
    html body .premium-home-slider .slide-visual{
        transform:scale(.92) !important;
        transform-origin:top center !important;
    }
}

/* V181: Same-reference finishing details for carousel typography and chips. */
html body .premium-home-slider .premium-slide h3{
    max-width:250px !important;
    font-size:22px !important;
    line-height:1.15 !important;
    margin-top:28px !important;
}

html body .premium-home-slider .premium-slide h3,
html body .premium-home-slider .premium-slide h3 *{
    letter-spacing:0 !important;
}

html body .premium-home-slider .slide-tags span{
    gap:7px !important;
}

html body .premium-home-slider .slide-tags span i{
    color:#6421f0 !important;
    font-size:12px !important;
}

html body .premium-home-slider .chip-users{left:0 !important;top:96px !important;}
html body .premium-home-slider .chip-calendar{left:0 !important;top:176px !important;}
html body .premium-home-slider .chip-ai{right:28px !important;top:14px !important;}
html body .premium-home-slider .chip-alert{right:0 !important;top:154px !important;}
html body .premium-home-slider .chip-api{right:18px !important;bottom:4px !important;}

html body .premium-home-slider .chip-calendar i{
    color:#8b3ff2 !important;
}

html body .premium-home-slider .flow-node i{
    background:#6421f0 !important;
}

html body .premium-home-slider .node-quote i,
html body .premium-home-slider .node-report i{
    background:#2373ff !important;
}

html body .premium-home-slider .node-approval i{
    background:#05aa83 !important;
}

html body .premium-home-slider .node-invoice i{
    background:#ff7f2a !important;
}

html body .premium-home-slider .node-payment i{
    background:#f447a6 !important;
}

html body .premium-home-slider .node-delivery i{
    background:#8b3ff2 !important;
}

html body .premium-home-slider .analytics-kpis{
    grid-template-columns:repeat(4,1fr) !important;
}

html body .premium-home-slider .analytics-kpis span{
    min-height:58px !important;
}

html body .premium-home-slider .analytics-kpis span:nth-child(1) small,
html body .premium-home-slider .analytics-kpis span:nth-child(2) small{
    color:#2373ff !important;
}

html body .premium-home-slider .analytics-kpis span:nth-child(3) small{
    color:#05aa83 !important;
}

html body .premium-home-slider .analytics-kpis span:nth-child(4) small{
    color:#f447a6 !important;
}

html body .premium-home-slider .analytics-kpis span:nth-child(2) b{
    color:#2373ff !important;
}

html body .premium-home-slider .analytics-main-chart{
    height:122px !important;
}

html body .premium-home-slider .analytics-bottom > span{
    height:80px !important;
}

@media (max-width:1199px){
    html body .premium-home-slider .premium-slide h3{
        max-width:100% !important;
    }
}

/* V184: Return carousel to real HTML/CSS cards, no pasted reference images. */
html body .premium-home-slider .premium-slide{
    display:grid !important;
    grid-template-columns:.84fr 1.16fr !important;
    gap:18px !important;
    align-items:center !important;
    min-height:430px !important;
    height:auto !important;
    aspect-ratio:auto !important;
    padding:24px 24px 50px !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background-image:
        linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px),
        radial-gradient(circle at 83% 2%,rgba(139,63,242,.11),transparent 22%),
        radial-gradient(circle at 91% 86%,rgba(139,63,242,.10),transparent 26%),
        linear-gradient(135deg,#fff 0%,#fbf8ff 55%,#f3efff 100%) !important;
    background-size:34px 34px,34px 34px,100% 100%,100% 100%,100% 100% !important;
    background-position:0 0,0 0,center,center,center !important;
    background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat !important;
}

html body .premium-home-slider .carousel-item:nth-child(1) .premium-slide,
html body .premium-home-slider .carousel-item:nth-child(2) .premium-slide,
html body .premium-home-slider .carousel-item:nth-child(3) .premium-slide,
html body .premium-home-slider .carousel-item:nth-child(4) .premium-slide{
    background-image:
        linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px),
        radial-gradient(circle at 83% 2%,rgba(139,63,242,.11),transparent 22%),
        radial-gradient(circle at 91% 86%,rgba(139,63,242,.10),transparent 26%),
        linear-gradient(135deg,#fff 0%,#fbf8ff 55%,#f3efff 100%) !important;
}

html body .premium-home-slider .premium-slide::before{
    display:block !important;
}

html body .premium-home-slider .premium-slide::after{
    display:block !important;
}

html body .premium-home-slider .premium-slide > .slide-content,
html body .premium-home-slider .premium-slide > .slide-visual{
    display:block !important;
}

html body .premium-home-slider .carousel-inner{
    border-radius:28px !important;
    border:1px solid rgba(139,63,242,.20) !important;
    background:#fff !important;
}

/* V185 final: premium designed carousel from real HTML tags/cards, not pasted images. */
html body .premium-home-slider{
    position:relative !important;
    overflow:visible !important;
    padding-bottom:0 !important;
    filter:drop-shadow(0 24px 54px rgba(99,39,218,.14)) !important;
}

html body .premium-home-slider .carousel-inner{
    border-radius:30px !important;
    border:1px solid rgba(139,63,242,.18) !important;
    background:#fff !important;
    box-shadow:0 22px 60px rgba(99,39,218,.10) !important;
    overflow:hidden !important;
}

html body .premium-home-slider .premium-slide{
    position:relative !important;
    display:grid !important;
    grid-template-columns:.84fr 1.16fr !important;
    gap:18px !important;
    align-items:center !important;
    min-height:430px !important;
    height:auto !important;
    aspect-ratio:auto !important;
    padding:24px 24px 52px !important;
    border-radius:30px !important;
    overflow:hidden !important;
    background:
        linear-gradient(rgba(139,63,242,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.04) 1px,transparent 1px),
        radial-gradient(circle at 78% 18%,rgba(139,63,242,.13),transparent 24%),
        radial-gradient(circle at 96% 88%,rgba(139,63,242,.10),transparent 28%),
        linear-gradient(135deg,#fff 0%,#fbf8ff 58%,#f4f0ff 100%) !important;
    background-size:34px 34px,34px 34px,100% 100%,100% 100%,100% 100% !important;
}

html body .premium-home-slider .carousel-item:nth-child(1) .premium-slide,
html body .premium-home-slider .carousel-item:nth-child(2) .premium-slide,
html body .premium-home-slider .carousel-item:nth-child(3) .premium-slide,
html body .premium-home-slider .carousel-item:nth-child(4) .premium-slide{
    background:
        linear-gradient(rgba(139,63,242,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.04) 1px,transparent 1px),
        radial-gradient(circle at 78% 18%,rgba(139,63,242,.13),transparent 24%),
        radial-gradient(circle at 96% 88%,rgba(139,63,242,.10),transparent 28%),
        linear-gradient(135deg,#fff 0%,#fbf8ff 58%,#f4f0ff 100%) !important;
    background-size:34px 34px,34px 34px,100% 100%,100% 100%,100% 100% !important;
}

html body .premium-home-slider .premium-slide::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:140px !important;
    top:52px !important;
    width:78px !important;
    height:66px !important;
    background-image:radial-gradient(rgba(139,63,242,.22) 2px,transparent 2.5px) !important;
    background-size:16px 16px !important;
    opacity:.44 !important;
    pointer-events:none !important;
}

html body .premium-home-slider .premium-slide::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    right:-70px !important;
    bottom:-85px !important;
    width:210px !important;
    height:210px !important;
    border-radius:50% !important;
    background:rgba(139,63,242,.08) !important;
    pointer-events:none !important;
}

html body .premium-home-slider .slide-content,
html body .premium-home-slider .slide-visual{
    display:block !important;
    position:relative !important;
    z-index:2 !important;
}

html body .premium-home-slider .slide-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:40px !important;
    margin:0 0 24px !important;
    padding:6px 16px 6px 7px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 10px 24px rgba(99,39,218,.12) !important;
    color:#5b18e8 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

html body .premium-home-slider .slide-pill span{
    width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    color:#fff !important;
}

html body .premium-home-slider .slide-pill i{
    color:#fff !important;
    font-size:12px !important;
}

html body .premium-home-slider .premium-slide h3{
    max-width:255px !important;
    margin:0 0 15px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    font-size:24px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    background:none !important;
}

html body .premium-home-slider .premium-slide h3 .slide-accent{
    color:#6421f0 !important;
    -webkit-text-fill-color:#6421f0 !important;
    background:none !important;
}

html body .premium-home-slider .premium-slide p{
    max-width:255px !important;
    margin:0 0 17px !important;
    color:#273153 !important;
    font-size:11.5px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
}

html body .premium-home-slider .slide-tags{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    max-width:268px !important;
}

html body .premium-home-slider .slide-tags span{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    min-height:34px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.15) !important;
    color:#080a36 !important;
    box-shadow:0 10px 22px rgba(99,39,218,.10) !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

html body .premium-home-slider .slide-tags i{
    color:#6421f0 !important;
    font-size:12px !important;
}

html body .premium-home-slider .slide-visual{
    min-height:318px !important;
    width:100% !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

html body .premium-home-slider .saas-visual .dlx-dashboard-mock{
    position:absolute !important;
    right:4px !important;
    top:74px !important;
    width:78% !important;
    min-width:265px !important;
    height:224px !important;
    display:grid !important;
    grid-template-columns:38px 1fr !important;
    border-radius:21px !important;
    border:1px solid rgba(139,63,242,.18) !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 20px 42px rgba(99,39,218,.18) !important;
    overflow:hidden !important;
}

html body .dlx-dashboard-mock aside{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 8px !important;
    background:linear-gradient(180deg,#6421f0,#9e54ff) !important;
}

html body .dlx-dashboard-mock aside i{
    color:#fff !important;
    font-size:12px !important;
}

html body .dlx-dashboard-mock main{
    padding:14px !important;
}

html body .dlx-dashboard-mock h4{
    margin:0 0 10px !important;
    color:#080a36 !important;
    font-size:12px !important;
    font-weight:950 !important;
}

html body .dlx-kpi-row,
html body .analytics-kpis{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
}

html body .analytics-kpis{
    grid-template-columns:repeat(4,1fr) !important;
}

html body .dlx-kpi-row span,
html body .analytics-kpis span{
    display:block !important;
    min-width:0 !important;
    padding:8px !important;
    border-radius:10px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.12) !important;
    box-shadow:0 8px 18px rgba(99,39,218,.08) !important;
}

html body .dlx-kpi-row b,
html body .analytics-kpis b{
    display:block !important;
    color:#080a36 !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
}

html body .dlx-kpi-row small,
html body .analytics-kpis small{
    display:block !important;
    margin-top:4px !important;
    color:#6b7390 !important;
    font-size:7.5px !important;
    font-weight:850 !important;
}

html body .dlx-chart-row{
    display:grid !important;
    grid-template-columns:1.28fr .72fr !important;
    gap:9px !important;
    margin-top:10px !important;
}

html body .dlx-line-chart,
html body .dlx-donut,
html body .dlx-activity,
html body .analytics-main-chart,
html body .analytics-bottom > span{
    border-radius:12px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.12) !important;
    box-shadow:0 8px 18px rgba(99,39,218,.08) !important;
}

html body .dlx-line-chart{
    position:relative !important;
    height:82px !important;
}

html body .dlx-line-chart::before{
    content:"Sales Overview" !important;
    position:absolute !important;
    left:10px !important;
    top:8px !important;
    color:#080a36 !important;
    font-size:7.8px !important;
    font-weight:950 !important;
}

html body .dlx-line-chart i{
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    height:46px !important;
    background:
        linear-gradient(to top,rgba(139,63,242,.12) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 12%,#6421f0 14%,transparent 17%,transparent 28%,#a767ff 32%,transparent 36%,transparent 52%,#6421f0 56%,transparent 60%,transparent 74%,#a767ff 78%,transparent 82%) !important;
    background-size:100% 14px,100% 100% !important;
}

html body .dlx-donut{
    height:82px !important;
    display:grid !important;
    place-items:center !important;
    background:conic-gradient(#6421f0 0 72%,#28c3d4 72% 88%,#eef0ff 88% 100%) !important;
}

html body .dlx-donut strong{
    width:46px !important;
    height:46px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#080a36 !important;
    font-size:11px !important;
}

html body .dlx-activity{
    height:34px !important;
    margin-top:10px !important;
    display:grid !important;
    grid-template-columns:1fr .7fr !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px !important;
}

html body .dlx-activity span{
    height:6px !important;
    border-radius:99px !important;
    background:linear-gradient(90deg,#6421f0,#c591ff) !important;
    opacity:.42 !important;
}

html body .dlx-float-chip{
    position:absolute !important;
    z-index:5 !important;
    min-width:76px !important;
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:8px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.14) !important;
    box-shadow:0 12px 28px rgba(99,39,218,.14) !important;
    color:#080a36 !important;
    text-align:center !important;
}

html body .dlx-float-chip i{
    color:#6421f0 !important;
    font-size:17px !important;
}

html body .dlx-float-chip span{
    color:#080a36 !important;
    font-size:8.5px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
}

html body .premium-home-slider .chip-users{left:0 !important;top:96px !important;}
html body .premium-home-slider .chip-calendar{left:0 !important;top:176px !important;}
html body .premium-home-slider .chip-ai{right:28px !important;top:14px !important;}
html body .premium-home-slider .chip-alert{right:0 !important;top:154px !important;}
html body .premium-home-slider .chip-api{right:18px !important;bottom:4px !important;}

html body .dlx-flow-line{
    position:absolute !important;
    inset:4px 0 !important;
    width:100% !important;
    height:100% !important;
    fill:none !important;
    stroke:#8b3ff2 !important;
    stroke-width:2 !important;
    stroke-dasharray:7 8 !important;
    opacity:.62 !important;
}

html body .premium-home-slider .flow-node{
    position:absolute !important;
    z-index:3 !important;
    width:112px !important;
    height:54px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 13px 28px rgba(99,39,218,.13) !important;
    animation:none !important;
}

html body .premium-home-slider .flow-node i{
    width:24px !important;
    height:24px !important;
    display:grid !important;
    place-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
    border-radius:9px !important;
    color:#fff !important;
    background:#6421f0 !important;
    font-size:11px !important;
}

html body .premium-home-slider .flow-node b{
    color:#6421f0 !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
}

html body .node-lead{left:14px !important;top:10px !important;}
html body .node-quote{right:70px !important;top:60px !important;}
html body .node-approval{left:72px !important;top:118px !important;}
html body .node-ai{right:0 !important;top:126px !important;}
html body .node-invoice{right:118px !important;top:174px !important;}
html body .node-payment{right:22px !important;top:232px !important;}
html body .node-delivery{left:92px !important;bottom:4px !important;}
html body .node-report{right:14px !important;bottom:14px !important;}

html body .module-visual::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:235px !important;
    height:235px !important;
    transform:translate(-50%,-50%) !important;
    border:1px dashed rgba(139,63,242,.48) !important;
    border-radius:50% !important;
}

html body .module-core{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:118px !important;
    height:118px !important;
    transform:translate(-50%,-50%) !important;
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
    gap:4px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.14) !important;
    box-shadow:0 18px 38px rgba(99,39,218,.15) !important;
    text-align:center !important;
    z-index:3 !important;
}

html body .module-node{
    position:absolute !important;
    z-index:4 !important;
    width:84px !important;
    height:84px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 14px 32px rgba(99,39,218,.12) !important;
    text-align:center !important;
    animation:none !important;
}

html body .module-core i,
html body .module-node i{
    margin:0 !important;
    font-size:22px !important;
}

html body .module-core b,
html body .module-core span,
html body .module-node span{
    color:#080a36 !important;
    font-size:9px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
}

html body .module-core i{color:#8b3ff2 !important;font-size:26px !important;}
html body .module-health{left:50% !important;top:6px !important;transform:translateX(-50%) !important;}
html body .module-school{right:8px !important;top:106px !important;}
html body .module-crm{left:8px !important;top:106px !important;}
html body .module-stock{left:62px !important;bottom:12px !important;}
html body .module-mobile{right:62px !important;bottom:12px !important;}
html body .module-health i{color:#05aa83 !important;}
html body .module-school i{color:#2373ff !important;}
html body .module-crm i{color:#f447a6 !important;}
html body .module-stock i{color:#ff7f2a !important;}
html body .module-mobile i{color:#8b3ff2 !important;}

html body .chart-visual{
    display:block !important;
    padding:0 !important;
}

html body .chart-visual::before,
html body .chart-visual::after{
    display:none !important;
}

html body .analytics-main-chart{
    position:relative !important;
    height:122px !important;
    margin-top:9px !important;
    padding:12px !important;
    overflow:hidden !important;
}

html body .analytics-main-chart strong{
    position:relative !important;
    z-index:2 !important;
    color:#080a36 !important;
    font-size:9px !important;
    font-weight:950 !important;
}

html body .analytics-main-chart > i{
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:18px !important;
    height:76px !important;
    background:
        linear-gradient(to top,rgba(139,63,242,.12) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 7%,#6421f0 8%,transparent 10%,transparent 20%,#a767ff 23%,transparent 27%,transparent 39%,#6421f0 42%,transparent 45%,transparent 59%,#a767ff 62%,transparent 65%,transparent 78%,#6421f0 82%,transparent 85%) !important;
    background-size:100% 20px,100% 100% !important;
}

html body .analytics-bottom{
    display:grid !important;
    grid-template-columns:.72fr .9fr .8fr !important;
    gap:8px !important;
    margin-top:9px !important;
}

html body .analytics-bottom > span{
    height:80px !important;
    display:grid !important;
    place-items:center !important;
    align-content:center !important;
}

html body .analytics-donut{
    background:conic-gradient(#6421f0 0 72%,#28c3d4 72% 88%,#eef0ff 88% 100%) !important;
}

html body .analytics-donut b{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#080a36 !important;
    font-size:12px !important;
}

html body .analytics-prediction small,
html body .analytics-map small{
    color:#6b7390 !important;
    font-size:7.5px !important;
    font-weight:900 !important;
}

html body .analytics-prediction b{
    color:#080a36 !important;
    font-size:12px !important;
}

html body .analytics-prediction > i{
    width:100% !important;
    height:24px !important;
    background:linear-gradient(135deg,transparent 0 18%,#6421f0 20%,transparent 25%,transparent 52%,#a767ff 56%,transparent 61%) !important;
}

html body .analytics-map i{
    color:#8b3ff2 !important;
    font-size:28px !important;
}

html body .premium-home-slider .carousel-control-prev,
html body .premium-home-slider .carousel-control-next{
    opacity:1 !important;
    width:36px !important;
    height:36px !important;
    top:auto !important;
    bottom:18px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    box-shadow:0 10px 22px rgba(99,39,218,.24) !important;
}

html body .premium-home-slider .carousel-control-prev{left:auto !important;right:66px !important;}
html body .premium-home-slider .carousel-control-next{right:20px !important;}
html body .premium-home-slider .carousel-indicators{
    display:flex !important;
    bottom:20px !important;
    margin:0 !important;
    justify-content:center !important;
}

html body .premium-home-slider .carousel-indicators button{
    width:20px !important;
    height:5px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#d8c9ff !important;
    opacity:1 !important;
    margin:0 5px !important;
}

html body .premium-home-slider .carousel-indicators button.active{
    width:30px !important;
    background:#6421f0 !important;
}

/* V177 final: Uniform main heading size across the home page. */
body .hero h1,
html body .hero h1,
body .hero-v8 h1,
html body .hero-v8 h1,
body .section-title h2,
html body .section-title h2,
body .section-heading h2,
html body .section-heading h2,
body .dx-growth-head h2,
html body .dx-growth-head h2,
body .dx-enterprise-head h2,
html body .dx-enterprise-head h2,
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2,
body .dx-home-delivery-head h2,
html body .dx-home-delivery-head h2,
body .dx-offshore-head h2,
html body .dx-offshore-head h2{
    font-size:clamp(18px,1.8vw,35px) !important;
}

/* V177: Uniform main heading size across the home page. */
body .hero h1,
html body .hero h1,
body .hero-v8 h1,
html body .hero-v8 h1,
body .section-title h2,
html body .section-title h2,
body .section-heading h2,
html body .section-heading h2,
body .dx-growth-head h2,
html body .dx-growth-head h2,
body .dx-enterprise-head h2,
html body .dx-enterprise-head h2,
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2,
body .dx-home-delivery-head h2,
html body .dx-home-delivery-head h2,
body .dx-offshore-head h2,
html body .dx-offshore-head h2{
    font-size:clamp(18px,1.8vw,35px) !important;
}

/* V172: Platform feature/card titles black like Offshore Development cards. */
body .dx-platform-flow-section .dx-platform-step h3,
html body .dx-platform-flow-section .dx-platform-step h3,
body .smart-panel .smart-feature h5,
html body .smart-panel .smart-feature h5{
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    background-image:none !important;
    text-shadow:none !important;
}

/* V173: Platform feature/card paragraph color requested. */
body .dx-platform-flow-section .dx-platform-step p,
html body .dx-platform-flow-section .dx-platform-step p,
body .smart-panel .smart-feature p,
html body .smart-panel .smart-feature p{
    color:#293251 !important;
    -webkit-text-fill-color:#293251 !important;
    font-weight:500 !important;
    text-shadow:none !important;
}

/* V174: Connected Workflow heading black only, no gradient. */
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2{
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    text-shadow:none !important;
}

/* V175: Only "Connected Workflow," black; rest follows Offshore-style mixed gradient. */
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2{
    color:transparent !important;
    background:linear-gradient(90deg,#080a36 0%,#4B00B5 18%,#7B2CFF 42%,#B66DFF 66%,#080a36 100%) !important;
    background-image:linear-gradient(90deg,#080a36 0%,#4B00B5 18%,#7B2CFF 42%,#B66DFF 66%,#080a36 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}

body .dx-platform-flow-section .dx-platform-flow-head h2 .dx-platform-heading-black,
html body .dx-platform-flow-section .dx-platform-flow-head h2 .dx-platform-heading-black,
body .smart-panel .section-title h2 .dx-platform-heading-black,
html body .smart-panel .section-title h2 .dx-platform-heading-black{
    display:inline !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    font:inherit !important;
    font-weight:inherit !important;
    letter-spacing:inherit !important;
    text-shadow:none !important;
}

/* V176: Home headings use black base text with purple accent words. */
body .hero h1,
html body .hero h1,
body .hero-v8 h1,
html body .hero-v8 h1,
body .dx-growth-head h2,
html body .dx-growth-head h2,
body .dx-enterprise-head h2,
html body .dx-enterprise-head h2,
body .dx-offshore-head h2,
html body .dx-offshore-head h2{
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    text-shadow:none !important;
}

body .hero h1 .gradient-text,
html body .hero h1 .gradient-text,
body .hero-v8 h1 .gradient-text,
html body .hero-v8 h1 .gradient-text,
body .dx-growth-head h2 span,
html body .dx-growth-head h2 span,
body .dx-enterprise-head h2 em,
html body .dx-enterprise-head h2 em,
body .dx-offshore-head h2 span,
html body .dx-offshore-head h2 span{
    display:inline !important;
    color:transparent !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 42%,#B66DFF 72%,#F2B3FF 100%) !important;
    background-image: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;
    text-shadow:none !important;
}

/* V177 final: Uniform main heading size across the home page. */
body .hero h1,
html body .hero h1,
body .hero-v8 h1,
html body .hero-v8 h1,
body .section-title h2,
html body .section-title h2,
body .section-heading h2,
html body .section-heading h2,
body .dx-growth-head h2,
html body .dx-growth-head h2,
body .dx-enterprise-head h2,
html body .dx-enterprise-head h2,
body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2,
body .dx-home-delivery-head h2,
html body .dx-home-delivery-head h2,
body .dx-offshore-head h2,
html body .dx-offshore-head h2{
    font-size:clamp(18px,1.8vw,35px) !important;
}

body .dx-platform-flow-section .dx-platform-flow-head h2,
html body .dx-platform-flow-section .dx-platform-flow-head h2,
body .smart-panel .section-title h2,
html body .smart-panel .section-title h2{
    color:transparent !important;
    background:linear-gradient(90deg,#080a36 0%,#080a36 24%,#5E12D8 43%,#B66DFF 64%,#080a36 100%) !important;
    background-image:linear-gradient(90deg,#080a36 0%,#080a36 24%,#5E12D8 43%,#B66DFF 64%,#080a36 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none !important;
}

/* V179 final: Lock every home h1/h2 and nested text to requested size. */
html body h1,
html body h1 *,
html body h2,
html body h2 *{
    font-size:clamp(20px,1.85vw,40px) !important;
}

/* V188 final: last cascade rule set for the designed home carousel. */
html body .hero .premium-home-slider{
    max-width:760px !important;
    margin:0 auto !important;
    filter:drop-shadow(0 26px 56px rgba(74,31,168,.14)) !important;
}

html body .hero .premium-home-slider .carousel-inner{
    overflow:hidden !important;
    border-radius:28px !important;
    border:1px solid rgba(139,63,242,.16) !important;
    background:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 22px 54px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .premium-slide{
    display:grid !important;
    grid-template-columns:.78fr 1.22fr !important;
    gap:18px !important;
    align-items:center !important;
    min-height:390px !important;
    height:auto !important;
    padding:22px 22px 54px !important;
    border-radius:28px !important;
    background:
        radial-gradient(circle at 82% 16%,rgba(171,110,255,.16),transparent 24%),
        radial-gradient(circle at 98% 92%,rgba(116,49,239,.12),transparent 28%),
        linear-gradient(rgba(111,55,236,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(111,55,236,.04) 1px,transparent 1px),
        linear-gradient(135deg,#fff 0%,#fcfaff 58%,#f6f1ff 100%) !important;
    background-size:100% 100%,100% 100%,34px 34px,34px 34px,100% 100% !important;
}

html body .hero .premium-home-slider .premium-slide::before{
    right:124px !important;
    top:48px !important;
    width:86px !important;
    height:70px !important;
    background-image:radial-gradient(rgba(111,55,236,.26) 2px,transparent 2.8px) !important;
    background-size:15px 15px !important;
    opacity:.34 !important;
}

html body .hero .premium-home-slider .premium-slide::after{
    right:-58px !important;
    bottom:-74px !important;
    width:188px !important;
    height:188px !important;
    background:linear-gradient(135deg,rgba(139,63,242,.10),rgba(242,179,255,.12)) !important;
}

html body .hero .premium-home-slider .slide-pill{
    min-height:38px !important;
    margin:0 0 20px !important;
    padding:6px 15px 6px 7px !important;
    color:#5d18e8 !important;
    font-size:10.5px !important;
    letter-spacing:.01em !important;
    background:rgba(255,255,255,.92) !important;
    border-color:rgba(111,55,236,.16) !important;
    box-shadow:0 9px 22px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .slide-pill span{
    width:28px !important;
    height:28px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(99,39,218,.18) !important;
}

html body .hero .premium-home-slider .premium-slide h3{
    max-width:245px !important;
    margin:0 0 13px !important;
    color:#080a36 !important;
    -webkit-text-fill-color:#080a36 !important;
    background:none !important;
    font-size:clamp(22px,1.9vw,27px) !important;
    line-height:1.14 !important;
    font-weight:950 !important;
    text-shadow:none !important;
}

html body .hero .premium-home-slider .premium-slide h3 .slide-accent{
    color:#5e12d8 !important;
    -webkit-text-fill-color:#5e12d8 !important;
    background:none !important;
}

html body .hero .premium-home-slider .premium-slide p{
    max-width:252px !important;
    margin:0 0 16px !important;
    color:#34405f !important;
    font-size:11px !important;
    line-height:1.7 !important;
    font-weight:600 !important;
}

html body .hero .premium-home-slider .slide-tags{
    gap:8px !important;
    max-width:264px !important;
}

html body .hero .premium-home-slider .slide-tags span{
    min-height:31px !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    color:#101633 !important;
    box-shadow:0 8px 18px rgba(74,31,168,.08) !important;
    font-size:9.5px !important;
    font-weight:900 !important;
}

html body .hero .premium-home-slider .slide-tags i{
    color:#6b25f2 !important;
    font-size:11px !important;
}

html body .hero .premium-home-slider .slide-visual{
    min-height:290px !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

html body .hero .premium-home-slider .saas-visual .dlx-dashboard-mock{
    top:62px !important;
    right:0 !important;
    width:83% !important;
    max-width:380px !important;
    min-width:276px !important;
    height:232px !important;
    grid-template-columns:38px 1fr !important;
    border-radius:22px !important;
    border:1px solid rgba(111,55,236,.18) !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 24px 46px rgba(74,31,168,.16) !important;
}

html body .hero .dlx-dashboard-mock aside{
    gap:13px !important;
    padding:14px 8px !important;
    background:linear-gradient(180deg,#4b00b5 0%,#7b2cff 58%,#b66dff 100%) !important;
}

html body .hero .dlx-dashboard-mock main{
    padding:13px !important;
}

html body .hero .dlx-dashboard-mock h4{
    font-size:12px !important;
    margin-bottom:10px !important;
}

html body .hero .dlx-kpi-row,
html body .hero .analytics-kpis{
    gap:7px !important;
}

html body .hero .dlx-kpi-row span,
html body .hero .analytics-kpis span{
    padding:8px 7px !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-kpi-row b,
html body .hero .analytics-kpis b{
    color:#080a36 !important;
    font-size:11.5px !important;
}

html body .hero .dlx-kpi-row small,
html body .hero .analytics-kpis small{
    color:#697491 !important;
    font-size:7.2px !important;
}

html body .hero .dlx-chart-row{
    grid-template-columns:1.12fr .88fr !important;
    gap:8px !important;
    margin-top:8px !important;
}

html body .hero .dlx-line-chart,
html body .hero .dlx-donut,
html body .hero .analytics-main-chart,
html body .hero .analytics-bottom > span{
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
    box-shadow:0 8px 18px rgba(74,31,168,.07) !important;
}

html body .hero .dlx-line-chart{
    height:92px !important;
    padding:10px !important;
}

html body .hero .dlx-line-chart::before{
    content:"Sales Overview" !important;
    display:block !important;
    color:#080a36 !important;
    font-size:7.5px !important;
    font-weight:950 !important;
}

html body .hero .dlx-line-chart i{
    inset:28px 10px 12px !important;
    background:
        linear-gradient(to top,rgba(111,55,236,.10) 1px,transparent 1px),
        linear-gradient(135deg,transparent 0 14%,#7b2cff 15%,transparent 20%,transparent 34%,#b66dff 38%,transparent 43%,transparent 55%,#7b2cff 58%,transparent 63%,transparent 74%,#b66dff 78%,transparent 82%) !important;
    background-size:100% 18px,100% 100% !important;
}

html body .hero .dlx-donut{
    height:92px !important;
}

html body .hero .dlx-donut::before{
    width:58px !important;
    height:58px !important;
}

html body .hero .dlx-donut strong{
    color:#080a36 !important;
    font-size:13px !important;
}

html body .hero .dlx-activity{
    margin-top:8px !important;
    padding:10px !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#fbfaff) !important;
    border:1px solid rgba(111,55,236,.12) !important;
}

html body .hero .dlx-float-chip{
    min-width:74px !important;
    min-height:62px !important;
    padding:10px 11px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.14) !important;
    box-shadow:0 14px 28px rgba(74,31,168,.12) !important;
}

html body .hero .dlx-float-chip i{
    color:#7b2cff !important;
    font-size:17px !important;
}

html body .hero .dlx-float-chip span{
    color:#080a36 !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
}

html body .hero .premium-home-slider .chip-users{left:0 !important;top:96px !important;}
html body .hero .premium-home-slider .chip-calendar{left:8px !important;top:178px !important;}
html body .hero .premium-home-slider .chip-ai{right:18px !important;top:12px !important;min-height:46px !important;}
html body .hero .premium-home-slider .chip-alert{right:-2px !important;top:150px !important;}
html body .hero .premium-home-slider .chip-api{right:15px !important;bottom:0 !important;}

html body .hero .flow-visual,
html body .hero .module-visual,
html body .hero .chart-visual{
    min-height:292px !important;
}

html body .hero .premium-home-slider .flow-node{
    min-width:100px !important;
    min-height:50px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(111,55,236,.16) !important;
    box-shadow:0 12px 26px rgba(74,31,168,.10) !important;
}

html body .hero .premium-home-slider .flow-node i{
    font-size:14px !important;
}

html body .hero .premium-home-slider .flow-node b{
    color:#080a36 !important;
    font-size:9px !important;
}

html body .hero .module-core{
    width:110px !important;
    height:110px !important;
}

html body .hero .module-node{
    width:78px !important;
    height:78px !important;
}

html body .hero .module-visual::before{
    width:220px !important;
    height:220px !important;
}

html body .hero .analytics-main-chart{
    height:118px !important;
    margin-top:8px !important;
}

html body .hero .analytics-bottom{
    gap:7px !important;
    margin-top:8px !important;
}

html body .hero .analytics-bottom > span{
    height:76px !important;
}

html body .hero .premium-home-slider .carousel-control-prev,
html body .hero .premium-home-slider .carousel-control-next{
    width:36px !important;
    height:36px !important;
    bottom:18px !important;
    background:linear-gradient(135deg,#6421f0,#b66dff) !important;
    box-shadow:0 12px 24px rgba(99,39,218,.22) !important;
}

html body .hero .premium-home-slider .carousel-control-prev{right:66px !important;}
html body .hero .premium-home-slider .carousel-control-next{right:20px !important;}
html body .hero .premium-home-slider .carousel-indicators{bottom:20px !important;}
html body .hero .premium-home-slider .carousel-indicators button{
    width:22px !important;
    height:5px !important;
}
html body .hero .premium-home-slider .carousel-indicators button.active{width:32px !important;}

@media(max-width:1199px){
    html body .hero .premium-home-slider .premium-slide{
        min-height:376px !important;
        grid-template-columns:.82fr 1.18fr !important;
        padding:20px 18px 52px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3{
        font-size:23px !important;
    }

    html body .hero .premium-home-slider .saas-visual .dlx-dashboard-mock{
        width:80% !important;
        min-width:248px !important;
    }
}

@media(max-width:991px){
    html body .hero .premium-home-slider{
        max-width:640px !important;
        margin-top:28px !important;
    }

    html body .hero .premium-home-slider .premium-slide{
        min-height:430px !important;
    }
}

@media(max-width:575px){
    html body .hero .premium-home-slider .premium-slide{
        display:block !important;
        min-height:0 !important;
        padding:20px 18px 68px !important;
    }

    html body .hero .premium-home-slider .premium-slide h3,
    html body .hero .premium-home-slider .premium-slide p,
    html body .hero .premium-home-slider .slide-tags{
        max-width:100% !important;
    }

    html body .hero .premium-home-slider .slide-visual{
        display:none !important;
    }
}

/* V194 final EOF override: platform workflow tablet/mobile repair. */
@media(max-width:991px){
    html body .dx-platform-flow-section,
    html body .dx-platform-flow-section .container,
    html body .dx-platform-flow-panel{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    html body .dx-platform-flow-section{
        padding:26px 0 34px !important;
    }

    html body .dx-platform-flow-section .container{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    html body .dx-platform-flow-panel{
        margin:0 !important;
        padding:22px clamp(16px,4vw,30px) 30px !important;
        border-radius:0 !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head{
        max-width:720px !important;
        margin:0 auto !important;
        text-align:center !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head span{
        max-width:100% !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        white-space:normal !important;
        padding:7px 16px !important;
        font-size:10px !important;
        line-height:1.25 !important;
        letter-spacing:2px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:clamp(22px,5.2vw,30px) !important;
        line-height:1.16 !important;
        letter-spacing:0 !important;
        text-align:center !important;
        overflow-wrap:normal !important;
        word-break:normal !important;
        text-wrap:balance !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head p{
        max-width:680px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        font-size:13px !important;
        line-height:1.6 !important;
        text-align:center !important;
    }

    html body .dx-platform-flow-map{
        position:relative !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
        max-width:720px !important;
        height:auto !important;
        min-height:0 !important;
        margin:82px auto 0 !important;
        padding:0 !important;
        gap:78px 18px !important;
        overflow:visible !important;
    }

    html body .dx-platform-flow-waves,
    html body .dx-platform-next,
    html body .dx-platform-pulse{
        display:none !important;
    }

    html body .dx-platform-step,
    html body .dx-platform-step.step-a,
    html body .dx-platform-step.step-b,
    html body .dx-platform-step.step-c,
    html body .dx-platform-step.step-d{
        position:relative !important;
        inset:auto !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:auto !important;
        padding:58px 18px 20px !important;
        border:1px solid rgba(217,168,255,.52) !important;
        border-radius:20px !important;
        background:rgba(255,255,255,.82) !important;
        box-shadow:0 16px 34px rgba(75,0,181,.08) !important;
        overflow:visible !important;
        text-align:left !important;
    }

    html body .dx-platform-step::before,
    html body .dx-platform-step::after{
        display:none !important;
    }

    html body .dx-platform-orb{
        position:absolute !important;
        top:-52px !important;
        left:50% !important;
        width:82px !important;
        height:82px !important;
        transform:translateX(-50%) !important;
        font-size:28px !important;
        box-shadow:
            0 18px 26px rgba(75,0,181,.17),
            0 0 0 12px rgba(217,168,255,.22),
            0 0 0 24px rgba(242,179,255,.12) !important;
    }

    html body .dx-platform-orb::before{
        inset:-11px !important;
    }

    html body .dx-platform-step b,
    html body .dx-platform-step h3,
    html body .dx-platform-step p,
    html body .dx-platform-step small{
        max-width:100% !important;
        min-width:0 !important;
        overflow-wrap:break-word !important;
        word-break:normal !important;
    }

    html body .dx-platform-step b{
        min-width:40px !important;
        height:30px !important;
        margin:0 0 10px !important;
        font-size:14px !important;
    }

    html body .dx-platform-step h3{
        font-size:22px !important;
        line-height:1.12 !important;
    }

    html body .dx-platform-step > span{
        width:34px !important;
        margin:10px 0 12px !important;
    }

    html body .dx-platform-step p{
        min-height:0 !important;
        margin-bottom:16px !important;
        font-size:13px !important;
        line-height:1.58 !important;
    }

    html body .dx-platform-step small{
        display:inline-flex !important;
        flex-wrap:wrap !important;
        white-space:normal !important;
        padding:8px 12px !important;
        font-size:12px !important;
        line-height:1.2 !important;
    }
}

@media(max-width:575px){
    html body .dx-platform-flow-section{
        padding:22px 0 30px !important;
    }

    html body .dx-platform-flow-panel{
        padding:18px 14px 28px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head span{
        padding:7px 14px !important;
        font-size:9px !important;
        letter-spacing:1.7px !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:390px !important;
        font-size:clamp(20px,5.7vw,24px) !important;
        line-height:1.18 !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head h2 br{
        display:none !important;
    }

    html body .dx-platform-flow-section .dx-platform-flow-head p{
        max-width:360px !important;
        font-size:13px !important;
    }

    html body .dx-platform-flow-map{
        grid-template-columns:1fr !important;
        max-width:min(360px,calc(100vw - 32px)) !important;
        margin-top:76px !important;
        gap:72px !important;
    }

    html body .dx-platform-step,
    html body .dx-platform-step.step-a,
    html body .dx-platform-step.step-b,
    html body .dx-platform-step.step-c,
    html body .dx-platform-step.step-d{
        padding:54px 18px 18px !important;
    }

    html body .dx-platform-orb{
        top:-46px !important;
        width:72px !important;
        height:72px !important;
        font-size:24px !important;
        box-shadow:
            0 16px 24px rgba(75,0,181,.16),
            0 0 0 11px rgba(217,168,255,.22),
            0 0 0 22px rgba(242,179,255,.12) !important;
    }

    html body .dx-platform-orb::before{
        inset:-10px !important;
    }

    html body .dx-platform-step h3{
        font-size:21px !important;
    }
}

@media(max-width:420px){
    html body .dx-platform-flow-section .dx-platform-flow-head h2,
    html body .dx-platform-flow-section .dx-platform-flow-head h2 *{
        max-width:360px !important;
        font-size:clamp(19px,5.45vw,22px) !important;
    }

    html body .dx-platform-flow-map{
        max-width:calc(100vw - 28px) !important;
    }
}