:root{--dx-primary:#8b3ff2;--dx-secondary:#c85cff;--dx-blue:#2f6df6;--dx-dark:#11172f;--dx-muted:#626b80;--dx-light:#f8f4ff;--dx-border:#eee5ff;--dx-bg:#fff}*{box-sizing:border-box}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--dx-dark);background:var(--dx-bg);overflow-x:hidden}body.dark-mode{--dx-bg:#0f1225;--dx-dark:#fff;--dx-muted:#c7cbe0;--dx-light:#151936;--dx-border:#2b3158}.glass-nav{background:rgba(255,255,255,.93);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(17,23,47,.08)}body.dark-mode .glass-nav{background:rgba(15,18,37,.93)}.navbar-brand img{height:48px}.nav-link{position:relative;font-weight:900;font-size:15px;color:var(--dx-dark)!important;margin:0 8px;letter-spacing:.02em}.nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:3px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));border-radius:10px;transform:scaleX(0);transition:.25s}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link:hover{color:var(--dx-primary)!important}.theme-toggle{width:38px;height:38px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff}.mega-menu{width:100%;left:0;right:0;top:100%;border:0;border-radius:0 0 24px 24px;box-shadow:0 24px 60px rgba(17,23,47,.12);background:var(--dx-bg)}.mega-title{font-size:18px;font-weight:950;color:var(--dx-primary);margin-bottom:14px}.mega-list li{list-style:none;margin-bottom:12px;font-size:14px;font-weight:700;color:var(--dx-muted);transition:.2s}.mega-list li:hover{transform:translateX(5px);color:var(--dx-primary)}.mega-list li i{color:var(--dx-primary);margin-right:10px}.hero,.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f6efff 52%,#eef4ff 100%)}body.dark-mode .hero,body.dark-mode .page-hero{background:linear-gradient(135deg,#11172f,#171b3a)}.premium-hero{padding:118px 0 62px}.page-hero{padding:120px 0 58px;text-align:center}.page-hero h1,.hero h1{font-size:clamp(34px,5vw,62px);font-weight:950;line-height:1.05}.page-hero p,.hero p{font-size:17px;color:var(--dx-muted);max-width:760px}.page-hero p{margin:14px auto 0}.gradient-text{background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.06) 1px,transparent 1px);background-size:42px 42px;animation:gridMove 18s linear infinite}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--dx-bg);color:var(--dx-primary);padding:9px 16px;border-radius:50px;font-weight:900;box-shadow:0 10px 30px rgba(139,63,242,.15)}.hero-points{display:flex;flex-wrap:wrap;gap:10px}.hero-points span{background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:40px;padding:9px 13px;font-weight:800;font-size:13px;color:var(--dx-dark)}.hero-points i{color:var(--dx-primary);margin-right:6px}.btn-dx{background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));color:#fff;border:0;border-radius:50px;padding:12px 25px;font-weight:900;box-shadow:0 14px 28px rgba(139,63,242,.25)}.btn-outline-dx{border:2px solid var(--dx-primary);color:var(--dx-primary);border-radius:50px;padding:11px 24px;font-weight:900}.btn-dx:hover{color:#fff;transform:translateY(-2px)}.section{padding:72px 0}.section-light{background:var(--dx-light)}.section-title{text-align:center;margin-bottom:36px}.section-title span{color:var(--dx-primary);font-weight:950;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.section-title h2{font-size:clamp(25px,3.2vw,40px);font-weight:950;margin-top:8px;color:var(--dx-dark)}.info-card,.service-card,.portfolio-card,.solution-card,.stats,.contact-form,.contact-panel,.smart-module,.tech-category,.case-card{height:100%;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:23px;box-shadow:0 12px 35px rgba(17,23,47,.07);transition:.25s}.info-card,.service-card,.solution-card,.smart-module,.tech-category,.case-card{padding:24px}.info-card:hover,.service-card:hover,.portfolio-card:hover,.solution-card:hover,.smart-module:hover,.tech-logo-card:hover,.case-card:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(139,63,242,.15)}.icon-box{width:55px;height:55px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;font-size:22px;margin-bottom:17px}.info-card h5,.service-card h5,.solution-card h5,.smart-module h5,.case-card h5{font-size:18px;font-weight:950}.info-card p,.service-card p,.solution-card p,.stats p,.smart-module p,.case-card p{color:var(--dx-muted);font-size:14px}.home-slider{position:relative}.slide-card{min-height:390px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),#f2e9ff);box-shadow:0 28px 70px rgba(139,63,242,.18);overflow:hidden;position:relative;padding:24px}.cyber-slide:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,var(--dx-primary),transparent,var(--dx-secondary),transparent);animation:spin 8s linear infinite;opacity:.14}.slide-label{position:absolute;top:18px;left:20px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));color:#fff;border-radius:50px;padding:8px 15px;font-weight:900;font-size:13px}.code-panel{position:absolute;left:28px;right:28px;top:78px;background:#11172f;color:#fff;border-radius:24px;padding:28px;box-shadow:0 25px 60px rgba(17,23,47,.25)}.code-panel:before{content:"●  ●  ●";display:block;color:#ff68b4;letter-spacing:18px;margin-bottom:20px}.code-line{display:block;margin:12px 0;font-family:Consolas,monospace;font-size:15px}.code-line em{color:#7df9ff;font-style:normal}.code-line strong{color:#ff76ff}.slide-tech-stack{position:absolute;left:22px;right:22px;bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.slide-tech-stack span{background:#fff;border-radius:16px;padding:12px;text-align:center;font-weight:950;box-shadow:0 12px 24px rgba(17,23,47,.1)}.mini-window{position:absolute;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:18px;padding:16px;box-shadow:0 15px 36px rgba(17,23,47,.14);animation:floaty 4.5s ease-in-out infinite}.mini-window.one{width:64%;left:32px;top:74px}.mini-window.two{width:42%;right:30px;bottom:42px}.flow-node{position:absolute;z-index:2;background:var(--dx-bg);border:2px solid var(--dx-primary);border-radius:18px;padding:12px 16px;font-weight:900;box-shadow:0 10px 24px rgba(139,63,242,.16);animation:floaty 4s infinite}.n1{left:45px;bottom:70px}.n2{left:155px;bottom:115px}.n3{right:145px;bottom:70px}.n4{right:42px;bottom:115px}.flow-line{position:absolute;left:80px;right:80px;bottom:118px;height:3px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));animation:lineGlow 2s infinite}.app-phone{position:absolute;left:55px;bottom:40px;width:160px;height:230px;background:var(--dx-bg);border:8px solid #201a40;border-radius:28px;text-align:center;padding:42px 12px 12px;box-shadow:0 18px 40px rgba(17,23,47,.18);animation:phoneTilt 4s ease-in-out infinite}.app-phone i{font-size:32px;color:var(--dx-primary)}.cloud-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:2px dashed var(--dx-primary);display:flex;align-items:center;justify-content:center;animation:spin 10s linear infinite}.cloud-orbit i{font-size:46px;color:var(--dx-primary);animation:spin 10s linear infinite reverse}.carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;background:var(--dx-primary)}.tech-marquee-wrap{margin-top:24px;overflow:hidden}.tech-marquee{display:flex;gap:14px;width:max-content;animation:marquee 26s linear infinite}.tech-chip{display:flex;align-items:center;gap:9px;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:50px;padding:12px 18px;box-shadow:0 8px 20px rgba(17,23,47,.06)}.tech-chip i{color:var(--dx-primary);font-size:22px}.timeline{border-left:3px solid var(--dx-primary);padding-left:22px}.timeline div{position:relative;margin-bottom:22px;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:18px;padding:15px}.timeline div:before{content:"";position:absolute;left:-31px;top:20px;width:14px;height:14px;background:var(--dx-secondary);border-radius:50%}.tech-showcase,.about-visual{min-height:360px;border-radius:30px;background:linear-gradient(145deg,#fff,#f1e8ff);position:relative;box-shadow:0 28px 70px rgba(139,63,242,.14);overflow:hidden}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px}.orbit-item{position:absolute;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:50px;padding:12px 18px;font-weight:950;box-shadow:0 12px 25px rgba(17,23,47,.12);animation:floaty 4s infinite}.i1{left:42%;top:30px}.i2{left:35px;top:45%}.i3{right:45px;top:42%}.i4{left:32%;bottom:35px}.i5{right:25%;bottom:55px}.solution-card i,.smart-module i{font-size:38px;color:var(--dx-primary);margin-bottom:18px}.smart-module{position:relative;overflow:hidden}.smart-module:before{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.12}.module-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.module-tags span{font-size:12px;font-weight:800;background:var(--dx-light);border:1px solid var(--dx-border);border-radius:30px;padding:7px 10px}.case-card{overflow:hidden}.case-visual{height:170px;border-radius:20px;background:linear-gradient(135deg,#fff,#f1e8ff);position:relative;margin-bottom:18px}.case-visual .screen{position:absolute;left:22px;right:22px;top:24px;height:105px;background:#11172f;border-radius:16px;padding:16px}.case-visual .line{display:block;height:9px;border-radius:12px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));margin:10px 0}.case-visual .line:nth-child(2){width:70%}.case-visual .line:nth-child(3){width:45%}.case-visual i{position:absolute;right:28px;bottom:18px;font-size:44px;color:var(--dx-primary);animation:floaty 4s infinite}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.tech-logo-card{min-height:150px;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 30px rgba(17,23,47,.06);transition:.25s;position:relative;overflow:hidden}.tech-logo-card:before{content:"";position:absolute;inset:auto -30px -55px auto;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.1}.tech-logo-card i{font-size:48px;color:var(--dx-primary);margin-bottom:12px;animation:iconPulse 2.8s infinite}.tech-logo-card h6{font-weight:950;margin:0}.tech-logo-card small{color:var(--dx-muted);font-weight:700}.tech-category h4{font-weight:950}.tech-category ul{padding:0;margin:16px 0 0}.tech-category li{list-style:none;margin:12px 0;color:var(--dx-muted);font-weight:700}.tech-category i.fa-check{color:var(--dx-primary);margin-right:8px}.tech-roadmap{position:relative}.road-step{display:flex;align-items:start;gap:16px;margin-bottom:18px;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:20px;padding:18px;box-shadow:0 12px 28px rgba(17,23,47,.06)}.road-step b{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.about-card{position:absolute;width:135px;height:110px;background:var(--dx-bg);border:1px solid var(--dx-border);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 18px 35px rgba(17,23,47,.12);animation:floaty 4s infinite}.about-card i{font-size:30px;color:var(--dx-primary)}.ac1{left:45px;top:45px}.ac2{right:60px;top:75px;animation-delay:.2s}.ac3{left:90px;bottom:55px;animation-delay:.4s}.ac4{right:70px;bottom:45px;animation-delay:.6s}.stats{padding:20px}.stats h3{font-size:20px;font-weight:950;color:var(--dx-primary)}.milestone-strip{background:var(--dx-light);border-top:1px solid var(--dx-border);border-bottom:1px solid var(--dx-border);padding:38px 0}.milestone{text-align:center}.milestone i{font-size:30px;color:var(--dx-primary);margin-bottom:10px}.milestone h4{font-weight:950;margin:0}.milestone p{color:var(--dx-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0}.contact-panel,.contact-form{padding:30px}.contact-panel{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff}.contact-panel p{opacity:.9}.contact-line{display:flex;gap:12px;align-items:center;margin-top:16px;font-weight:800}.contact-line i{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.btn-whatsapp{background:#25D366;color:#fff;border-radius:50px;font-weight:950;padding:12px}.form-control,.form-select{border-radius:14px;padding:13px 15px;font-size:14px}.map-box{border-radius:25px;overflow:hidden;box-shadow:0 18px 45px rgba(17,23,47,.12);height:360px}.map-box iframe{width:100%;height:100%;border:0}footer{background:#11172f;color:#dbe1ff;padding:42px 0 18px}footer a{color:#dbe1ff;text-decoration:none}.floating-contact{position:fixed;right:0;top:42%;z-index:999;writing-mode:vertical-rl;transform:rotate(180deg);background:var(--dx-primary);color:#fff;padding:16px 10px;border-radius:12px 0 0 12px;font-weight:900;text-decoration:none}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 14px 30px rgba(37,211,102,.35);z-index:999;animation:pulse 2s infinite}.animate-in{animation:fadeUp .8s ease both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}.delay-3{animation-delay:.36s}@keyframes fadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes gridMove{to{background-position:42px 42px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes phoneTilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-10px)}}@keyframes lineGlow{50%{box-shadow:0 0 22px var(--dx-secondary)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes iconPulse{50%{transform:scale(1.12) rotate(3deg)}}@media(max-width:991px){.premium-hero{padding-top:105px}.mega-menu{position:static!important;box-shadow:none;border-radius:16px}.slide-card{margin-top:25px}.tech-grid{grid-template-columns:repeat(2,1fr)}.slide-tech-stack{grid-template-columns:repeat(2,1fr)}.floating-contact{display:none}}@media(max-width:575px){.section{padding:55px 0}.tech-grid{grid-template-columns:1fr}.slide-card{min-height:430px}.code-panel{padding:18px;left:15px;right:15px}.code-line{font-size:13px}.mini-window.one,.mini-window.two{width:auto;left:20px;right:20px}.mini-window.two{bottom:25px}}


/* V7 premium improvements */
.premium-hero{padding-bottom:46px}.home-slider .carousel-inner{border-radius:34px}.slide-card{min-height:430px}.slide-title{position:absolute;left:28px;top:72px;right:28px;z-index:2}.slide-title h3{font-size:28px;font-weight:950;margin:0 0 8px;color:#fff}.slide-title p{font-size:14px;color:rgba(255,255,255,.82);margin:0;max-width:420px}.cyber-slide{background:radial-gradient(circle at 20% 20%,rgba(200,92,255,.35),transparent 30%),linear-gradient(145deg,#11172f,#21124a 55%,#5f25d7)}.code-panel{top:166px;z-index:2;background:rgba(17,23,47,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13)}.slide-tech-stack span{background:rgba(255,255,255,.96)}.matrix-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.24) 1px,transparent 1px);background-size:22px 22px;opacity:.35;animation:gridMove 16s linear infinite}.dashboard-mock{position:absolute;right:24px;bottom:28px;width:310px;border-radius:22px;background:rgba(255,255,255,.96);padding:18px;box-shadow:0 20px 55px rgba(0,0,0,.2);z-index:2}.dashboard-mock .bar{height:10px;border-radius:20px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));margin:12px 0}.dashboard-mock .bar:nth-child(2){width:70%}.dashboard-mock .bar:nth-child(3){width:45%}.dashboard-mock .mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.dashboard-mock .mini-kpis b{display:block;background:#f5efff;border-radius:12px;padding:10px;text-align:center;font-size:13px}.flow-node{z-index:3}.orbit-ring{position:absolute;right:55px;top:115px;width:250px;height:250px;border:2px dashed rgba(255,255,255,.45);border-radius:50%;animation:spin 16s linear infinite}.orbit-ring span{position:absolute;width:58px;height:58px;border-radius:18px;background:#fff;color:var(--dx-primary);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 12px 30px rgba(0,0,0,.16)}.orbit-ring span:nth-child(1){left:96px;top:-25px}.orbit-ring span:nth-child(2){right:-25px;top:96px}.orbit-ring span:nth-child(3){left:96px;bottom:-25px}.orbit-ring span:nth-child(4){left:-25px;top:96px}.smart-strip{padding:0 0 72px;background:linear-gradient(180deg,#fff,var(--dx-light))}.smart-panel{border:1px solid var(--dx-border);border-radius:34px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 24px 70px rgba(17,23,47,.08);padding:28px}.smart-feature{position:relative;overflow:hidden;border-radius:28px;padding:28px;height:100%;background:linear-gradient(145deg,#fff,#f7f0ff);border:1px solid var(--dx-border);transition:.25s}.smart-feature:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(139,63,242,.17)}.smart-feature:after{content:"";position:absolute;width:170px;height:170px;right:-70px;top:-70px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.12}.smart-feature .sf-icon{width:62px;height:62px;border-radius:20px;background:#11172f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}.smart-feature h5{font-weight:950}.smart-feature p{color:var(--dx-muted);font-size:14px}.process-flow{background:#11172f;color:#fff;border-radius:34px;padding:42px;position:relative;overflow:hidden}.process-flow:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:24px 24px}.process-step{position:relative;z-index:2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px;height:100%}.process-step b{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));display:flex;align-items:center;justify-content:center;margin-bottom:14px}.process-step h6{font-weight:950}.process-step p{color:rgba(255,255,255,.72);font-size:13px;margin:0}.tech-logo-card{min-height:170px}.tech-logo-card:hover i{animation:none;transform:scale(1.22) rotate(-5deg)}.tech-logo-card:hover{background:linear-gradient(145deg,#fff,#f4ecff)}.portfolio-hero-card{background:linear-gradient(135deg,#11172f,#46139f);color:#fff;border-radius:34px;padding:40px;position:relative;overflow:hidden}.portfolio-hero-card:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:170px;border-radius:50%;background:rgba(255,255,255,.12)}.portfolio-visual{height:230px;border-radius:28px;background:linear-gradient(145deg,#151a36,#20124a);position:relative;overflow:hidden;margin-bottom:20px}.portfolio-visual:before{content:"";position:absolute;inset:18px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.portfolio-visual .pv-line{position:absolute;left:42px;height:10px;border-radius:20px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));animation:lineGlow 2.5s infinite}.portfolio-visual .pv-line:nth-child(1){top:62px;width:72%}.portfolio-visual .pv-line:nth-child(2){top:90px;width:48%}.portfolio-visual .pv-line:nth-child(3){top:118px;width:62%}.portfolio-visual .pv-kpi{position:absolute;right:28px;bottom:22px;background:#fff;color:var(--dx-dark);border-radius:20px;padding:14px 18px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.22)}.case-card.premium-case{padding:18px}.case-card.premium-case h5{font-size:20px}.case-card.premium-case:hover .portfolio-visual{transform:scale(1.02)}.portfolio-icon{position:absolute;left:34px;bottom:24px;width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 15px 35px rgba(139,63,242,.35)}.portfolio-feature-list{display:grid;gap:10px;margin-top:14px}.portfolio-feature-list span{font-size:13px;color:var(--dx-muted);font-weight:700}.portfolio-feature-list i{color:var(--dx-primary);margin-right:8px}.solution-strip-card{border-radius:30px;background:var(--dx-bg);border:1px solid var(--dx-border);padding:26px;height:100%;box-shadow:0 12px 35px rgba(17,23,47,.07)}.solution-strip-card h4{font-weight:950}.solution-strip-card ul{padding:0;margin:0}.solution-strip-card li{list-style:none;margin:13px 0;color:var(--dx-muted);font-weight:700}.solution-strip-card li i{color:var(--dx-primary);margin-right:9px}.tech-hero-orbit{height:380px;border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(139,63,242,.24),transparent 42%),linear-gradient(145deg,#fff,#f4edff);position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(139,63,242,.13)}.tech-hero-orbit .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:36px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:46px;z-index:3;box-shadow:0 18px 45px rgba(139,63,242,.28)}.tech-bubble{position:absolute;width:96px;height:96px;border-radius:28px;background:#fff;border:1px solid var(--dx-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:950;box-shadow:0 14px 35px rgba(17,23,47,.09);animation:floaty 4s infinite}.tech-bubble i{font-size:28px;color:var(--dx-primary)}.tb1{left:10%;top:14%}.tb2{left:40%;top:7%;animation-delay:.2s}.tb3{right:13%;top:18%;animation-delay:.4s}.tb4{left:13%;bottom:15%;animation-delay:.6s}.tb5{right:38%;bottom:8%;animation-delay:.8s}.tb6{right:9%;bottom:18%;animation-delay:1s}.tech-category{position:relative;overflow:hidden}.tech-category:after{content:"";position:absolute;right:-55px;top:-55px;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.08}.tech-category .cat-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:15px}
@media(max-width:991px){.dashboard-mock{width:auto;left:28px;right:28px}.orbit-ring{right:35px}.process-flow{padding:26px}.tech-hero-orbit{margin-top:24px}.tech-bubble{width:78px;height:78px;font-size:12px}.slide-title h3{font-size:23px}}
@media(max-width:575px){.slide-card{min-height:500px}.dashboard-mock{bottom:90px}.orbit-ring{display:none}.smart-panel{padding:18px}.portfolio-hero-card{padding:26px}.tech-hero-orbit{height:450px}.tb1{left:7%;top:10%}.tb2{left:56%;top:8%}.tb3{right:8%;top:36%}.tb4{left:8%;bottom:27%}.tb5{right:38%;bottom:8%}.tb6{right:8%;bottom:27%}}


/* ================= V8 HERO IMPROVEMENT ================= */
.hero-v8{padding:118px 0 58px;background:linear-gradient(135deg,#fbf8ff 0%,#f6f0ff 46%,#f0f6ff 100%);overflow:hidden;min-height:auto;}
.hero-v8 .container{max-width:1320px;}
.hero-glow{position:absolute;border-radius:999px;filter:blur(35px);opacity:.42;pointer-events:none;}
.hero-glow-1{width:260px;height:170px;background:#b548ff;right:8%;top:18%;}
.hero-glow-2{width:220px;height:220px;background:#2f6df6;left:3%;bottom:4%;opacity:.22;}
.hero-v8 .hero-bg-grid{opacity:.45;background-size:36px 36px;}
.hero-v8 h1{font-size:clamp(46px,5.5vw,76px);line-height:.98;margin-top:18px;letter-spacing:-2.5px;}
.hero-v8 p{font-size:17px;line-height:1.72;max-width:720px;color:#667085;}
.hero-v8 .hero-badge{background:rgba(255,255,255,.85);border:1px solid rgba(139,63,242,.14);box-shadow:0 14px 35px rgba(139,63,242,.13);}
.hero-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;max-width:650px;}
.hero-mini-grid div{background:rgba(255,255,255,.82);border:1px solid rgba(139,63,242,.12);border-radius:18px;padding:14px 16px;box-shadow:0 12px 28px rgba(17,23,47,.06);}
.hero-mini-grid b{display:block;font-weight:950;color:#10162f;margin-bottom:3px;}
.hero-mini-grid small{color:#667085;font-size:12px;font-weight:650;}
.home-slider-v8{position:relative;border-radius:34px;padding:0;background:transparent;filter:drop-shadow(0 26px 50px rgba(70,19,159,.18));}
.home-slider-v8 .carousel-inner{border-radius:34px;overflow:hidden;}
.smart-slide-v8{position:relative;min-height:470px;border-radius:34px;padding:30px;color:#fff;background:linear-gradient(145deg,#ffffff 0%,#fbf9ff 28%,#efe5ff 100%);border:1px solid rgba(139,63,242,.18);overflow:hidden;color:#11172f;}
.smart-slide-v8:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(139,63,242,.22),transparent 25%),radial-gradient(circle at 10% 90%,rgba(47,109,246,.15),transparent 28%);}
.smart-slide-v8:after{content:"";position:absolute;right:-120px;bottom:-120px;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,#8b3ff2,#cc5cff);opacity:.12;}
.slide-top{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.slide-top span{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#8b3ff2,#cc5cff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;box-shadow:0 12px 28px rgba(139,63,242,.26);}
.slide-top b{background:#fff;border:1px solid rgba(139,63,242,.15);border-radius:999px;padding:12px 18px;color:#8b3ff2;box-shadow:0 10px 28px rgba(17,23,47,.06);}
.smart-slide-v8 h3{position:relative;z-index:2;font-weight:950;font-size:30px;line-height:1.18;max-width:610px;margin-bottom:24px;color:#11172f;}
.smart-dashboard-v8{position:relative;z-index:2;background:#11172f;border-radius:26px;padding:24px;margin-top:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 20px 45px rgba(17,23,47,.18);}
.dash-header{display:flex;gap:10px;margin-bottom:22px;}.dash-header i{width:10px;height:10px;background:#cc5cff;border-radius:50%;}.dash-row{height:12px;border-radius:30px;background:linear-gradient(90deg,#8b3ff2,#cc5cff);margin:14px 0;animation:shineRow 2.4s infinite;}.dash-row.wide{width:86%;}.dash-row.mid{width:66%;animation-delay:.2s;}.dash-row.small{width:44%;animation-delay:.4s;}.dash-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;}.dash-kpi span{background:rgba(255,255,255,.09);color:#fff;border-radius:14px;text-align:center;padding:12px;font-weight:900;}
.slide-foot{position:absolute;left:30px;right:30px;bottom:28px;z-index:3;display:flex;gap:12px;flex-wrap:wrap}.slide-foot span{background:#fff;border:1px solid rgba(139,63,242,.15);border-radius:999px;padding:10px 16px;font-weight:900;color:#11172f;box-shadow:0 8px 24px rgba(17,23,47,.07);}
.workflow-v8{position:relative;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:28px;padding:22px;margin-top:35px;border:1px solid rgba(139,63,242,.14);box-shadow:0 18px 45px rgba(17,23,47,.08);}.workflow-v8 div{height:76px;min-width:86px;border-radius:24px;background:linear-gradient(135deg,#8b3ff2,#cc5cff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;}.workflow-v8 i{height:4px;flex:1;background:linear-gradient(90deg,#8b3ff2,#cc5cff);border-radius:20px;animation:flowMove 1.8s linear infinite;}.floating-note-v8{position:absolute;z-index:3;background:#fff;border:1px solid rgba(139,63,242,.14);border-radius:20px;padding:15px 18px;box-shadow:0 18px 40px rgba(17,23,47,.1);animation:floaty 4s infinite;}.floating-note-v8 b{display:block;color:#8b3ff2}.floating-note-v8 small{color:#667085;font-weight:650}.note-one{left:36px;bottom:42px}.note-two{right:40px;bottom:58px;animation-delay:.4s;}
.module-wheel-v8{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.module-wheel-v8 span{background:#fff;border:1px solid rgba(139,63,242,.14);border-radius:24px;padding:24px 18px;font-weight:950;box-shadow:0 14px 35px rgba(17,23,47,.08);display:flex;align-items:center;gap:12px;transition:.25s}.module-wheel-v8 span:hover{transform:translateY(-8px);box-shadow:0 24px 45px rgba(139,63,242,.15)}.module-wheel-v8 i{font-size:28px;color:#8b3ff2;}
.analytics-v8{position:relative;z-index:2;height:220px;border-radius:28px;background:#11172f;display:flex;align-items:end;gap:18px;padding:28px;margin-top:20px;box-shadow:0 20px 45px rgba(17,23,47,.18)}.analytics-v8 div{flex:1;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#cc5cff,#8b3ff2);animation:barPulse 2s infinite}.analytics-v8 div:nth-child(2){animation-delay:.2s}.analytics-v8 div:nth-child(3){animation-delay:.4s}.analytics-v8 div:nth-child(4){animation-delay:.6s}.analytics-v8 div:nth-child(5){animation-delay:.8s}
.home-slider-v8 .carousel-control-prev,.home-slider-v8 .carousel-control-next{width:44px;height:44px;top:auto;bottom:24px;border-radius:50%;background:#11172f;opacity:1;z-index:5}.home-slider-v8 .carousel-control-prev{left:auto;right:84px}.home-slider-v8 .carousel-control-next{right:30px}.home-slider-v8 .carousel-indicators{bottom:-18px;margin:0}.home-slider-v8 .carousel-indicators button{width:26px;height:7px;border-radius:20px;border:0;background:#8b3ff2;opacity:.35}.home-slider-v8 .carousel-indicators button.active{opacity:1;width:42px;}
.v8-marquee{margin-top:48px;padding:14px;border-radius:26px;background:rgba(255,255,255,.64);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(17,23,47,.07);overflow:hidden}.v8-marquee .tech-chip{min-width:max-content;box-shadow:none;border-color:rgba(139,63,242,.13);}
@keyframes shineRow{50%{filter:brightness(1.35);transform:scaleX(1.03);transform-origin:left}}
@keyframes flowMove{0%{background-position:0 0}100%{background-position:80px 0}}
@keyframes barPulse{50%{filter:brightness(1.28);transform:scaleY(.9);transform-origin:bottom}}
@media(max-width:991px){.hero-v8{padding-top:102px}.smart-slide-v8{min-height:470px}.hero-mini-grid{grid-template-columns:1fr}.home-slider-v8{margin-top:22px}.v8-marquee{margin-top:54px}}
@media(max-width:575px){.hero-v8 h1{font-size:32px;letter-spacing:-1px}.smart-slide-v8{min-height:560px;padding:22px}.smart-slide-v8 h3{font-size:24px}.workflow-v8{display:grid;grid-template-columns:1fr}.workflow-v8 i{height:24px;width:4px;justify-self:center}.module-wheel-v8{grid-template-columns:1fr}.slide-foot{bottom:80px}.floating-note-v8{position:relative;left:auto!important;right:auto!important;bottom:auto!important;margin-top:14px}.v8-marquee{margin-top:56px}}

/* ===== Dreamix V9 refinements: sober theme slider + attractive light process ===== */
.hero-v8{padding-bottom:96px;background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 45%,#f2f6ff 100%)}
.hero-bg-grid{opacity:.72;background-size:48px 48px}
.home-slider-v8{filter:drop-shadow(0 28px 58px rgba(139,63,242,.16));}
.home-slider-v8 .carousel-inner{border-radius:36px;}
.smart-slide-v8{min-height:435px;padding:30px;background:linear-gradient(145deg,#ffffff 0%,#fbf9ff 45%,#f1e8ff 100%);border:1px solid rgba(139,63,242,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.smart-slide-v8:before{background:radial-gradient(circle at 88% 8%,rgba(200,92,255,.18),transparent 28%),radial-gradient(circle at 12% 90%,rgba(47,109,246,.12),transparent 26%);animation:softPulse 5s ease-in-out infinite alternate;}
.smart-slide-v8:after{opacity:.08;right:-90px;bottom:-110px;}
.slide-top span{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));box-shadow:0 16px 35px rgba(139,63,242,.22)}
.slide-top b{background:#fff;border-color:rgba(139,63,242,.16);box-shadow:0 12px 30px rgba(139,63,242,.08)}
.smart-slide-v8 h3{font-size:28px;margin-bottom:20px;letter-spacing:-.4px;}
.smart-dashboard-v8{background:linear-gradient(145deg,#ffffff,#f8f2ff);border:1px solid rgba(139,63,242,.16);box-shadow:0 20px 55px rgba(139,63,242,.13);}
.dash-header i{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));}
.dash-row{height:11px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),#7a6cff);box-shadow:0 5px 15px rgba(139,63,242,.15)}
.dash-kpi span{background:#fff;color:var(--dx-dark);border:1px solid rgba(139,63,242,.14);box-shadow:0 10px 22px rgba(17,23,47,.06);}
.slide-foot{bottom:24px}.slide-foot span{padding:9px 15px;background:#fff;box-shadow:0 12px 26px rgba(139,63,242,.1)}
.home-slider-v8 .carousel-control-prev,.home-slider-v8 .carousel-control-next{width:42px;height:42px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));box-shadow:0 12px 25px rgba(139,63,242,.25);bottom:18px;}
.home-slider-v8 .carousel-control-prev{right:76px}.home-slider-v8 .carousel-control-next{right:25px}
.home-slider-v8 .carousel-indicators{bottom:-35px}.home-slider-v8 .carousel-indicators button{height:6px;background:var(--dx-primary)}
.v8-marquee{margin-top:44px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.tech-marquee-wrap{overflow:hidden}.tech-marquee{animation:marquee 32s linear infinite}.tech-chip{transition:.25s}.tech-chip:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(139,63,242,.15)}
.smart-strip{padding:72px 0;background:linear-gradient(180deg,#fff,#faf7ff)}
.smart-panel{background:linear-gradient(145deg,#ffffff,#fbf8ff);box-shadow:0 24px 65px rgba(139,63,242,.1)}
.smart-feature{background:linear-gradient(145deg,#fff,#fbf8ff);box-shadow:0 12px 32px rgba(17,23,47,.05);animation:cardFloat 5s ease-in-out infinite}.smart-feature:nth-child(2n){animation-delay:.45s}.smart-feature .sf-icon{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));box-shadow:0 14px 28px rgba(139,63,242,.2)}
.process-flow{background:linear-gradient(135deg,#ffffff,#f4edff 55%,#eef4ff);color:var(--dx-dark);border:1px solid var(--dx-border);box-shadow:0 25px 70px rgba(139,63,242,.12)}
.process-flow:before{background-image:linear-gradient(rgba(139,63,242,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.07) 1px,transparent 1px);background-size:28px 28px;animation:gridMove 18s linear infinite;}
.process-flow .text-white{color:var(--dx-dark)!important}.process-flow .section-title span{color:var(--dx-primary)}
.process-step{background:rgba(255,255,255,.78);border:1px solid rgba(139,63,242,.15);box-shadow:0 14px 36px rgba(139,63,242,.08);transition:.25s;animation:stepRise 4.5s ease-in-out infinite}.process-step:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(139,63,242,.16)}.process-step:nth-child(2n){animation-delay:.35s}.process-step h6{color:var(--dx-dark)}.process-step p{color:var(--dx-muted)}
.milestone-strip{background:linear-gradient(180deg,#fff,#f7f2ff);border-top:1px solid var(--dx-border);padding:62px 0}.milestone{background:#fff;border:1px solid rgba(139,63,242,.12);border-radius:24px;padding:28px 16px;box-shadow:0 14px 38px rgba(139,63,242,.08);transition:.25s}.milestone:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(139,63,242,.14)}.milestone i{font-size:34px}.milestone h4{margin-top:12px}
@keyframes softPulse{from{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes stepRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:991px){.smart-slide-v8{min-height:445px}.hero-v8{padding-bottom:80px}.home-slider-v8{margin-top:18px}}
@media(max-width:575px){.smart-slide-v8{min-height:540px}.home-slider-v8 .carousel-control-prev,.home-slider-v8 .carousel-control-next{bottom:18px}.slide-foot{bottom:72px}.smart-dashboard-v8{padding:18px}.dash-kpi{grid-template-columns:1fr}.process-flow{padding:28px}}

/* V10 premium sober carousel + technology refresh */
.premium-home-slider{position:relative;border-radius:34px;filter:drop-shadow(0 24px 52px rgba(139,63,242,.14));}
.premium-home-slider .carousel-inner{border-radius:34px;overflow:hidden;border:1px solid rgba(139,63,242,.18);background:#fff;}
.premium-slide{min-height:430px;padding:30px;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center;position:relative;background:linear-gradient(135deg,#fff 0%,#fbf8ff 45%,#eef4ff 100%);overflow:hidden;}
.premium-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(200,92,255,.18),transparent 25%),radial-gradient(circle at 12% 85%,rgba(47,109,246,.10),transparent 24%);animation:softPulse 5s ease-in-out infinite alternate;}
.premium-slide:after{content:"";position:absolute;right:-130px;bottom:-130px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.10;}
.slide-content,.slide-visual{position:relative;z-index:2}.slide-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--dx-border);border-radius:50px;padding:9px 18px;font-weight:950;color:var(--dx-primary);box-shadow:0 10px 24px rgba(139,63,242,.10);margin-bottom:20px}.slide-pill span{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:inline-flex;align-items:center;justify-content:center}.premium-slide h3{font-size:clamp(25px,2.2vw,36px);font-weight:950;letter-spacing:-.7px;line-height:1.15;margin-bottom:12px;color:#12172f}.premium-slide p{font-size:15px;color:#687089;line-height:1.7;margin-bottom:18px}.slide-tags{display:flex;flex-wrap:wrap;gap:10px}.slide-tags span{background:#fff;border:1px solid var(--dx-border);border-radius:50px;padding:10px 16px;font-weight:900;color:#1b2140;box-shadow:0 8px 18px rgba(17,23,47,.06)}
.slide-visual{min-height:290px;border-radius:28px;background:linear-gradient(145deg,#ffffff,#f4edff);border:1px solid rgba(139,63,242,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 45px rgba(139,63,242,.12);overflow:hidden;display:flex;align-items:center;justify-content:center}.window-card{width:82%;height:220px;border-radius:26px;background:linear-gradient(145deg,#ffffff,#f6efff);border:1px solid #eadfff;box-shadow:0 20px 45px rgba(139,63,242,.14);padding:26px;position:relative;animation:floaty 4s ease-in-out infinite}.window-card i{width:10px;height:10px;border-radius:50%;background:var(--dx-secondary);display:inline-block;margin-right:10px}.window-card b{height:12px;border-radius:20px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));display:block;margin-top:22px}.window-card b:nth-of-type(1){width:92%}.window-card b:nth-of-type(2){width:66%}.window-card b:nth-of-type(3){width:46%}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:absolute;left:24px;right:24px;bottom:22px}.mini-kpis span{background:#fff;border:1px solid var(--dx-border);border-radius:16px;text-align:center;padding:13px;font-weight:950}.orbit-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.55;animation:floaty 5s infinite}.od1{width:24px;height:24px;top:48px;right:52px}.od2{width:14px;height:14px;bottom:52px;right:88px;animation-delay:.4s}.od3{width:18px;height:18px;left:50px;bottom:70px;animation-delay:.8s}.flow-visual{gap:14px;flex-wrap:wrap}.flow-node{width:98px;height:98px;border-radius:26px;background:#fff;border:1px solid var(--dx-border);display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;box-shadow:0 14px 32px rgba(139,63,242,.11);animation:floaty 4s infinite}.flow-node i{font-size:26px;color:var(--dx-primary)}.flow-node b{font-size:13px}.flow-visual em{width:36px;height:4px;border-radius:10px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));animation:flowLine 1.4s infinite}.module-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:28px}.module-visual div{height:112px;border-radius:24px;background:#fff;border:1px solid var(--dx-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:950;box-shadow:0 12px 28px rgba(139,63,242,.10);transition:.25s}.module-visual div:hover{transform:translateY(-8px)}.module-visual i{font-size:30px;color:var(--dx-primary)}.chart-visual{align-items:flex-end;gap:18px;padding:34px}.chart-visual div{width:54px;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,var(--dx-secondary),var(--dx-primary));box-shadow:0 12px 25px rgba(139,63,242,.24);animation:barPulse 1.8s infinite alternate}.chart-visual div:nth-child(2){animation-delay:.2s}.chart-visual div:nth-child(3){animation-delay:.4s}.chart-visual div:nth-child(4){animation-delay:.6s}.chart-visual div:nth-child(5){animation-delay:.8s}.premium-home-slider .carousel-control-prev,.premium-home-slider .carousel-control-next{width:42px;height:42px;border-radius:50%;top:auto;bottom:18px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:1;box-shadow:0 12px 24px rgba(139,63,242,.25)}.premium-home-slider .carousel-control-prev{left:auto;right:78px}.premium-home-slider .carousel-control-next{right:26px}.premium-home-slider .carousel-indicators{bottom:-36px}.premium-home-slider .carousel-indicators button{width:28px;height:6px;border:0;border-radius:10px;background:var(--dx-primary);opacity:.28}.premium-home-slider .carousel-indicators button.active{width:46px;opacity:1}@keyframes flowLine{0%{opacity:.25;transform:scaleX(.4)}100%{opacity:1;transform:scaleX(1)}}@keyframes barPulse{from{filter:saturate(.9);transform:scaleY(.92)}to{filter:saturate(1.2);transform:scaleY(1.04)}}
.process-flow{background:linear-gradient(135deg,#fff,#f6efff)!important;color:var(--dx-dark)!important;border:1px solid var(--dx-border);box-shadow:0 24px 70px rgba(139,63,242,.12)}.process-flow:before{background-image:linear-gradient(rgba(139,63,242,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.08) 1px,transparent 1px);background-size:28px 28px}.process-flow .section-title,.process-flow h2{color:var(--dx-dark)!important}.process-step{background:#fff!important;border:1px solid var(--dx-border)!important;box-shadow:0 14px 30px rgba(139,63,242,.08)}.process-step p{color:var(--dx-muted)!important}.process-step h6{color:var(--dx-dark)!important}.milestone-strip{background:linear-gradient(135deg,#faf7ff,#eef4ff)!important}.milestone{background:#fff;border:1px solid var(--dx-border);border-radius:24px;padding:24px 12px;box-shadow:0 14px 30px rgba(139,63,242,.08);transition:.25s}.milestone:hover{transform:translateY(-8px)}
.tech-logo-cloud{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.tech-logo-tile{min-height:132px;border-radius:26px;background:#fff;border:1px solid var(--dx-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 16px 38px rgba(17,23,47,.07);position:relative;overflow:hidden;transition:.25s}.tech-logo-tile:after{content:"";position:absolute;width:110px;height:110px;right:-45px;bottom:-45px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.08}.tech-logo-tile:hover{transform:translateY(-10px) rotate(.5deg);box-shadow:0 22px 50px rgba(139,63,242,.16)}.tech-logo-tile i{font-size:38px;color:var(--dx-primary)}.tech-logo-tile b{font-weight:950}.tech-logo-tile small{color:var(--dx-muted);font-weight:700}.tech-flow-panel{border-radius:34px;background:linear-gradient(135deg,#fff,#f7f1ff);border:1px solid var(--dx-border);padding:34px;box-shadow:0 24px 70px rgba(139,63,242,.10)}.tech-flow-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tech-flow-step{background:#fff;border:1px solid var(--dx-border);border-radius:26px;padding:24px;position:relative;overflow:hidden;transition:.25s}.tech-flow-step:hover{transform:translateY(-8px)}.tech-flow-step span{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;margin-bottom:18px}.tech-flow-step h5{font-weight:950}.tech-flow-step p{color:var(--dx-muted);font-size:14px;margin:0}.tech-ribbon{display:flex;gap:14px;overflow:hidden;padding:18px;border-radius:30px;background:linear-gradient(135deg,#f6efff,#eef4ff);border:1px solid var(--dx-border)}.tech-ribbon-track{display:flex;gap:14px;animation:marquee 24s linear infinite}.tech-ribbon-chip{white-space:nowrap;background:#fff;border:1px solid var(--dx-border);border-radius:50px;padding:13px 22px;font-weight:950;box-shadow:0 8px 20px rgba(17,23,47,.06)}.tech-ribbon-chip i{color:var(--dx-primary);margin-right:9px}@media(max-width:991px){.premium-slide{grid-template-columns:1fr;min-height:620px}.tech-logo-cloud{grid-template-columns:repeat(2,1fr)}.tech-flow-row{grid-template-columns:1fr 1fr}}@media(max-width:575px){.premium-slide{min-height:700px;padding:22px}.slide-visual{min-height:260px}.flow-visual em{display:none}.chart-visual div{width:38px}.tech-logo-cloud,.tech-flow-row{grid-template-columns:1fr}}


/* V11 client requested: smaller font, no black portfolio/about, richer about mission/vision */
:root{--dx-dark:#18203d;--dx-soft:#fbf7ff;--dx-soft-blue:#f0f5ff}
body{font-size:14px;line-height:1.55}.nav-link{font-size:13.5px}.navbar-brand img{height:42px}.section{padding:62px 0}.page-hero{padding:105px 0 48px}.page-hero h1,.hero h1{font-size:clamp(28px,4vw,48px)}.section-title h2{font-size:clamp(23px,2.8vw,34px)}.section-title span{font-size:12px}.info-card h5,.service-card h5,.solution-card h5,.smart-module h5,.case-card h5{font-size:16px}.info-card p,.service-card p,.solution-card p,.stats p,.smart-module p,.case-card p,.premium-slide p{font-size:13px}.hero-points span,.module-tags span,.slide-tags span{font-size:12px}.mega-title{font-size:16px}.mega-list li{font-size:13px}
.portfolio-hero-card{background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 48%,#eef4ff 100%)!important;color:var(--dx-dark)!important;border:1px solid var(--dx-border);box-shadow:0 24px 70px rgba(139,63,242,.12)}
.portfolio-hero-card p{color:var(--dx-muted)!important}.portfolio-hero-card:after{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.08}.portfolio-visual{background:linear-gradient(145deg,#ffffff,#f6efff)!important;border:1px solid var(--dx-border);box-shadow:0 16px 35px rgba(139,63,242,.12)}.portfolio-visual:before{background:rgba(255,255,255,.72)!important;border:1px solid #eadfff!important}.portfolio-visual .pv-line{background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue))}.portfolio-visual .pv-kpi{color:var(--dx-primary);box-shadow:0 10px 26px rgba(139,63,242,.12)}.case-card.premium-case{background:linear-gradient(180deg,#fff,#fcf9ff)}.portfolio-icon{box-shadow:0 14px 28px rgba(139,63,242,.22)}
.about-visual{background:linear-gradient(135deg,#fff,#fbf7ff 45%,#eef4ff)!important}.about-card{background:#fff!important;color:var(--dx-primary)!important;border:1px solid var(--dx-border);box-shadow:0 16px 35px rgba(139,63,242,.12)}.about-card i{color:var(--dx-primary)!important}.mission-card{height:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fbf7ff);border:1px solid var(--dx-border);border-radius:26px;padding:26px;box-shadow:0 18px 45px rgba(139,63,242,.10);transition:.25s}.mission-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(139,63,242,.16)}.mission-card:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.09}.mission-card .icon-box{width:48px;height:48px;font-size:20px}.mission-card h4{font-size:20px;font-weight:950}.mission-card p,.mission-card li{font-size:13.5px;color:var(--dx-muted)}.mission-card ul{padding:0;margin:12px 0 0}.mission-card li{list-style:none;margin:9px 0}.mission-card li i{color:var(--dx-primary);margin-right:8px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-mini{background:#fff;border:1px solid var(--dx-border);border-radius:22px;padding:22px;text-align:center;box-shadow:0 12px 32px rgba(139,63,242,.08);transition:.25s}.value-mini:hover{transform:translateY(-6px)}.value-mini i{font-size:28px;color:var(--dx-primary);margin-bottom:12px}.value-mini h6{font-weight:950;font-size:14px}.value-mini p{font-size:12.5px;color:var(--dx-muted);margin:0}.footer,footer{background:linear-gradient(135deg,#fbf7ff,#eef4ff)!important;color:var(--dx-dark)!important;border-top:1px solid var(--dx-border)}footer a,footer p{color:var(--dx-muted)!important}footer h4,footer h6{color:var(--dx-dark)!important}footer hr{border-color:#e4d8ff!important}.process-flow{background:linear-gradient(135deg,#fff,#fbf7ff,#eef4ff)!important}.process-step b{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff}.whatsapp-float{box-shadow:0 15px 35px rgba(37,211,102,.28)}
@media(max-width:991px){.value-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.value-grid{grid-template-columns:1fr}.section{padding:48px 0}.portfolio-hero-card{padding:24px}.page-hero{padding-top:92px}}

/* V12 final polish: compact typography + premium theme footer + attractive process/stats */
:root{
    --dx-dark:#151b36;
    --dx-deep:#24105f;
    --dx-deep-2:#39138f;
    --dx-primary:#8b3ff2;
    --dx-secondary:#c85cff;
}

/* Services dropdown: compact vertical product menu */
.mega-menu:has(.mega-simple-menu){
    width:360px !important;
    min-width:360px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    margin-top:14px !important;
    padding:16px !important;
    border:1px solid rgba(139,63,242,.14) !important;
    border-radius:0 0 18px 18px !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 24px 60px rgba(139,63,242,.14) !important;
}

.mega-menu:has(.mega-simple-menu)::before{
    content:"";
    position:absolute;
    top:-10px;
    left:50%;
    transform:translateX(-50%);
    width:74px;
    height:10px;
    background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));
    clip-path:polygon(0 60%,40% 60%,50% 0,60% 60%,100% 60%,100% 100%,0 100%);
}

.mega-menu:has(.mega-simple-menu) .container{
    max-width:none !important;
    padding:0 !important;
}

.mega-simple-menu{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
}

.mega-simple-link{
    position:relative;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 18px;
    align-items:center;
    gap:14px;
    min-height:66px;
    padding:11px 12px;
    border-radius:12px;
    background:#fff;
    color:var(--dx-dark);
    text-decoration:none;
    box-shadow:0 8px 22px rgba(17,23,47,.055);
    transition:all .18s ease;
}

.mega-simple-link i{
    width:42px;
    height:42px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f3edff;
    color:var(--dx-primary);
    font-size:18px;
}

.mega-simple-link span{
    display:grid;
    gap:3px;
    min-width:0;
}

.mega-simple-link b{
    color:var(--dx-dark);
    font-size:14px;
    line-height:1.1;
    font-weight:950;
}

.mega-simple-link small{
    color:#68748f;
    font-size:9.5px;
    line-height:1.25;
    font-weight:700;
}

.mega-simple-link::after{
    content:"\f105";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    color:var(--dx-primary);
    font-size:13px;
    justify-self:end;
}

.mega-simple-link:hover{
    transform:translateY(-2px);
    background:#f5edff;
    box-shadow:0 12px 28px rgba(139,63,242,.11);
}

@media(max-width:991px){
    .mega-menu:has(.mega-simple-menu){
        min-width:0 !important;
        width:100% !important;
        padding:14px !important;
        margin-top:8px !important;
        transform:none !important;
    }

    .mega-simple-menu{
        grid-template-columns:1fr;
    }

    .mega-simple-link{
        min-height:62px;
        grid-template-columns:44px minmax(0,1fr) 18px;
        padding:10px;
    }
}


/* =====================================================
   CLIENT RESPONSIVE ROUND ANIMATION REPAIR
   Keeps the core cards, workflow cards and process rounds
   animated and polished across tablet and mobile.
===================================================== */

.dx-core-card{
    isolation:isolate !important;
}

.dx-core-card::before{
    animation:dxAboutSurfaceGlow 7s ease-in-out infinite !important;
}

.dx-core-card:nth-child(2){animation-delay:.25s !important;}
.dx-core-card:nth-child(3){animation-delay:.5s !important;}
.dx-core-card:nth-child(4){animation-delay:.75s !important;}

.dx-core-icon,
.smart-feature .sf-icon,
.process-step b{
    position:relative !important;
    overflow:visible !important;
    border-radius:50% !important;
    animation:dxAboutRoundFloat 4.6s ease-in-out infinite !important;
}

.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,.30),rgba(217,168,255,.08) 48%,transparent 70%) !important;
    border:1px solid rgba(217,168,255,.36) !important;
    box-shadow:0 0 0 12px rgba(217,168,255,.07),0 18px 42px rgba(123,44,255,.16) !important;
    opacity:.86 !important;
    visibility:visible !important;
    pointer-events:none !important;
    z-index:-2 !important;
    animation:dxAboutRoundPulse 3.6s ease-in-out infinite !important;
}

.dx-core-icon::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-20px !important;
    border-radius:50% !important;
    background:conic-gradient(from 0deg,transparent 0 12%,rgba(123,44,255,.72),rgba(242,179,255,.72),transparent 64% 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;
    opacity:.95 !important;
    pointer-events:none !important;
    z-index:-1 !important;
    animation:dxAboutRoundRotate 7s linear infinite !important;
}

.smart-feature .sf-icon::after,
.process-step b::after{
    content:"" !important;
    position:absolute !important;
    inset:-9px !important;
    border-radius:50% !important;
    border:1px solid rgba(217,168,255,.46) !important;
    background:radial-gradient(circle,rgba(242,179,255,.22),transparent 66%) !important;
    box-shadow:0 0 0 8px rgba(217,168,255,.08),0 12px 28px rgba(123,44,255,.16) !important;
    pointer-events:none !important;
    z-index:-1 !important;
    animation:dxAboutRoundPulse 3.4s ease-in-out infinite !important;
}

.smart-feature:nth-child(2) .sf-icon,
.process-step:nth-child(2) b{animation-delay:.25s !important;}
.smart-feature:nth-child(3) .sf-icon,
.process-step:nth-child(3) b{animation-delay:.5s !important;}
.smart-feature:nth-child(4) .sf-icon,
.process-step:nth-child(4) b{animation-delay:.75s !important;}

@media(max-width:991px){
    .dx-core-grid{
        width:min(720px,92vw) !important;
        max-width:720px !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .dx-core-card{
        min-height:auto !important;
        height:auto !important;
        grid-template-columns:98px minmax(0,1fr) !important;
        grid-template-areas:
            "icon content"
            "list list" !important;
        align-items:center !important;
        row-gap:18px !important;
        padding:26px 24px !important;
        border-radius:26px !important;
    }

    .dx-core-icon{
        grid-area:icon !important;
        width:74px !important;
        height:74px !important;
        min-width:74px !important;
        font-size:26px !important;
        justify-self:center !important;
    }

    .dx-core-content{
        grid-area:content !important;
    }

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

    .dx-core-card ul{
        grid-area:list !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px !important;
        margin:2px 0 0 !important;
    }

    .dx-core-card li{
        align-items:center !important;
        min-height:40px !important;
        padding:8px 10px !important;
        border-radius:14px !important;
        background:rgba(255,255,255,.72) !important;
        border:1px solid rgba(217,168,255,.28) !important;
        font-size:11px !important;
        line-height:1.2 !important;
    }

    .smart-feature,
    .process-step{
        display:grid !important;
        grid-template-columns:54px minmax(0,1fr) !important;
        column-gap:14px !important;
        align-items:start !important;
    }

    .smart-feature .sf-icon,
    .process-step b{
        grid-row:1 / span 2 !important;
        margin:0 !important;
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        border-radius:50% !important;
    }
}

@media(max-width:575px){
    .dx-final-values-section{
        padding-top:42px !important;
        padding-bottom:48px !important;
    }

    .dx-core-premium-heading{
        margin-bottom:24px !important;
    }

    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span{
        font-size:30px !important;
        line-height:1.12 !important;
    }

    .dx-core-card{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "icon"
            "content"
            "list" !important;
        justify-items:center !important;
        text-align:center !important;
        padding:28px 18px 22px !important;
        row-gap:16px !important;
    }

    .dx-core-icon{
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
    }

    .dx-core-icon::before{
        inset:-26px !important;
    }

    .dx-core-icon::after{
        inset:-18px !important;
    }

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

    .dx-core-content p{
        max-width:300px !important;
        font-size:12px !important;
    }

    .dx-core-card ul{
        width:100% !important;
        max-width:330px !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .dx-core-card li{
        grid-template-columns:26px minmax(0,1fr) !important;
        text-align:left !important;
        font-size:11.5px !important;
    }

    .smart-panel,
    .process-flow{
        border-radius:22px !important;
    }

    .smart-feature,
    .process-step{
        grid-template-columns:50px minmax(0,1fr) !important;
        padding:20px 18px !important;
    }
}

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

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

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

@keyframes dxAboutSurfaceGlow{
    0%,100%{opacity:.72;}
    50%{opacity:1;}
}

/* Premium floating navbar style. */
body{
    padding-top:112px !important;
}

.navbar.glass-nav.fixed-top,
nav.navbar.glass-nav{
    top:18px !important;
    left:50% !important;
    right:auto !important;
    width:min(1780px,calc(100% - 88px)) !important;
    min-height:86px !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    border:1px solid rgba(217,168,255,.32) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(22px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.08) !important;
    box-shadow:0 22px 60px rgba(75,0,181,.10),0 8px 22px rgba(123,44,255,.08) !important;
    animation:dxPremiumNavReveal .8s ease both !important;
}

body.dark-mode .navbar.glass-nav.fixed-top,
body.dark-mode nav.navbar.glass-nav{
    background:rgba(15,18,37,.92) !important;
    border-color:rgba(182,109,255,.28) !important;
}

.navbar.glass-nav .container{
    width:100% !important;
    max-width:none !important;
    min-height:86px !important;
    padding:0 28px !important;
    gap:24px !important;
}

.navbar-brand{
    position:relative !important;
    min-width:300px !important;
    margin-right:34px !important;
}

.navbar-brand::after{
    content:"" !important;
    position:absolute !important;
    right:-24px !important;
    top:50% !important;
    width:1px !important;
    height:42px !important;
    transform:translateY(-50%) !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.24),transparent) !important;
}

.navbar-brand img{
    height:58px !important;
    max-height:58px !important;
    max-width:260px !important;
    object-fit:contain !important;
}

.navbar-nav{
    gap:18px !important;
    align-items:center !important;
}

.nav-link{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-height:42px !important;
    padding:9px 4px !important;
    margin:0 !important;
    border-radius:0 !important;
    color:#17122f !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    transition:color .3s ease,transform .3s ease !important;
}

.nav-link::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:2px !important;
    width:0 !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
    transform:translateX(-50%) !important;
    transition:width .35s cubic-bezier(.4,0,.2,1) !important;
    display:block !important;
}

.nav-link:hover{
    color:#7B2CFF !important;
    transform:translateY(-2px) !important;
    background:transparent !important;
}

.nav-link:hover::after,
.nav-link.active::after,
.nav-link.show::after,
.dropdown-toggle.show::after{
    width:56% !important;
}

.nav-link.active,
.nav-link.show,
.dropdown-toggle.show{
    color:#7B2CFF !important;
    background:transparent !important;
    box-shadow:none !important;
}

.navbar-nav > .nav-item:has(.nav-cta-link){
    position:relative !important;
    margin-left:24px !important;
    padding-left:28px !important;
}

.navbar-nav > .nav-item:has(.nav-cta-link)::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:1px !important;
    height:42px !important;
    transform:translateY(-50%) !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.24),transparent) !important;
}

.nav-link.nav-cta-link{
    min-height:54px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;
    box-shadow:0 14px 32px rgba(123,44,255,.28) !important;
    overflow:hidden !important;
}

.nav-link.nav-cta-link::after{
    display:none !important;
}

.nav-link.nav-cta-link:hover{
    color:#ffffff !important;
    transform:translateY(-3px) !important;
    box-shadow:0 20px 42px rgba(123,44,255,.34) !important;
}

.nav-link.nav-cta-link i{
    font-size:14px !important;
    transition:transform .3s ease !important;
}

.nav-link.nav-cta-link:hover i{
    transform:translateX(4px) !important;
}

.theme-toggle{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border:0 !important;
    border-radius:50% !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#7B2CFF,#B66DFF) !important;
    box-shadow:0 0 0 12px rgba(217,168,255,.32),0 14px 30px rgba(123,44,255,.22) !important;
    transition:transform .45s ease,box-shadow .3s ease,background .3s ease !important;
}

.theme-toggle:hover{
    transform:rotate(20deg) scale(1.08) !important;
    box-shadow:0 0 0 14px rgba(217,168,255,.38),0 18px 38px rgba(123,44,255,.28) !important;
}

.navbar-toggler{
    width:44px !important;
    height:44px !important;
    border:1px solid rgba(123,44,255,.22) !important;
    border-radius:8px !important;
    box-shadow:none !important;
}

.mega-menu{
    margin-top:18px !important;
    border-radius:24px !important;
    border:1px solid rgba(217,168,255,.34) !important;
    box-shadow:0 24px 58px rgba(75,0,181,.12) !important;
}

@keyframes dxPremiumNavReveal{
    from{opacity:0;transform:translateX(-50%) translateY(-20px);}
    to{opacity:1;transform:translateX(-50%) translateY(0);}
}

@media(max-width:1399px){
    .navbar.glass-nav.fixed-top,
    nav.navbar.glass-nav{
        width:min(1240px,calc(100% - 44px)) !important;
    }

    .navbar.glass-nav .container{
        padding:0 22px !important;
        gap:18px !important;
    }

    .navbar-brand{
        min-width:220px !important;
        margin-right:22px !important;
    }

    .navbar-brand img{
        height:52px !important;
        max-width:220px !important;
    }

    .navbar-nav{
        gap:12px !important;
    }

    .nav-link{
        font-size:13px !important;
    }

    .nav-link.nav-cta-link{
        min-height:50px !important;
        padding:0 22px !important;
    }
}

@media(max-width:1199px){
    .navbar.glass-nav.fixed-top,
    nav.navbar.glass-nav{
        width:calc(100% - 32px) !important;
        top:12px !important;
        min-height:76px !important;
        border-radius:20px !important;
    }

    body{
        padding-top:98px !important;
    }

    .navbar.glass-nav .container{
        min-height:76px !important;
    }

    .navbar-brand{
        min-width:auto !important;
        margin-right:0 !important;
    }

    .navbar-brand::after,
    .navbar-nav > .nav-item:has(.nav-cta-link)::before{
        display:none !important;
    }

    .navbar-brand img{
        height:48px !important;
        max-width:190px !important;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing{
        position:absolute !important;
        left:14px !important;
        right:14px !important;
        top:calc(100% + 10px) !important;
        margin-top:0 !important;
        padding:14px !important;
        border-radius:20px !important;
        background:rgba(255,255,255,.98) !important;
        box-shadow:0 22px 50px rgba(75,0,181,.14) !important;
    }

    .navbar-collapse.show .navbar-nav,
    .navbar-collapse.collapsing .navbar-nav{
        gap:8px !important;
        align-items:stretch !important;
    }

    .navbar-collapse.show .nav-link,
    .navbar-collapse.collapsing .nav-link{
        width:100% !important;
        justify-content:flex-start !important;
        min-height:44px !important;
        padding:10px 14px !important;
        border-radius:14px !important;
    }

    .navbar-collapse.show .nav-link.active,
    .navbar-collapse.collapsing .nav-link.active{
        color:#7B2CFF !important;
        background:rgba(217,168,255,.18) !important;
    }

    .navbar-collapse.show .nav-link::after,
    .navbar-collapse.collapsing .nav-link::after{
        bottom:6px !important;
        left:14px !important;
        transform:none !important;
    }

    .navbar-collapse.show .nav-link:hover::after,
    .navbar-collapse.show .nav-link.active::after,
    .navbar-collapse.collapsing .nav-link:hover::after,
    .navbar-collapse.collapsing .nav-link.active::after{
        width:34px !important;
    }

    .navbar-nav > .nav-item:has(.nav-cta-link){
        margin-left:0 !important;
        padding-left:0 !important;
    }

    .navbar-collapse.show .nav-link.nav-cta-link,
    .navbar-collapse.collapsing .nav-link.nav-cta-link{
        justify-content:center !important;
        margin-top:6px !important;
        color:#ffffff !important;
        background:linear-gradient(135deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
    }

    .navbar-collapse.show .theme-toggle,
    .navbar-collapse.collapsing .theme-toggle{
        margin:8px auto 0 !important;
    }

    .mega-menu{
        margin-top:8px !important;
        border-radius:16px !important;
        box-shadow:none !important;
    }
}

@media(max-width:575px){
    body{
        padding-top:86px !important;
    }

    .navbar.glass-nav.fixed-top,
    nav.navbar.glass-nav{
        top:8px !important;
        width:calc(100% - 18px) !important;
        min-height:68px !important;
        border-radius:18px !important;
    }

    .navbar.glass-nav .container{
        min-height:68px !important;
        padding:0 12px !important;
    }

    .navbar-brand img{
        height:42px !important;
        max-width:168px !important;
    }

    .navbar-toggler{
        width:40px !important;
        height:40px !important;
        border-radius:12px !important;
    }

    .theme-toggle{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        box-shadow:0 0 0 9px rgba(217,168,255,.30),0 10px 22px rgba(123,44,255,.20) !important;
    }
}

/* Final About page responsive fix: keep the blueprint animation visible on tablet/mobile. */
html,
body{
    max-width:100% !important;
    overflow-x:hidden !important;
}

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

    .dx-progress-consultant .container{
        max-width:100% !important;
        overflow:hidden !important;
    }

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

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

    .dx-progress-left h2,
    .dx-progress-left p{
        max-width:100% !important;
        white-space:normal !important;
        overflow-wrap:break-word !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* =====================================================
   CLIENT TABLET CORE CARD READABILITY FIX
   Keeps the animated round icon while restoring a clean
   desktop-like checklist layout on tablet screens.
===================================================== */

@media(max-width:991px) and (min-width:576px){
    .dx-core-grid .dx-core-card.dx-core-card{
        grid-template-columns:118px minmax(190px,1fr) minmax(220px,.9fr) !important;
        grid-template-areas:"icon content list" !important;
        column-gap:20px !important;
        row-gap:0 !important;
        align-items:center !important;
        text-align:left !important;
        padding:28px 28px !important;
        min-height:178px !important;
    }

    .dx-core-grid .dx-core-card .dx-core-icon{
        justify-self:center !important;
    }

    .dx-core-grid .dx-core-card .dx-core-content{
        justify-self:stretch !important;
        text-align:left !important;
    }

    .dx-core-grid .dx-core-card .dx-core-content span,
    .dx-core-grid .dx-core-card .dx-core-line{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .dx-core-grid .dx-core-card > ul{
        grid-area:list !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:11px !important;
        width:100% !important;
        max-width:240px !important;
        margin:0 !important;
        justify-self:end !important;
        align-self:center !important;
    }

    .dx-core-grid .dx-core-card li{
        min-height:auto !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        grid-template-columns:26px minmax(0,1fr) !important;
        gap:9px !important;
        font-size:11px !important;
        line-height:1.18 !important;
        text-align:left !important;
        word-break:normal !important;
    }

    .dx-core-grid .dx-core-card li i{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
    }
}
body{font-size:13px;line-height:1.48;}
.navbar-brand img{height:38px;}
.nav-link{font-size:12.5px;font-weight:850;margin:0 7px;}
.theme-toggle{width:34px;height:34px;font-size:13px;}
.hero h1,.page-hero h1{font-size:clamp(26px,3.8vw,44px);line-height:1.03;}
.hero p,.page-hero p{font-size:14.5px;line-height:1.65;}
.hero-badge{font-size:12.5px;padding:8px 14px;}
.btn-dx,.btn-outline-dx{font-size:13px;padding:10px 22px;}
.hero-points span{font-size:12px;padding:8px 12px;}
.hero-mini-grid div b{font-size:13px;}
.hero-mini-grid div small{font-size:11.5px;}
.section{padding:54px 0;}
.section-title{margin-bottom:28px;}
.section-title h2{font-size:clamp(22px,2.5vw,31px);line-height:1.18;}
.section-title span{font-size:11px;letter-spacing:.12em;}
.info-card,.service-card,.solution-card,.smart-module,.case-card,.mission-card{padding:20px;border-radius:20px;}
.info-card h5,.service-card h5,.solution-card h5,.smart-module h5,.case-card h5{font-size:14.5px;}
.info-card p,.service-card p,.solution-card p,.stats p,.smart-module p,.case-card p,.mission-card p,.mission-card li{font-size:12.5px;}
.icon-box{width:46px;height:46px;border-radius:15px;font-size:19px;margin-bottom:13px;}

/* Home process section more attractive, compact, and theme-color based */
.process-flow{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:46px 34px!important;
    background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 45%,#eef4ff 100%)!important;
    border:1px solid #eadfff!important;
    box-shadow:0 24px 70px rgba(139,63,242,.12)!important;
}
.process-flow:after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    right:-160px;
    top:-150px;
    background:radial-gradient(circle,rgba(200,92,255,.22),transparent 70%);
    pointer-events:none;
}
.process-flow .section-title{position:relative;z-index:1;}
.process-flow .row{position:relative;z-index:1;}
.process-step{
    min-height:150px;
    padding:22px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.88)!important;
    backdrop-filter:blur(10px);
    transition:.28s ease;
}
.process-step:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(139,63,242,.16)!important;
}
.process-step b{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    margin-bottom:16px;
    font-size:13px;
    box-shadow:0 12px 24px rgba(139,63,242,.22);
}
.process-step h6{font-size:15px;font-weight:950;margin-bottom:8px;}
.process-step p{font-size:12.5px;line-height:1.55;margin-bottom:0;}

/* Stats section compact and attractive */
.milestone-strip{
    padding:48px 0!important;
    background:linear-gradient(135deg,#f8f2ff 0%,#eef4ff 100%)!important;
    border-top:1px solid #eadfff;
    border-bottom:1px solid #eadfff;
}
.milestone{
    padding:22px 10px!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.92)!important;
    position:relative;
    overflow:hidden;
}
.milestone:after{
    content:"";
    position:absolute;
    width:86px;
    height:86px;
    right:-34px;
    bottom:-34px;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    opacity:.08;
    border-radius:50%;
}
.milestone i{font-size:27px!important;margin-bottom:10px!important;}
.milestone h4{font-size:24px!important;margin-bottom:4px!important;}
.milestone p{font-size:11.5px!important;letter-spacing:.08em!important;}

/* Deep theme footer requested */
footer,.footer{
    background:linear-gradient(135deg,var(--dx-deep) 0%,var(--dx-deep-2) 55%,#5f1ee8 100%)!important;
    color:#ffffff!important;
    border-top:0!important;
    padding:46px 0 22px!important;
    position:relative;
    overflow:hidden;
}
footer:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:36px 36px;
    opacity:.45;
}
footer .container{position:relative;z-index:1;}
footer h4,footer h6{color:#fff!important;font-size:18px;}
footer h6{font-size:14px;letter-spacing:.02em;}
footer p,footer a{color:rgba(255,255,255,.78)!important;font-size:13px;text-decoration:none;}
footer a:hover{color:#fff!important;}
footer hr{border-color:rgba(255,255,255,.22)!important;}

/* Portfolio text smaller and no black feel */
.portfolio-hero-card,.case-card.premium-case{background:linear-gradient(145deg,#fff,#fbf7ff)!important;}
.portfolio-hero-card h1,.portfolio-hero-card h2{font-size:clamp(24px,3vw,38px)!important;}
.portfolio-hero-card p{font-size:13px!important;}
.case-card.premium-case h5{font-size:14.5px!important;}
.case-card.premium-case li{font-size:12px!important;}

@media(max-width:991px){
    .process-flow{padding:34px 22px!important;}
    .section{padding:46px 0;}
}

/* V13 refinements requested: theme footer, bigger menu, compact slider text, attractive responsive carousel, richer about effects */
:root{
    --dx-footer-1:#8b3ff2;
    --dx-footer-2:#c85cff;
    --dx-footer-3:#6f46ff;
}

/* Menu: slightly bigger than V12 but still premium */
.nav-link{
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
}
.navbar-brand img{height:40px!important;}
.mega-list li{font-size:13.5px!important;}
.mega-title{font-size:16px!important;}

/* Carousel: smaller text + more attractive theme based glass UI */
.premium-home-slider{
    filter:drop-shadow(0 28px 60px rgba(139,63,242,.16))!important;
}
.premium-home-slider .carousel-inner{
    border-radius:32px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(250,245,255,.98))!important;
    border:1px solid rgba(139,63,242,.20)!important;
}
.premium-slide{
    min-height:405px!important;
    padding:28px!important;
    grid-template-columns:1.02fr .98fr!important;
    gap:22px!important;
    background:
        radial-gradient(circle at 85% 20%,rgba(200,92,255,.17),transparent 26%),
        radial-gradient(circle at 15% 82%,rgba(47,109,246,.10),transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#fbf7ff 48%,#f0f5ff 100%)!important;
}
.premium-slide:before{
    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:28px 28px!important;
    animation:gridMove 16s linear infinite!important;
}
.premium-slide:after{
    width:240px!important;
    height:240px!important;
    right:-92px!important;
    bottom:-92px!important;
    opacity:.12!important;
}
.slide-pill{
    padding:7px 14px!important;
    margin-bottom:15px!important;
    font-size:13px!important;
    box-shadow:0 10px 24px rgba(139,63,242,.12)!important;
}
.slide-pill span{
    width:34px!important;
    height:34px!important;
    border-radius:13px!important;
    font-size:13px!important;
}
.premium-slide h3{
    font-size:clamp(21px,1.8vw,30px)!important;
    line-height:1.18!important;
    letter-spacing:-.35px!important;
    margin-bottom:10px!important;
}
.premium-slide p{
    font-size:12.8px!important;
    line-height:1.58!important;
    max-width:500px!important;
    margin-bottom:14px!important;
}
.slide-tags{gap:8px!important;}
.slide-tags span{
    font-size:11.5px!important;
    padding:8px 13px!important;
    box-shadow:0 10px 20px rgba(139,63,242,.08)!important;
}
.slide-visual{
    min-height:255px!important;
    border-radius:26px!important;
    background:
        radial-gradient(circle at 22% 18%,rgba(200,92,255,.16),transparent 26%),
        linear-gradient(145deg,#ffffff,#f5efff)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 20px 46px rgba(139,63,242,.13)!important;
}
.slide-visual:before{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    border-radius:50%;
    right:-45px;
    top:-40px;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    opacity:.08;
    animation:softPulse 4s ease-in-out infinite alternate;
}
.window-card{
    width:86%!important;
    height:190px!important;
    border-radius:24px!important;
    padding:22px!important;
    background:rgba(255,255,255,.78)!important;
    backdrop-filter:blur(14px)!important;
}
.window-card b{height:10px!important;margin-top:18px!important;}
.mini-kpis{bottom:18px!important;gap:10px!important;}
.mini-kpis span{padding:10px!important;font-size:12px!important;}
.flow-node{
    width:88px!important;
    height:88px!important;
    border-radius:22px!important;
    transition:.25s!important;
}
.flow-node:hover{transform:translateY(-6px) scale(1.03)!important;}
.flow-node i{font-size:23px!important;}
.flow-node b{font-size:12px!important;}
.flow-visual em{width:28px!important;height:3px!important;}
.module-visual{
    gap:14px!important;
    padding:22px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(248,242,255,.7))!important;
}
.module-visual div{
    height:96px!important;
    border-radius:23px!important;
    background:rgba(255,255,255,.9)!important;
}
.module-visual i{font-size:27px!important;}
.module-visual span{font-size:12.5px!important;}
.chart-visual{
    position:relative!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:14px!important;
    padding:28px 24px!important;
    min-height:255px!important;
}
.chart-visual:after{
    content:"AI KPI Analytics";
    position:absolute;
    left:22px;
    top:20px;
    color:var(--dx-primary);
    font-weight:950;
    font-size:13px;
    letter-spacing:.04em;
}
.chart-visual div{
    width:42px!important;
    min-height:60px!important;
    border-radius:16px 16px 8px 8px!important;
    background:linear-gradient(180deg,#f76cff 0%,#c85cff 45%,#8b3ff2 100%)!important;
    box-shadow:0 12px 24px rgba(139,63,242,.25)!important;
}
.premium-home-slider .carousel-control-prev,
.premium-home-slider .carousel-control-next{
    width:38px!important;
    height:38px!important;
    bottom:16px!important;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;
}
.premium-home-slider .carousel-control-prev{right:68px!important;}
.premium-home-slider .carousel-control-next{right:22px!important;}
.premium-home-slider .carousel-indicators{bottom:-33px!important;}
.premium-home-slider .carousel-indicators button{height:5px!important;width:24px!important;border-radius:14px!important;}
.premium-home-slider .carousel-indicators button.active{width:38px!important;}
.carousel-item.active .slide-content{animation:slideTextIn .65s ease both;}
.carousel-item.active .slide-visual{animation:slideVisualIn .75s ease both;}
@keyframes slideTextIn{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideVisualIn{from{opacity:0;transform:translateX(24px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}

/* Fix responsive carousel: keep info readable and avoid broken blank visual */
@media(max-width:1199px){
    .premium-slide{grid-template-columns:1fr!important;min-height:auto!important;padding:26px!important;}
    .slide-content{max-width:100%!important;}
    .slide-visual{min-height:230px!important;}
    .premium-home-slider .carousel-control-prev,.premium-home-slider .carousel-control-next{bottom:14px!important;}
}
@media(max-width:575px){
    .premium-slide{padding:20px!important;border-radius:26px!important;}
    .premium-slide h3{font-size:23px!important;}
    .premium-slide p{font-size:12.5px!important;}
    .slide-pill{font-size:12px!important;}
    .slide-tags span{font-size:11px!important;padding:7px 10px!important;}
    .slide-visual{min-height:220px!important;}
    .chart-visual div{width:30px!important;}
    .module-visual{grid-template-columns:repeat(2,1fr)!important;}
    .module-visual div{height:82px!important;}
    .flow-visual{gap:10px!important;}
    .flow-node{width:76px!important;height:76px!important;}
}

/* About page: add premium animated glass effect without changing content */
.about-visual{
    min-height:390px!important;
    background:
        radial-gradient(circle at 72% 25%,rgba(200,92,255,.22),transparent 28%),
        radial-gradient(circle at 20% 78%,rgba(47,109,246,.13),transparent 30%),
        linear-gradient(135deg,#ffffff,#fbf7ff 48%,#eef4ff)!important;
    border:1px solid var(--dx-border)!important;
    box-shadow:0 28px 75px rgba(139,63,242,.14)!important;
}
.about-visual:before{
    content:"";
    position:absolute;
    inset:34px;
    border:1px dashed rgba(139,63,242,.30);
    border-radius:50%;
    animation:spin 18s linear infinite;
}
.about-visual:after{
    content:"Dreamix Delivery Flow";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:150px;
    height:150px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:950;
    color:#fff;
    padding:22px;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    box-shadow:0 20px 42px rgba(139,63,242,.24);
}
.about-card{
    border-radius:20px!important;
    padding:16px 20px!important;
    animation:floaty 4.2s ease-in-out infinite!important;
}
.about-card.ac2{animation-delay:.25s!important;}
.about-card.ac3{animation-delay:.5s!important;}
.about-card.ac4{animation-delay:.75s!important;}
.mission-card,.value-mini{
    background:linear-gradient(145deg,#ffffff,#fbf7ff)!important;
    border:1px solid rgba(139,63,242,.18)!important;
}
.mission-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.74),transparent);
    transform:translateX(-120%);
    transition:.6s;
}
.mission-card:hover:before{transform:translateX(120%);}
.value-mini{position:relative;overflow:hidden;}
.value-mini:after{
    content:"";
    position:absolute;
    width:80px;
    height:45px;
    right:-30px;
    bottom:-30px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    opacity:.08;
}

/* Stats section: more attractive, less oversized */
.milestone-strip{padding:42px 0!important;background:linear-gradient(135deg,#fbf7ff 0%,#eef4ff 100%)!important;}
.milestone{
    padding:20px 12px!important;
    border:1px solid rgba(139,63,242,.16)!important;
    box-shadow:0 16px 38px rgba(139,63,242,.10)!important;
    transition:.25s!important;
}
.milestone:hover{transform:translateY(-7px)!important;}
.milestone i{font-size:25px!important;}
.milestone h4{font-size:22px!important;}
.milestone p{font-size:11px!important;}

/* Footer: same visual family as Get In Touch purple, not dark black */
footer,.footer{
    background:linear-gradient(135deg,var(--dx-footer-1) 0%,var(--dx-footer-2) 52%,var(--dx-footer-3) 100%)!important;
    padding:42px 0 20px!important;
}
footer:before{
    opacity:.32!important;
    background-size:32px 32px!important;
}
footer h4{font-size:17px!important;}
footer h6{font-size:13.5px!important;}
footer p,footer a{font-size:12.5px!important;color:rgba(255,255,255,.86)!important;}
footer hr{border-color:rgba(255,255,255,.26)!important;}

/* Floating contact color aligned with footer */
.floating-contact{background:linear-gradient(135deg,var(--dx-footer-1),var(--dx-footer-2))!important;}

/* V14: slow elegant carousel, compact font, no black portfolio, stronger about/service pages */
body{font-size:12.5px!important;line-height:1.45!important;}
.nav-link{font-size:13.5px!important;font-weight:900!important;}
.hero h1,.page-hero h1{font-size:clamp(25px,3.4vw,42px)!important;}
.hero p,.page-hero p{font-size:13.5px!important;line-height:1.62!important;}
.premium-home-slider .carousel-inner{border-radius:34px!important;background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 52%,#f0f5ff 100%)!important;}
.premium-slide{min-height:390px!important;padding:24px!important;background:linear-gradient(135deg,#fff 0%,#fbf8ff 45%,#eef5ff 100%)!important;}
.premium-slide h3{font-size:clamp(20px,1.65vw,27px)!important;line-height:1.2!important;}
.slide-visual{background:linear-gradient(145deg,#fff,#f7f1ff)!important;border:1px solid #eadfff!important;}
.slide-visual *{color:var(--dx-primary)}
.window-card{background:linear-gradient(145deg,#ffffff,#f3ebff)!important;border:1px solid #eadfff!important;}
.window-card b{background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue))!important;}
.mini-kpis span{background:#fff!important;color:var(--dx-dark)!important;border:1px solid #eadfff;}
.flow-visual{display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:center!important;gap:14px!important;padding:28px!important;}
.flow-node{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:96px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:#fff!important;border:1px solid #eadfff!important;box-shadow:0 18px 38px rgba(139,63,242,.12)!important;}
.flow-node:after{content:"";position:absolute;right:-18px;top:50%;width:20px;height:2px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));}
.flow-node:last-child:after{display:none;}
.flow-visual em{display:none!important;}
.module-visual{grid-template-columns:repeat(2,1fr)!important;background:linear-gradient(145deg,#fff,#f8f3ff)!important;}
.module-visual div{background:#fff!important;border:1px solid #eadfff!important;box-shadow:0 16px 34px rgba(139,63,242,.10)!important;}
.chart-visual{background:linear-gradient(145deg,#fff,#f8f3ff)!important;border:1px solid #eadfff!important;}
.chart-visual div{background:linear-gradient(180deg,#c85cff,#8b3ff2,#5f7cff)!important;}
.premium-home-slider .carousel-control-prev,.premium-home-slider .carousel-control-next{opacity:.9;}
.premium-home-slider .carousel-indicators{bottom:-28px!important;}

/* Portfolio: replace dark hero feeling with clean premium case-study look */
.portfolio-hero-card{padding:48px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff 0%,#fbf7ff 48%,#edf4ff 100%)!important;}
.portfolio-hero-card h1{font-size:clamp(25px,3vw,40px)!important;line-height:1.16!important;}
.portfolio-hero-card .gradient-text{background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.portfolio-visual{min-height:250px!important;background:linear-gradient(145deg,#fff,#f5eeff)!important;}
.portfolio-visual:before{box-shadow:0 16px 40px rgba(139,63,242,.12)!important;}
.case-card.premium-case{border-radius:24px!important;padding:18px!important;background:linear-gradient(145deg,#ffffff,#fcf9ff)!important;}
.case-card.premium-case .case-shot,.case-shot{height:150px!important;border-radius:20px!important;background:linear-gradient(135deg,#fff,#f4ebff)!important;border:1px solid #eadfff!important;}
.case-shot:before{background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue))!important;}
.case-shot:after{background:#fff!important;border:1px solid #eadfff!important;color:var(--dx-primary)!important;}
.portfolio-icon{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;}

/* About: new attractive delivery ecosystem */
.about-visual{min-height:410px!important;}
.about-visual:before{animation:spin 28s linear infinite!important;}
.about-card{box-shadow:0 18px 38px rgba(139,63,242,.12)!important;}
.about-future-panel{position:relative;overflow:hidden;border-radius:32px;padding:34px;background:linear-gradient(135deg,#fff,#fbf7ff 48%,#eef4ff);border:1px solid #eadfff;box-shadow:0 24px 70px rgba(139,63,242,.12)}
.about-future-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px);background-size:34px 34px;animation:gridMove 22s linear infinite}
.about-future-panel>*{position:relative;z-index:1}.about-feature-card{height:100%;border-radius:22px;background:rgba(255,255,255,.86);border:1px solid #eadfff;padding:22px;box-shadow:0 16px 38px rgba(139,63,242,.09);transition:.25s}.about-feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(139,63,242,.16)}.about-feature-card i{font-size:30px;color:var(--dx-primary);margin-bottom:14px}.about-feature-card h5{font-size:15px;font-weight:950}.about-feature-card p{font-size:12.5px;color:var(--dx-muted);margin:0}

/* Services dedicated cards */
.service-card a.card-link-stretched{position:absolute;inset:0}.service-card{position:relative}.service-card .learn-more{font-weight:900;color:var(--dx-primary);font-size:12.5px}.service-detail-hero{padding-top:115px;background:linear-gradient(135deg,#fff,#fbf7ff,#eef4ff)}.service-detail-panel{border-radius:32px;background:#fff;border:1px solid #eadfff;box-shadow:0 24px 70px rgba(139,63,242,.12);padding:36px}.service-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-flow div{padding:20px;border-radius:22px;background:linear-gradient(145deg,#fff,#fbf7ff);border:1px solid #eadfff;box-shadow:0 14px 32px rgba(139,63,242,.08)}.service-flow b{display:inline-flex;width:36px;height:36px;border-radius:14px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));margin-bottom:12px}.service-flow h5{font-size:15px;font-weight:950}.service-flow p{font-size:12.5px;color:var(--dx-muted);margin:0}

footer,.footer{background:linear-gradient(135deg,#8b3ff2 0%,#c85cff 55%,#6f46ff 100%)!important;}
@media(max-width:991px){.flow-visual,.service-flow{grid-template-columns:repeat(2,1fr)!important}.flow-node:after{display:none}.premium-slide{min-height:auto!important}.portfolio-hero-card{padding:28px!important}}
@media(max-width:575px){.flow-visual,.service-flow{grid-template-columns:1fr!important}.premium-slide h3{font-size:21px!important}.slide-visual{min-height:210px!important}.portfolio-visual{min-height:210px!important}}
.mega-list a{color:inherit;text-decoration:none}.mega-list a:hover{color:var(--dx-primary)}

/* V15 final polish: calmer carousel, correct slide fit, attractive About consultant section, small readable typography */
:root{
    --dx-primary:#8b3ff2;
    --dx-secondary:#c85cff;
    --dx-blue:#2f6df6;
    --dx-dark:#151b36;
    --dx-muted:#5f6b86;
    --dx-border:#eadfff;
    --dx-surface:#ffffff;
    --dx-soft:#fbf7ff;
}
body{font-size:12.25px!important;line-height:1.48!important;}
.navbar{min-height:68px!important;}
.navbar-brand img{height:42px!important;}
.nav-link{font-size:14px!important;font-weight:900!important;margin:0 8px!important;}
.mega-title{font-size:15.5px!important;text-transform:capitalize!important;color:var(--dx-primary)!important;}
.mega-list li{font-size:13px!important;text-transform:none!important;}
.hero h1,.page-hero h1{font-size:clamp(24px,3.35vw,41px)!important;}
.hero p,.page-hero p{font-size:13.25px!important;}
.section-title h2{font-size:clamp(21px,2.5vw,31px)!important;}

/* Calm, elegant carousel - fixes slide 2/3/4 coordination and responsive overflow */
.premium-home-slider{max-width:100%;filter:drop-shadow(0 22px 48px rgba(139,63,242,.12))!important;}
.premium-home-slider .carousel-inner{border-radius:30px!important;border:1px solid rgba(139,63,242,.18)!important;background:linear-gradient(135deg,#fff,#fbf7ff 55%,#eef4ff)!important;overflow:hidden!important;}
.premium-slide{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    align-items:center!important;
    gap:22px!important;
    min-height:365px!important;
    padding:24px!important;
    background:
      radial-gradient(circle at 88% 18%,rgba(200,92,255,.14),transparent 28%),
      radial-gradient(circle at 6% 92%,rgba(47,109,246,.10),transparent 30%),
      linear-gradient(135deg,#ffffff 0%,#fbf8ff 52%,#f1f6ff 100%)!important;
}
.premium-slide:before{opacity:.55!important;background-size:32px 32px!important;animation:gridMove 30s linear infinite!important;}
.premium-slide:after{opacity:.08!important;}
.slide-content{position:relative!important;z-index:3!important;}
.slide-pill{font-size:12.5px!important;padding:7px 13px!important;margin-bottom:13px!important;background:#fff!important;border:1px solid var(--dx-border)!important;color:var(--dx-primary)!important;}
.slide-pill span{width:32px!important;height:32px!important;border-radius:12px!important;font-size:12px!important;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;color:#fff!important;}
.premium-slide h3{font-size:clamp(19px,1.55vw,26px)!important;line-height:1.22!important;margin-bottom:9px!important;color:var(--dx-dark)!important;}
.premium-slide p{font-size:12.25px!important;line-height:1.55!important;max-width:480px!important;color:var(--dx-muted)!important;margin-bottom:13px!important;}
.slide-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.slide-tags span{font-size:11.25px!important;padding:7px 11px!important;border:1px solid var(--dx-border)!important;background:#fff!important;color:var(--dx-dark)!important;border-radius:30px!important;box-shadow:0 8px 18px rgba(139,63,242,.07)!important;}
.slide-visual{position:relative!important;z-index:2!important;min-height:235px!important;width:100%!important;border-radius:26px!important;background:linear-gradient(145deg,#ffffff,#f6efff)!important;border:1px solid var(--dx-border)!important;box-shadow:0 18px 42px rgba(139,63,242,.11)!important;overflow:hidden!important;}
.slide-visual:before{opacity:.08!important;}
.window-card{height:170px!important;width:84%!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--dx-border)!important;box-shadow:0 16px 34px rgba(139,63,242,.11)!important;}
.window-card b{height:8px!important;margin-top:13px!important;border-radius:12px!important;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue))!important;}
.mini-kpis span{font-size:11px!important;padding:8px!important;border-radius:14px!important;}

.flow-visual,.module-visual,.chart-visual{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    padding:22px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
}
.flow-node,.module-visual div{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:auto!important;height:94px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    border-radius:22px!important;background:#fff!important;border:1px solid var(--dx-border)!important;
    box-shadow:0 14px 30px rgba(139,63,242,.10)!important;color:var(--dx-dark)!important;
    animation:softFloat 6s ease-in-out infinite!important;
}
.flow-node:nth-child(3),.module-visual div:nth-child(2){animation-delay:.35s!important;}
.flow-node:nth-child(5),.module-visual div:nth-child(3){animation-delay:.7s!important;}
.flow-node:nth-child(7),.module-visual div:nth-child(4){animation-delay:1.05s!important;}
.flow-node:after,.flow-visual em{display:none!important;}
.flow-node i,.module-visual i{font-size:24px!important;color:var(--dx-primary)!important;margin-bottom:8px!important;}
.flow-node b,.module-visual span{font-size:11.75px!important;color:var(--dx-dark)!important;font-weight:900!important;}
.chart-visual{grid-template-columns:repeat(5,1fr)!important;align-items:end!important;justify-content:center!important;gap:12px!important;padding:46px 24px 24px!important;}
.chart-visual:after{content:"AI KPI Analytics"!important;top:18px!important;left:24px!important;font-size:12px!important;color:var(--dx-primary)!important;}
.chart-visual div{width:100%!important;max-width:52px!important;min-height:70px!important;border-radius:16px 16px 9px 9px!important;background:linear-gradient(180deg,#f36cff,#c85cff 45%,#8b3ff2 100%)!important;box-shadow:0 12px 24px rgba(139,63,242,.20)!important;animation:barRise 2.8s ease-in-out infinite alternate!important;}
.chart-visual div:nth-child(2){animation-delay:.25s!important}.chart-visual div:nth-child(3){animation-delay:.5s!important}.chart-visual div:nth-child(4){animation-delay:.75s!important}.chart-visual div:nth-child(5){animation-delay:1s!important}
.premium-home-slider .carousel-control-prev,.premium-home-slider .carousel-control-next{width:34px!important;height:34px!important;bottom:14px!important;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;opacity:.82!important;box-shadow:0 12px 24px rgba(139,63,242,.20)!important;}
.premium-home-slider .carousel-control-prev{right:62px!important}.premium-home-slider .carousel-control-next{right:20px!important}
.premium-home-slider .carousel-indicators{bottom:-26px!important;margin-bottom:0!important;}
.premium-home-slider .carousel-indicators button{width:22px!important;height:5px!important;border-radius:12px!important;background:#cdb4ff!important;opacity:1!important;}
.premium-home-slider .carousel-indicators button.active{width:36px!important;background:var(--dx-primary)!important;}
.carousel-item{transition:transform 1.2s ease-in-out,opacity .8s ease-in-out!important;}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes barRise{from{transform:scaleY(.86);filter:saturate(.95)}to{transform:scaleY(1);filter:saturate(1.1)}}
@media(max-width:1199px){.premium-slide{grid-template-columns:1fr!important;min-height:auto!important}.slide-visual{min-height:230px!important}}
@media(max-width:575px){.premium-slide{padding:18px!important}.flow-visual,.module-visual{grid-template-columns:repeat(2,1fr)!important;padding:16px!important}.flow-node,.module-visual div{height:78px!important}.chart-visual{padding:42px 16px 18px!important;gap:8px!important}.premium-slide h3{font-size:20px!important}.premium-slide p{font-size:12px!important}.slide-tags span{font-size:10.75px!important}}

/* Portfolio: white premium look, smaller title, no dark/black */
.portfolio-hero-card{background:linear-gradient(135deg,#fff 0%,#fbf7ff 55%,#eef4ff 100%)!important;border:1px solid var(--dx-border)!important;box-shadow:0 22px 55px rgba(139,63,242,.10)!important;}
.portfolio-hero-card h1{font-size:clamp(23px,2.65vw,36px)!important;line-height:1.18!important;color:var(--dx-dark)!important;}
.portfolio-hero-card p{font-size:12.5px!important;color:var(--dx-muted)!important;}
.portfolio-visual{background:linear-gradient(145deg,#fff,#f6efff)!important;border:1px solid var(--dx-border)!important;}
.case-card.premium-case{box-shadow:0 14px 34px rgba(139,63,242,.08)!important;}

/* About: more attractive delivery + consultant section */
.about-visual{background:linear-gradient(135deg,#fff,#fbf7ff 48%,#eef4ff)!important;}
.consultant-showcase{background:linear-gradient(135deg,#fff,#fbf7ff 60%,#eef4ff)!important;position:relative;overflow:hidden;}
.consultant-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px);background-size:36px 36px;animation:gridMove 24s linear infinite;}
.consultant-showcase .container{position:relative;z-index:1;}
.consultant-list{display:grid;gap:12px;margin-top:22px;}
.consultant-list div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--dx-border);border-radius:18px;padding:14px 16px;box-shadow:0 12px 28px rgba(139,63,242,.08);font-weight:850;color:var(--dx-dark);transition:.25s;}
.consultant-list div:hover{transform:translateX(7px);box-shadow:0 18px 38px rgba(139,63,242,.13)}
.consultant-list i{width:34px;height:34px;border-radius:13px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));display:flex;align-items:center;justify-content:center;color:#fff;}
.consultant-board{position:relative;min-height:390px;border-radius:32px;background:rgba(255,255,255,.82);border:1px solid var(--dx-border);box-shadow:0 24px 65px rgba(139,63,242,.13);overflow:hidden;}
.consultant-board:before{content:"";position:absolute;left:50%;top:50%;width:360px;height:210px;border:2px dashed rgba(139,63,242,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);animation:spin 28s linear infinite;}
.cb-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:138px;height:138px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;box-shadow:0 18px 40px rgba(139,63,242,.24);font-size:12px;font-weight:900;}
.cb-center i{font-size:28px}.cb-center strong{max-width:92px;line-height:1.2}
.cb-card{position:absolute;width:205px;background:#fff;border:1px solid var(--dx-border);border-radius:22px;padding:16px;box-shadow:0 16px 34px rgba(139,63,242,.11);animation:softFloat 5.6s ease-in-out infinite;}
.cb-card b{display:inline-flex;width:34px;height:34px;border-radius:13px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;margin-bottom:7px;}
.cb-card span{display:block;font-weight:950;color:var(--dx-dark);font-size:13px}.cb-card small{color:var(--dx-muted);font-size:11.5px;line-height:1.4;display:block;}
.cb1{left:7%;top:13%}.cb2{right:7%;top:18%;animation-delay:.35s}.cb3{left:10%;bottom:13%;animation-delay:.7s}.cb4{right:9%;bottom:11%;animation-delay:1.05s}
@media(max-width:767px){.consultant-board{min-height:auto;padding:20px;display:grid;gap:14px}.consultant-board:before,.cb-center{display:none}.cb-card{position:relative;width:auto;left:auto;right:auto;top:auto;bottom:auto}}

/* Replace service old uppercase consultant styling with title case */
.mega-title,.service-card h5,.section-title span{text-transform:none!important;}



/* V16 actual fixed package: logo, menu, calm carousel, service consultant pages, technology polish */
:root{--dx-primary:#8b3ff2;--dx-secondary:#c85cff;--dx-blue:#2f6df6;--dx-dark:#17203a;--dx-muted:#5f6d86;--dx-border:#eadfff;--dx-soft:#fbf7ff;--dx-footer-1:#8b3ff2;--dx-footer-2:#c85cff;--dx-footer-3:#6f46ff;}
body{font-size:12.5px!important;line-height:1.55!important;color:var(--dx-dark)!important}.navbar{min-height:76px!important}.glass-nav{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 26px rgba(139,63,242,.08)!important}.navbar-brand{display:flex;align-items:center;min-width:158px}.navbar-brand img{width:148px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;display:block!important}.nav-link{font-size:14.5px!important;font-weight:900!important;color:#202341!important;margin:0 8px!important}.nav-link:hover,.nav-link.active{color:var(--dx-primary)!important}.nav-link:after{height:4px!important;bottom:-4px!important}.theme-toggle{width:42px!important;height:42px!important;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;box-shadow:0 12px 26px rgba(139,63,242,.22)!important}.mega-title{font-size:16px!important;text-transform:capitalize!important;color:var(--dx-primary)!important}.mega-list li{font-size:13px!important;text-transform:capitalize!important;color:#56617a!important}.mega-list a{text-decoration:none!important;color:inherit!important}

/* carousel: no double enter animation; stable slide 2/3/4 fit */
.carousel-item.active .slide-content,.carousel-item.active .slide-visual{animation:none!important}.premium-home-slider .carousel-item{transition:transform .85s ease-in-out!important}.premium-home-slider .carousel-inner{border-radius:34px!important;background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 50%,#eef5ff 100%)!important;border:1px solid rgba(139,63,242,.18)!important;box-shadow:0 24px 70px rgba(139,63,242,.13)!important;overflow:hidden!important}.premium-slide{min-height:405px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important;align-items:center!important;padding:28px!important;background:radial-gradient(circle at 90% 15%,rgba(200,92,255,.14),transparent 28%),radial-gradient(circle at 8% 92%,rgba(47,109,246,.10),transparent 30%),linear-gradient(135deg,#fff,#fbf7ff 60%,#eef5ff)!important}.premium-slide:before,.premium-slide:after{animation:none!important;opacity:.05!important}.slide-pill{display:inline-flex!important;align-items:center!important;gap:10px!important;background:#fff!important;border:1px solid var(--dx-border)!important;color:var(--dx-primary)!important;border-radius:50px!important;font-size:12px!important;font-weight:900!important;padding:7px 13px!important;box-shadow:0 12px 30px rgba(139,63,242,.10)!important}.slide-pill span{display:inline-flex!important;width:34px!important;height:34px!important;border-radius:13px!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important}.premium-slide h3{font-size:clamp(20px,1.75vw,28px)!important;line-height:1.22!important;color:var(--dx-dark)!important;margin:16px 0 10px!important}.premium-slide p{font-size:12.5px!important;line-height:1.6!important;color:var(--dx-muted)!important;margin-bottom:14px!important}.slide-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.slide-tags span{font-size:11.25px!important;font-weight:850!important;background:#fff!important;border:1px solid var(--dx-border)!important;border-radius:40px!important;color:#202341!important;padding:7px 11px!important;box-shadow:0 8px 20px rgba(139,63,242,.08)!important}.slide-visual{min-height:252px!important;border-radius:28px!important;background:linear-gradient(145deg,#ffffff,#f7f1ff)!important;border:1px solid var(--dx-border)!important;box-shadow:0 18px 45px rgba(139,63,242,.11)!important;overflow:hidden!important}.slide-visual *{color:var(--dx-primary)!important}.flow-visual,.module-visual{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:22px!important}.flow-node,.module-visual div{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:96px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid var(--dx-border)!important;border-radius:22px!important;box-shadow:0 14px 30px rgba(139,63,242,.10)!important;animation:softFloat 7s ease-in-out infinite!important}.flow-node:after,.flow-visual em{display:none!important}.flow-node b,.module-visual span{font-size:12px!important;color:var(--dx-dark)!important;font-weight:900!important}.flow-node i,.module-visual i{font-size:24px!important;margin-bottom:8px!important}.chart-visual{display:flex!important;align-items:end!important;justify-content:center!important;gap:13px!important;padding:46px 22px 24px!important}.chart-visual div{width:46px!important;border-radius:16px 16px 8px 8px!important;background:linear-gradient(180deg,#f36cff,#c85cff 45%,#8b3ff2)!important;box-shadow:0 12px 28px rgba(139,63,242,.20)!important;animation:barRise 3.4s ease-in-out infinite alternate!important}.chart-visual:after{content:'AI KPI Analytics'!important;position:absolute!important;top:18px!important;left:22px!important;color:var(--dx-primary)!important;font-size:12px!important;font-weight:900!important}.premium-home-slider .carousel-control-prev,.premium-home-slider .carousel-control-next{width:36px!important;height:36px!important;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;border-radius:50%!important;opacity:.9!important;bottom:16px!important}.premium-home-slider .carousel-indicators{bottom:-28px!important}.premium-home-slider .carousel-indicators button{width:26px!important;height:5px!important;border-radius:20px!important;background:#ccb2ff!important;opacity:1!important}.premium-home-slider .carousel-indicators button.active{width:42px!important;background:var(--dx-primary)!important}

/* use theme color footer / floating contact */
footer,.footer{background:linear-gradient(135deg,var(--dx-footer-1) 0%,var(--dx-footer-2) 55%,var(--dx-footer-3) 100%)!important;color:#fff!important;border-top:0!important;position:relative!important;overflow:hidden!important}footer:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:36px 36px;opacity:.45}footer .container{position:relative;z-index:1}footer h4,footer h6{color:#fff!important}footer p,footer a{color:rgba(255,255,255,.86)!important}.floating-contact{background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;color:#fff!important}

/* service consultant attractive section */
.consultant-services-section{background:linear-gradient(135deg,#fff,#fbf7ff 55%,#eef5ff)!important;position:relative;overflow:hidden}.consultant-services-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px);background-size:38px 38px;animation:gridMove 26s linear infinite}.consultant-services-section .container{position:relative;z-index:1}.consult-service-card{display:block;height:100%;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--dx-border);box-shadow:0 18px 45px rgba(139,63,242,.10);text-decoration:none;color:var(--dx-dark);transition:.28s}.consult-service-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(139,63,242,.17);color:var(--dx-dark)}.consult-service-card>i{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:16px}.consult-service-card h5{font-size:16px;font-weight:950}.consult-service-card p{font-size:12.75px;color:var(--dx-muted)}.consult-service-card span{font-weight:900;color:var(--dx-primary)}

/* technology page polish */
.tech-flow-panel{background:linear-gradient(135deg,#fff,#fbf7ff 58%,#eef5ff)!important;border:1px solid var(--dx-border)!important;box-shadow:0 24px 65px rgba(139,63,242,.12)!important}.tech-flow-step{box-shadow:0 14px 34px rgba(139,63,242,.08)!important}.tech-flow-step:hover{transform:translateY(-8px)!important;box-shadow:0 24px 50px rgba(139,63,242,.15)!important}.tech-ribbon{background:linear-gradient(135deg,#fbf7ff,#eef5ff)!important}.tech-ribbon-chip{box-shadow:0 10px 25px rgba(139,63,242,.09)!important}.tech-logo-tile{box-shadow:0 14px 34px rgba(139,63,242,.08)!important}
@media(max-width:1199px){.premium-slide{grid-template-columns:1fr!important;min-height:auto!important}.slide-visual{min-height:240px!important}.navbar-brand{min-width:130px}.navbar-brand img{width:126px!important}}
@media(max-width:575px){.nav-link{font-size:13.5px!important}.premium-slide{padding:18px!important}.premium-slide h3{font-size:21px!important}.flow-visual,.module-visual{grid-template-columns:repeat(2,1fr)!important;padding:14px!important}.flow-node,.module-visual div{height:82px!important}.slide-visual{min-height:220px!important}.chart-visual{gap:8px!important;padding:42px 14px 20px!important}.chart-visual div{width:34px!important}.navbar-brand img{width:118px!important}.hero h1,.page-hero h1{font-size:30px!important}}


/* V17 refinements: no Latest Tech menu, better carousel 2/3/4, title case, improved About Us */
.navbar-brand img{width:154px!important;max-height:62px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(139,63,242,.13));}
.mega-menu{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(16px)!important}.mega-list li{text-transform:none!important}.mega-title{text-transform:none!important}.nav-link{color:#272145!important}.nav-link:hover,.nav-link.active{color:var(--dx-primary)!important}

/* Stable carousel: no slide enter/fade conflict */
.premium-home-slider .carousel-item{transition:transform .9s ease-in-out!important;}
.carousel-item.active .slide-content,.carousel-item.active .slide-visual,.carousel-item .slide-content,.carousel-item .slide-visual{animation:none!important;}
.premium-home-slider .carousel-inner{background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 55%,#eff5ff 100%)!important;}
.premium-slide{min-height:390px!important;padding:26px!important;}
.premium-slide h3{text-transform:none!important;font-size:clamp(19px,1.55vw,25px)!important;}
.slide-pill{text-transform:none!important;}

/* Slide 2: distinct connected workflow line */
.flow-visual{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:28px 20px!important;}
.flow-node{height:92px!important;min-width:84px!important;border-radius:24px!important;position:relative!important;animation:none!important;}
.flow-node:not(:last-of-type)::before{content:"";position:absolute;right:-22px;top:50%;width:24px;height:3px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary));border-radius:10px;opacity:.55;}
.flow-node:not(:last-of-type)::after{content:""!important;position:absolute!important;right:-25px!important;top:calc(50% - 4px)!important;width:9px!important;height:9px!important;border-top:3px solid var(--dx-secondary)!important;border-right:3px solid var(--dx-secondary)!important;transform:rotate(45deg)!important;background:transparent!important;display:block!important;border-radius:0!important;}

/* Slide 3: module command center look, different from slide 2 */
.module-visual{position:relative!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:58px 24px 24px!important;background:linear-gradient(145deg,#fff,#f6efff)!important;}
.module-visual:before{content:"Module Command Center";position:absolute;top:22px;left:24px;color:var(--dx-primary);font-weight:950;font-size:12px;letter-spacing:.04em;}
.module-visual:after{content:"";position:absolute;left:50%;top:50%;width:78%;height:55%;border:1px dashed rgba(139,63,242,.22);border-radius:999px;transform:translate(-50%,-39%);pointer-events:none;}
.module-visual div{z-index:2;height:82px!important;border-radius:20px!important;animation:softPulse 4s ease-in-out infinite!important;}
.module-visual div:nth-child(2){animation-delay:.25s!important}.module-visual div:nth-child(3){animation-delay:.5s!important}.module-visual div:nth-child(4){animation-delay:.75s!important}
@keyframes softPulse{0%,100%{transform:translateY(0);box-shadow:0 14px 30px rgba(139,63,242,.10)}50%{transform:translateY(-4px);box-shadow:0 20px 38px rgba(139,63,242,.16)}}

/* Slide 4: elegant analytics card */
.chart-visual{background:linear-gradient(145deg,#fff,#f7f1ff)!important;border:1px solid var(--dx-border)!important;}
.chart-visual:before{content:"Live KPI Snapshot";position:absolute;left:22px;top:20px;font-weight:950;color:var(--dx-primary);font-size:12px;}
.chart-visual div{animation:barRise 4.2s ease-in-out infinite alternate!important;}

/* Latest Tech is now a page section, not a menu */
.latest-tech-section{position:relative;background:linear-gradient(135deg,#fff,#fbf7ff 50%,#eef5ff);overflow:hidden;border-top:1px solid var(--dx-border);border-bottom:1px solid var(--dx-border)}
.latest-tech-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.045) 1px,transparent 1px);background-size:36px 36px;animation:gridMove 26s linear infinite}.latest-tech-section .container{position:relative;z-index:1}.latest-tech-card{height:100%;padding:22px;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid var(--dx-border);box-shadow:0 14px 36px rgba(139,63,242,.09);transition:.28s ease}.latest-tech-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(139,63,242,.16)}.latest-tech-card i{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}.latest-tech-card h5{font-size:15px;font-weight:950;color:var(--dx-dark)}.latest-tech-card p{font-size:12.5px;color:var(--dx-muted);margin:0}

/* About Us new section */
.about-premium-v17{background:linear-gradient(135deg,#fff 0%,#fbf7ff 52%,#eef5ff 100%);position:relative;overflow:hidden}.about-premium-v17:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.04) 1px,transparent 1px);background-size:38px 38px}.about-premium-v17 .container{position:relative;z-index:1}.about-pill-grid{display:grid;gap:14px;margin-top:22px}.about-pill-grid div{display:grid;grid-template-columns:46px 1fr;column-gap:14px;align-items:center;background:#fff;border:1px solid var(--dx-border);border-radius:22px;padding:15px 18px;box-shadow:0 14px 34px rgba(139,63,242,.09);transition:.25s}.about-pill-grid div:hover{transform:translateX(6px);box-shadow:0 22px 46px rgba(139,63,242,.15)}.about-pill-grid i{grid-row:1/3;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px}.about-pill-grid b{font-size:15px;font-weight:950;color:var(--dx-dark)}.about-pill-grid small{font-size:12.4px;color:var(--dx-muted);line-height:1.55}.about-orbit-v17{position:relative;min-height:430px;border-radius:34px;background:rgba(255,255,255,.8);border:1px solid var(--dx-border);box-shadow:0 26px 70px rgba(139,63,242,.14);overflow:hidden}.orbit-ring{position:absolute;left:50%;top:50%;border:2px dashed rgba(139,63,242,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg)}.orbit-ring.one{width:78%;height:62%;animation:orbitSlow 28s linear infinite}.orbit-ring.two{width:58%;height:42%;animation:orbitSlow 22s linear infinite reverse}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;box-shadow:0 22px 48px rgba(139,63,242,.28)}.orbit-core span{font-weight:950;font-size:17px}.orbit-core b{font-size:11px}.orbit-card{position:absolute;width:128px;height:108px;border-radius:24px;background:#fff;border:1px solid var(--dx-border);box-shadow:0 20px 45px rgba(139,63,242,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dx-primary);animation:floaty 5.5s ease-in-out infinite}.orbit-card i{font-size:26px;margin-bottom:8px}.orbit-card b{font-size:14px}.orbit-card small{font-size:11px;color:var(--dx-muted)}.orbit-card.plan{left:8%;top:12%}.orbit-card.build{right:9%;top:17%;animation-delay:.4s}.orbit-card.report{left:14%;bottom:14%;animation-delay:.8s}.orbit-card.launch{right:12%;bottom:12%;animation-delay:1.2s}@keyframes orbitSlow{to{transform:translate(-50%,-50%) rotate(350deg)}}

/* Title-case friendly wording and health care label width */
.slide-tags span,.module-visual span,.flow-node b{text-transform:none!important}.module-visual div:first-child span{font-size:11px!important;}
@media(max-width:991px){.premium-slide{grid-template-columns:1fr!important}.flow-visual{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.flow-node:before,.flow-node:after{display:none!important}.about-orbit-v17{min-height:390px}.orbit-card{width:112px;height:96px}.orbit-core{width:124px;height:124px}}
@media(max-width:575px){.flow-visual,.module-visual{grid-template-columns:repeat(2,1fr)!important}.module-visual{padding:52px 14px 18px!important}.flow-node,.module-visual div{height:82px!important}.about-orbit-v17{min-height:auto;padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.orbit-ring,.orbit-core{display:none}.orbit-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;height:96px}}

/* Final menu/service clean-up */
.mega-menu .mega-title{font-size:15px;letter-spacing:.02em;}
.mega-menu .mega-list li{font-size:14px;line-height:1.7;}
.mega-menu .mega-list a{text-decoration:none;color:inherit;}


/* Final package: dedicated service pages + meaningful about engine */
.gradient-heading{background:linear-gradient(90deg,#17203a,#8b3ff2,#2f6df6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:950;letter-spacing:-.8px;font-size:clamp(26px,3.3vw,42px);line-height:1.15}.mini-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:40px;background:#fff;color:var(--dx-primary);font-size:12px;font-weight:950;box-shadow:0 10px 30px rgba(139,63,242,.12);border:1px solid var(--dx-border)}.delivery-engine{position:relative;min-height:430px;border-radius:34px;background:linear-gradient(135deg,#fff,#fbf7ff 55%,#eef5ff);border:1px solid var(--dx-border);box-shadow:0 28px 70px rgba(139,63,242,.14);overflow:hidden}.engine-bg{position:absolute;left:50%;top:50%;width:78%;height:62%;border:2px dashed rgba(139,63,242,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);animation:orbitSlow 30s linear infinite}.engine-bg:after{content:"";position:absolute;inset:18%;border:2px dashed rgba(200,92,255,.18);border-radius:50%}.engine-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 20px 50px rgba(139,63,242,.28);animation:corePulse 3s ease-in-out infinite}.engine-core span{font-size:17px;font-weight:950}.engine-core b{font-size:11px;letter-spacing:.04em}.engine-step{position:absolute;width:145px;min-height:124px;background:#fff;border:1px solid var(--dx-border);border-radius:24px;box-shadow:0 18px 42px rgba(139,63,242,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;animation:softFloat 6s ease-in-out infinite}.engine-step i{font-size:25px;color:var(--dx-primary);margin-bottom:8px}.engine-step h6{font-size:14px;font-weight:950;color:var(--dx-dark);margin:0 0 4px}.engine-step p{font-size:11.2px;color:var(--dx-muted);margin:0;line-height:1.35}.es1{left:8%;top:12%}.es2{right:8%;top:14%;animation-delay:.35s}.es3{left:11%;bottom:12%;animation-delay:.7s}.es4{right:9%;bottom:12%;animation-delay:1.05s}@keyframes corePulse{0%,100%{box-shadow:0 20px 50px rgba(139,63,242,.26);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 26px 66px rgba(139,63,242,.36);transform:translate(-50%,-50%) scale(1.04)}}footer{background:linear-gradient(135deg,#8b3ff2,#6f46ff 55%,#c85cff)!important;color:#fff!important}footer a,footer p,footer h4,footer h6{color:#fff!important}.latest-tech-card{min-height:178px}.mega-list a{display:inline-block;color:#56617a!important;text-decoration:none!important}.mega-list a:hover{color:var(--dx-primary)!important}@media(max-width:767px){.delivery-engine{min-height:auto;padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.engine-bg,.engine-core{display:none}.engine-step{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-height:112px}}

/* FINAL V21: larger visible logo + premium attractive navigation */
.glass-nav{
    min-height:92px !important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(139,63,242,.10)!important;
    box-shadow:0 16px 45px rgba(39,20,92,.08)!important;
}
.glass-nav .container{
    max-width:1540px!important;
    padding-left:34px!important;
    padding-right:34px!important;
}
.navbar-brand{
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    margin-left:10px!important;
}
.navbar-brand img{
    height:72px!important;
    width:auto!important;
    max-width:250px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 12px 22px rgba(139,63,242,.18));
}
.navbar-nav{
    gap:6px!important;
}
.nav-link{
    font-size:15px!important;
    font-weight:900!important;
    color:#2a2148!important;
    padding:13px 16px!important;
    border-radius:999px!important;
    margin:0!important;
    transition:all .25s ease!important;
}
.nav-link:after{
    display:none!important;
}
.nav-link:hover,
.nav-link.active{
    color:#fff!important;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;
    box-shadow:0 12px 24px rgba(139,63,242,.22)!important;
    transform:translateY(-2px);
}
.theme-toggle{
    width:50px!important;
    height:50px!important;
    font-size:18px!important;
    box-shadow:0 16px 32px rgba(139,63,242,.28)!important;
}
.mega-menu{
    margin-top:16px!important;
    padding:26px!important;
    border-radius:0 0 34px 34px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,243,255,.98))!important;
    border-top:1px solid rgba(139,63,242,.10)!important;
    box-shadow:0 32px 80px rgba(39,20,92,.16)!important;
}
.mega-menu .container{
    max-width:1460px!important;
}
.mega-menu .col-lg-3{
    background:rgba(255,255,255,.78);
    border:1px solid rgba(139,63,242,.15);
    border-radius:24px;
    padding:24px!important;
    box-shadow:0 16px 40px rgba(139,63,242,.08);
    transition:all .25s ease;
}
.mega-menu .col-lg-3:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(139,63,242,.14);
}
.mega-title{
    font-size:20px!important;
    font-weight:950!important;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px!important;
}
.mega-list li{
    margin-bottom:12px!important;
    font-size:14px!important;
    font-weight:850!important;
    color:#5f6680!important;
    background:transparent!important;
    padding:8px 8px!important;
    border-radius:14px;
}
.mega-list li:hover{
    background:#f5edff!important;
    transform:translateX(4px)!important;
}
.mega-list li a{
    color:#5f6680!important;
    text-decoration:none!important;
}
.mega-list li:hover a,
.mega-list li:hover i{
    color:var(--dx-primary)!important;
}
@media(max-width:991px){
    .glass-nav{min-height:78px!important;}
    .navbar-brand img{height:58px!important;max-width:200px!important;}
    .nav-link{font-size:14px!important;padding:10px 12px!important;}
    .mega-menu{margin-top:8px!important;border-radius:22px!important;}
    .mega-menu .col-lg-3{margin-bottom:12px;}
}
@media(max-width:575px){
    .glass-nav .container{padding-left:16px!important;padding-right:16px!important;}
    .navbar-brand{margin-left:0!important;}
    .navbar-brand img{height:48px!important;max-width:170px!important;}
}

/* V22 fix: when Services menu is open, Services tab is highlighted and current page tab is muted */
body.services-menu-open .navbar-nav > .nav-item > .nav-link.active:not(.menu-temp-active){
    color:#2a2148!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
}
.navbar-nav > .nav-item > .nav-link.menu-temp-active,
.navbar-nav > .nav-item.dropdown.show > .nav-link,
.navbar-nav > .nav-item.dropdown:hover > .nav-link{
    color:#fff!important;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;
    box-shadow:0 12px 24px rgba(139,63,242,.22)!important;
    transform:translateY(-2px)!important;
}
.mega-menu.show{
    animation:megaSoftDrop .22s ease-out both;
}
@keyframes megaSoftDrop{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}


/* V23: compact premium header, restored service mega-menu, favicon applied */
.glass-nav{
    min-height:72px!important;
    padding:6px 0!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid rgba(139,63,242,.10)!important;
    box-shadow:0 10px 32px rgba(39,20,92,.07)!important;
}
.glass-nav .container{
    max-width:1540px!important;
    padding-left:30px!important;
    padding-right:30px!important;
}
.navbar-brand{margin-left:4px!important;min-width:190px!important;}
.navbar-brand img{
    height:58px!important;
    width:auto!important;
    max-width:220px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 10px 18px rgba(139,63,242,.14))!important;
}
.navbar-nav{gap:5px!important;align-items:center!important;}
.nav-link{
    font-size:15px!important;
    font-weight:900!important;
    color:#2b2546!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    margin:0!important;
    transition:all .22s ease!important;
}
.nav-link:after{display:none!important;}
.nav-link:hover,.nav-link.active,
.navbar-nav > .nav-item > .nav-link.menu-temp-active,
.navbar-nav > .nav-item.dropdown.show > .nav-link,
.navbar-nav > .nav-item.dropdown:hover > .nav-link{
    color:#fff!important;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))!important;
    box-shadow:0 10px 22px rgba(139,63,242,.20)!important;
    transform:translateY(-1px)!important;
}
body.services-menu-open .navbar-nav > .nav-item > .nav-link.active:not(.menu-temp-active){
    color:#2b2546!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
.theme-toggle{width:44px!important;height:44px!important;font-size:16px!important;box-shadow:0 12px 26px rgba(139,63,242,.24)!important;}
.mega-menu{
    margin-top:10px!important;
    padding:18px 0 20px!important;
    border:0!important;
    border-radius:0 0 28px 28px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(249,245,255,.98))!important;
    backdrop-filter:blur(16px)!important;
    box-shadow:0 28px 70px rgba(39,20,92,.14)!important;
}
.mega-menu .container{max-width:1500px!important;}
.mega-premium-grid{
    display:grid;
    grid-template-columns:1.08fr repeat(4,1fr);
    gap:16px;
    align-items:stretch;
}
.mega-cta-card,.mega-service-card{
    border-radius:22px;
    border:1px solid rgba(139,63,242,.15);
    min-height:250px;
    transition:.24s ease;
}
.mega-cta-card{
    position:relative;
    overflow:hidden;
    padding:28px 24px;
    color:#fff;
    background:linear-gradient(145deg,var(--dx-primary),var(--dx-secondary));
    box-shadow:0 20px 46px rgba(139,63,242,.22);
}
.mega-cta-card:after{content:"";position:absolute;right:-45px;bottom:-45px;width:145px;height:145px;border-radius:50%;background:rgba(255,255,255,.18)}
.mega-cta-card span{display:block;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}
.mega-cta-card h4{font-size:22px;line-height:1.35;font-weight:950;max-width:260px;margin:0 0 16px;}
.mega-cta-card a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--dx-primary);border-radius:999px;padding:11px 17px;font-size:13px;font-weight:950;text-decoration:none;position:relative;z-index:1;}
.mega-service-card{
    padding:22px 22px 18px!important;
    background:rgba(255,255,255,.78);
    box-shadow:0 16px 38px rgba(139,63,242,.07);
}
.mega-service-card.consulting-card{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(242,232,255,.86));}
.mega-cta-card:hover,.mega-service-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(139,63,242,.14);}
.mega-card-head{display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.mega-card-head>i{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex:0 0 auto;}
.mega-title{font-size:19px!important;line-height:1.1!important;font-weight:950!important;margin:0!important;color:var(--dx-primary)!important;}
.mega-list li{display:flex!important;align-items:flex-start!important;gap:9px!important;list-style:none!important;margin-bottom:10px!important;padding:7px 8px!important;border-radius:14px!important;font-size:13.5px!important;line-height:1.45!important;font-weight:850!important;color:#5e6680!important;background:transparent!important;}
.mega-list li i{font-size:13px!important;color:var(--dx-primary)!important;margin:3px 0 0!important;}
.mega-list li a{color:#5e6680!important;text-decoration:none!important;}
.mega-list li:hover{background:#f5edff!important;transform:translateX(4px)!important;}
.mega-list li:hover a,.mega-list li:hover i{color:var(--dx-primary)!important;}
.mega-menu.show{animation:megaSoftDrop .20s ease-out both!important;}
@media(max-width:1199px){.mega-premium-grid{grid-template-columns:repeat(2,1fr)}.mega-cta-card{grid-column:1/-1;min-height:180px}.mega-cta-card h4{max-width:520px}.navbar-brand{min-width:160px!important}.navbar-brand img{height:52px!important;}}
@media(max-width:991px){.glass-nav{min-height:66px!important}.glass-nav .container{padding-left:16px!important;padding-right:16px!important}.navbar-brand{min-width:auto!important}.navbar-brand img{height:46px!important;max-width:170px!important}.nav-link{font-size:14px!important;padding:9px 12px!important}.mega-menu{position:static!important;margin-top:8px!important;border-radius:22px!important;padding:14px!important}.mega-premium-grid{grid-template-columns:1fr}.mega-cta-card,.mega-service-card{min-height:auto}.mega-cta-card{padding:22px}}
@media(max-width:575px){.navbar-brand img{height:40px!important;max-width:145px!important}.theme-toggle{width:38px!important;height:38px!important}.mega-title{font-size:17px!important}.mega-list li{font-size:13px!important}.mega-cta-card h4{font-size:19px}}

/* V24 dedicated service pages final polish: small font + attractive unique details */
body{font-size:12.5px;line-height:1.55}.navbar{min-height:74px}.navbar .container{max-width:1510px}.navbar-brand img{height:58px!important;width:auto!important;object-fit:contain}.nav-link{font-size:14px!important;font-weight:850!important;color:#251b45!important;margin:0 9px!important}.nav-link:hover,.nav-link.active{color:var(--dx-primary)!important}.theme-toggle{width:44px;height:44px;box-shadow:0 12px 30px rgba(139,63,242,.24)}
.mega-menu{padding:16px 0!important}.mega-premium-grid{gap:14px!important}.mega-cta-card{padding:24px!important;border-radius:24px!important}.mega-cta-card h4{font-size:20px!important;line-height:1.35!important}.mega-service-card{padding:22px!important;border-radius:22px!important}.mega-card-head{gap:10px!important}.mega-card-head i{width:38px!important;height:38px!important;font-size:15px!important}.mega-title{font-size:18px!important}.mega-list li{font-size:13px!important;margin-bottom:13px!important}.mega-list li a{font-size:13px!important;color:#5d667c!important}.mega-list li:hover a{color:var(--dx-primary)!important}
.service-detail-hero{padding:118px 0 48px;background:linear-gradient(135deg,#fff 0%,#fbf8ff 48%,#eef4ff 100%);position:relative;overflow:hidden}.service-detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,63,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.055) 1px,transparent 1px);background-size:44px 44px}.service-detail-hero:after{content:"";position:absolute;right:-120px;top:80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(200,92,255,.18),transparent 68%)}.service-detail-panel{position:relative;z-index:1;border-radius:34px;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px);border:1px solid #eadfff!important;box-shadow:0 28px 80px rgba(139,63,242,.14)!important;padding:34px!important;overflow:hidden}.service-detail-panel:before{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.08}.service-detail-panel h1{font-size:clamp(26px,3.5vw,44px)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.035em;color:#161b38}.service-detail-panel p{font-size:13.5px!important;max-width:720px}.service-detail-panel .hero-badge{font-size:12px!important;padding:9px 15px!important}
.service-detail-panel .about-visual{min-height:320px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#fbf7ff 50%,#eef4ff)!important;box-shadow:0 24px 60px rgba(139,63,242,.12)!important}.about-card{border-radius:22px!important}.about-card b{font-size:13px!important}.about-feature-card{height:100%;display:flex;gap:16px;align-items:flex-start;background:linear-gradient(145deg,#fff,#fbf8ff);border:1px solid #eadfff;border-radius:22px;padding:20px;box-shadow:0 16px 38px rgba(139,63,242,.08);transition:.25s}.about-feature-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px rgba(139,63,242,.16)}.about-feature-card i{min-width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;font-size:18px;box-shadow:0 12px 28px rgba(139,63,242,.20)}.about-feature-card h5{font-size:15px!important;font-weight:950!important;margin-bottom:5px!important}.about-feature-card p{font-size:12.5px!important;color:var(--dx-muted);margin-bottom:0!important}.section-title h2{font-size:clamp(22px,2.6vw,34px)!important}.section-title p{font-size:13px!important}.section{padding:54px 0!important}.service-flow{grid-template-columns:repeat(4,1fr);gap:16px}.service-flow div{position:relative;overflow:hidden;padding:22px!important;border-radius:23px!important;background:linear-gradient(145deg,#ffffff,#fbf7ff)!important;transition:.25s}.service-flow div:after{content:"";position:absolute;right:-32px;top:-32px;width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.08}.service-flow div:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(139,63,242,.14)}.service-flow h5{font-size:14px!important}.service-flow p{font-size:12px!important}
/* Dedicated pages should not look identical: add contextual colored top accents */
body:has(title)::before{content:""}.service-detail-panel .btn-dx{font-size:12.5px;padding:10px 20px}.service-detail-panel .btn-dx:after{content:""}.service-detail-panel h1 .gradient-text,.gradient-text{background:linear-gradient(90deg,#8b3ff2,#c85cff,#2f6df6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
footer{padding:40px 0 20px!important}footer h4{font-size:17px!important}footer h6{font-size:13px!important}footer p,footer a{font-size:12.5px!important}.floating-contact{font-size:13px!important}.whatsapp-float{width:55px!important;height:55px!important;font-size:28px!important}
@media(max-width:991px){.navbar-brand img{height:46px!important}.nav-link{font-size:13px!important}.service-detail-panel{padding:24px!important}.service-flow{grid-template-columns:repeat(2,1fr)}.mega-menu{position:static!important}.mega-premium-grid{grid-template-columns:1fr!important}.mega-cta-card{display:none}.service-detail-hero{padding-top:96px}.service-detail-panel h1{font-size:30px!important}}
@media(max-width:575px){body{font-size:12px}.service-flow{grid-template-columns:1fr}.service-detail-panel h1{font-size:26px!important}.about-feature-card{padding:17px}.service-detail-panel .about-visual{min-height:260px!important}.navbar-brand img{height:40px!important}}


/* V25 final professional polish: active menu white, compact dropdown, powerful dedicated pages */
.glass-nav{min-height:76px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 34px rgba(47,24,102,.08)!important;}
.navbar-brand img{height:60px!important;max-width:245px!important;object-fit:contain!important;}
.navbar-nav{gap:8px!important;}
.nav-link{color:#30234f!important;font-size:13.5px!important;font-weight:900!important;border-radius:999px!important;padding:10px 17px!important;margin:0!important;transition:.22s ease!important;}
.nav-link:after{display:none!important;}
.nav-link:hover{color:#8b3ff2!important;background:#f5edff!important;box-shadow:0 10px 24px rgba(139,63,242,.08)!important;}
.nav-link.active,.nav-link.show,.dropdown-toggle.show{color:#fff!important;background:linear-gradient(135deg,#8b3ff2,#c85cff)!important;box-shadow:0 16px 34px rgba(139,63,242,.28)!important;}
.nav-link.active:hover,.nav-link.show:hover,.dropdown-toggle.show:hover{color:#fff!important;}
.theme-toggle{width:42px!important;height:42px!important;box-shadow:0 16px 34px rgba(139,63,242,.28)!important;}
.mega-menu{margin-top:8px!important;padding:14px 0!important;}
.mega-premium-grid{grid-template-columns:.92fr repeat(4,1fr)!important;gap:12px!important;}
.mega-cta-card,.mega-service-card{min-height:220px!important;border-radius:20px!important;}
.mega-cta-card{padding:22px!important;}
.mega-cta-card h4{font-size:18px!important;line-height:1.32!important;}
.mega-cta-card span{font-size:11px!important;margin-bottom:14px!important;}
.mega-cta-card a{font-size:12px!important;padding:9px 14px!important;}
.mega-service-card{padding:18px!important;}
.mega-card-head{margin-bottom:12px!important;}
.mega-card-head>i{width:34px!important;height:34px!important;border-radius:12px!important;font-size:14px!important;}
.mega-title{font-size:16px!important;}
.mega-list li{font-size:12.5px!important;line-height:1.34!important;margin-bottom:7px!important;padding:6px 7px!important;}
.mega-list li a{font-size:12.5px!important;}

.service-detail-hero{padding:112px 0 44px!important;}
.service-detail-panel{padding:30px!important;border-radius:30px!important;}
.service-detail-panel h1{font-size:clamp(23px,3vw,36px)!important;line-height:1.15!important;letter-spacing:-.025em!important;max-width:760px!important;}
.service-detail-panel p{font-size:13px!important;line-height:1.65!important;}
.service-detail-panel .hero-badge{font-size:11.5px!important;letter-spacing:.02em!important;}
.solution-visual-v25{position:relative;min-height:320px;border-radius:30px;background:linear-gradient(135deg,#fff 0%,#fbf7ff 52%,#eef4ff 100%);border:1px solid #eadfff;box-shadow:0 24px 62px rgba(139,63,242,.13);overflow:hidden;}
.solution-visual-v25:before{content:"";position:absolute;inset:28px;border:1.5px dashed rgba(139,63,242,.22);border-radius:34px;animation:softOrbit 14s ease-in-out infinite alternate;}
.solution-visual-v25:after{content:"";position:absolute;right:-55px;bottom:-55px;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,#8b3ff2,#c85cff);opacity:.10;}
.solution-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:34px;background:linear-gradient(135deg,#8b3ff2,#c85cff);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 22px 48px rgba(139,63,242,.28);z-index:2;animation:centerPulse 3.8s ease-in-out infinite;}
.solution-center b{font-size:16px;font-weight:950;line-height:1.15;}.solution-center span{font-size:10.5px;font-weight:800;opacity:.92;margin-top:5px;}
.solution-step{position:absolute;width:138px;min-height:90px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid #eadfff;box-shadow:0 18px 42px rgba(139,63,242,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px;z-index:3;transition:.24s ease;}
.solution-step:hover{transform:translateY(-7px);box-shadow:0 28px 58px rgba(139,63,242,.18);}
.solution-step i{font-size:22px;color:#8b3ff2;margin-bottom:8px;}.solution-step b{font-size:12.5px;color:#151b36;line-height:1.25;}.solution-step small{font-size:10.5px;color:#66708a;line-height:1.3;}
.solution-step.s1{left:8%;top:12%;}.solution-step.s2{right:8%;top:14%;}.solution-step.s3{left:9%;bottom:12%;}.solution-step.s4{right:8%;bottom:12%;}
@keyframes centerPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}
@keyframes softOrbit{from{transform:rotate(-2deg) scale(1)}to{transform:rotate(2deg) scale(1.015)}}
.about-feature-card h5,.service-flow h5{font-size:14px!important;}.about-feature-card p,.service-flow p{font-size:12px!important;}
.service-flow div b{font-size:12px!important;}
footer{background:linear-gradient(135deg,#8b3ff2 0%,#6f2ee8 48%,#c85cff 100%)!important;}

@media(max-width:1199px){.mega-premium-grid{grid-template-columns:repeat(2,1fr)!important}.mega-cta-card{grid-column:1/-1!important;min-height:160px!important}.navbar-brand img{height:54px!important;}}
@media(max-width:991px){.glass-nav{min-height:70px!important}.navbar-brand img{height:46px!important;max-width:180px!important}.nav-link{font-size:13px!important;padding:9px 13px!important}.mega-premium-grid{grid-template-columns:1fr!important}.mega-cta-card{display:none!important}.solution-visual-v25{min-height:300px;margin-top:20px}.solution-step{width:120px}.service-detail-panel h1{font-size:28px!important;}}
@media(max-width:575px){.solution-visual-v25{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:auto;padding:18px}.solution-visual-v25:before,.solution-center{display:none}.solution-step{position:static;width:auto;min-height:84px}.service-detail-panel h1{font-size:24px!important}.service-detail-panel{padding:22px!important}.nav-link.active,.nav-link.show{box-shadow:none!important}}


/* ===== V26 Professional Service Page Refinement ===== */
body{font-size:12px!important;line-height:1.58!important;}
.navbar-brand img{height:60px!important;max-width:250px!important;}
.nav-link{font-size:13px!important;font-weight:850!important;letter-spacing:.01em!important;}
.nav-link.active,.nav-link.show,.dropdown-toggle.show{color:#fff!important;background:linear-gradient(135deg,#8b3ff2,#c85cff)!important;}
.nav-link.active:hover,.nav-link.show:hover,.dropdown-toggle.show:hover{color:#fff!important;}
.service-detail-hero{padding:108px 0 42px!important;}
.service-detail-panel{padding:28px!important;border-radius:30px!important;background:rgba(255,255,255,.92)!important;}
.service-detail-panel h1{font-size:clamp(22px,2.75vw,34px)!important;line-height:1.14!important;letter-spacing:-.035em!important;max-width:820px;color:#171c39!important;}
.service-detail-panel p{font-size:12.5px!important;line-height:1.68!important;color:#5d667c!important;max-width:760px!important;}
.service-detail-panel .hero-badge{font-size:11px!important;padding:8px 14px!important;box-shadow:0 10px 28px rgba(139,63,242,.12)!important;}
.section{padding:48px 0!important;}
.section-title{margin-bottom:26px!important;}
.section-title span{font-size:11px!important;letter-spacing:.14em!important;}
.section-title h2{font-size:clamp(20px,2.25vw,30px)!important;line-height:1.15!important;letter-spacing:-.02em!important;}
.solution-visual-v26{position:relative;min-height:300px;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#fbf8ff 52%,#eef4ff 100%);border:1px solid #eadfff;box-shadow:0 20px 52px rgba(139,63,242,.13);overflow:hidden;}
.solution-visual-v26:before{content:"";position:absolute;inset:28px;border:1px dashed rgba(139,63,242,.23);border-radius:30px;}
.solution-visual-v26:after{content:"";position:absolute;right:-44px;bottom:-18px;width:170px;height:170px;border-radius:50%;background:linear-gradient(135deg,#8b3ff2,#c85cff);opacity:.10;}
.delivery-core-v26{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:34px;background:linear-gradient(135deg,#8b3ff2,#c85cff);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 22px 44px rgba(139,63,242,.25);z-index:2;animation:softPulse 3s ease-in-out infinite;}
.delivery-core-v26 b{font-size:15px;line-height:1.1}.delivery-core-v26 span{font-size:10.5px;font-weight:800;opacity:.95;margin-top:4px;max-width:90px;}
.solution-step-v26{position:absolute;width:128px;min-height:96px;background:#fff;border:1px solid #eadfff;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 32px rgba(17,23,47,.08);z-index:2;transition:.25s;}
.solution-step-v26:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(139,63,242,.16)}
.solution-step-v26 i{font-size:24px;color:#8b3ff2;margin-bottom:9px}.solution-step-v26 b{font-size:12.5px;color:#171c39}.solution-step-v26 small{font-size:10.5px;color:#6d7488;}
.solution-step-v26.step-1{left:36px;top:38px}.solution-step-v26.step-2{right:36px;top:42px}.solution-step-v26.step-3{left:52px;bottom:42px}.solution-step-v26.step-4{right:52px;bottom:42px}
.premium-feature-v26{padding:18px!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#fcf9ff)!important;}
.premium-feature-v26 i{min-width:42px!important;height:42px!important;border-radius:14px!important;font-size:16px!important;}
.premium-feature-v26 h5{font-size:13.5px!important;margin-bottom:4px!important;color:#11172f!important;}
.premium-feature-v26 p{font-size:11.8px!important;line-height:1.6!important;}
.service-flow{gap:14px!important;}
.service-flow div{padding:18px!important;border-radius:20px!important;}
.service-flow b{font-size:12px!important;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#8b3ff2,#c85cff);color:#fff;margin-bottom:12px;}
.service-flow h5{font-size:13px!important;margin-bottom:6px!important;}.service-flow p{font-size:11.5px!important;line-height:1.55!important;}
footer{font-size:12.5px!important;}
@keyframes softPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
@media(max-width:991px){.navbar-brand img{height:48px!important}.service-detail-panel h1{font-size:26px!important}.solution-visual-v26{min-height:280px;margin-top:12px}.solution-step-v26{width:112px;min-height:88px}.solution-step-v26.step-1{left:22px}.solution-step-v26.step-2{right:22px}.solution-step-v26.step-3{left:32px}.solution-step-v26.step-4{right:32px}}
@media(max-width:575px){.service-detail-hero{padding-top:96px!important}.service-detail-panel{padding:20px!important}.service-detail-panel h1{font-size:23px!important}.solution-visual-v26{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;min-height:auto}.solution-visual-v26:before,.solution-visual-v26:after,.delivery-core-v26{display:none}.solution-step-v26{position:static;width:auto;min-height:86px}.section-title h2{font-size:21px!important}.nav-link.active,.nav-link.show{color:#fff!important}}


/* V27 final: premium compact Portfolio + Technology refinements */
body{font-size:12.75px;}
.nav-link{font-size:13.25px;font-weight:900;}
.nav-link.active{color:#fff!important;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));border-radius:28px;padding:10px 18px;box-shadow:0 14px 32px rgba(139,63,242,.20)}
.nav-link.active:after{display:none}.nav-link:hover{color:var(--dx-primary)!important}.nav-link.active:hover{color:#fff!important}
.navbar-brand img{height:56px;object-fit:contain}.glass-nav{padding:8px 0}.page-hero{padding:112px 0 54px}.page-hero h1,.hero h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.04em;line-height:1.08}.page-hero p,.hero p{font-size:13.5px;line-height:1.72}.hero-badge{font-size:11.5px;padding:8px 14px}.hero-points span{font-size:11.5px;padding:7px 11px}.section-title h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.035em}.section-title span{font-size:10.75px}.section{padding:58px 0}

/* Portfolio */
.portfolio-hero-card.v27-portfolio-hero{position:relative;overflow:hidden;border-radius:32px;padding:42px;background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 55%,#eef4ff 100%)!important;border:1px solid #eadfff!important;box-shadow:0 30px 80px rgba(139,63,242,.14)!important}
.v27-portfolio-hero:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(200,92,255,.23),transparent 68%)}
.v27-portfolio-hero:after{content:"";position:absolute;left:-130px;bottom:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(47,109,246,.14),transparent 70%)}
.v27-portfolio-hero>*{position:relative;z-index:1}.v27-portfolio-hero h1{font-size:clamp(26px,3vw,39px)!important;line-height:1.12!important;max-width:780px}.v27-portfolio-hero p{font-size:13.25px!important;max-width:760px}.portfolio-hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;max-width:620px}.portfolio-hero-kpis div{background:#fff;border:1px solid #eadfff;border-radius:18px;padding:14px 16px;box-shadow:0 12px 28px rgba(139,63,242,.08)}.portfolio-hero-kpis b{display:block;font-size:18px;color:var(--dx-primary);line-height:1}.portfolio-hero-kpis span{font-size:11.5px;font-weight:800;color:var(--dx-muted)}
.portfolio-mockup{position:relative;min-height:300px;border-radius:28px;background:linear-gradient(145deg,#ffffff,#f4edff);border:1px solid #eadfff;box-shadow:0 24px 60px rgba(139,63,242,.15);overflow:hidden;padding:24px}.mock-screen{height:176px;border-radius:22px;background:#fff;border:1px solid #eadfff;padding:20px;box-shadow:inset 0 0 0 1px rgba(139,63,242,.05)}.mock-bar{height:8px;border-radius:20px;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue));margin:12px 0}.mock-bar:nth-child(2){width:68%}.mock-bar:nth-child(3){width:82%}.mock-action{position:absolute;left:30px;bottom:30px;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 18px 35px rgba(139,63,242,.25);animation:floaty 4s ease-in-out infinite}.mock-chip{position:absolute;right:28px;bottom:34px;background:#fff;border:1px solid #eadfff;border-radius:50px;padding:10px 16px;font-weight:900;color:var(--dx-primary);box-shadow:0 16px 32px rgba(139,63,242,.11);font-size:12px}
.v27-case{position:relative;overflow:hidden;padding:0!important;border-radius:26px!important;background:#fff!important;border:1px solid #eadfff!important;box-shadow:0 18px 48px rgba(139,63,242,.10)!important}.v27-case:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(139,63,242,.18)!important}.v27-case-top{height:132px;background:linear-gradient(135deg,#fbf7ff,#eef4ff);position:relative;padding:18px}.v27-case-top:after{content:"";position:absolute;right:-40px;top:-44px;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));opacity:.10}.v27-case-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 15px 30px rgba(139,63,242,.22)}.v27-case-lines{position:absolute;left:92px;right:24px;top:30px}.v27-case-lines span{display:block;height:7px;border-radius:12px;margin:12px 0;background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue))}.v27-case-lines span:nth-child(2){width:75%}.v27-case-lines span:nth-child(3){width:58%}.v27-case-body{padding:22px}.v27-case-body h5{font-size:14px!important;letter-spacing:-.01em;margin-bottom:8px}.v27-case-body p{font-size:12.25px!important;line-height:1.6;margin-bottom:14px}.v27-case-list span{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;font-weight:800;color:var(--dx-muted);margin:8px 0}.v27-case-list i{color:var(--dx-primary);margin-top:3px}.v27-tag{display:inline-block;background:#f5eeff;color:var(--dx-primary);border:1px solid #eadfff;border-radius:50px;padding:6px 10px;font-size:10.5px;font-weight:900;margin-right:6px;margin-top:5px}

/* Technology */
.tech-hero-v27{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#ffffff 0%,#fbf7ff 50%,#eef4ff 100%);border:1px solid #eadfff;box-shadow:0 30px 80px rgba(139,63,242,.13);padding:42px}.tech-hero-v27:before{content:"";position:absolute;right:-160px;bottom:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(139,63,242,.20),transparent 70%)}.tech-hero-v27 h1{font-size:clamp(25px,3vw,38px)!important;max-width:620px}.tech-hero-v27 p{font-size:13px!important;max-width:650px}.tech-hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.tech-hero-pills span{font-size:11.5px;font-weight:900;background:#fff;border:1px solid #eadfff;border-radius:50px;padding:8px 12px;box-shadow:0 10px 22px rgba(139,63,242,.08)}.tech-hero-pills i{color:var(--dx-primary);margin-right:6px}.tech-map{position:relative;min-height:300px;border-radius:28px;background:rgba(255,255,255,.68);border:1px solid #eadfff;box-shadow:inset 0 0 0 1px rgba(139,63,242,.05);overflow:hidden}.tech-map:before{content:"";position:absolute;inset:34px;border:1px dashed rgba(139,63,242,.28);border-radius:50%;animation:spin 24s linear infinite}.tech-map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:32px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 22px 48px rgba(139,63,242,.25)}.tech-node{position:absolute;background:#fff;border:1px solid #eadfff;border-radius:20px;padding:14px 16px;min-width:112px;text-align:center;box-shadow:0 14px 32px rgba(139,63,242,.10);font-size:12px;font-weight:900}.tech-node i{display:block;color:var(--dx-primary);font-size:24px;margin-bottom:6px}.tech-node small{display:block;color:var(--dx-muted);font-size:10px;font-weight:700}.node-a{left:7%;top:12%}.node-b{right:8%;top:14%}.node-c{left:9%;bottom:13%}.node-d{right:9%;bottom:14%}.node-e{left:50%;top:6%;transform:translateX(-50%)}.node-f{left:50%;bottom:5%;transform:translateX(-50%)}.tech-category-card{height:100%;background:#fff;border:1px solid #eadfff;border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(139,63,242,.08);transition:.25s}.tech-category-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(139,63,242,.15)}.tech-category-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tech-category-head i{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px}.tech-category-card h5{font-size:14.5px;font-weight:950;margin:0}.tech-category-card p{font-size:12.25px;color:var(--dx-muted);line-height:1.6}.tech-stack-list{display:flex;flex-wrap:wrap;gap:8px}.tech-stack-list span{background:#f7f1ff;border:1px solid #eadfff;border-radius:40px;padding:7px 10px;font-size:11px;font-weight:900;color:#5e6680}.tech-flow-panel.v27-flow{background:linear-gradient(135deg,#fff,#fbf7ff,#eef4ff)!important;border-radius:30px}.v27-flow .tech-flow-step{min-height:190px}.v27-flow .tech-flow-step h5{font-size:14.5px}.v27-flow .tech-flow-step p{font-size:12.25px}.v27-flow .tech-flow-step span{box-shadow:0 14px 28px rgba(139,63,242,.18)}
@media(max-width:991px){.portfolio-hero-kpis{grid-template-columns:1fr 1fr}.tech-map{min-height:360px}.tech-node{min-width:96px;padding:12px 10px}.tech-hero-v27,.portfolio-hero-card.v27-portfolio-hero{padding:28px}}@media(max-width:575px){.portfolio-hero-kpis{grid-template-columns:1fr}.tech-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:10px}.tech-map{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.tech-map:before,.tech-map-center{display:none}}


/* V28 home professional refinement */
.latest-tech-section .section-title h2,
.smart-panel .section-title h2,
.compact-stat-title h2{
    font-size: clamp(22px, 2.35vw, 34px) !important;
    line-height: 1.18 !important;
    letter-spacing: -0.035em !important;
    font-weight: 950 !important;
    color: #171d3a !important;
    margin-bottom: 10px !important;
}
.latest-tech-section .section-title span,
.smart-panel .section-title span,
.compact-stat-title span{
    font-size: 11px !important;
    letter-spacing: .16em !important;
    color: #8b3ff2 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}
.latest-tech-section .section-title p,
.smart-panel .section-title p,
.compact-stat-title p{
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #68708a !important;
}
.latest-tech-section{
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}
.latest-tech-card{
    min-height: 170px !important;
    padding: 24px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(139,63,242,.13) !important;
    box-shadow: 0 18px 48px rgba(139,63,242,.08) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.latest-tech-card:hover{
    transform: translateY(-7px) !important;
    box-shadow: 0 26px 62px rgba(139,63,242,.16) !important;
    border-color: rgba(139,63,242,.28) !important;
}
.latest-tech-card i{
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg,#8b3ff2,#c85cff) !important;
    color:#fff !important;
    font-size:13px !important;
    box-shadow: 0 14px 28px rgba(139,63,242,.22) !important;
    margin-bottom: 16px !important;
}
.latest-tech-card h5{
    font-size: 14.5px !important;
    font-weight: 900 !important;
    color: #151b36 !important;
    margin-bottom: 8px !important;
}
.latest-tech-card p{
    font-size: 12.6px !important;
    line-height: 1.62 !important;
    color: #64708d !important;
    margin-bottom: 0 !important;
}
.smart-strip{
    padding: 54px 0 !important;
}
.smart-panel{
    padding: 44px 34px !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg,#ffffff 0%,#fbf8ff 54%,#eef4ff 100%) !important;
    border: 1px solid rgba(139,63,242,.14) !important;
    box-shadow: 0 24px 70px rgba(139,63,242,.10) !important;
}
.smart-feature{
    min-height: 238px !important;
    padding: 24px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(139,63,242,.11) !important;
    box-shadow: 0 18px 44px rgba(139,63,242,.07) !important;
    transition:.25s ease !important;
}
.smart-feature:hover{
    transform: translateY(-8px) !important;
    box-shadow: 0 26px 60px rgba(139,63,242,.15) !important;
}
.smart-feature h5{
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing:-.02em !important;
}
.smart-feature p{
    font-size: 13px !important;
    line-height: 1.62 !important;
    color:#66708c !important;
}
.sf-icon{
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    font-size: 19px !important;
    margin-bottom: 16px !important;
}
.milestone-strip{
    padding: 48px 0 60px !important;
}
.compact-stat-title{
    margin-bottom: 24px !important;
}
.milestone{
    padding: 22px 18px !important;
    min-height: 142px !important;
}
.milestone h4{
    font-size: 22px !important;
    line-height: 1.1 !important;
}
.milestone p{
    font-size: 11px !important;
}
@media(max-width: 767px){
    .latest-tech-section .section-title h2,
    .smart-panel .section-title h2,
    .compact-stat-title h2{font-size:24px !important;}
    .smart-feature{min-height:auto !important;}
}


/* V29 Portfolio-only professional update */
.portfolio-premium-hero{
    text-align:left;
    padding:112px 0 64px;
}
.portfolio-premium-hero h1{
    font-size:clamp(28px,3.6vw,46px);
    line-height:1.12;
    letter-spacing:-1.3px;
}
.portfolio-premium-hero p{
    margin:0;
    font-size:15px;
    line-height:1.8;
    max-width:680px;
}
.portfolio-mini-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.portfolio-mini-points span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:900;
    color:var(--dx-dark);
    box-shadow:0 9px 22px rgba(17,23,47,.05);
}
.portfolio-mini-points i{color:var(--dx-primary)}
.portfolio-visual-pro{
    position:relative;
    min-height:330px;
    border-radius:34px;
    background:
        radial-gradient(circle at 88% 85%, rgba(200,92,255,.20), transparent 32%),
        linear-gradient(145deg,#fff,#f3ebff);
    border:1px solid var(--dx-border);
    box-shadow:0 24px 64px rgba(139,63,242,.13);
    overflow:hidden;
}
.portfolio-visual-pro:before{
    content:"";
    position:absolute;
    inset:28px;
    border:1px dashed rgba(139,63,242,.22);
    border-radius:28px;
}
.pv-card{
    position:absolute;
    left:54px;
    right:54px;
    top:62px;
    min-height:165px;
    border-radius:24px;
    background:rgba(255,255,255,.86);
    border:1px solid var(--dx-border);
    box-shadow:0 18px 40px rgba(17,23,47,.08);
    padding:24px;
}
.pv-card span{
    display:block;
    height:9px;
    border-radius:12px;
    margin-bottom:12px;
    background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue));
}
.pv-card span:nth-child(1){width:82%}
.pv-card span:nth-child(2){width:58%}
.pv-card span:nth-child(3){width:70%}
.pv-chart{
    position:absolute;
    left:24px;
    right:24px;
    bottom:18px;
    height:54px;
    display:flex;
    align-items:end;
    gap:12px;
}
.pv-chart i{
    flex:1;
    border-radius:13px 13px 6px 6px;
    background:linear-gradient(180deg,var(--dx-secondary),var(--dx-primary));
    opacity:.9;
}
.pv-chart i:nth-child(1){height:42%}
.pv-chart i:nth-child(2){height:70%}
.pv-chart i:nth-child(3){height:50%}
.pv-chart i:nth-child(4){height:86%}
.pv-floating{
    position:absolute;
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:18px;
    padding:13px 16px;
    min-width:118px;
    box-shadow:0 15px 34px rgba(139,63,242,.12);
    animation:floaty 5s ease-in-out infinite;
}
.pv-floating i{
    color:var(--dx-primary);
    font-size:22px;
    margin-right:8px;
}
.pv-floating b{
    font-size:13px;
    color:var(--dx-dark);
}
.pv-floating small{
    display:block;
    margin-left:33px;
    font-size:11px;
    color:var(--dx-muted);
    font-weight:700;
}
.pv-one{left:28px;bottom:38px}
.pv-two{right:36px;bottom:34px;animation-delay:.6s}
.pv-three{right:44px;top:34px;animation-delay:1s}
.compact-title h2{
    font-size:clamp(24px,2.8vw,36px);
    letter-spacing:-.8px;
}
.compact-title p{
    max-width:760px;
    margin:10px auto 0;
    color:var(--dx-muted);
    font-size:14px;
    line-height:1.7;
}
.portfolio-pro-card{
    position:relative;
    height:100%;
    padding:24px;
    border-radius:26px;
    background:#fff;
    border:1px solid var(--dx-border);
    box-shadow:0 14px 36px rgba(17,23,47,.06);
    overflow:hidden;
    transition:.25s ease;
}
.portfolio-pro-card:before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    right:-45px;
    top:-45px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    opacity:.10;
}
.portfolio-pro-card:hover{
    transform:translateY(-7px);
    box-shadow:0 26px 58px rgba(139,63,242,.16);
}
.pp-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    font-size:20px;
    box-shadow:0 14px 28px rgba(139,63,242,.22);
    margin-bottom:16px;
}
.portfolio-pro-card h5{
    font-size:17px;
    font-weight:950;
    letter-spacing:-.2px;
    margin-bottom:8px;
}
.portfolio-pro-card p{
    color:var(--dx-muted);
    font-size:13px;
    line-height:1.65;
    margin-bottom:14px;
}
.portfolio-pro-card ul{
    padding:0;
    margin:0 0 16px;
    list-style:none;
}
.portfolio-pro-card li{
    position:relative;
    padding-left:18px;
    margin-bottom:8px;
    font-size:12.5px;
    font-weight:750;
    color:#4f5870;
}
.portfolio-pro-card li:before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--dx-primary);
}
.pp-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.pp-tags span{
    font-size:11px;
    font-weight:900;
    color:var(--dx-primary);
    background:var(--dx-light);
    border:1px solid var(--dx-border);
    border-radius:999px;
    padding:6px 9px;
}
.portfolio-flow-strip{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.pf-step{
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:24px;
    padding:24px;
    box-shadow:0 14px 34px rgba(17,23,47,.06);
    transition:.25s;
}
.pf-step:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 50px rgba(139,63,242,.14);
}
.pf-step i{
    width:48px;
    height:48px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    font-size:19px;
    margin-bottom:15px;
}
.pf-step h6{
    font-size:15px;
    font-weight:950;
    margin-bottom:8px;
}
.pf-step p{
    font-size:12.5px;
    color:var(--dx-muted);
    line-height:1.65;
    margin:0;
}
.portfolio-cta-pro{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center;
    padding:34px;
    border-radius:28px;
    background:
        radial-gradient(circle at 92% 20%, rgba(47,109,246,.18), transparent 28%),
        linear-gradient(135deg,#fff,#f2e9ff);
    border:1px solid var(--dx-border);
    box-shadow:0 18px 44px rgba(139,63,242,.12);
}
.portfolio-cta-pro span{
    color:var(--dx-primary);
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:12px;
    font-weight:950;
}
.portfolio-cta-pro h3{
    font-size:clamp(22px,2.6vw,32px);
    font-weight:950;
    letter-spacing:-.7px;
    margin:8px 0;
}
.portfolio-cta-pro p{
    margin:0;
    color:var(--dx-muted);
    font-size:14px;
}
@media(max-width:991px){
    .portfolio-flow-strip{grid-template-columns:repeat(2,1fr)}
    .portfolio-visual-pro{min-height:300px}
    .portfolio-cta-pro{flex-direction:column;align-items:flex-start}
}
@media(max-width:575px){
    .portfolio-flow-strip{grid-template-columns:1fr}
    .portfolio-premium-hero{padding-top:96px}
    .pv-floating{display:none}
}


/* V30 refreshed about + portfolio section */
.portfolio-modern-panel{
    background:linear-gradient(145deg,#ffffff,#f7f0ff);
    border:1px solid var(--dx-border);
    border-radius:34px;
    padding:54px;
    box-shadow:0 22px 60px rgba(139,63,242,.10);
    position:relative;
    overflow:hidden;
}
.portfolio-modern-panel:before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(168,85,247,.16),transparent 70%);
    top:-120px;
    right:-100px;
}
.portfolio-modern-header span{
    display:inline-block;
    font-size:12px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--dx-primary);
    margin-bottom:10px;
}
.portfolio-modern-header h2{
    font-size:clamp(28px,3vw,42px);
    line-height:1.18;
    font-weight:950;
    letter-spacing:-1.2px;
    color:var(--dx-dark);
    margin-bottom:14px;
}
.portfolio-modern-header p{
    max-width:760px;
    margin:auto;
    color:var(--dx-muted);
    line-height:1.8;
    font-size:14px;
}
.pm-card{
    height:100%;
    background:#fff;
    border-radius:26px;
    border:1px solid var(--dx-border);
    padding:28px;
    box-shadow:0 12px 30px rgba(17,23,47,.06);
    transition:.28s ease;
}
.pm-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 55px rgba(139,63,242,.16);
}
.pm-icon{
    width:58px;
    height:58px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    font-size:22px;
    margin-bottom:18px;
    box-shadow:0 15px 35px rgba(139,63,242,.24);
}
.pm-card h5{
    font-size:18px;
    font-weight:900;
    letter-spacing:-.4px;
    margin-bottom:10px;
    color:var(--dx-dark);
}
.pm-card p{
    font-size:13px;
    line-height:1.8;
    color:var(--dx-muted);
    margin:0;
}
@media(max-width:768px){
    .portfolio-modern-panel{
        padding:34px 22px;
    }
}


/* V31 redesign: About process + Portfolio hero */
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:#fff;
    color:var(--dx-primary);
    border:1px solid var(--dx-border);
    box-shadow:0 12px 30px rgba(139,63,242,.10);
    border-radius:999px;
    padding:9px 14px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:18px;
}
.section-power-title{
    font-size:clamp(28px,3.2vw,44px);
    line-height:1.15;
    letter-spacing:-1.2px;
    font-weight:950;
    color:var(--dx-dark);
    margin-bottom:14px;
}
.section-power-text{
    color:var(--dx-muted);
    font-size:14px;
    line-height:1.8;
    margin-bottom:20px;
}
.about-mini-list{
    display:grid;
    gap:10px;
}
.about-mini-list div{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:800;
    color:#4f5870;
}
.about-mini-list i{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    font-size:11px;
}
.delivery-timeline-pro{
    position:relative;
    background:
      radial-gradient(circle at 90% 15%, rgba(47,109,246,.10), transparent 28%),
      linear-gradient(145deg,#fff,#f7f0ff);
    border:1px solid var(--dx-border);
    border-radius:34px;
    padding:32px;
    box-shadow:0 24px 60px rgba(139,63,242,.12);
    overflow:hidden;
}
.timeline-line{
    position:absolute;
    left:68px;
    top:60px;
    bottom:60px;
    width:2px;
    background:linear-gradient(180deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue));
    opacity:.35;
}
.timeline-item-pro{
    position:relative;
    display:grid;
    grid-template-columns:72px 1fr;
    gap:16px;
    align-items:center;
    margin-bottom:18px;
}
.timeline-item-pro:last-child{margin-bottom:0}
.time-dot{
    width:56px;
    height:56px;
    border-radius:18px;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:950;
    box-shadow:0 16px 34px rgba(139,63,242,.24);
    z-index:1;
}
.time-card{
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:22px;
    padding:18px 20px;
    box-shadow:0 12px 28px rgba(17,23,47,.05);
    transition:.25s ease;
}
.time-card:hover{
    transform:translateX(6px);
    box-shadow:0 20px 44px rgba(139,63,242,.14);
}
.time-card h5{
    font-size:16px;
    font-weight:950;
    margin-bottom:6px;
    color:var(--dx-dark);
}
.time-card p{
    margin:0;
    font-size:12.5px;
    color:var(--dx-muted);
    line-height:1.7;
}
.portfolio-showcase-hero{
    text-align:left;
    padding:112px 0 68px;
}
.portfolio-showcase-hero h1{
    font-size:clamp(30px,4vw,50px);
    line-height:1.12;
    letter-spacing:-1.3px;
    font-weight:950;
}
.portfolio-showcase-hero p{
    color:var(--dx-muted);
    font-size:14.5px;
    line-height:1.85;
    max-width:700px;
}
.showcase-pills{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.showcase-pills span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid var(--dx-border);
    background:#fff;
    color:var(--dx-dark);
    border-radius:999px;
    padding:8px 13px;
    font-size:12px;
    font-weight:900;
    box-shadow:0 10px 22px rgba(17,23,47,.05);
}
.showcase-pills i{color:var(--dx-primary)}
.portfolio-showcase-board{
    position:relative;
    min-height:340px;
    border-radius:34px;
    padding:28px;
    background:
        radial-gradient(circle at 90% 90%, rgba(47,109,246,.14), transparent 30%),
        linear-gradient(145deg,#ffffff,#f3eaff);
    border:1px solid var(--dx-border);
    box-shadow:0 25px 65px rgba(139,63,242,.14);
    overflow:hidden;
}
.portfolio-showcase-board:before{
    content:"";
    position:absolute;
    inset:28px;
    border:1px dashed rgba(139,63,242,.22);
    border-radius:26px;
}
.board-top{
    position:relative;
    z-index:1;
    display:flex;
    gap:8px;
    margin-bottom:18px;
}
.board-top span{
    width:11px;
    height:11px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
}
.board-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.board-widget{
    display:flex;
    gap:12px;
    align-items:center;
    min-height:82px;
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:20px;
    padding:16px;
    box-shadow:0 14px 30px rgba(17,23,47,.06);
}
.board-widget.wide{
    grid-column:span 2;
}
.board-widget i{
    width:44px;
    height:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    font-size:18px;
}
.board-widget b{
    display:block;
    font-size:14px;
    font-weight:950;
    color:var(--dx-dark);
}
.board-widget small{
    color:var(--dx-muted);
    font-weight:700;
    font-size:11px;
}
.board-bars{
    position:absolute;
    left:44px;
    right:44px;
    bottom:34px;
    display:flex;
    align-items:end;
    gap:16px;
    height:64px;
    z-index:1;
}
.board-bars i{
    flex:1;
    border-radius:14px 14px 7px 7px;
    background:linear-gradient(180deg,var(--dx-secondary),var(--dx-primary));
    box-shadow:0 10px 20px rgba(139,63,242,.18);
}
.board-bars i:nth-child(1){height:45%}
.board-bars i:nth-child(2){height:76%}
.board-bars i:nth-child(3){height:58%}
.board-bars i:nth-child(4){height:90%}
@media(max-width:991px){
    .timeline-line{display:none}
    .timeline-item-pro{grid-template-columns:56px 1fr}
}
@media(max-width:575px){
    .delivery-timeline-pro{padding:22px}
    .portfolio-showcase-board{min-height:390px}
    .board-grid{grid-template-columns:1fr}
    .board-widget.wide{grid-column:span 1}
    .board-bars{display:none}
}


/* V31 final redesign: About process + Portfolio hero */
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:#fff;
    color:var(--dx-primary);
    border:1px solid var(--dx-border);
    box-shadow:0 12px 30px rgba(139,63,242,.10);
    border-radius:999px;
    padding:9px 14px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:18px;
}
.section-power-title{
    font-size:clamp(28px,3.2vw,44px);
    line-height:1.15;
    letter-spacing:-1.2px;
    font-weight:950;
    color:var(--dx-dark);
    margin-bottom:14px;
}
.section-power-text{
    color:var(--dx-muted);
    font-size:14px;
    line-height:1.8;
    margin-bottom:20px;
}
.about-mini-list{
    display:grid;
    gap:10px;
}
.about-mini-list div{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:800;
    color:#4f5870;
}
.about-mini-list i{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    font-size:11px;
}
.delivery-timeline-pro{
    position:relative;
    background:
      radial-gradient(circle at 90% 15%, rgba(47,109,246,.10), transparent 28%),
      linear-gradient(145deg,#fff,#f7f0ff);
    border:1px solid var(--dx-border);
    border-radius:34px;
    padding:32px;
    box-shadow:0 24px 60px rgba(139,63,242,.12);
    overflow:hidden;
}
.timeline-line{
    position:absolute;
    left:68px;
    top:60px;
    bottom:60px;
    width:2px;
    background:linear-gradient(180deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue));
    opacity:.35;
}
.timeline-item-pro{
    position:relative;
    display:grid;
    grid-template-columns:72px 1fr;
    gap:16px;
    align-items:center;
    margin-bottom:18px;
}
.timeline-item-pro:last-child{margin-bottom:0}
.time-dot{
    width:56px;
    height:56px;
    border-radius:18px;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:950;
    box-shadow:0 16px 34px rgba(139,63,242,.24);
    z-index:1;
}
.time-card{
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:22px;
    padding:18px 20px;
    box-shadow:0 12px 28px rgba(17,23,47,.05);
    transition:.25s ease;
}
.time-card:hover{
    transform:translateX(6px);
    box-shadow:0 20px 44px rgba(139,63,242,.14);
}
.time-card h5{
    font-size:16px;
    font-weight:950;
    margin-bottom:6px;
    color:var(--dx-dark);
}
.time-card p{
    margin:0;
    font-size:12.5px;
    color:var(--dx-muted);
    line-height:1.7;
}
@media(max-width:991px){
    .timeline-line{display:none}
    .timeline-item-pro{grid-template-columns:56px 1fr}
}
@media(max-width:575px){
    .delivery-timeline-pro{padding:22px}
}



/* V34 Premium Portfolio Redesign */
.portfolio-v34-hero{
    padding:140px 0 82px;
    background:
      radial-gradient(circle at 92% 18%, rgba(180,76,255,.18), transparent 28%),
      linear-gradient(180deg,#ffffff,#f5f0ff);
    position:relative;
    overflow:hidden;
}
.portfolio-v34-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(139,63,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,63,242,.055) 1px,transparent 1px);
    background-size:42px 42px;
}
.portfolio-v34-hero .container{position:relative;z-index:1}
.portfolio-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 17px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--dx-border);
    color:var(--dx-primary);
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 12px 30px rgba(139,63,242,.10);
    margin-bottom:18px;
}
.portfolio-v34-hero h1{
    font-size:clamp(34px,4.4vw,58px);
    line-height:1.07;
    font-weight:950;
    letter-spacing:-1.8px;
    color:var(--dx-dark);
    margin-bottom:18px;
}
.portfolio-v34-hero h1 span{
    background:linear-gradient(90deg,var(--dx-primary),var(--dx-secondary),var(--dx-blue));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.portfolio-lead{
    max-width:700px;
    color:var(--dx-muted);
    font-size:15px;
    line-height:1.9;
}
.portfolio-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px;
    margin-top:24px;
}
.btn-main-v34,.btn-soft-v34{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:13px 20px;
    border-radius:999px;
    font-size:13px;
    font-weight:950;
    text-decoration:none;
}
.btn-main-v34{
    color:#fff;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    box-shadow:0 18px 36px rgba(139,63,242,.22);
}
.btn-soft-v34{
    color:var(--dx-primary);
    background:#fff;
    border:1px solid var(--dx-border);
}
.portfolio-dashboard-visual{
    position:relative;
    min-height:360px;
    border-radius:34px;
    padding:28px;
    background:linear-gradient(145deg,#fff,#f4ecff);
    border:1px solid var(--dx-border);
    box-shadow:0 28px 70px rgba(139,63,242,.14);
    overflow:hidden;
}
.portfolio-dashboard-visual:before{
    content:"";
    position:absolute;
    inset:30px;
    border:1px dashed rgba(139,63,242,.22);
    border-radius:28px;
}
.dash-header{display:flex;gap:8px;position:relative;z-index:1;margin-bottom:18px}
.dash-header span{width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary))}
.dash-title-row{
    position:relative;z-index:1;
    display:flex;align-items:center;justify-content:space-between;
    background:#fff;border:1px solid var(--dx-border);border-radius:24px;padding:18px 20px;
    box-shadow:0 12px 28px rgba(17,23,47,.05);
}
.dash-title-row b{display:block;font-size:18px;font-weight:950;color:var(--dx-dark)}
.dash-title-row small{font-size:12px;color:var(--dx-muted);font-weight:750}
.dash-title-row i{font-size:28px;color:var(--dx-primary)}
.dash-kpis{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.dash-kpis div{background:#fff;border:1px solid var(--dx-border);border-radius:20px;padding:17px;text-align:center}
.dash-kpis b{display:block;font-size:20px;color:var(--dx-primary);font-weight:950}
.dash-kpis small{font-size:11px;color:var(--dx-muted);font-weight:800}
.dash-bars{position:absolute;left:52px;right:52px;bottom:40px;height:70px;display:flex;align-items:end;gap:14px;z-index:1}
.dash-bars i{flex:1;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,var(--dx-secondary),var(--dx-primary));box-shadow:0 12px 25px rgba(139,63,242,.18)}
.dash-bars i:nth-child(1){height:42%}.dash-bars i:nth-child(2){height:76%}.dash-bars i:nth-child(3){height:56%}.dash-bars i:nth-child(4){height:92%}
.dash-floating{
    position:absolute;z-index:2;background:#fff;border:1px solid var(--dx-border);border-radius:16px;
    padding:12px 16px;font-size:12px;font-weight:900;color:var(--dx-dark);box-shadow:0 15px 35px rgba(139,63,242,.16)
}
.dash-floating i{color:var(--dx-primary);margin-right:8px}
.df-one{right:28px;bottom:108px}.df-two{left:30px;bottom:112px}
.portfolio-title-sm h2{
    font-size:clamp(26px,3vw,40px);
    letter-spacing:-1px;
}
.portfolio-title-sm p{
    max-width:780px;
    margin:10px auto 0;
    color:var(--dx-muted);
    font-size:14px;
    line-height:1.8;
}
.portfolio-case-card{
    height:100%;
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:28px;
    padding:24px;
    box-shadow:0 18px 44px rgba(17,23,47,.06);
    transition:.26s ease;
    overflow:hidden;
    position:relative;
}
.portfolio-case-card:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 60px rgba(139,63,242,.16);
}
.case-top{
    min-height:112px;
    border-radius:22px;
    padding:20px;
    margin-bottom:20px;
    color:#fff;
    display:flex;
    align-items:end;
    justify-content:space-between;
}
.case-top i{font-size:34px}
.case-top span{font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.case-top.healthcare{background:linear-gradient(135deg,#8b3ff2,#d45bff)}
.case-top.enterprise{background:linear-gradient(135deg,#17213f,#4b67d8)}
.case-top.education{background:linear-gradient(135deg,#6d28d9,#2f6df6)}
.case-top.analytics{background:linear-gradient(135deg,#9b3dff,#ff6bd6)}
.case-top.mobile{background:linear-gradient(135deg,#2f6df6,#9b3dff)}
.case-top.cloud{background:linear-gradient(135deg,#11172f,#8b3ff2)}
.portfolio-case-card h4{
    font-size:18px;
    font-weight:950;
    color:var(--dx-dark);
    letter-spacing:-.4px;
    margin-bottom:10px;
}
.portfolio-case-card p{
    color:var(--dx-muted);
    font-size:13px;
    line-height:1.75;
}
.portfolio-case-card ul{
    margin:15px 0 0;
    padding:0;
    list-style:none;
}
.portfolio-case-card li{
    position:relative;
    padding-left:18px;
    margin-bottom:8px;
    font-size:12.5px;
    font-weight:800;
    color:#4f5870;
}
.portfolio-case-card li:before{
    content:"";
    width:7px;height:7px;border-radius:50%;background:var(--dx-primary);
    position:absolute;left:0;top:8px;
}
.portfolio-process-v34 h2{
    font-size:clamp(28px,3.2vw,42px);
    font-weight:950;
    letter-spacing:-1px;
    line-height:1.15;
}
.portfolio-process-v34 p{
    color:var(--dx-muted);
    font-size:14px;
    line-height:1.85;
}
.process-grid-v34{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}
.process-item-v34{
    background:#fff;
    border:1px solid var(--dx-border);
    border-radius:24px;
    padding:24px;
    box-shadow:0 14px 34px rgba(17,23,47,.06);
}
.process-item-v34 span{
    display:inline-flex;
    width:44px;height:44px;border-radius:15px;
    align-items:center;justify-content:center;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary));
    color:#fff;font-weight:950;margin-bottom:14px;
}
.process-item-v34 h5{font-size:16px;font-weight:950;color:var(--dx-dark)}
.process-item-v34 p{font-size:12.5px;line-height:1.7;margin:0}
.impact-panel-v34{
    display:flex;justify-content:space-between;align-items:center;gap:28px;
    background:linear-gradient(135deg,#fff,#f2e9ff);
    border:1px solid var(--dx-border);
    border-radius:30px;
    padding:34px;
    box-shadow:0 18px 45px rgba(139,63,242,.10);
}
.impact-panel-v34 span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dx-primary);font-weight:950}
.impact-panel-v34 h2{font-size:clamp(24px,2.8vw,36px);font-weight:950;letter-spacing:-.8px;margin:8px 0}
.impact-panel-v34 p{font-size:14px;color:var(--dx-muted);line-height:1.7;margin:0}
.impact-stats-v34{display:flex;gap:14px}
.impact-stats-v34 div{
    min-width:115px;background:#fff;border:1px solid var(--dx-border);border-radius:20px;padding:18px;text-align:center;
}
.impact-stats-v34 b{display:block;font-size:25px;color:var(--dx-primary);font-weight:950}
.impact-stats-v34 small{font-size:11px;color:var(--dx-muted);font-weight:850}
@media(max-width:991px){
    .dash-floating{display:none}
    .impact-panel-v34{flex-direction:column;align-items:flex-start}
    .impact-stats-v34{width:100%;flex-wrap:wrap}
}
@media(max-width:575px){
    .portfolio-dashboard-visual{min-height:420px}
    .dash-kpis,.process-grid-v34{grid-template-columns:1fr}
    .dash-bars{display:none}
}


/* V45 Fresh: Stylish What Makes Dreamix Different */
.dreamix-different-section{
    position:relative;
    overflow:hidden;
    padding:88px 0 95px;
    background:
        radial-gradient(circle at 12% 15%, rgba(139,63,242,.08), transparent 28%),
        radial-gradient(circle at 90% 75%, rgba(79,124,255,.08), transparent 30%),
        linear-gradient(180deg,#ffffff,#fbf7ff);
}

.dreamix-different-section:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.045) 1px, transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
}

.dreamix-different-header{
    position:relative;
    z-index:2;
    margin-bottom:48px;
}

.dreamix-different-header .mini-badge{
    display:inline-block;
    padding:9px 18px;
    border-radius:999px;
    background:#fff;
    border:1px solid #eadcff;
    color:#8b3ff2;
    font-size:11px;
    letter-spacing:.16em;
    text-transform:uppercase;
    font-weight:950;
    margin-bottom:16px;
    box-shadow:0 12px 28px rgba(139,63,242,.08);
}

.dreamix-different-header h2{
    font-size:clamp(34px,4vw,58px);
    line-height:1.05;
    font-weight:950;
    color:#121936;
    letter-spacing:-1.7px;
    margin-bottom:15px;
}

.dreamix-different-header h2 span{
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dreamix-different-header p{
    max-width:790px;
    margin:0 auto;
    color:#66728c;
    font-size:14px;
    line-height:1.85;
}

.dreamix-different-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.dreamix-different-card{
    position:relative;
    overflow:hidden;
    min-height:265px;
    padding:34px 24px;
    border-radius:30px;
    background:rgba(255,255,255,.9);
    border:1px solid #eadcff;
    text-align:center;
    box-shadow:0 20px 52px rgba(139,63,242,.08);
    transition:all .35s ease;
    animation:dreamixFloat 5s ease-in-out infinite;
}

.dreamix-different-card:nth-child(2){animation-delay:.4s;}
.dreamix-different-card:nth-child(3){animation-delay:.8s;}
.dreamix-different-card:nth-child(4){animation-delay:1.2s;}

.dreamix-different-card:before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    right:-55px;
    bottom:-55px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(212,79,255,.17), transparent 70%);
    transition:.35s ease;
}

.dreamix-different-card:hover{
    transform:translateY(-12px) scale(1.02);
    border-color:#d6b9ff;
    box-shadow:0 32px 72px rgba(139,63,242,.18);
}

.dreamix-different-card:hover:before{
    transform:scale(1.22);
}

.dreamix-different-card .top-glow{
    position:absolute;
    top:0;
    left:30px;
    right:30px;
    height:5px;
    border-radius:0 0 10px 10px;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
    opacity:.9;
}

.dreamix-different-card .icon-box{
    width:80px;
    height:45px;
    border-radius:24px;
    margin:0 auto 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#8b3ff2,#d34fff);
    color:#fff;
    font-size:30px;
    box-shadow:0 18px 42px rgba(139,63,242,.24);
    transition:.35s ease;
}

.dreamix-different-card:hover .icon-box{
    transform:rotate(-8deg) scale(1.08);
}

.dreamix-different-card h4{
    position:relative;
    z-index:2;
    font-size:20px;
    line-height:1.12;
    font-weight:950;
    color:#121936;
    letter-spacing:-.6px;
    margin-bottom:13px;
}

.dreamix-different-card p{
    position:relative;
    z-index:2;
    color:#69758e;
    font-size:14px;
    line-height:1.75;
    margin:0;
}

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

@media(max-width:991px){
    .dreamix-different-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:575px){
    .dreamix-different-grid{grid-template-columns:1fr;}
    .dreamix-different-card{min-height:auto;}
}


/* =========================================================
   V46 FINAL ABOUT PAGE POLISH
   - Small stylish About header
   - Premium How We Work block
   - Better card layout, hover effect, responsive polish
   ========================================================= */

/* Reduce huge "What Makes Dreamix Different" heading */
.dreamix-different-header h2,
.core-values-section h2,
.core-v45-head h2{
    font-size: clamp(30px, 3.2vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.dreamix-different-header p,
.core-v45-head p{
    font-size: 13.5px !important;
    line-height: 1.75 !important;
}

/* Modern Delivery / How We Work Section */
.how-work-section{
    padding: 76px 42px !important;
    border-radius: 38px !important;
    background:
        radial-gradient(circle at 10% 15%, rgba(139,63,242,.08), transparent 28%),
        radial-gradient(circle at 92% 72%, rgba(80,124,255,.08), transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%) !important;
    border: 1px solid #eadcff !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 26px 80px rgba(139,63,242,.10) !important;
}

.how-work-section:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(139,63,242,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.035) 1px, transparent 1px) !important;
    background-size: 38px 38px !important;
    pointer-events:none !important;
}

.how-work-section > *{
    position: relative !important;
    z-index: 2 !important;
}

/* "How We Work" mini label */
.how-work-section .section-label,
.how-work-section .about-v43-label,
.how-work-section .mini-title,
.how-work-section span{
    color: #8b3ff2 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

/* Main heading: smaller, professional */
.how-work-section h2{
    font-size: clamp(28px, 2.8vw, 42px) !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -1px !important;
    color: #121936 !important;
    max-width: 930px !important;
    margin: 10px auto 12px !important;
    text-align: center !important;
    background: none !important;
}

/* Remove accidental text selection/highlight gray */
.how-work-section h2::selection,
.how-work-section h2 *::selection{
    background: transparent !important;
}

/* Description */
.how-work-section h2 + p,
.how-work-section .section-desc,
.how-work-section p.lead{
    max-width: 820px !important;
    margin: 0 auto 42px !important;
    color: #5f6b83 !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
    text-align: center !important;
}

/* Cards inside How Work block */
.how-work-section .card,
.how-work-section .about-v43-card,
.how-work-section .how-work-card,
.how-work-section [class*="work-card"]{
    position: relative !important;
    overflow: hidden !important;
    min-height: 176px !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid #eadcff !important;
    box-shadow: 0 14px 42px rgba(139,63,242,.07) !important;
    transition: all .35s ease !important;
}

/* top glow on cards */
.how-work-section .card:before,
.how-work-section .about-v43-card:before,
.how-work-section .how-work-card:before,
.how-work-section [class*="work-card"]:before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:28px !important;
    right:28px !important;
    height:4px !important;
    border-radius:0 0 10px 10px !important;
    background: linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff) !important;
    opacity: .9 !important;
}

/* hover effect */
.how-work-section .card:hover,
.how-work-section .about-v43-card:hover,
.how-work-section .how-work-card:hover,
.how-work-section [class*="work-card"]:hover{
    transform: translateY(-10px) !important;
    border-color: #d6b9ff !important;
    box-shadow: 0 26px 65px rgba(139,63,242,.16) !important;
}

/* icon boxes */
.how-work-section i,
.how-work-section .icon,
.how-work-section .about-v43-card i,
.how-work-section .how-work-icon i{
    color: #fff !important;
}

.how-work-section .icon-box,
.how-work-section .about-v43-card > i,
.how-work-section .how-work-icon,
.how-work-section .card i:first-child{
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg,#8b3ff2,#c44dff) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color:#fff !important;
    font-size: 22px !important;
    box-shadow: 0 15px 34px rgba(139,63,242,.25) !important;
    transition: all .35s ease !important;
}

.how-work-section .card:hover i:first-child,
.how-work-section .about-v43-card:hover > i,
.how-work-section .how-work-card:hover .how-work-icon{
    transform: rotate(-7deg) scale(1.06) !important;
}

/* Card title */
.how-work-section h4,
.how-work-section h5,
.how-work-section .card-title{
    color:#121936 !important;
    font-size: 18px !important;
    line-height: 1.16 !important;
    font-weight: 950 !important;
    letter-spacing: -.2px !important;
}

/* Card paragraph */
.how-work-section .card p,
.how-work-section .about-v43-card p,
.how-work-section .how-work-card p,
.how-work-section [class*="work-card"] p{
    color:#647089 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    margin-bottom: 0 !important;
}

/* Bootstrap row spacing */
.how-work-section .row{
    row-gap: 24px !important;
}

/* Responsive */
@media(max-width: 991px){
    .how-work-section{
        padding: 54px 24px !important;
    }
    .how-work-section h2{
        font-size: 32px !important;
    }
    .dreamix-different-header h2,
    .core-values-section h2,
    .core-v45-head h2{
        font-size: 36px !important;
    }
}

@media(max-width: 575px){
    .how-work-section{
        padding: 42px 18px !important;
        border-radius: 26px !important;
    }
    .how-work-section h2{
        font-size: 26px !important;
    }
    .dreamix-different-header h2,
    .core-values-section h2,
    .core-v45-head h2{
        font-size: 30px !important;
    }
}


/* =========================================================
   V47 FINAL - ABOUT PAGE DELIVERY BLOCK REDESIGN
   FILE: assets/css/style.css
   ========================================================= */

.dx-delivery-section{
    padding: 88px 0 96px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(139,63,242,.08), transparent 28%),
        radial-gradient(circle at 90% 76%, rgba(74,126,255,.08), transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%);
}

.dx-delivery-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.04) 1px, transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
}

.dx-delivery-panel{
    position:relative;
    z-index:2;
    border-radius:36px;
    border:1px solid #eadcff;
    background:rgba(255,255,255,.80);
    box-shadow:0 28px 85px rgba(139,63,242,.10);
    padding:58px 52px;
    overflow:hidden;
}

.dx-delivery-panel::before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    right:-120px;
    top:-130px;
    background:radial-gradient(circle, rgba(199,78,255,.18), transparent 68%);
}

.dx-delivery-panel::after{
    content:"";
    position:absolute;
    width:260px;
    height:170px;
    border-radius:50%;
    left:-90px;
    bottom:-120px;
    background:radial-gradient(circle, rgba(82,120,255,.14), transparent 68%);
}

.dx-delivery-head{
    position:relative;
    z-index:3;
    margin-bottom:38px;
}

.dx-mini-title{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 17px;
    border-radius:999px;
    border:1px solid #eadcff;
    background:#ffffff;
    color:#8b3ff2;
    font-size:10.5px;
    line-height:1;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
    box-shadow:0 12px 28px rgba(139,63,242,.08);
    margin-bottom:15px;
}

.dx-delivery-head h2{
    max-width:860px;
    margin:0 auto 13px;
    font-size:clamp(28px, 2.9vw, 42px);
    line-height:1.10;
    letter-spacing:-1.1px;
    font-weight:950;
    color:#121936;
}

.dx-delivery-head h2 span{
    background:linear-gradient(90deg,#8b3ff2,#c94fff,#4f7cff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-delivery-head p{
    max-width:780px;
    margin:0 auto;
    color:#63708a;
    font-size:13.5px;
    line-height:1.75;
}

.dx-delivery-cards{
    position:relative;
    z-index:3;
}

.dx-delivery-card{
    position:relative;
    min-height:238px;
    padding:28px 24px 26px;
    border-radius:28px;
    background:rgba(255,255,255,.94);
    border:1px solid #eadcff;
    box-shadow:0 16px 48px rgba(139,63,242,.08);
    overflow:hidden;
    transition:all .35s ease;
}

.dx-delivery-card::before{
    content:"";
    position:absolute;
    top:0;
    left:26px;
    right:26px;
    height:4px;
    border-radius:0 0 10px 10px;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
}

.dx-delivery-card::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    right:-54px;
    bottom:-54px;
    background:radial-gradient(circle, rgba(199,78,255,.16), transparent 70%);
    transition:.35s ease;
}

.dx-delivery-card:hover{
    transform:translateY(-10px);
    border-color:#d6b9ff;
    box-shadow:0 30px 70px rgba(139,63,242,.17);
}

.dx-delivery-card:hover::after{
    transform:scale(1.22);
}

.dx-step{
    position:absolute;
    right:22px;
    top:20px;
    font-size:34px;
    line-height:1;
    font-weight:950;
    color:rgba(139,63,242,.10);
}

.dx-delivery-icon{
    width:64px;
    height:64px;
    border-radius:19px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#8b3ff2,#c44dff);
    color:#fff;
    font-size:24px;
    box-shadow:0 16px 36px rgba(139,63,242,.26);
    margin-bottom:22px;
    transition:.35s ease;
}

.dx-delivery-card:hover .dx-delivery-icon{
    transform:rotate(-7deg) scale(1.06);
}

.dx-delivery-card h4{
    position:relative;
    z-index:2;
    color:#121936;
    font-size:21px;
    line-height:1.13;
    font-weight:950;
    letter-spacing:-.4px;
    margin:0 0 10px;
}

.dx-delivery-card p{
    position:relative;
    z-index:2;
    color:#647089;
    font-size:13px;
    line-height:1.65;
    margin:0;
    max-width:210px;
}

/* Make Mission & Vision heading also smaller and balanced */
.about-page h2,
.mission-section h2,
.vision-section h2{
    font-size:clamp(28px,3vw,42px) !important;
    line-height:1.13 !important;
    letter-spacing:-.9px !important;
}

@media(max-width:991px){
    .dx-delivery-panel{
        padding:42px 28px;
    }
    .dx-delivery-card{
        min-height:210px;
    }
}

@media(max-width:575px){
    .dx-delivery-section{
        padding:58px 0;
    }
    .dx-delivery-panel{
        border-radius:26px;
        padding:32px 20px;
    }
    .dx-delivery-head h2{
        font-size:28px;
    }
}


/* =========================================================
   V48 ABOUT PAGE — THREE PREMIUM BLOCKS REDESIGN
   FILE: assets/css/style.css
   ========================================================= */

.dx-section-head{
    position:relative;
    z-index:2;
    margin-bottom:34px;
}

.dx-section-head span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 16px;
    border-radius:999px;
    background:#fff;
    border:1px solid #eadcff;
    color:#8b3ff2;
    font-size:10px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
    box-shadow:0 12px 28px rgba(139,63,242,.08);
    margin-bottom:13px;
}

.dx-section-head h2{
    max-width:980px;
    margin:0 auto 12px;
    font-size:clamp(25px,2.6vw,38px);
    line-height:1.12;
    letter-spacing:-.9px;
    color:#121936;
    font-weight:950;
}

.dx-section-head h2 em{
    font-style:normal;
    background:linear-gradient(90deg,#8b3ff2,#d24fff,#4f7cff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-section-head p{
    max-width:760px;
    margin:0 auto;
    color:#63708a;
    font-size:13px;
    line-height:1.75;
}

/* Mission / Vision / Promise */
.dx-mvp-section{
    position:relative;
    padding:82px 0;
    overflow:hidden;
    background:linear-gradient(180deg,#fbf7ff,#ffffff);
}

.dx-mvp-section:before,
.dx-different-section:before,
.dx-ecosystem-section:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.04) 1px,transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
}

.dx-mvp-card{
    position:relative;
    z-index:2;
    height:100%;
    min-height:310px;
    padding:30px 28px;
    border-radius:28px;
    background:rgba(255,255,255,.88);
    border:1px solid #eadcff;
    box-shadow:0 20px 55px rgba(139,63,242,.09);
    overflow:hidden;
    transition:.35s ease;
}

.dx-mvp-card-dark{
    background:linear-gradient(145deg,#ffffff,#f5efff);
}

.dx-mvp-card:before{
    content:"";
    position:absolute;
    right:-55px;
    top:-55px;
    width:165px;
    height:165px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(199,78,255,.18),transparent 70%);
}

.dx-mvp-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 75px rgba(139,63,242,.16);
}

.dx-mvp-icon{
    width:62px;
    height:62px;
    border-radius:19px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#8b3ff2,#c94fff);
    font-size:23px;
    box-shadow:0 16px 36px rgba(139,63,242,.25);
    margin-bottom:19px;
}

.dx-mvp-card h4{
    font-size:22px;
    font-weight:950;
    color:#121936;
    margin-bottom:12px;
    letter-spacing:-.3px;
}

.dx-mvp-card p{
    color:#62708a;
    font-size:13px;
    line-height:1.7;
    margin-bottom:17px;
}

.dx-mvp-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.dx-mvp-card li{
    position:relative;
    padding-left:22px;
    margin:10px 0;
    color:#52617b;
    font-size:12.8px;
    line-height:1.55;
}

.dx-mvp-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#8b3ff2;
    font-weight:950;
}

/* Different block */
.dx-different-section{
    position:relative;
    padding:88px 0 92px;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 20%,rgba(139,63,242,.08),transparent 28%),
        radial-gradient(circle at 92% 80%,rgba(79,124,255,.08),transparent 28%),
        linear-gradient(180deg,#ffffff,#faf6ff);
}

.dx-different-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.dx-diff-card{
    position:relative;
    min-height:246px;
    padding:30px 22px 26px;
    border-radius:30px;
    background:rgba(255,255,255,.92);
    border:1px solid #eadcff;
    text-align:center;
    box-shadow:0 18px 52px rgba(139,63,242,.09);
    overflow:hidden;
    transition:.35s ease;
}

.dx-diff-card:before{
    content:"";
    position:absolute;
    left:26px;
    right:26px;
    top:0;
    height:4px;
    border-radius:0 0 10px 10px;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
}

.dx-diff-card:after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-55px;
    bottom:-55px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(211,79,255,.16),transparent 70%);
}

.dx-diff-card:hover{
    transform:translateY(-10px) scale(1.015);
    border-color:#d7baff;
    box-shadow:0 30px 72px rgba(139,63,242,.17);
}

.dx-diff-icon{
    width:74px;
    height:74px;
    border-radius:23px;
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    background:linear-gradient(135deg,#8b3ff2,#d24fff);
    box-shadow:0 18px 42px rgba(139,63,242,.24);
    transition:.35s ease;
}

.dx-diff-card:hover .dx-diff-icon{
    transform:rotate(-7deg) scale(1.06);
}

.dx-diff-card h4{
    font-size:22px;
    font-weight:950;
    letter-spacing:-.4px;
    color:#121936;
    margin-bottom:12px;
}

.dx-diff-card p{
    font-size:13px;
    color:#66728c;
    line-height:1.65;
    margin:0;
}

/* Delivery Ecosystem block */
.dx-ecosystem-section{
    position:relative;
    padding:88px 0 98px;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff,#fbf7ff);
}

.dx-ecosystem-panel{
    position:relative;
    z-index:2;
    padding:54px 48px;
    border-radius:36px;
    border:1px solid #eadcff;
    background:rgba(255,255,255,.82);
    box-shadow:0 28px 85px rgba(139,63,242,.10);
    overflow:hidden;
}

.dx-ecosystem-panel:before{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    top:-135px;
    right:-100px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(199,78,255,.18),transparent 70%);
}

.dx-eco-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.dx-eco-card{
    position:relative;
    min-height:250px;
    border-radius:28px;
    border:1px solid #eadcff;
    background:rgba(255,255,255,.94);
    padding:28px 23px;
    overflow:hidden;
    box-shadow:0 18px 48px rgba(139,63,242,.08);
    transition:.35s ease;
}

.dx-eco-card:before{
    content:"";
    position:absolute;
    top:0;
    left:25px;
    right:25px;
    height:4px;
    border-radius:0 0 10px 10px;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
}

.dx-eco-card b{
    position:absolute;
    right:22px;
    top:22px;
    font-size:32px;
    line-height:1;
    font-weight:950;
    color:rgba(139,63,242,.14);
}

.dx-eco-card:hover{
    transform:translateY(-10px);
    border-color:#d7baff;
    box-shadow:0 30px 72px rgba(139,63,242,.17);
}

.dx-eco-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    background:linear-gradient(135deg,#8b3ff2,#c94fff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    box-shadow:0 16px 36px rgba(139,63,242,.25);
    margin-bottom:23px;
}

.dx-eco-card h4{
    font-size:21px;
    line-height:1.14;
    font-weight:950;
    color:#121936;
    margin-bottom:12px;
}

.dx-eco-card p{
    font-size:13px;
    line-height:1.65;
    color:#647089;
    margin:0;
}

/* small responsive */
@media(max-width:991px){
    .dx-different-grid,
    .dx-eco-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .dx-ecosystem-panel{
        padding:42px 28px;
    }
}

@media(max-width:575px){
    .dx-different-grid,
    .dx-eco-grid{
        grid-template-columns:1fr;
    }
    .dx-section-head h2{
        font-size:28px;
    }
    .dx-ecosystem-panel{
        padding:30px 18px;
        border-radius:26px;
    }
}


/* =========================================================
   V50 GLOBAL SMALL FONT + ABOUT UNIQUE SECTION STYLING
   FILE: assets/css/style.css
   Paste at end of style.css if using manually.
   ========================================================= */

/* ---------- Global small professional font scale ---------- */
html{
    font-size: 14px;
}

body{
    font-size: 13px !important;
    line-height: 1.55 !important;
}

p,
li,
.form-control,
.form-select,
.btn,
.dropdown-item{
    font-size: 13px !important;
}

.nav-link{
    font-size: 12.5px !important;
    font-weight: 850 !important;
}

.navbar-brand img{
    height: 38px !important;
}

.section{
    padding: 56px 0 !important;
}

.section-title span,
.dx-section-head span{
    font-size: 10px !important;
    letter-spacing: .18em !important;
}

.section-title h2,
.dx-section-head h2{
    font-size: clamp(22px, 2.4vw, 34px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.7px !important;
    font-weight: 950 !important;
}

.dx-section-head p,
.section-title p{
    font-size: 12.7px !important;
    line-height: 1.7 !important;
}

/* ---------- About page: avoid same-card repeated feel ---------- */

/* Mission Vision Promise: editorial cards with left accent + unique shadow */
.dx-mvp-section{
    padding: 68px 0 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(139,63,242,.07), transparent 28%),
        linear-gradient(180deg,#fbf8ff,#ffffff) !important;
}

.dx-mvp-card{
    min-height: 285px !important;
    padding: 26px 24px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #eadcff !important;
    box-shadow: 0 16px 45px rgba(139,63,242,.08) !important;
}

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

.dx-mvp-card:after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:24px !important;
    bottom:24px !important;
    width:5px !important;
    border-radius:0 12px 12px 0 !important;
    background: linear-gradient(180deg,#8b3ff2,#d34fff,#4f7cff) !important;
    opacity:1 !important;
}

.dx-mvp-card:hover{
    transform: translateY(-9px) !important;
    box-shadow: 0 28px 68px rgba(139,63,242,.15) !important;
}

.dx-mvp-icon{
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
    font-size: 19px !important;
    margin-bottom: 16px !important;
}

.dx-mvp-card h4{
    font-size: 18px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
}

.dx-mvp-card p,
.dx-mvp-card li{
    font-size: 12.4px !important;
    line-height: 1.65 !important;
}

.dx-mvp-card li{
    margin: 8px 0 !important;
}

/* What Makes Dreamix Different: compact floating value tiles */
.dx-different-section{
    padding: 70px 0 76px !important;
    background:
        radial-gradient(circle at 90% 10%, rgba(79,124,255,.08), transparent 25%),
        radial-gradient(circle at 10% 80%, rgba(211,79,255,.08), transparent 25%),
        linear-gradient(180deg,#ffffff,#fbf8ff) !important;
}

.dx-different-grid{
    gap: 18px !important;
}

.dx-diff-card{
    min-height: 210px !important;
    padding: 26px 18px 22px !important;
    border-radius: 24px !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,246,255,.92)) !important;
    box-shadow: 0 14px 38px rgba(139,63,242,.08) !important;
}

.dx-diff-card:before{
    left: 22px !important;
    right: 22px !important;
    height: 3px !important;
}

.dx-diff-card:after{
    width: 115px !important;
    height: 115px !important;
    right: -42px !important;
    bottom: -42px !important;
}

.dx-diff-icon{
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    font-size: 22px !important;
    margin-bottom: 18px !important;
}

.dx-diff-card h4{
    font-size: 18px !important;
    line-height: 1.15 !important;
    margin-bottom: 9px !important;
}

.dx-diff-card p{
    font-size: 12.4px !important;
    line-height: 1.62 !important;
}

/* Delivery ecosystem: more distinct, stronger panel + smaller header */
.dx-ecosystem-section{
    padding: 74px 0 84px !important;
    background:
        linear-gradient(180deg,#fbf8ff,#ffffff) !important;
}

.dx-ecosystem-panel{
    padding: 44px 38px !important;
    border-radius: 30px !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,240,255,.86)) !important;
    box-shadow: 0 24px 72px rgba(139,63,242,.11) !important;
}

.dx-eco-grid{
    gap: 18px !important;
}

.dx-eco-card{
    min-height: 215px !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 14px 38px rgba(139,63,242,.08) !important;
}

.dx-eco-card b{
    font-size: 27px !important;
    right: 18px !important;
    top: 18px !important;
}

.dx-eco-icon{
    width: 54px !important;
    height: 54px !important;
    border-radius: 17px !important;
    font-size: 21px !important;
    margin-bottom: 18px !important;
}

.dx-eco-card h4{
    font-size: 17px !important;
    line-height: 1.18 !important;
    margin-bottom: 9px !important;
}

.dx-eco-card p{
    font-size: 12.3px !important;
    line-height: 1.62 !important;
}

/* Old/other about value cards also compact */
.value-mini,
.info-card,
.service-card,
.solution-card,
.smart-module,
.case-card,
.mission-card{
    border-radius: 20px !important;
}

.value-mini h6,
.info-card h5,
.service-card h5,
.solution-card h5,
.smart-module h5,
.case-card h5{
    font-size: 14px !important;
}

.value-mini p,
.info-card p,
.service-card p,
.solution-card p,
.smart-module p,
.case-card p{
    font-size: 12.2px !important;
    line-height: 1.6 !important;
}

/* Big headers from old sections */
.page-hero h1,
.hero h1{
    font-size: clamp(28px, 4vw, 46px) !important;
    line-height: 1.08 !important;
}

.page-hero p,
.hero p{
    font-size: 14px !important;
}

/* More premium hover animation */
.dx-mvp-card,
.dx-diff-card,
.dx-eco-card,
.value-mini,
.info-card,
.service-card,
.solution-card,
.smart-module,
.case-card{
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

.dx-mvp-card:hover,
.dx-diff-card:hover,
.dx-eco-card:hover,
.value-mini:hover,
.info-card:hover,
.service-card:hover,
.solution-card:hover,
.smart-module:hover,
.case-card:hover{
    transform: translateY(-8px) !important;
    border-color: #d6b9ff !important;
    box-shadow: 0 24px 58px rgba(139,63,242,.16) !important;
}

/* Responsive */
@media(max-width: 991px){
    .dx-different-grid,
    .dx-eco-grid{
        grid-template-columns: repeat(2,1fr) !important;
    }

    .dx-section-head h2{
        font-size: 28px !important;
    }

    .dx-ecosystem-panel{
        padding: 34px 24px !important;
    }
}

@media(max-width: 575px){
    body{
        font-size: 12.5px !important;
    }

    .dx-different-grid,
    .dx-eco-grid{
        grid-template-columns: 1fr !important;
    }

    .dx-section-head h2{
        font-size: 24px !important;
    }

    .dx-mvp-section,
    .dx-different-section,
    .dx-ecosystem-section{
        padding: 48px 0 !important;
    }
}


/* =========================================================
   V51 NEXT LEVEL ABOUT PAGE CARDS
   FILE: assets/css/style.css
   Adds modern gradient text, glass cards, shine hover, border glow,
   smaller professional font weight and differentiated card styles.
   ========================================================= */

/* softer professional fonts */
body{
    font-weight: 450 !important;
    color:#42506a !important;
}

.dx-section-head h2,
.section-title h2{
    font-size: clamp(24px, 2.35vw, 36px) !important;
    font-weight: 850 !important;
    letter-spacing: -.55px !important;
    color: transparent !important;
    background: linear-gradient(90deg,#121936 0%,#34205f 35%,#8b3ff2 68%,#4f7cff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.dx-section-head p,
.section-title p{
    color:#61708b !important;
    font-weight: 430 !important;
}

/* shared next-level card motion */
.dx-mvp-card,
.dx-diff-card,
.dx-eco-card,
.about-process-card,
.tech-card,
.feature-card,
.value-mini,
.info-card{
    isolation:isolate;
    transform-style:preserve-3d;
    will-change:transform, box-shadow;
}

.dx-mvp-card::selection,
.dx-diff-card::selection,
.dx-eco-card::selection{
    background:transparent;
}

/* animated shine layer for all about cards */
.dx-mvp-card .dx-card-glow,
.dx-diff-card .dx-card-glow,
.dx-eco-card .dx-card-glow{
    display:none;
}

.dx-mvp-card:after,
.dx-diff-card:after,
.dx-eco-card:after{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    width:auto !important;
    height:auto !important;
    border-radius:inherit !important;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.0) 34%, rgba(255,255,255,.72) 48%, rgba(255,255,255,0) 64%, transparent 100%) !important;
    transform:translateX(-140%) skewX(-14deg) !important;
    transition:transform .75s ease !important;
    z-index:1 !important;
    pointer-events:none !important;
}

.dx-mvp-card:hover:after,
.dx-diff-card:hover:after,
.dx-eco-card:hover:after{
    transform:translateX(140%) skewX(-14deg) !important;
}

/* mission/vision/promise: premium split style */
.dx-mvp-card{
    min-height:300px !important;
    padding:28px 26px !important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(252,247,255,.92)) !important;
    border:1px solid rgba(139,63,242,.18) !important;
    box-shadow:0 16px 42px rgba(23,31,62,.06) !important;
}

.dx-mvp-card:nth-child(1),
.row .col-lg-4:nth-child(1) .dx-mvp-card{
    background:
        radial-gradient(circle at 90% 0%,rgba(139,63,242,.12),transparent 30%),
        linear-gradient(135deg,#ffffff,#fbf7ff) !important;
}

.row .col-lg-4:nth-child(2) .dx-mvp-card{
    background:
        linear-gradient(135deg,#1a2445,#293d78) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:0 24px 65px rgba(26,36,69,.18) !important;
}

.row .col-lg-4:nth-child(2) .dx-mvp-card h4,
.row .col-lg-4:nth-child(2) .dx-mvp-card p,
.row .col-lg-4:nth-child(2) .dx-mvp-card li{
    color:#fff !important;
}

.row .col-lg-4:nth-child(2) .dx-mvp-card p,
.row .col-lg-4:nth-child(2) .dx-mvp-card li{
    opacity:.86;
}

.row .col-lg-4:nth-child(3) .dx-mvp-card{
    background:
        radial-gradient(circle at 92% 12%,rgba(79,124,255,.14),transparent 32%),
        linear-gradient(135deg,#ffffff,#f8fbff) !important;
}

.dx-mvp-card:hover{
    transform:translateY(-12px) rotateX(2deg) !important;
}

.dx-mvp-card h4{
    font-size:15px !important;
    font-weight:850 !important;
}

.dx-mvp-card p,
.dx-mvp-card li{
    font-size:12.2px !important;
    font-weight:430 !important;
}

/* What makes cards: compact luxury tiles */
.dx-different-grid{
    gap:20px !important;
}

.dx-diff-card{
    min-height:220px !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,247,255,.90)) !important;
    border:1px solid rgba(139,63,242,.20) !important;
    box-shadow:0 18px 50px rgba(23,31,62,.06) !important;
}

.dx-diff-card:nth-child(even){
    background:
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,249,255,.92)) !important;
}

.dx-diff-card:hover{
    transform:translateY(-12px) scale(1.025) !important;
    box-shadow:0 28px 75px rgba(139,63,242,.18) !important;
}

.dx-diff-icon{
    width:56px !important;
    height:56px !important;
    font-size:21px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#7634ff,#b93cff,#5f7cff) !important;
}

.dx-diff-card h4{
    font-size:17px !important;
    font-weight:850 !important;
}

.dx-diff-card p{
    font-size:12px !important;
    font-weight:430 !important;
}

/* delivery cards: timeline/sprint style */
.dx-ecosystem-panel{
    background:
        radial-gradient(circle at 88% 12%,rgba(211,79,255,.18),transparent 28%),
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,244,255,.88)) !important;
}

.dx-eco-card{
    min-height:220px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid rgba(139,63,242,.20) !important;
    box-shadow:0 16px 45px rgba(23,31,62,.06) !important;
}

.dx-eco-card:nth-child(2){
    background:linear-gradient(145deg,#ffffff,#f8fbff) !important;
}
.dx-eco-card:nth-child(3){
    background:linear-gradient(145deg,#ffffff,#fbf7ff) !important;
}
.dx-eco-card:nth-child(4){
    background:linear-gradient(145deg,#ffffff,#f7f4ff) !important;
}

.dx-eco-card:hover{
    transform:translateY(-12px) rotateZ(-.4deg) !important;
}

.dx-eco-card b{
    font-size:26px !important;
    color:rgba(139,63,242,.18) !important;
}

.dx-eco-icon{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
    font-size:20px !important;
    background:linear-gradient(135deg,#7634ff,#b93cff) !important;
}

.dx-eco-card h4{
    font-size:17px !important;
    font-weight:850 !important;
}

.dx-eco-card p{
    font-size:12px !important;
    font-weight:430 !important;
}

/* process + tech capability section cards from screenshot 2 */
.about-process-card,
.tech-card,
.feature-card,
.process-card,
.capability-card{
    position:relative !important;
    overflow:hidden !important;
    border:1px solid rgba(139,63,242,.18) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,247,255,.90)) !important;
    box-shadow:0 14px 38px rgba(23,31,62,.06) !important;
    transition:.35s ease !important;
}

.about-process-card:before,
.tech-card:before,
.feature-card:before,
.process-card:before,
.capability-card:before{
    content:"" !important;
    position:absolute !important;
    width:120px !important;
    height:120px !important;
    right:-45px !important;
    bottom:-45px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(139,63,242,.13),transparent 70%) !important;
}

.about-process-card:hover,
.tech-card:hover,
.feature-card:hover,
.process-card:hover,
.capability-card:hover{
    transform:translateY(-9px) !important;
    border-color:#d6b9ff !important;
    box-shadow:0 25px 60px rgba(139,63,242,.15) !important;
}

/* numbered process badges */
.about-process-card .number,
.process-card .number,
.step-number{
    background:linear-gradient(135deg,#7634ff,#c94fff) !important;
    box-shadow:0 12px 28px rgba(139,63,242,.22) !important;
    color:#fff !important;
}

/* reduce heavy black look */
h1,h2,h3,h4,h5,h6{
    color:#121936;
}

.card h4,
.card h5,
.dx-mvp-card h4,
.dx-diff-card h4,
.dx-eco-card h4,
.tech-card h4,
.feature-card h4{
    color:#17203f !important;
}

/* use gradient only in major words */
.gradient-text,
.text-gradient{
    background:linear-gradient(90deg,#8b3ff2,#c94fff,#4f7cff) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

/* compact section spacing */
.dx-mvp-section,
.dx-different-section,
.dx-ecosystem-section{
    padding-top:58px !important;
    padding-bottom:64px !important;
}

/* cards should not become too tiny on desktop */
@media(min-width:1200px){
    .dx-section-head h2{
        font-size:34px !important;
    }
}


/* =========================
V52 UNIQUE ABOUT SECTION DESIGNS
========================= */

/* 1. WHAT MAKES DREAMIX DIFFERENT */
.dx-diff-card{
    background:linear-gradient(145deg,#ffffff,#faf6ff)!important;
    border:1px solid #eadcff!important;
    border-radius:28px!important;
    text-align:center!important;
    padding:40px 24px!important;
    transition:.4s ease!important;
    box-shadow:0 12px 35px rgba(139,63,242,.08)!important;
}

.dx-diff-card:hover{
    transform:translateY(-12px) scale(1.03)!important;
    box-shadow:0 30px 70px rgba(139,63,242,.18)!important;
}

.dx-diff-card h4{
    font-size:18px!important;
    font-weight:800!important;
    color:#1a2140!important;
}

.dx-diff-card p{
    font-size:12px!important;
    color:#68758f!important;
}

/* 2. MODERN DELIVERY ECOSYSTEM */
.dx-eco-card{
    position:relative!important;
    background:rgba(255,255,255,.72)!important;
    backdrop-filter:blur(14px)!important;
    border:1px solid rgba(139,63,242,.18)!important;
    border-radius:22px!important;
    padding:26px 22px!important;
    overflow:hidden!important;
    transition:.35s ease!important;
    box-shadow:0 18px 50px rgba(79,124,255,.08)!important;
}

.dx-eco-card:hover{
    transform:translateY(-8px)!important;
    box-shadow:0 24px 60px rgba(79,124,255,.16)!important;
}

.dx-eco-card b{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    font-size:42px!important;
    color:rgba(139,63,242,.12)!important;
    font-weight:900!important;
}

.dx-eco-card .dx-eco-icon{
    width:54px!important;
    height:54px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#7634ff,#b93cff)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    margin-bottom:18px!important;
}

.dx-eco-card h4{
    font-size:17px!important;
    color:#151d3b!important;
}

.dx-eco-card p{
    font-size:12px!important;
    color:#68758f!important;
}

/* 3. SMART TECHNOLOGY CAPABILITIES */
.tech-card,
.capability-card{
    background:linear-gradient(145deg,#1d2442,#2a3566)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:24px!important;
    padding:26px!important;
    color:#fff!important;
    position:relative!important;
    overflow:hidden!important;
    transition:.4s ease!important;
    box-shadow:0 18px 50px rgba(23,31,62,.18)!important;
}

.tech-card:hover,
.capability-card:hover{
    transform:translateY(-10px)!important;
    border-color:#8b3ff2!important;
    box-shadow:0 28px 80px rgba(139,63,242,.28)!important;
}

.tech-card h4,
.capability-card h4{
    color:#fff!important;
    font-size:17px!important;
    font-weight:800!important;
}

.tech-card p,
.capability-card p{
    color:rgba(255,255,255,.72)!important;
    font-size:12px!important;
}

.tech-card:before,
.capability-card:before{
    content:''!important;
    position:absolute!important;
    width:140px!important;
    height:140px!important;
    right:-40px!important;
    top:-40px!important;
    background:radial-gradient(circle,rgba(139,63,242,.35),transparent 70%)!important;
}

/* Headings smaller & premium */
.dx-section-head h2,
.section-title h2{
    font-size:clamp(24px,2.2vw,34px)!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.5px!important;
}


/* =========================================================
   V53 DISTINCT ABOUT PAGE CARD SYSTEM
   - Clean Process = connected workflow steps
   - Latest Tech = dark neon tech panels
   - No repeated white/purple card look
   FILE: assets/css/style.css
   ========================================================= */

/* -------------------------------
   CLEAN PROCESS FROM REQUIREMENT TO DELIVERY
   Different style: connected stepper cards
-------------------------------- */
.section-light .section-title h2{
    font-size:clamp(24px,2.3vw,34px)!important;
    line-height:1.14!important;
    font-weight:850!important;
    letter-spacing:-.55px!important;
    color:transparent!important;
    background:linear-gradient(90deg,#121936,#4b2ac5,#8b3ff2)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
}

.section-light .row.g-4{
    position:relative!important;
}

.section-light .row.g-4:before{
    content:""!important;
    position:absolute!important;
    left:11%!important;
    right:11%!important;
    top:45px!important;
    height:2px!important;
    background:linear-gradient(90deg,rgba(139,63,242,.15),rgba(139,63,242,.55),rgba(79,124,255,.2))!important;
    z-index:0!important;
}

.section-light .info-card{
    position:relative!important;
    z-index:2!important;
    min-height:178px!important;
    padding:26px 24px 24px!important;
    border-radius:24px!important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,244,255,.92))!important;
    border:1px solid rgba(139,63,242,.22)!important;
    box-shadow:0 18px 44px rgba(23,31,62,.07)!important;
    overflow:hidden!important;
    transition:all .35s ease!important;
}

.section-light .info-card:before{
    content:""!important;
    position:absolute!important;
    inset:auto 20px 0 20px!important;
    height:4px!important;
    border-radius:10px 10px 0 0!important;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff)!important;
    opacity:0!important;
    transition:.35s ease!important;
}

.section-light .info-card:after{
    content:""!important;
    position:absolute!important;
    width:120px!important;
    height:120px!important;
    right:-50px!important;
    top:-50px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(139,63,242,.14),transparent 70%)!important;
}

.section-light .info-card:hover{
    transform:translateY(-10px)!important;
    box-shadow:0 28px 68px rgba(139,63,242,.16)!important;
    border-color:#d6b9ff!important;
}

.section-light .info-card:hover:before{
    opacity:1!important;
}

.section-light .info-card .icon-box{
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#8b3ff2,#c84fff)!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:900!important;
    box-shadow:0 14px 32px rgba(139,63,242,.24)!important;
    margin-bottom:18px!important;
}

.section-light .info-card h5{
    font-size:14.5px!important;
    font-weight:850!important;
    color:#121936!important;
    margin-bottom:9px!important;
}

.section-light .info-card p{
    font-size:12px!important;
    line-height:1.62!important;
    color:#60708d!important;
    margin:0!important;
}

/* -------------------------------
   LATEST TECH CAPABILITY
   Different style: dark neon tech panels
-------------------------------- */
.latest-tech-section{
    padding:78px 0 86px!important;
    background:
        radial-gradient(circle at 8% 18%,rgba(139,63,242,.15),transparent 28%),
        radial-gradient(circle at 92% 80%,rgba(79,124,255,.13),transparent 30%),
        linear-gradient(180deg,#f8f4ff,#eef4ff)!important;
    position:relative!important;
    overflow:hidden!important;
}

.latest-tech-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:40px 40px!important;
    pointer-events:none!important;
}

.latest-tech-section .container{
    position:relative!important;
    z-index:2!important;
}

.latest-tech-section .section-title h2{
    font-size:clamp(24px,2.3vw,34px)!important;
    line-height:1.14!important;
    font-weight:850!important;
    letter-spacing:-.6px!important;
    color:transparent!important;
    background:linear-gradient(90deg,#121936,#34205f,#8b3ff2,#4f7cff)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
}

.latest-tech-card{
    position:relative!important;
    min-height:174px!important;
    padding:24px 24px 22px 88px!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#17203f,#26376e)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    overflow:hidden!important;
    box-shadow:0 24px 65px rgba(23,31,62,.20)!important;
    transition:all .38s ease!important;
}

.latest-tech-card:before{
    content:""!important;
    position:absolute!important;
    width:190px!important;
    height:190px!important;
    right:-70px!important;
    top:-80px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(168,67,255,.45),transparent 70%)!important;
}

.latest-tech-card:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:24px!important;
    bottom:24px!important;
    width:5px!important;
    border-radius:0 12px 12px 0!important;
    background:linear-gradient(180deg,#8b3ff2,#d34fff,#4f7cff)!important;
}

.latest-tech-card:hover{
    transform:translateY(-11px) scale(1.015)!important;
    border-color:rgba(211,79,255,.65)!important;
    box-shadow:0 32px 85px rgba(139,63,242,.30)!important;
}

.latest-tech-card i{
    position:absolute!important;
    left:24px!important;
    top:26px!important;
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#8b3ff2,#d34fff)!important;
    color:#fff!important;
    font-size:18px!important;
    box-shadow:0 16px 38px rgba(139,63,242,.28)!important;
    z-index:2!important;
    transition:.35s ease!important;
}

.latest-tech-card:hover i{
    transform:rotate(-8deg) scale(1.08)!important;
}

.latest-tech-card h5{
    position:relative!important;
    z-index:2!important;
    color:#fff!important;
    font-size:15.5px!important;
    font-weight:850!important;
    line-height:1.18!important;
    margin-bottom:9px!important;
}

.latest-tech-card p{
    position:relative!important;
    z-index:2!important;
    color:rgba(255,255,255,.74)!important;
    font-size:12px!important;
    line-height:1.62!important;
    margin:0!important;
}

/* alternate colors so every card feels unique */
.latest-tech-section .col-md-6:nth-child(2) .latest-tech-card{
    background:linear-gradient(145deg,#132f4b,#245f8f)!important;
}
.latest-tech-section .col-md-6:nth-child(3) .latest-tech-card{
    background:linear-gradient(145deg,#241947,#4c2ca8)!important;
}
.latest-tech-section .col-md-6:nth-child(4) .latest-tech-card{
    background:linear-gradient(145deg,#1b2745,#3859c8)!important;
}
.latest-tech-section .col-md-6:nth-child(5) .latest-tech-card{
    background:linear-gradient(145deg,#1d2442,#5e2ba9)!important;
}
.latest-tech-section .col-md-6:nth-child(6) .latest-tech-card{
    background:linear-gradient(145deg,#17203f,#2c477c)!important;
}

/* -------------------------------
   Keep upper two blocks elegant, but less duplicate
-------------------------------- */
.dx-diff-card{
    border-radius:28px!important;
    min-height:216px!important;
}

.dx-eco-card{
    border-radius:22px!important;
    min-height:210px!important;
}

@media(max-width:991px){
    .section-light .row.g-4:before{
        display:none!important;
    }
    .latest-tech-card{
        padding-left:78px!important;
    }
}

@media(max-width:575px){
    .latest-tech-card{
        padding:78px 20px 22px!important;
    }
    .latest-tech-card i{
        left:20px!important;
        top:22px!important;
    }
}


/* ===================================================
   V54 PREMIUM ECOSYSTEM CARDS
=================================================== */

.dx-eco-card{
    position:relative;
    min-height:230px;
    padding:34px 28px;
    border-radius:30px;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,244,255,.92));
    border:1px solid rgba(168,120,255,.18);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 50px rgba(97,39,181,.08),
               inset 0 1px 0 rgba(255,255,255,.8);
    transition:all .45s ease;
}

.dx-eco-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);
}

.dx-eco-card::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-80px;
    width:220px;
    height:220px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(217,70,239,.18),transparent 70%);
    transition:all .5s ease;
}

.dx-eco-card:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:0 30px 70px rgba(139,92,246,.18),
               0 10px 30px rgba(99,102,241,.12);
    border-color:rgba(168,120,255,.45);
}

.dx-eco-card:hover::after{
    transform:scale(1.2);
}

.dx-eco-card b{
    position:absolute;
    right:24px;
    top:20px;
    font-size:52px;
    font-weight:900;
    color:rgba(168,120,255,.12);
    line-height:1;
}

.dx-eco-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
    color:#fff;
    font-size:22px;
    margin-bottom:26px;
    box-shadow:0 16px 34px rgba(139,92,246,.25);
    transition:all .4s ease;
}

.dx-eco-card:hover .dx-eco-icon{
    transform:rotate(-8deg) scale(1.08);
}

.dx-eco-card h4{
    font-size:22px;
    font-weight:800;
    line-height:1.25;
    margin-bottom:12px;
    color:#151934;
}

.dx-eco-card p{
    font-size:14px;
    line-height:1.8;
    color:#667085;
    margin:0;
}

.dx-eco-grid .col-lg-3:nth-child(2) .dx-eco-icon{
    background:linear-gradient(135deg,#6366f1,#8b5cf6);
}

.dx-eco-grid .col-lg-3:nth-child(3) .dx-eco-icon{
    background:linear-gradient(135deg,#9333ea,#6366f1);
}

.dx-eco-grid .col-lg-3:nth-child(4) .dx-eco-icon{
    background:linear-gradient(135deg,#d946ef,#7c3aed);
}

.dx-eco-heading h2{
    font-size:clamp(34px,3vw,52px);
    line-height:1.15;
    font-weight:800;
}


/* =========================================================
   V55 VIDEO-INSPIRED CONSULTANT SECTION
   FILE: assets/css/style.css
   ========================================================= */

.dx-video-consultant{
    position:relative;
    overflow:hidden;
    padding:78px 0 !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(139,63,242,.08), transparent 28%),
        linear-gradient(180deg,#ffffff,#fbf7ff);
}

.dx-video-consultant::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.04) 1px, transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
}

.dx-consultant-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns: .9fr 1.25fr;
    gap:34px;
    align-items:center;
}

.dx-consultant-copy .section-title span{
    color:#8b3ff2;
    font-size:11px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.dx-consultant-copy .section-title h2{
    font-size:clamp(30px,3vw,48px) !important;
    line-height:1.08 !important;
    letter-spacing:-1px;
    font-weight:900;
    color:#151934;
}

.dx-consultant-copy .section-title h2::first-line{
    color:#151934;
}

.dx-consultant-copy .section-title p{
    max-width:650px;
    color:#5f6e89;
    font-size:14px;
    line-height:1.75;
}

.dx-video-list{
    display:grid;
    gap:14px;
    margin-top:30px;
}

.dx-video-list div{
    position:relative;
    min-height:70px;
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px;
    border-radius:24px;
    background:rgba(255,255,255,.90);
    border:1px solid #eadcff;
    box-shadow:0 14px 38px rgba(139,63,242,.07);
    overflow:hidden;
    transition:.35s ease;
}

.dx-video-list div::before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    bottom:16px;
    width:4px;
    border-radius:0 20px 20px 0;
    background:linear-gradient(180deg,#8b3ff2,#d34fff);
    opacity:.4;
}

.dx-video-list div:hover,
.dx-video-list div.active{
    transform:translateX(10px);
    border-color:#d6b9ff;
    box-shadow:0 24px 58px rgba(139,63,242,.15);
}

.dx-video-list b{
    color:rgba(139,63,242,.35);
    font-size:22px;
    font-weight:950;
}

.dx-video-list i{
    width:44px;
    height:44px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#8b3ff2,#c94fff);
    color:#fff;
    box-shadow:0 14px 28px rgba(139,63,242,.22);
}

.dx-video-list span{
    font-size:14.5px;
    color:#111936;
    font-weight:850;
}

/* Right board */
.dx-video-board{
    position:relative;
    min-height:500px;
    border-radius:40px;
    background:
        radial-gradient(circle at 84% 12%, rgba(211,79,255,.14), transparent 32%),
        linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,242,255,.88));
    border:1px solid #eadcff;
    box-shadow:0 26px 80px rgba(139,63,242,.12);
    overflow:hidden;
}

.dx-video-board::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.035) 1px,transparent 1px);
    background-size:36px 36px;
}

.dx-phone-card{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-8deg);
    width:150px;
    height:240px;
    border-radius:34px;
    background:linear-gradient(145deg,#ffffff,#f3e9ff);
    border:1px solid #eadcff;
    box-shadow:0 30px 70px rgba(139,63,242,.22);
    padding:14px;
    animation:phoneFloat 4s ease-in-out infinite;
    z-index:4;
}

.phone-notch{
    width:56px;
    height:8px;
    border-radius:999px;
    background:#d8c3ff;
    margin:0 auto 12px;
}

.phone-screen{
    height:175px;
    border-radius:24px;
    background:linear-gradient(160deg,#8b3ff2,#d34fff);
    padding:22px 14px;
    color:#fff;
    display:flex;
    flex-direction:column;
    gap:8px;
    justify-content:center;
    text-align:center;
}

.phone-screen span{
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.58);
}

.phone-screen strong{
    margin-top:8px;
    font-size:15px;
}

.phone-screen small{
    font-size:11px;
    opacity:.85;
}

.dx-phone-card button{
    position:absolute;
    left:-20px;
    bottom:38px;
    width:45px;
    height:45px;
    border-radius:50%;
    border:0;
    background:#fff;
    color:#8b3ff2;
    box-shadow:0 12px 30px rgba(139,63,242,.22);
}

/* Step panels around phone */
.dx-step-panel{
    position:absolute;
    width:215px;
    min-height:120px;
    padding:22px;
    border-radius:24px;
    background:rgba(255,255,255,.92);
    border:1px solid #eadcff;
    box-shadow:0 18px 50px rgba(139,63,242,.10);
    z-index:3;
    transition:.35s ease;
}

.dx-step-panel:hover{
    transform:translateY(-8px);
    border-color:#d6b9ff;
    box-shadow:0 28px 70px rgba(139,63,242,.18);
}

.dx-step-panel b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:14px;
    background:linear-gradient(135deg,#8b3ff2,#d34fff);
    color:#fff;
    font-size:13px;
    font-weight:900;
    margin-bottom:12px;
}

.dx-step-panel h5{
    font-size:16px;
    font-weight:900;
    color:#121936;
    margin-bottom:6px;
}

.dx-step-panel p{
    font-size:12.5px;
    line-height:1.6;
    color:#63708a;
    margin:0;
}

.step-a{left:70px; top:58px;}
.step-b{right:70px; top:78px;}
.step-c{left:96px; bottom:80px;}
.step-d{right:88px; bottom:68px;}

.dx-orbit-line{
    position:absolute;
    left:50%;
    top:50%;
    width:520px;
    height:220px;
    border:3px dashed rgba(139,63,242,.18);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-8deg);
    z-index:1;
    animation:orbitPulse 4s ease-in-out infinite;
}

.dx-center-badge{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:145px;
    height:145px;
    border-radius:50%;
    background:linear-gradient(135deg,#8b3ff2,#d34fff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    box-shadow:0 24px 70px rgba(139,63,242,.26);
    z-index:2;
}

.dx-center-badge i{
    font-size:28px;
    margin-bottom:8px;
}

.dx-center-badge strong{
    font-size:18px;
    line-height:1;
}

.dx-center-badge span{
    font-size:11px;
    opacity:.9;
    margin-top:5px;
}

@keyframes phoneFloat{
    0%,100%{transform:translate(-50%,-50%) rotate(-8deg) translateY(0);}
    50%{transform:translate(-50%,-50%) rotate(-5deg) translateY(-12px);}
}

@keyframes orbitPulse{
    0%,100%{opacity:.65; transform:translate(-50%,-50%) rotate(-8deg) scale(1);}
    50%{opacity:1; transform:translate(-50%,-50%) rotate(-2deg) scale(1.04);}
}

@media(max-width:991px){
    .dx-consultant-grid{
        grid-template-columns:1fr;
    }
    .dx-video-board{
        min-height:560px;
    }
}

@media(max-width:575px){
    .dx-video-board{
        min-height:auto;
        padding:30px 18px;
        display:grid;
        gap:16px;
    }
    .dx-phone-card,
    .dx-center-badge,
    .dx-orbit-line{
        display:none;
    }
    .dx-step-panel{
        position:relative;
        width:auto;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
    }
}


/* =========================================================
   V56 PROGRESS CONSULTANT SECTION
   Inspired by vertical product flow / phone progress UI
   FILE: assets/css/style.css
   ========================================================= */

.dx-progress-consultant{
    position:relative;
    padding:84px 0 88px !important;
    overflow:hidden;
    background:
        radial-gradient(circle at 6% 10%, rgba(139,63,242,.10), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(79,124,255,.08), transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%) !important;
}

.dx-progress-consultant::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.045) 1px, transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
}

.dx-progress-layout{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns: .92fr 1.08fr;
    gap:34px;
    align-items:center;
}

.dx-mini-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#8b3ff2;
    font-size:11px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:16px;
}

.dx-progress-left h2{
    color:#151934;
    font-size:clamp(34px,4vw,62px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:950;
    margin-bottom:18px;
}

.dx-progress-left h2 em{
    font-style:normal;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-progress-left p{
    color:#5f6e89;
    font-size:14px;
    line-height:1.75;
    max-width:680px;
    margin-bottom:30px;
}

.dx-progress-list{
    display:grid;
    gap:16px;
}

.dx-progress-item{
    position:relative;
    display:grid;
    grid-template-columns: 48px 56px 1fr;
    align-items:center;
    gap:18px;
    min-height:86px;
    padding:18px 22px;
    border-radius:26px;
    background:rgba(255,255,255,.92);
    border:1px solid #eadcff;
    box-shadow:0 14px 42px rgba(139,63,242,.08);
    overflow:hidden;
    transition:all .35s ease;
}

.dx-progress-item::before{
    content:"";
    position:absolute;
    left:0;
    top:16px;
    bottom:16px;
    width:5px;
    border-radius:0 16px 16px 0;
    background:linear-gradient(180deg,#8b3ff2,#d34fff);
    opacity:.4;
}

.dx-progress-item:hover,
.dx-progress-item.active{
    transform:translateX(10px);
    border-color:#d6b9ff;
    box-shadow:0 24px 65px rgba(139,63,242,.16);
}

.dx-progress-item strong{
    color:rgba(139,63,242,.35);
    font-size:26px;
    line-height:1;
    font-weight:950;
}

.dx-progress-item i{
    width:54px;
    height:54px;
    border-radius:17px;
    background:linear-gradient(135deg,#8b3ff2,#c94fff);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    box-shadow:0 15px 36px rgba(139,63,242,.25);
}

.dx-progress-item span{
    color:#121936;
    font-size:15px;
    font-weight:850;
}

/* right flow board */
.dx-progress-right{
    position:relative;
    min-height:560px;
    border-radius:42px;
    background:
        radial-gradient(circle at 80% 15%, rgba(211,79,255,.15), transparent 32%),
        linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,242,255,.88));
    border:1px solid #eadcff;
    box-shadow:0 30px 90px rgba(139,63,242,.13);
    overflow:hidden;
}

.dx-progress-right::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.035) 1px,transparent 1px);
    background-size:36px 36px;
}

.dx-dashed-orbit{
    position:absolute;
    left:50%;
    top:50%;
    width:590px;
    height:250px;
    border:3px dashed rgba(139,63,242,.17);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-10deg);
    animation:dxOrbit 4.6s ease-in-out infinite;
    z-index:1;
}

.dx-blueprint-phone{
    position:absolute;
    left:50%;
    top:50%;
    width:172px;
    height:270px;
    padding:14px;
    border-radius:36px;
    background:linear-gradient(145deg,#ffffff,#f3eaff);
    border:1px solid #eadcff;
    box-shadow:0 32px 75px rgba(139,63,242,.24);
    transform:translate(-50%,-50%) rotate(-9deg);
    animation:dxPhoneFloat 4s ease-in-out infinite;
    z-index:5;
}

.dx-phone-top{
    width:62px;
    height:9px;
    background:#dbc6ff;
    border-radius:999px;
    margin:0 auto 12px;
}

.dx-phone-screen{
    height:198px;
    border-radius:26px;
    background:linear-gradient(160deg,#8b3ff2,#d34fff);
    padding:28px 17px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:9px;
}

.dx-phone-screen span{
    display:block;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.55);
}

.dx-phone-screen h4{
    color:#fff !important;
    font-size:18px;
    font-weight:950;
    margin:10px 0 0;
}

.dx-phone-screen p{
    color:rgba(255,255,255,.86);
    font-size:12px;
    margin:0;
}

.dx-blueprint-phone button{
    position:absolute;
    left:-22px;
    bottom:48px;
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#8b3ff2;
    box-shadow:0 14px 34px rgba(139,63,242,.22);
}

/* flow cards */
.dx-flow-stage{
    position:absolute;
    width:230px;
    min-height:132px;
    padding:22px;
    border-radius:26px;
    background:rgba(255,255,255,.95);
    border:1px solid #eadcff;
    box-shadow:0 18px 50px rgba(139,63,242,.11);
    z-index:4;
    transition:.35s ease;
}

.dx-flow-stage:hover{
    transform:translateY(-9px) scale(1.02);
    border-color:#d6b9ff;
    box-shadow:0 30px 72px rgba(139,63,242,.18);
}

.dx-flow-stage b{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#8b3ff2,#d34fff);
    font-size:13px;
    font-weight:950;
    margin-bottom:14px;
}

.dx-flow-stage h5{
    font-size:17px;
    font-weight:900;
    color:#121936;
    margin-bottom:7px;
}

.dx-flow-stage p{
    font-size:12.6px;
    line-height:1.65;
    color:#63708a;
    margin:0;
}

.stage-1{left:64px; top:70px;}
.stage-2{right:64px; top:95px;}
.stage-3{left:88px; bottom:82px;}
.stage-4{right:84px; bottom:72px;}

@keyframes dxPhoneFloat{
    0%,100%{transform:translate(-50%,-50%) rotate(-9deg) translateY(0);}
    50%{transform:translate(-50%,-50%) rotate(-5deg) translateY(-13px);}
}

@keyframes dxOrbit{
    0%,100%{opacity:.62; transform:translate(-50%,-50%) rotate(-10deg) scale(1);}
    50%{opacity:1; transform:translate(-50%,-50%) rotate(-4deg) scale(1.04);}
}

@media(max-width:991px){
    .dx-progress-layout{
        grid-template-columns:1fr;
    }
    .dx-progress-right{
        min-height:470px;
    }
}

@media(max-width:575px){
    .dx-progress-left h2{
        font-size:34px;
    }

    .dx-progress-item{
        grid-template-columns:38px 48px 1fr;
        gap:12px;
    }

    .dx-progress-item strong{
        font-size:20px;
    }

    .dx-progress-right{
        min-height:auto;
        padding:28px 18px;
        display:grid;
        gap:16px;
    }

    .dx-blueprint-phone,
    .dx-dashed-orbit{
        display:none;
    }

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


/* =========================================================
   V58 MISSION VISION TIMELINE
   FILE: assets/css/style.css
   ========================================================= */

.dx-mission-timeline-section{
    position:relative;
    padding:78px 0 92px !important;
    overflow:hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(139,63,242,.10), transparent 30%),
        radial-gradient(circle at 90% 82%, rgba(79,124,255,.08), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 100%) !important;
}

.dx-mission-timeline-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(139,63,242,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.045) 1px, transparent 1px);
    background-size:42px 42px;
    pointer-events:none;
}

.dx-mission-timeline-head{
    position:relative;
    z-index:3;
    margin-bottom:48px;
}

.dx-mission-timeline-head span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 18px;
    border-radius:999px;
    background:#fff;
    border:1px solid #eadcff;
    color:#8b3ff2;
    font-size:10.5px;
    font-weight:950;
    letter-spacing:.18em;
    text-transform:uppercase;
    box-shadow:0 12px 30px rgba(139,63,242,.09);
    margin-bottom:16px;
}

.dx-mission-timeline-head h2{
    max-width:920px;
    margin:0 auto 13px;
    font-size:clamp(28px,3vw,44px);
    line-height:1.10;
    letter-spacing:-1px;
    font-weight:950;
    color:#151934;
}

.dx-mission-timeline-head h2 em{
    font-style:normal;
    background:linear-gradient(90deg,#8b3ff2,#d34fff,#4f7cff);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-mission-timeline-head p{
    max-width:760px;
    margin:0 auto;
    color:#5f6e89;
    font-size:13.5px;
    line-height:1.75;
}

.dx-mission-timeline{
    position:relative;
    z-index:2;
    max-width:1180px;
    min-height:640px;
    margin:0 auto;
    border-radius:36px;
    padding:36px 0;
}

.dx-timeline-line{
    position:absolute;
    top:20px;
    bottom:20px;
    left:50%;
    width:8px;
    transform:translateX(-50%);
    border-radius:40px;
    background:#e6e1ec;
    box-shadow:inset 0 0 0 1px rgba(139,63,242,.06);
}


.dx-timeline-line::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:var(--scroll-progress,0%);
    border-radius:40px;
    background:linear-gradient(180deg,#7c3aed,#d946ef,#6366f1);
    box-shadow:0 0 26px rgba(124,58,237,.36);
    transition:height .45s cubic-bezier(.22,.61,.36,1);
}


.dx-timeline-node{
    position:absolute;
    left:50%;
    width:56px;
    height:56px;
    transform:translateX(-50%);
    border-radius:50%;
    background:#fff;
    border:6px solid #f1e9ff;
    color:#7c3aed;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 16px 38px rgba(139,63,242,.18);
    z-index:3;
}

.dx-timeline-node i{
    font-size:18px;
}

.node-1{top:48px;}
.node-2{top:285px;}
.node-3{bottom:48px;}

.dx-mission-box{
    position:absolute;
    width:44%;
    min-height:190px;
    border-radius:22px;
    background:#fff;
    border:1px solid #eadcff;
    box-shadow:0 18px 50px rgba(139,63,242,.11);
    padding:24px 26px;
    transition:.35s ease;
}

.dx-mission-box::before{
    content:"";
    position:absolute;
    top:34px;
    width:0;
    height:0;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
}

.dx-mission-box.left::before{
    right:-13px;
    border-left:13px solid #fff;
}

.dx-mission-box.right::before{
    left:-13px;
    border-right:13px solid #fff;
}

.dx-mission-box:hover{
    transform:translateY(-9px);
    border-color:#d6b9ff;
    box-shadow:0 30px 75px rgba(139,63,242,.18);
}

.dx-mission-box.left{
    left:0;
}

.dx-mission-box.right{
    right:0;
}

.dx-mission-box.top{top:0;}
.dx-mission-box.middle{top:230px;}
.dx-mission-box.bottom{bottom:0;}

.dx-box-header{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.dx-box-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
    color:#fff;
    box-shadow:0 14px 34px rgba(139,63,242,.23);
}

.dx-box-header strong{
    color:#121936;
    font-size:19px;
    line-height:1;
    font-weight:900;
}

.dx-box-header small{
    margin-left:auto;
    color:#8b3ff2;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.dx-mission-box p{
    color:#5f6e89;
    font-size:13px;
    line-height:1.65;
    margin-bottom:13px;
}

.dx-mission-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.dx-mission-box li{
    position:relative;
    padding-left:22px;
    color:#52617b;
    font-size:12.5px;
    line-height:1.55;
    margin:7px 0;
}

.dx-mission-box li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#8b3ff2;
    font-weight:950;
}

/* subtle different colors */
.dx-mission-box.middle{
    background:linear-gradient(145deg,#1f2b55,#2c3f7a);
    border-color:rgba(255,255,255,.14);
}

.dx-mission-box.middle .dx-box-header strong,
.dx-mission-box.middle p,
.dx-mission-box.middle li{
    color:#fff;
}

.dx-mission-box.middle p,
.dx-mission-box.middle li{
    opacity:.84;
}

.dx-mission-box.middle::before{
    border-right-color:#243361;
}

.dx-mission-box.bottom{
    background:
        radial-gradient(circle at 90% 12%, rgba(79,124,255,.12), transparent 34%),
        #fff;
}

@keyframes dxMissionRail{
    from{height:48%;}
    to{height:92%;}
}

@media(max-width:991px){
    .dx-mission-timeline{
        min-height:auto;
        display:grid;
        gap:22px;
        padding-left:76px;
    }

    .dx-timeline-line{
        left:28px;
    }

    .dx-timeline-node{
        left:28px;
    }

    .node-1{top:42px;}
    .node-2{top:280px;}
    .node-3{top:520px; bottom:auto;}

    .dx-mission-box,
    .dx-mission-box.left,
    .dx-mission-box.right,
    .dx-mission-box.top,
    .dx-mission-box.middle,
    .dx-mission-box.bottom{
        position:relative;
        width:100%;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
    }

    .dx-mission-box::before{
        display:none;
    }
}

@media(max-width:575px){
    .dx-mission-timeline-section{
        padding:54px 0 66px !important;
    }

    .dx-mission-timeline-head h2{
        font-size:28px;
    }

    .dx-mission-timeline{
        padding-left:54px;
    }

    .dx-timeline-line{
        left:20px;
    }

    .dx-timeline-node{
        width:44px;
        height:44px;
        left:20px;
        border-width:4px;
    }

    .node-1{top:40px;}
    .node-2{top:292px;}
    .node-3{top:544px;}

    .dx-mission-box{
        padding:22px 20px;
    }

    .dx-box-header strong{
        font-size:17px;
    }
}


/* V60 smoother up/down scroll progress */
.dx-timeline-line{
    overflow:hidden !important;
}

.dx-timeline-line::before{
    will-change:height;
}


/* V61 Clean Timeline Dots */

.dx-timeline-node{
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#7c3aed,#d946ef,#6366f1) !important;
    border:4px solid #ffffff !important;
    box-shadow:0 0 0 8px rgba(139,63,242,.10) !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
}

.dx-timeline-node *,
.dx-timeline-node i{
    display:none !important;
}



/* =========================================================
   V62 FINAL FIX
   1) Mission timeline full-length clean line
   2) Delivery Ecosystem cards changed from same style to unique glass process cards
   FILE: assets/css/style.css
   ========================================================= */

/* --- Mission timeline line full length + clean node dots --- */
.dx-mission-timeline{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:640px !important;
    margin:0 auto !important;
    border-radius:36px !important;
    padding:36px 0 !important;
    overflow:hidden !important;
}

.dx-mission-box{
    width:42% !important;
}

.dx-timeline-line{
    top:0 !important;
    bottom:0 !important;
    height:auto !important;
}

.dx-timeline-node{
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    background:linear-gradient(180deg,#7c3aed,#d946ef,#6366f1) !important;
    border:4px solid #ffffff !important;
    box-shadow:0 0 0 8px rgba(139,63,242,.10) !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
}

.dx-timeline-node *,
.dx-timeline-node i{
    display:none !important;
}

/* --- Make Modern Delivery Ecosystem visually different from Core Values cards --- */
.dx-ecosystem-panel{
    max-width:1180px !important;
    margin:0 auto !important;
    padding:48px 42px !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 85% 8%, rgba(211,79,255,.20), transparent 30%),
        radial-gradient(circle at 8% 90%, rgba(79,124,255,.12), transparent 30%),
        linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,242,255,.90)) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 28px 85px rgba(139,63,242,.13) !important;
}

.dx-eco-grid{
    gap:22px !important;
}

.dx-eco-card{
    position:relative !important;
    min-height:230px !important;
    padding:28px 24px 26px !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,244,255,.82)) !important;
    backdrop-filter:blur(14px) !important;
    border:1px solid rgba(168,120,255,.22) !important;
    box-shadow:
        0 18px 50px rgba(97,39,181,.08),
        inset 0 1px 0 rgba(255,255,255,.8) !important;
    transition:all .42s cubic-bezier(.2,.7,.2,1) !important;
}

.dx-eco-card::before{
    content:"" !important;
    position:absolute !important;
    left:22px !important;
    right:22px !important;
    top:0 !important;
    height:5px !important;
    border-radius:0 0 14px 14px !important;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1) !important;
}

.dx-eco-card::after{
    content:"" !important;
    position:absolute !important;
    right:-75px !important;
    bottom:-75px !important;
    width:210px !important;
    height:210px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(217,70,239,.18),transparent 70%) !important;
    transition:all .45s ease !important;
    z-index:0 !important;
}

.dx-eco-card:hover{
    transform:translateY(-12px) scale(1.025) !important;
    border-color:rgba(168,120,255,.48) !important;
    box-shadow:
        0 32px 78px rgba(139,92,246,.18),
        0 12px 32px rgba(99,102,241,.12) !important;
}

.dx-eco-card:hover::after{
    transform:scale(1.18) !important;
}

.dx-eco-card b{
    position:absolute !important;
    right:22px !important;
    top:20px !important;
    font-size:48px !important;
    line-height:1 !important;
    font-weight:950 !important;
    color:rgba(139,63,242,.13) !important;
    z-index:1 !important;
}

.dx-eco-icon{
    position:relative !important;
    z-index:2 !important;
    width:62px !important;
    height:62px !important;
    border-radius:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#7c3aed,#d946ef) !important;
    color:#fff !important;
    font-size:22px !important;
    margin-bottom:24px !important;
    box-shadow:0 16px 36px rgba(139,92,246,.26) !important;
    transition:all .4s ease !important;
}

.dx-eco-card:nth-child(2) .dx-eco-icon{
    background:linear-gradient(135deg,#6366f1,#8b5cf6) !important;
}

.dx-eco-card:nth-child(3) .dx-eco-icon{
    background:linear-gradient(135deg,#9333ea,#6366f1) !important;
}

.dx-eco-card:nth-child(4) .dx-eco-icon{
    background:linear-gradient(135deg,#d946ef,#7c3aed) !important;
}

.dx-eco-card:hover .dx-eco-icon{
    transform:rotate(-8deg) scale(1.08) !important;
}

.dx-eco-card h4{
    position:relative !important;
    z-index:2 !important;
    font-size:20px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    margin-bottom:12px !important;
    color:#151934 !important;
}

.dx-eco-card p{
    position:relative !important;
    z-index:2 !important;
    font-size:13px !important;
    line-height:1.72 !important;
    color:#667085 !important;
    margin:0 !important;
}

/* Core Values cards remain simple/clean to avoid duplicate look */
.dx-diff-card{
    min-height:210px !important;
    padding:30px 22px !important;
    border-radius:24px !important;
}

/* Responsive */
@media(max-width:991px){
    .dx-mission-box{
        width:100% !important;
    }
    .dx-ecosystem-panel{
        padding:36px 24px !important;
    }
}

@media(max-width:575px){
    .dx-ecosystem-panel{
        padding:28px 18px !important;
        border-radius:26px !important;
    }
    .dx-eco-card{
        min-height:210px !important;
    }
}



/* =========================================================
   V63 ABOUT PAGE REFINEMENT
   - Mission heading smaller / cleaner 2-line
   - Planning heading smaller and lighter
   - New premium blueprint board design
   FILE: assets/css/style.css
   ========================================================= */

/* 1st screenshot heading: smaller, stylish, 2 line */
.dx-mission-timeline-head{
    margin-bottom:38px !important;
}

.dx-mission-timeline-head h2{
    max-width:980px !important;
    font-size:clamp(28px,2.65vw,42px) !important;
    line-height:1.13 !important;
    letter-spacing:-.9px !important;
    font-weight:850 !important;
}

.dx-mission-timeline-head p{
    font-size:13px !important;
    line-height:1.65 !important;
}

/* 2nd screenshot heading: smaller weight, controlled 2 line */
.dx-progress-left h2{
    font-size:clamp(34px,3.25vw,52px) !important;
    line-height:1.08 !important;
    letter-spacing:-1.15px !important;
    font-weight:850 !important;
}

.dx-progress-left h2 span{
    font-weight:850 !important;
}

.dx-progress-left h2 em{
    font-weight:850 !important;
}

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

/* left progress list slightly cleaner */
.dx-progress-item{
    min-height:78px !important;
    grid-template-columns:44px 52px 1fr !important;
    padding:16px 20px !important;
}

.dx-progress-item strong{
    font-size:23px !important;
    font-weight:850 !important;
}

.dx-progress-item span{
    font-size:14px !important;
    font-weight:800 !important;
}

/* 3rd screenshot: new premium blueprint board */
.dx-premium-blueprint-board{
    position:relative !important;
    min-height:520px !important;
    border-radius:40px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(211,79,255,.19), transparent 32%),
        radial-gradient(circle at 12% 86%, rgba(79,124,255,.11), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,243,255,.90)) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 30px 90px rgba(139,63,242,.14) !important;
}

.dx-premium-blueprint-board::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(139,63,242,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.035) 1px, transparent 1px) !important;
    background-size:36px 36px !important;
    pointer-events:none !important;
}

.dx-blueprint-orbit{
    position:absolute;
    left:50%;
    top:50%;
    border:3px dashed rgba(139,63,242,.16);
    border-radius:50%;
    z-index:1;
}

.orbit-one{
    width:540px;
    height:230px;
    transform:translate(-50%,-50%) rotate(-10deg);
    animation:dxOrbitOne 4.5s ease-in-out infinite;
}

.orbit-two{
    width:420px;
    height:180px;
    transform:translate(-50%,-50%) rotate(18deg);
    opacity:.65;
    animation:dxOrbitTwo 5s ease-in-out infinite;
}

.dx-blueprint-core{
    position:absolute;
    left:50%;
    top:50%;
    width:178px;
    height:244px;
    transform:translate(-50%,-50%) rotate(-8deg);
    border-radius:34px;
    background:linear-gradient(145deg,#ffffff,#f2e8ff);
    border:1px solid rgba(139,63,242,.18);
    box-shadow:0 34px 78px rgba(139,63,242,.22);
    padding:14px;
    z-index:5;
    animation:dxCoreFloat 4s ease-in-out infinite;
}

.dx-core-phone{
    width:100%;
    height:100%;
    border-radius:25px;
    background:linear-gradient(160deg,#8138f4,#d34fff);
    color:#fff;
    text-align:center;
    padding:24px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}

.dx-core-notch{
    position:absolute;
    top:26px;
    left:50%;
    transform:translateX(-50%);
    width:64px;
    height:9px;
    border-radius:999px;
    background:rgba(255,255,255,.45);
}

.dx-core-line{
    width:92px;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.48);
    margin:5px 0;
}

.dx-core-line.line-b{width:108px;}
.dx-core-line.line-c{width:82px;}

.dx-core-phone strong{
    margin-top:16px;
    color:#fff;
    font-size:18px;
    font-weight:900;
}

.dx-core-phone small{
    margin-top:4px;
    font-size:11px;
    opacity:.86;
}

.dx-blueprint-core button{
    position:absolute;
    left:-20px;
    bottom:42px;
    width:48px;
    height:48px;
    border-radius:50%;
    border:0;
    color:#8b3ff2;
    background:#fff;
    box-shadow:0 14px 34px rgba(139,63,242,.22);
    z-index:6;
}

.dx-flow-card{
    position:absolute;
    width:230px;
    min-height:132px;
    border-radius:24px;
    padding:22px 22px 20px;
    background:rgba(255,255,255,.94);
    border:1px solid #eadcff;
    box-shadow:0 20px 58px rgba(139,63,242,.12);
    z-index:4;
    transition:all .35s ease;
    overflow:hidden;
}

.dx-flow-card::after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-42px;
    width:118px;
    height:118px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(211,79,255,.14), transparent 70%);
}

.dx-flow-card:hover{
    transform:translateY(-10px) scale(1.025);
    border-color:#d6b9ff;
    box-shadow:0 30px 76px rgba(139,63,242,.20);
}

.dx-flow-card b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(135deg,#8b3ff2,#d34fff);
    color:#fff;
    font-size:13px;
    font-weight:900;
    margin-bottom:13px;
    box-shadow:0 14px 30px rgba(139,63,242,.22);
}

.dx-flow-card h5{
    color:#121936;
    font-size:16px;
    font-weight:850;
    margin:0 0 7px;
}

.dx-flow-card p{
    color:#63708a;
    font-size:12px;
    line-height:1.6;
    margin:0;
}

.dx-flow-card.card-a{left:58px; top:62px;}
.dx-flow-card.card-b{right:58px; top:92px;}
.dx-flow-card.card-c{left:82px; bottom:74px;}
.dx-flow-card.card-d{right:80px; bottom:70px;}

@keyframes dxCoreFloat{
    0%,100%{transform:translate(-50%,-50%) rotate(-8deg) translateY(0);}
    50%{transform:translate(-50%,-50%) rotate(-5deg) translateY(-12px);}
}

@keyframes dxOrbitOne{
    0%,100%{transform:translate(-50%,-50%) rotate(-10deg) scale(1); opacity:.65;}
    50%{transform:translate(-50%,-50%) rotate(-2deg) scale(1.04); opacity:1;}
}

@keyframes dxOrbitTwo{
    0%,100%{transform:translate(-50%,-50%) rotate(18deg) scale(1);}
    50%{transform:translate(-50%,-50%) rotate(12deg) scale(1.05);}
}

/* hide old board elements if still present */
.dx-step-panel,
.dx-phone-card,
.dx-orbit-line,
.dx-center-badge,
.dx-flow-stage,
.dx-blueprint-phone,
.dx-dashed-orbit{
    display:none !important;
}

@media(max-width:991px){
    .dx-premium-blueprint-board{
        min-height:620px !important;
    }
    .dx-flow-card.card-a{left:35px; top:50px;}
    .dx-flow-card.card-b{right:35px; top:90px;}
    .dx-flow-card.card-c{left:45px; bottom:70px;}
    .dx-flow-card.card-d{right:45px; bottom:62px;}
}

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

    .dx-progress-left h2{
        font-size:34px !important;
    }

    .dx-premium-blueprint-board{
        min-height:auto !important;
        padding:28px 18px !important;
        display:grid !important;
        gap:16px !important;
    }

    .dx-blueprint-core,
    .dx-blueprint-orbit{
        display:none !important;
    }

    .dx-flow-card,
    .dx-flow-card.card-a,
    .dx-flow-card.card-b,
    .dx-flow-card.card-c,
    .dx-flow-card.card-d{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:auto !important;
    }
}



/* =========================
   V64 SMALLER PREMIUM STYLE
   ========================= */

/* smaller left heading */
.dx-progress-left h2{
    font-size: clamp(28px, 2.8vw, 46px) !important;
    line-height: 1.04 !important;
    max-width: 620px !important;
}

.dx-progress-left p{
    max-width: 640px !important;
    font-size: 14px !important;
    color:#66718f !important;
}

/* section title like screenshot 2 */
.dx-ecosystem-modern h2,
.dx-modern-ecosystem h2{
    font-size: clamp(26px, 2.5vw, 48px) !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
    background: linear-gradient(90deg,#171c44 0%,#3b2f74 35%,#8b3ff2 70%,#6f86ff 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* redesign right blueprint area */
.dx-premium-blueprint-board{
    min-height: 470px !important;
    border-radius: 44px !important;
    background:
      radial-gradient(circle at top right, rgba(211,79,255,.18), transparent 28%),
      linear-gradient(135deg,#fbf8ff,#f5efff) !important;
    border:1px solid #e6d7ff !important;
    box-shadow: 0 30px 80px rgba(139,63,242,.10) !important;
}

/* floating center card */
.dx-blueprint-core{
    width: 160px !important;
    height: 220px !important;
    transform: translate(-50%,-50%) rotate(-10deg) !important;
}

.dx-core-phone{
    border-radius: 28px !important;
    background: linear-gradient(145deg,#7b35f0,#d64dff) !important;
}

.dx-core-phone strong{
    font-size: 16px !important;
}

.dx-core-phone small{
    font-size: 11px !important;
}

/* attractive floating cards */
.dx-flow-card{
    width: 215px !important;
    border-radius: 28px !important;
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(14px) !important;
    border:1px solid rgba(214,185,255,.8) !important;
    box-shadow:0 22px 55px rgba(139,63,242,.10) !important;
    overflow:hidden !important;
}

.dx-flow-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#8b3ff2,#6f86ff);
}

.dx-flow-card::after{
    content:"";
    position:absolute;
    right:-30px;
    top:-30px;
    width:100px;
    height:100px;
    border-radius:50%;
    background: radial-gradient(circle, rgba(211,79,255,.12), transparent 70%);
}

.dx-flow-card:hover{
    transform: translateY(-12px) scale(1.03) rotate(-1deg) !important;
    box-shadow:0 32px 80px rgba(139,63,242,.18) !important;
}

.dx-flow-card b{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    font-size:14px !important;
    background: linear-gradient(145deg,#8b3ff2,#d64dff) !important;
}

.dx-flow-card h5{
    font-size:18px !important;
    font-weight:850 !important;
    color:#1b1f47 !important;
}

.dx-flow-card p{
    font-size:13px !important;
    line-height:1.7 !important;
    color:#66718f !important;
}

/* different placement */
.dx-flow-card.card-a{
    left:40px !important;
    top:55px !important;
}

.dx-flow-card.card-b{
    right:45px !important;
    top:95px !important;
}

.dx-flow-card.card-c{
    left:70px !important;
    bottom:65px !important;
}

.dx-flow-card.card-d{
    right:75px !important;
    bottom:60px !important;
}

/* softer orbit */
.dx-blueprint-orbit{
    border-color: rgba(139,63,242,.12) !important;
}

/* mobile */
@media(max-width:768px){
    .dx-progress-left h2{
        font-size:36px !important;
    }

    .dx-flow-card{
        width:100% !important;
    }
}



/* =========================
   V65 FINAL REFINEMENT
   ========================= */

/* 2 line cleaner heading */
.dx-progress-left h2{
    max-width: 520px !important;
    font-size: clamp(26px,2.6vw,44px) !important;
    line-height: 1.05 !important;
    letter-spacing:-1.2px !important;
}

/* cleaner right board */
.dx-premium-blueprint-board{
    min-height: 420px !important;
    border-radius: 38px !important;
    padding: 30px !important;
}

/* smaller attractive cards */
.dx-flow-card{
    width: 195px !important;
    min-height: 118px !important;
    padding: 18px !important;
    border-radius: 24px !important;
}

.dx-flow-card h5{
    font-size: 15px !important;
    margin-bottom: 6px !important;
}

.dx-flow-card p{
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* new positions */
.dx-flow-card.card-a{
    left: 45px !important;
    top: 55px !important;
}

.dx-flow-card.card-b{
    right: 55px !important;
    top: 92px !important;
}

.dx-flow-card.card-c{
    left: 72px !important;
    bottom: 58px !important;
}

.dx-flow-card.card-d{
    right: 78px !important;
    bottom: 52px !important;
}

/* smaller center blueprint */
.dx-blueprint-core{
    width: 145px !important;
    height: 195px !important;
}

.dx-core-phone strong{
    font-size: 15px !important;
}

.dx-core-phone small{
    font-size: 10px !important;
}

/* elegant gradient text */
.dx-progress-left h2,
.dx-progress-left h2 em{
    background: linear-gradient(90deg,#171c44 0%,#4d338f 45%,#a84fff 80%,#6f86ff 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}



/* =========================
   V66 FINAL LIGHT PROFESSIONAL UPDATE
   ========================= */

/* Planning heading: smaller, clean 2 line */
.dx-progress-left h2{
    max-width:520px !important;
    font-size:clamp(28px,2.8vw,46px) !important;
    line-height:1.06 !important;
    letter-spacing:-1px !important;
    font-weight:850 !important;
    color:#151934 !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
}

.dx-progress-left h2 span{
    color:#151934 !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
}

.dx-progress-left h2 em{
    font-style:normal !important;
    color:#8b3ff2 !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
}

/* Right blueprint board: lighter, cleaner, more professional */
.dx-premium-blueprint-board{
    min-height:430px !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 82% 12%, rgba(211,79,255,.13), transparent 30%),
        radial-gradient(circle at 8% 88%, rgba(79,124,255,.08), transparent 30%),
        linear-gradient(145deg,#ffffff,#fbf7ff) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 24px 70px rgba(139,63,242,.10) !important;
}

.dx-flow-card{
    width:200px !important;
    min-height:116px !important;
    padding:18px 18px 16px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 16px 42px rgba(139,63,242,.10) !important;
}

.dx-flow-card h5{
    font-size:15px !important;
    font-weight:850 !important;
    color:#121936 !important;
}

.dx-flow-card p{
    font-size:12px !important;
    line-height:1.55 !important;
    color:#61708a !important;
}

.dx-blueprint-core{
    width:135px !important;
    height:188px !important;
}

/* remove dark cards from tech section */
.latest-tech-card,
.tech-card,
.capability-card{
    background:
        radial-gradient(circle at 88% 12%, rgba(211,79,255,.10), transparent 34%),
        linear-gradient(145deg,#ffffff,#fbf8ff) !important;
    color:#151934 !important;
    border:1px solid #eadcff !important;
    box-shadow:0 18px 48px rgba(139,63,242,.10) !important;
    border-radius:24px !important;
}

.latest-tech-card h5,
.tech-card h4,
.capability-card h4{
    color:#151934 !important;
    font-size:16px !important;
    font-weight:850 !important;
}

.latest-tech-card p,
.tech-card p,
.capability-card p{
    color:#61708a !important;
    font-size:12.5px !important;
    line-height:1.65 !important;
}

.latest-tech-card i,
.tech-card i,
.capability-card i{
    background:linear-gradient(135deg,#8b3ff2,#d34fff) !important;
    color:#fff !important;
}

/* Tech heading smaller */
.latest-tech-section .section-title h2{
    font-size:clamp(25px,2.45vw,40px) !important;
    line-height:1.13 !important;
    font-weight:850 !important;
    letter-spacing:-.7px !important;
    background:linear-gradient(90deg,#151934,#7c3aed,#6f86ff) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

/* Better hover without dark effect */
.latest-tech-card:hover,
.tech-card:hover,
.capability-card:hover{
    transform:translateY(-9px) scale(1.015) !important;
    border-color:#d6b9ff !important;
    box-shadow:0 28px 70px rgba(139,63,242,.17) !important;
}



/* =========================================================
   V68 PREMIUM BLUEPRINT ORBIT DESIGN
   Implements reference design with large center blueprint card,
   four large white cards, orbit rings, dots, arrows and animations.
   FILE: assets/css/style.css
   ========================================================= */

.dx-blueprint-orbit-premium{
    position:relative !important;
    min-height:760px !important;
    border-radius:38px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 50% 52%, rgba(139,63,242,.18), transparent 34%),
        radial-gradient(circle at 86% 12%, rgba(211,79,255,.11), transparent 28%),
        radial-gradient(circle at 10% 90%, rgba(111,134,255,.10), transparent 28%),
        linear-gradient(145deg,#ffffff,#fbf8ff) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 34px 90px rgba(139,63,242,.13) !important;
}

.dx-blueprint-orbit-premium::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background-image:
        linear-gradient(rgba(139,63,242,.038) 1px, transparent 1px),
        linear-gradient(90deg, rgba(139,63,242,.038) 1px, transparent 1px) !important;
    background-size:34px 34px !important;
    pointer-events:none !important;
}

.bp-grid-glow{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 50% 50%, rgba(139,63,242,.10), transparent 28%),
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.85), transparent 48%);
    z-index:0;
}

.bp-orbit{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    z-index:1;
    pointer-events:none;
}

.bp-orbit.orbit-main{
    width:470px;
    height:470px;
    border:2px solid rgba(111,53,232,.34);
    box-shadow:
        0 0 0 18px rgba(139,63,242,.035),
        0 0 0 46px rgba(139,63,242,.025),
        inset 0 0 42px rgba(139,63,242,.08);
    animation:bpOrbitRotate 22s linear infinite;
}

.bp-orbit.orbit-soft{
    width:560px;
    height:560px;
    border:2px dashed rgba(111,53,232,.25);
    animation:bpOrbitReverse 30s linear infinite;
}

.bp-center-card{
    position:absolute;
    left:50%;
    top:50%;
    width:260px;
    min-height:430px;
    transform:translate(-50%,-50%);
    z-index:8;
    border-radius:34px;
    padding:34px 24px 28px;
    text-align:center;
    color:#fff;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,255,255,.22), transparent 26%),
        linear-gradient(160deg,#421db9 0%,#6427de 48%,#9637f4 100%);
    border:5px solid rgba(255,255,255,.70);
    box-shadow:
        0 34px 90px rgba(88,45,210,.35),
        0 0 0 12px rgba(139,63,242,.10),
        inset 0 1px 0 rgba(255,255,255,.26);
    overflow:hidden;
    animation:bpCenterFloat 4.5s ease-in-out infinite;
}

.bp-center-card::after{
    content:"";
    position:absolute;
    inset:13px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.14);
    pointer-events:none;
}

.bp-bulb{
    width:108px;
    height:108px;
    margin:0 auto 19px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:62px;
    background:radial-gradient(circle,rgba(255,255,255,.12),transparent 62%);
    position:relative;
}

.bp-bulb::before,
.bp-bulb::after{
    content:"";
    position:absolute;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.26);
}

.bp-bulb::before{inset:10px;}
.bp-bulb::after{
    inset:-9px;
    border-style:dashed;
    animation:bpSmallSpin 9s linear infinite;
}

.bp-center-card h4{
    font-size:35px;
    line-height:1;
    font-weight:900;
    margin:0 0 10px;
    color:#fff;
}

.bp-center-card strong{
    display:block;
    font-size:19px;
    font-weight:500;
    margin-bottom:24px;
    color:rgba(255,255,255,.95);
}

.bp-divider{
    height:25px;
    position:relative;
    margin-bottom:20px;
}

.bp-divider::before,
.bp-divider::after{
    content:"";
    position:absolute;
    top:50%;
    width:66px;
    height:1px;
    background:rgba(255,255,255,.26);
}

.bp-divider::before{right:calc(50% + 16px);}
.bp-divider::after{left:calc(50% + 16px);}

.bp-divider span{
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:14px;
    transform:translate(-50%,-50%) rotate(45deg);
    background:#fff;
    border-radius:3px;
}

.bp-center-card h6{
    font-size:18px;
    line-height:1.35;
    font-weight:850;
    margin:0 0 14px;
    color:#fff;
}

.bp-center-card p{
    max-width:195px;
    margin:0 auto;
    color:rgba(255,255,255,.87);
    font-size:13.2px;
    line-height:1.66;
}

.bp-step-card{
    position:absolute;
    z-index:6;
    width:280px;
    min-height:238px;
    border-radius:30px;
    padding:28px 28px 27px;
    background:
        radial-gradient(circle at 92% 10%,rgba(139,63,242,.08),transparent 30%),
        rgba(255,255,255,.965);
    border:1px solid #eadcff;
    box-shadow:0 28px 76px rgba(139,63,242,.16);
    transition:all .38s ease;
}

.bp-step-card:hover{
    transform:translateY(-12px) scale(1.02);
    border-color:#d3b6ff;
    box-shadow:0 42px 105px rgba(139,63,242,.23);
}

.bp-step-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:20px;
}

.bp-step-head b{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:25px;
    font-weight:900;
    background:radial-gradient(circle at 30% 25%,#d34fff,#6c2ee5);
    box-shadow:0 16px 34px rgba(108,46,229,.30);
}

.bp-step-head i{
    width:74px;
    height:74px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    color:#6c2ee5;
    background:linear-gradient(145deg,#fff,#f3eaff);
    border:1px solid #eadcff;
    box-shadow:0 14px 34px rgba(139,63,242,.13);
}

.bp-step-card h5{
    font-size:25px;
    font-weight:850;
    line-height:1.12;
    color:#20204c;
    margin:0 0 16px;
}

.bp-step-card > span{
    display:block;
    width:48px;
    height:4px;
    border-radius:30px;
    background:linear-gradient(90deg,#6c2ee5,#8b3ff2);
    margin-bottom:18px;
}

.bp-step-card p{
    color:#30336b;
    font-size:16px;
    line-height:1.55;
    margin:0;
}

/* Reference-style positions */
.bp-step-card.bp-step-1{left:54px; top:64px;}
.bp-step-card.bp-step-2{right:54px; top:64px;}
.bp-step-card.bp-step-3{left:54px; bottom:64px;}
.bp-step-card.bp-step-4{right:54px; bottom:64px;}

.bp-dot{
    position:absolute;
    z-index:9;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#7135e8;
    border:8px solid #efe6ff;
    box-shadow:
        0 0 0 2px rgba(113,53,232,.22),
        0 14px 30px rgba(113,53,232,.26);
}

.bp-dot.dot-a{left:36.7%;top:27.6%;}
.bp-dot.dot-b{right:36.7%;top:27.6%;}
.bp-dot.dot-c{left:36.7%;bottom:27.6%;}
.bp-dot.dot-d{right:36.7%;bottom:27.6%;}

.bp-arrow{
    position:absolute;
    z-index:5;
    color:#7135e8;
    font-size:24px;
    opacity:.92;
    animation:bpArrowPulse 1.8s ease-in-out infinite;
}

.bp-arrow.arr-a{left:29.8%;top:25.6%;}
.bp-arrow.arr-b{right:29.8%;top:25.6%;}
.bp-arrow.arr-c{left:29.8%;bottom:25.6%;}
.bp-arrow.arr-d{right:29.8%;bottom:25.6%;}

.bp-step-card::after{
    content:"";
    position:absolute;
    top:50%;
    width:94px;
    height:2px;
    border-top:3px dashed rgba(113,53,232,.45);
    pointer-events:none;
}

.bp-step-1::after,
.bp-step-3::after{right:-94px;}
.bp-step-2::after,
.bp-step-4::after{left:-94px;}

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

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

@keyframes bpCenterFloat{
    0%,100%{transform:translate(-50%,-50%) translateY(0);}
    50%{transform:translate(-50%,-50%) translateY(-12px);}
}

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

@keyframes bpArrowPulse{
    0%,100%{transform:translateX(0);opacity:.55;}
    50%{transform:translateX(8px);opacity:1;}
}

/* hide earlier board pieces if any remain */
.dx-premium-blueprint-board .dx-flow-card,
.dx-blueprint-core,
.dx-flow-card,
.dx-blueprint-orbit,
.orbit-dot,
.orbit-arrow,
.dx-orbit-card{
    display:none !important;
}

/* responsive */
@media(max-width:1400px){
    .dx-blueprint-orbit-premium{
        min-height:720px !important;
    }

    .bp-step-card{
        width:250px;
        min-height:218px;
    }

    .bp-step-card.bp-step-1{left:34px;top:54px;}
    .bp-step-card.bp-step-2{right:34px;top:54px;}
    .bp-step-card.bp-step-3{left:34px;bottom:54px;}
    .bp-step-card.bp-step-4{right:34px;bottom:54px;}
}

@media(max-width:1200px){
    .dx-blueprint-orbit-premium{
        min-height:660px !important;
    }

    .bp-center-card{
        width:220px;
        min-height:360px;
    }

    .bp-step-card{
        width:220px;
        min-height:198px;
        padding:24px 22px;
    }

    .bp-step-card h5{font-size:21px;}
    .bp-step-card p{font-size:14px;}

    .bp-step-head i{
        width:58px;
        height:58px;
        font-size:28px;
    }

    .bp-step-head b{
        width:50px;
        height:50px;
        font-size:20px;
    }
}

@media(max-width:991px){
    .dx-blueprint-orbit-premium{
        min-height:auto !important;
        padding:28px !important;
        display:grid !important;
        grid-template-columns:1fr;
        gap:18px;
    }

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

    .bp-step-card,
    .bp-step-card.bp-step-1,
    .bp-step-card.bp-step-2,
    .bp-step-card.bp-step-3,
    .bp-step-card.bp-step-4{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        width:100%;
        min-height:auto;
    }
}



/* =========================================================
   V69 BLUEPRINT BOARD FIT FIX
   Match reference: center card smaller, side cards not hidden,
   orbit stays behind, no overlapping text.
   FILE: assets/css/style.css
   ========================================================= */

.dx-blueprint-orbit-premium{
    min-height:680px !important;
    padding:0 !important;
}

/* Smaller center card so it does not cover the step cards */
.bp-center-card{
    width:220px !important;
    min-height:350px !important;
    padding:28px 20px 24px !important;
    border-radius:30px !important;
    border-width:4px !important;
    box-shadow:
        0 28px 76px rgba(88,45,210,.30),
        0 0 0 10px rgba(139,63,242,.09),
        inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.bp-center-card .bp-bulb,
.bp-bulb{
    width:82px !important;
    height:82px !important;
    font-size:46px !important;
    margin-bottom:16px !important;
}

.bp-center-card h4{
    font-size:29px !important;
    margin-bottom:8px !important;
}

.bp-center-card strong{
    font-size:17px !important;
    margin-bottom:18px !important;
}

.bp-center-card h6{
    font-size:15.5px !important;
    line-height:1.35 !important;
    margin-bottom:10px !important;
}

.bp-center-card p{
    max-width:172px !important;
    font-size:11.8px !important;
    line-height:1.55 !important;
}

/* Orbit circle like reference */
.bp-orbit.orbit-main{
    width:420px !important;
    height:420px !important;
}

.bp-orbit.orbit-soft{
    width:490px !important;
    height:490px !important;
}

/* Step cards: keep outside of center card */
.bp-step-card{
    width:240px !important;
    min-height:205px !important;
    padding:24px 24px 22px !important;
    border-radius:28px !important;
    z-index:7 !important;
}

.bp-step-card h5{
    font-size:22px !important;
    line-height:1.12 !important;
    margin-bottom:14px !important;
}

.bp-step-card p{
    font-size:14px !important;
    line-height:1.55 !important;
}

.bp-step-head{
    margin-bottom:15px !important;
}

.bp-step-head b{
    width:52px !important;
    height:52px !important;
    font-size:21px !important;
}

.bp-step-head i{
    width:64px !important;
    height:64px !important;
    font-size:30px !important;
}

/* Wider placement so center never hides text */
.bp-step-card.bp-step-1{
    left:34px !important;
    top:50px !important;
}

.bp-step-card.bp-step-2{
    right:34px !important;
    top:50px !important;
}

.bp-step-card.bp-step-3{
    left:34px !important;
    bottom:50px !important;
}

.bp-step-card.bp-step-4{
    right:34px !important;
    bottom:50px !important;
}

/* Connector lines smaller and behind center */
.bp-step-card::after{
    width:72px !important;
    opacity:.72 !important;
    z-index:-1 !important;
}

.bp-step-1::after,
.bp-step-3::after{
    right:-72px !important;
}

.bp-step-2::after,
.bp-step-4::after{
    left:-72px !important;
}

/* Dots aligned closer to ring not on text */
.bp-dot{
    width:26px !important;
    height:26px !important;
    border-width:7px !important;
    z-index:9 !important;
}

.bp-dot.dot-a{left:36.2% !important; top:28.8% !important;}
.bp-dot.dot-b{right:36.2% !important; top:28.8% !important;}
.bp-dot.dot-c{left:36.2% !important; bottom:28.8% !important;}
.bp-dot.dot-d{right:36.2% !important; bottom:28.8% !important;}

.bp-arrow{
    font-size:20px !important;
    z-index:4 !important;
}

.bp-arrow.arr-a{left:30.5% !important; top:27.4% !important;}
.bp-arrow.arr-b{right:30.5% !important; top:27.4% !important;}
.bp-arrow.arr-c{left:30.5% !important; bottom:27.4% !important;}
.bp-arrow.arr-d{right:30.5% !important; bottom:27.4% !important;}

/* For medium screen widths like your screenshot */
@media(max-width:1400px){
    .dx-blueprint-orbit-premium{
        min-height:650px !important;
    }

    .bp-center-card{
        width:205px !important;
        min-height:328px !important;
    }

    .bp-step-card{
        width:220px !important;
        min-height:188px !important;
        padding:22px 22px 20px !important;
    }

    .bp-step-card h5{
        font-size:20px !important;
    }

    .bp-step-card p{
        font-size:13px !important;
    }

    .bp-step-card.bp-step-1{left:26px !important; top:48px !important;}
    .bp-step-card.bp-step-2{right:26px !important; top:48px !important;}
    .bp-step-card.bp-step-3{left:26px !important; bottom:48px !important;}
    .bp-step-card.bp-step-4{right:26px !important; bottom:48px !important;}

    .bp-orbit.orbit-main{
        width:360px !important;
        height:360px !important;
    }

    .bp-orbit.orbit-soft{
        width:430px !important;
        height:430px !important;
    }

    .bp-dot.dot-a{left:35.7% !important; top:30% !important;}
    .bp-dot.dot-b{right:35.7% !important; top:30% !important;}
    .bp-dot.dot-c{left:35.7% !important; bottom:30% !important;}
    .bp-dot.dot-d{right:35.7% !important; bottom:30% !important;}
}

/* If right column becomes narrow, stack cleanly instead of overlapping */
@media(max-width:1180px){
    .dx-blueprint-orbit-premium{
        min-height:auto !important;
        padding:26px !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:18px !important;
    }

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

    .bp-step-card,
    .bp-step-card.bp-step-1,
    .bp-step-card.bp-step-2,
    .bp-step-card.bp-step-3,
    .bp-step-card.bp-step-4{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:100% !important;
        min-height:170px !important;
    }
}

@media(max-width:767px){
    .dx-blueprint-orbit-premium{
        grid-template-columns:1fr !important;
    }
}



/* =========================================================
   V70 FIX: BLUEPRINT BOARD FIT + PURPLE THEME
   - Fits inside About section right column
   - No text overlap
   - Removed blue look, matched Dreamix purple theme
   ========================================================= */

.dx-blueprint-orbit-premium{
    min-height:520px !important;
    width:100% !important;
    max-width:100% !important;
    border-radius:34px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(168,85,247,.12), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(211,79,255,.13), transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#fbf7ff 100%) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 26px 70px rgba(139,63,242,.12) !important;
}

/* smaller orbit for actual page column */
.bp-orbit.orbit-main{
    width:310px !important;
    height:310px !important;
    border-color:rgba(139,63,242,.30) !important;
    box-shadow:
        0 0 0 14px rgba(139,63,242,.035),
        0 0 0 34px rgba(139,63,242,.025) !important;
}

.bp-orbit.orbit-soft{
    width:380px !important;
    height:380px !important;
    border-color:rgba(139,63,242,.22) !important;
}

/* center card reduced so it never hides side card text */
.bp-center-card{
    width:170px !important;
    min-height:260px !important;
    padding:22px 16px 18px !important;
    border-radius:28px !important;
    border:4px solid rgba(255,255,255,.72) !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,255,255,.22), transparent 28%),
        linear-gradient(160deg,#5b21b6 0%,#7c3aed 48%,#c026d3 100%) !important;
    box-shadow:
        0 24px 58px rgba(139,63,242,.28),
        0 0 0 10px rgba(139,63,242,.08),
        inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.bp-bulb{
    width:62px !important;
    height:62px !important;
    font-size:34px !important;
    margin-bottom:12px !important;
}

.bp-center-card h4{
    font-size:23px !important;
    margin-bottom:6px !important;
}

.bp-center-card strong{
    font-size:14px !important;
    margin-bottom:12px !important;
}

.bp-divider{
    height:18px !important;
    margin-bottom:10px !important;
}

.bp-divider::before,
.bp-divider::after{
    width:42px !important;
}

.bp-center-card h6{
    font-size:12.5px !important;
    line-height:1.35 !important;
    margin-bottom:8px !important;
}

.bp-center-card p{
    max-width:135px !important;
    font-size:10px !important;
    line-height:1.45 !important;
}

/* side cards compact, fit around center */
.bp-step-card{
    width:185px !important;
    min-height:155px !important;
    padding:18px 17px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 94% 10%,rgba(139,63,242,.08),transparent 30%),
        rgba(255,255,255,.97) !important;
    border:1px solid #eadcff !important;
    box-shadow:0 20px 48px rgba(139,63,242,.13) !important;
    z-index:7 !important;
}

.bp-step-card:hover{
    transform:translateY(-8px) scale(1.015) !important;
    box-shadow:0 28px 65px rgba(139,63,242,.19) !important;
}

.bp-step-head{
    margin-bottom:10px !important;
}

.bp-step-head b{
    width:42px !important;
    height:42px !important;
    font-size:16px !important;
    background:linear-gradient(135deg,#7c3aed,#d946ef) !important;
    box-shadow:0 12px 26px rgba(139,63,242,.24) !important;
}

.bp-step-head i{
    width:50px !important;
    height:50px !important;
    border-radius:18px !important;
    font-size:24px !important;
    color:#7c3aed !important;
    background:linear-gradient(145deg,#fff,#f5edff) !important;
    border:1px solid #eadcff !important;
}

.bp-step-card h5{
    font-size:17px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    color:#151934 !important;
    margin-bottom:9px !important;
}

.bp-step-card > span{
    width:34px !important;
    height:3px !important;
    margin-bottom:10px !important;
    background:linear-gradient(90deg,#7c3aed,#d946ef) !important;
}

.bp-step-card p{
    font-size:11.5px !important;
    line-height:1.48 !important;
    color:#5f6e89 !important;
}

/* Page-column positions: no overlap */
.bp-step-card.bp-step-1{
    left:22px !important;
    top:38px !important;
}

.bp-step-card.bp-step-2{
    right:22px !important;
    top:38px !important;
}

.bp-step-card.bp-step-3{
    left:22px !important;
    bottom:38px !important;
}

.bp-step-card.bp-step-4{
    right:22px !important;
    bottom:38px !important;
}

/* connectors shorter and purple */
.bp-step-card::after{
    width:48px !important;
    border-top:2px dashed rgba(124,58,237,.45) !important;
    opacity:.65 !important;
}

.bp-step-1::after,
.bp-step-3::after{
    right:-48px !important;
}

.bp-step-2::after,
.bp-step-4::after{
    left:-48px !important;
}

/* dots and arrows repositioned within fit area */
.bp-dot{
    width:20px !important;
    height:20px !important;
    border:6px solid #f2e8ff !important;
    background:#7c3aed !important;
    box-shadow:0 0 0 2px rgba(124,58,237,.20),0 10px 22px rgba(124,58,237,.22) !important;
}

.bp-dot.dot-a{left:35.5% !important; top:29.5% !important;}
.bp-dot.dot-b{right:35.5% !important; top:29.5% !important;}
.bp-dot.dot-c{left:35.5% !important; bottom:29.5% !important;}
.bp-dot.dot-d{right:35.5% !important; bottom:29.5% !important;}

.bp-arrow{
    font-size:16px !important;
    color:#7c3aed !important;
}

.bp-arrow.arr-a{left:28.8% !important; top:28.2% !important;}
.bp-arrow.arr-b{right:28.8% !important; top:28.2% !important;}
.bp-arrow.arr-c{left:28.8% !important; bottom:28.2% !important;}
.bp-arrow.arr-d{right:28.8% !important; bottom:28.2% !important;}

/* fix side vertical get in touch to Dreamix purple, not blue */
.get-touch,
.get-in-touch,
.floating-contact,
.sticky-contact,
.vertical-contact,
[class*="touch"]{
    background:linear-gradient(180deg,#7c3aed,#d946ef) !important;
    color:#fff !important;
}

/* At narrower desktop size, do not overlap: stack 2 columns */
@media(max-width:1280px){
    .dx-blueprint-orbit-premium{
        min-height:auto !important;
        padding:26px !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:18px !important;
    }

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

    .bp-step-card,
    .bp-step-card.bp-step-1,
    .bp-step-card.bp-step-2,
    .bp-step-card.bp-step-3,
    .bp-step-card.bp-step-4{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:100% !important;
        min-height:155px !important;
    }
}

@media(max-width:767px){
    .dx-blueprint-orbit-premium{
        grid-template-columns:1fr !important;
    }
}



/* =========================================================
   V71 CORE VALUES PREMIUM CARDS
   Implements reference-style rich cards with visual layer,
   feature lists, glow, wave dots and hover animation.
   ========================================================= */

.dx-premium-values-grid{
    position:relative;
    margin-top:38px !important;
}

.dx-premium-values-grid::before{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    bottom:-54px;
    height:95px;
    background:
        radial-gradient(circle at 8% 55%, rgba(217,70,239,.18) 0 7px, transparent 8px),
        radial-gradient(circle at 28% 72%, rgba(124,58,237,.18) 0 7px, transparent 8px),
        radial-gradient(circle at 47% 45%, rgba(217,70,239,.18) 0 7px, transparent 8px),
        radial-gradient(circle at 66% 72%, rgba(99,102,241,.18) 0 7px, transparent 8px),
        radial-gradient(circle at 86% 50%, rgba(124,58,237,.18) 0 7px, transparent 8px);
    border-bottom:2px dashed rgba(139,63,242,.16);
    border-radius:0 0 50% 50%;
    pointer-events:none;
    opacity:.9;
}

.dx-value-premium-card{
    position:relative !important;
    min-height:430px !important;
    padding:0 0 24px !important;
    border-radius:30px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 50% 13%, rgba(139,63,242,.13), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(253,249,255,.94)) !important;
    border:1px solid #eadcff !important;
    box-shadow:
        0 22px 60px rgba(139,63,242,.13),
        inset 0 1px 0 rgba(255,255,255,.72) !important;
    text-align:center !important;
    transition:all .42s cubic-bezier(.2,.75,.2,1) !important;
}

.dx-value-premium-card::before{
    content:"";
    position:absolute;
    left:32px;
    right:32px;
    top:0;
    height:6px;
    border-radius:0 0 16px 16px;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);
    z-index:2;
}

.dx-value-premium-card::after{
    content:"";
    position:absolute;
    inset:-1px;
    background:radial-gradient(circle at 50% 28%, rgba(255,255,255,.72), transparent 30%);
    pointer-events:none;
}

.dx-value-premium-card:hover{
    transform:translateY(-14px) scale(1.018) !important;
    border-color:#d8b9ff !important;
    box-shadow:
        0 38px 95px rgba(139,63,242,.22),
        0 0 0 1px rgba(139,63,242,.04) !important;
}

.dx-value-visual{
    position:relative;
    height:155px;
    margin-bottom:10px;
    z-index:2;
    overflow:hidden;
}

.dx-value-visual::before{
    content:"";
    position:absolute;
    left:50%;
    top:54%;
    width:128px;
    height:128px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(139,63,242,.20),transparent 66%);
    filter:blur(1px);
    animation:dxValueGlow 3.2s ease-in-out infinite;
}

.dx-value-icon{
    position:absolute;
    left:50%;
    top:58%;
    width:86px;
    height:86px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:34px;
    background:
        radial-gradient(circle at 30% 20%,#d946ef,#7c3aed 72%);
    box-shadow:
        0 20px 48px rgba(124,58,237,.28),
        inset 0 2px 10px rgba(255,255,255,.25);
    z-index:4;
    transition:.4s ease;
}

.dx-value-premium-card:hover .dx-value-icon{
    transform:translate(-50%,-50%) scale(1.08) rotate(-5deg);
}

/* soft illustration elements per card */
.dx-value-visual span{
    position:absolute;
    border-radius:18px;
    opacity:.38;
    border:1px solid rgba(139,63,242,.14);
    background:linear-gradient(145deg,#f7eeff,#ffffff);
}

.mini-window{left:30px;top:42px;width:92px;height:62px;}
.mini-panel{right:31px;top:58px;width:58px;height:55px;}

.shield-bg{left:35px;top:36px;width:88px;height:78px;clip-path:polygon(50% 0,92% 18%,82% 78%,50% 100%,18% 78%,8% 18%);}
.database-bg{right:35px;top:58px;width:68px;height:60px;border-radius:50%/18%;}

.chart-bg{left:28px;bottom:28px;width:124px;height:76px;background:linear-gradient(90deg,rgba(139,63,242,.10),rgba(99,102,241,.08)) !important;}
.line-bg{right:34px;top:40px;width:78px;height:78px;border-radius:20px;transform:rotate(-12deg);}

.cloud-bg{left:26px;top:52px;width:102px;height:58px;border-radius:40px;background:linear-gradient(145deg,#f3e8ff,#fff) !important;}
.server-bg{right:28px;top:58px;width:80px;height:58px;border-radius:16px;}

.dx-value-premium-card h4{
    position:relative;
    z-index:3;
    font-size:22px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
    color:#151934 !important;
    margin:0 0 13px !important;
    letter-spacing:-.45px !important;
}

.dx-value-premium-card .value-line{
    position:relative;
    z-index:3;
    display:block;
    width:38px;
    height:4px;
    border-radius:30px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
    margin:0 auto 17px;
}

.dx-value-premium-card p{
    position:relative;
    z-index:3;
    max-width:245px;
    margin:0 auto 22px !important;
    color:#5f6e89 !important;
    font-size:13.5px !important;
    line-height:1.62 !important;
}

.dx-value-premium-card ul{
    position:relative;
    z-index:3;
    list-style:none;
    padding:18px 20px;
    margin:0 24px;
    border-radius:20px;
    background:rgba(255,255,255,.54);
    border:1px solid rgba(234,220,255,.82);
    text-align:left;
}

.dx-value-premium-card li{
    display:flex;
    align-items:center;
    gap:11px;
    color:#38415f;
    font-size:13px;
    line-height:1.35;
    margin:0 0 13px;
    font-weight:600;
}

.dx-value-premium-card li:last-child{
    margin-bottom:0;
}

.dx-value-premium-card li i{
    color:#7c3aed;
    font-size:15px;
    filter:drop-shadow(0 3px 8px rgba(124,58,237,.18));
}

@keyframes dxValueGlow{
    0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.72;}
    50%{transform:translate(-50%,-50%) scale(1.12);opacity:1;}
}

/* small dotted decorations around the heading */
.dx-mission-timeline-head,
.section-title{
    position:relative;
}

.dx-mission-timeline-head::before,
.section-title::before{
    content:"";
    position:absolute;
    left:7%;
    top:38%;
    width:120px;
    height:62px;
    background-image:radial-gradient(circle, rgba(139,63,242,.35) 1.8px, transparent 2px);
    background-size:18px 18px;
    opacity:.45;
}

.dx-mission-timeline-head::after,
.section-title::after{
    content:"";
    position:absolute;
    right:7%;
    top:38%;
    width:120px;
    height:62px;
    background-image:radial-gradient(circle, rgba(139,63,242,.35) 1.8px, transparent 2px);
    background-size:18px 18px;
    opacity:.45;
}

/* Keep Dreamix purple theme */
.dx-value-premium-card,
.dx-value-premium-card *{
    border-color:#eadcff;
}

/* responsive */
@media(max-width:1199px){
    .dx-value-premium-card{
        min-height:410px !important;
    }
}

@media(max-width:767px){
    .dx-value-premium-card{
        min-height:auto !important;
    }

    .dx-mission-timeline-head::before,
    .dx-mission-timeline-head::after,
    .section-title::before,
    .section-title::after{
        display:none;
    }
}


/* ===== V72 REFERENCE PREMIUM CARDS ===== */

.dx-reference-premium-grid{
    position:relative;
    margin-top:55px;
}

.dx-reference-premium-grid::after{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    bottom:-45px;
    height:70px;
    border-bottom:2px dashed rgba(139,63,242,.18);
    border-radius:50%;
    opacity:.9;
}

.dx-reference-card{
    position:relative;
    min-height:650px;
    border-radius:36px;
    overflow:hidden;
    padding:38px 28px 26px;
    background:
        radial-gradient(circle at top, rgba(139,63,242,.10), transparent 36%),
        linear-gradient(180deg,#ffffff,#fcf9ff);
    border:1px solid #e9dbff;
    box-shadow:
        0 25px 80px rgba(139,63,242,.12),
        inset 0 1px 0 rgba(255,255,255,.9);
    transition:.45s ease;
}

.dx-reference-card:hover{
    transform:translateY(-12px);
    box-shadow:
        0 40px 100px rgba(139,63,242,.18),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.dx-card-topline,
.dx-card-bottomline{
    position:absolute;
    left:38px;
    right:38px;
    height:6px;
    border-radius:20px;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);
}

.dx-card-topline{top:0;}
.dx-card-bottomline{bottom:0;}

.dx-ref-visual{
    position:relative;
    height:165px;
    margin-bottom:18px;
}

.dx-ref-icon{
    position:absolute;
    left:50%;
    top:52%;
    width:118px;
    height:118px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:44px;
    box-shadow:
        0 22px 50px rgba(139,63,242,.28),
        inset 0 2px 10px rgba(255,255,255,.18);
    z-index:5;
    animation:dxFloat 5s ease-in-out infinite;
}

.dx-ref-bg{
    position:absolute;
    border-radius:24px;
    background:linear-gradient(145deg,#f5ebff,#ffffff);
    border:1px solid rgba(139,63,242,.10);
    opacity:.9;
}

.window-bg{
    width:135px;
    height:88px;
    left:5px;
    top:34px;
}

.dx-ref-sidepanel{
    position:absolute;
    width:62px;
    height:82px;
    right:10px;
    top:40px;
    border-radius:22px;
    background:linear-gradient(145deg,#f7f0ff,#ffffff);
    border:1px solid rgba(139,63,242,.12);
}

.shield-bg{
    width:110px;
    height:96px;
    left:12px;
    top:24px;
    clip-path:polygon(50% 0%,90% 18%,82% 78%,50% 100%,18% 78%,10% 18%);
}

.db-bg{
    width:92px;
    height:74px;
    right:12px;
    top:48px;
    border-radius:50%/18%;
}

.chart-bg{
    width:150px;
    height:86px;
    left:5px;
    bottom:15px;
}

.graph-bg{
    width:120px;
    height:95px;
    right:0;
    top:22px;
    transform:rotate(-8deg);
}

.cloud-bg{
    width:135px;
    height:82px;
    left:5px;
    top:38px;
    border-radius:50px;
}

.server-bg{
    width:100px;
    height:78px;
    right:5px;
    top:44px;
}

.dx-reference-card h4{
    font-size:31px;
    font-weight:900;
    line-height:1.1;
    color:#171b38;
    margin-bottom:18px;
    text-align:center;
}

.dx-ref-line{
    display:block;
    width:56px;
    height:5px;
    border-radius:20px;
    margin:0 auto 24px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
}

.dx-reference-card p{
    text-align:center;
    color:#5d6887;
    font-size:19px;
    line-height:1.7;
    margin-bottom:28px;
}

.dx-ref-list{
    padding:26px 24px;
    border-radius:24px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(139,63,242,.10);
}

.dx-ref-list div{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#454f71;
    font-size:18px;
    font-weight:600;
}

.dx-ref-list div:last-child{
    margin-bottom:0;
}

.dx-ref-list i{
    color:#7c3aed;
    font-size:19px;
}

@keyframes dxFloat{
    0%,100%{transform:translate(-50%,-50%) translateY(0);}
    50%{transform:translate(-50%,-50%) translateY(-10px);}
}

@media(max-width:1399px){
    .dx-reference-card{
        min-height:470px;
    }

    .dx-reference-card h4{
        font-size:20px;
    }

    .dx-reference-card p{
        font-size:17px;
    }
}

@media(max-width:991px){
    .dx-reference-card{
        min-height:auto;
    }
}



/* =========================================================
   V74 HOME CAROUSEL SLIDE 3 FIX
   Health Care + Inventory were moving/cutting on left side.
   This locks the module card layout inside the visual panel.
   ========================================================= */

.premium-slide .module-visual{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(118px, 1fr)) !important;
    gap:18px !important;
    padding:28px !important;
    align-content:center !important;
    justify-content:center !important;
    place-items:center !important;
    overflow:hidden !important;
}

.premium-slide .module-visual > div{
    width:100% !important;
    min-width:0 !important;
    height:118px !important;
    max-height:118px !important;
    border-radius:24px !important;
    padding:14px 10px !important;
    text-align:center !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    transform:none !important;
}

.premium-slide .module-visual > div:hover{
    transform:translateY(-6px) !important;
}

.premium-slide .module-visual i{
    font-size:28px !important;
    line-height:1 !important;
    flex:0 0 auto !important;
}

.premium-slide .module-visual span{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    word-break:normal !important;
    line-height:1.15 !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-align:center !important;
}

/* third slide right visual: keep all module tiles away from panel edge */
.premium-slide .slide-visual.module-visual{
    min-height:320px !important;
    max-width:100% !important;
}

/* keep the right-side slide content readable */
.premium-slide .slide-content h3{
    font-size:clamp(24px,2.05vw,34px) !important;
    line-height:1.18 !important;
}

@media(max-width:1200px){
    .premium-slide{
        grid-template-columns:1fr 1fr !important;
        gap:20px !important;
    }

    .premium-slide .module-visual{
        grid-template-columns:repeat(2, minmax(105px, 1fr)) !important;
        padding:24px !important;
        gap:14px !important;
    }

    .premium-slide .module-visual > div{
        height:108px !important;
        max-height:108px !important;
    }

    .premium-slide .module-visual span{
        font-size:11px !important;
    }
}

@media(max-width:991px){
    .premium-slide{
        grid-template-columns:1fr !important;
    }

    .premium-slide .module-visual{
        grid-template-columns:repeat(2, minmax(120px, 1fr)) !important;
    }
}

@media(max-width:480px){
    .premium-slide .module-visual{
        grid-template-columns:1fr !important;
    }
}



/* =========================================================
   V76 LIGHT TECH SECTION
   Replaces dark cards with premium light-glass SaaS design
   for Home page and About page.
   ========================================================= */

.dx-light-tech-section{
    position:relative;
    overflow:hidden;
    padding:105px 0 !important;
    background:
        radial-gradient(circle at 15% 12%, rgba(217,70,239,.10), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(99,102,241,.09), transparent 36%),
        linear-gradient(rgba(142,90,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.045) 1px, transparent 1px),
        linear-gradient(135deg,#fcfbff 0%,#f8f4ff 48%,#ffffff 100%) !important;
    background-size:auto,auto,48px 48px,48px 48px,cover !important;
}

.dx-light-tech-section::before{
    content:"";
    position:absolute;
    left:4%;
    top:16%;
    width:140px;
    height:90px;
    opacity:.38;
    background-image:radial-gradient(circle, rgba(139,63,242,.45) 2px, transparent 2.5px);
    background-size:18px 18px;
}

.dx-light-tech-section::after{
    content:"";
    position:absolute;
    right:3%;
    top:11%;
    width:260px;
    height:170px;
    opacity:.20;
    border-radius:50%;
    border:1px solid rgba(139,63,242,.25);
    box-shadow:
        0 0 0 18px rgba(139,63,242,.035),
        0 0 0 38px rgba(139,63,242,.025),
        0 0 0 62px rgba(139,63,242,.018);
}

.dx-light-tech-head{
    position:relative;
    z-index:2;
    margin-bottom:55px !important;
}

.dx-light-tech-head span{
    display:inline-flex !important;
    align-items:center;
    gap:10px;
    padding:10px 26px;
    border-radius:999px;
    background:rgba(255,255,255,.78);
    border:1px solid #eadcff;
    color:#7c3aed !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:2.2px !important;
    box-shadow:0 14px 36px rgba(139,63,242,.08);
}

.dx-light-tech-head span::before,
.dx-light-tech-head span::after{
    content:"◆";
    font-size:11px;
    color:#8b3ff2;
}

.dx-light-tech-head h2{
    color:#171538 !important;
    font-size:clamp(38px,3.6vw,62px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1.6px !important;
    margin-top:20px !important;
    margin-bottom:20px !important;
}

.dx-light-tech-head h2 span{
    display:inline !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    letter-spacing:-1.6px !important;
    font-size:inherit !important;
}

.dx-light-tech-head h2 span::before,
.dx-light-tech-head h2 span::after{
    content:none !important;
}

.dx-light-tech-head p{
    color:#60708e !important;
    font-size:17px !important;
    line-height:1.8 !important;
}

.dx-light-tech-grid{
    position:relative;
    z-index:2;
}

/* override old dark latest-tech-card */
.dx-light-tech-card,
.latest-tech-section .dx-light-tech-card{
    position:relative !important;
    min-height:340px !important;
    padding:42px 42px 38px !important;
    overflow:hidden !important;
    border-radius:30px !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(217,70,239,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(253,250,255,.96)) !important;
    border:1px solid #eadcff !important;
    box-shadow:
        0 22px 60px rgba(139,63,242,.10),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
    transition:all .42s cubic-bezier(.2,.75,.2,1) !important;
    color:#171538 !important;
}

.dx-light-tech-card::before{
    content:"";
    position:absolute;
    left:0;
    top:36px;
    width:6px;
    height:118px;
    border-radius:0 20px 20px 0;
    background:linear-gradient(180deg,#7c3aed,#d946ef,#6366f1);
}

.dx-light-tech-card::after{
    content:"";
    position:absolute;
    right:-68px;
    top:-70px;
    width:210px;
    height:210px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(139,63,242,.14), transparent 68%);
    pointer-events:none;
}

.dx-light-tech-card:hover{
    transform:translateY(-12px) !important;
    border-color:#d8b9ff !important;
    box-shadow:
        0 34px 84px rgba(139,63,242,.16),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.dx-light-icon{
    position:relative;
    z-index:2;
    width:78px;
    height:78px;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:31px;
    margin-bottom:28px;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
    box-shadow:
        0 16px 36px rgba(139,63,242,.24),
        inset 0 1px 0 rgba(255,255,255,.24);
    transition:.38s ease;
}

.dx-light-tech-card:hover .dx-light-icon{
    transform:translateY(-4px) rotate(-4deg) scale(1.06);
}

.dx-light-tech-card h5{
    position:relative;
    z-index:2;
    font-size:28px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    color:#111936 !important;
    margin:0 0 14px !important;
}

.dx-title-line{
    position:relative;
    z-index:2;
    display:block;
    width:120px;
    height:1px;
    background:linear-gradient(90deg, rgba(124,58,237,.45), transparent);
    margin:0 0 16px;
}

.dx-light-tech-card p{
    position:relative;
    z-index:2;
    color:#596984 !important;
    font-size:18px !important;
    line-height:1.75 !important;
    margin:0 !important;
    max-width:430px;
}

/* soft watermark icons/shapes */
.dx-card-watermark{
    position:absolute;
    right:36px;
    top:48px;
    width:120px;
    height:120px;
    opacity:.10;
    color:#7c3aed;
    pointer-events:none;
}

.dx-card-watermark::before,
.dx-card-watermark::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
}

.dx-watermark-cloud::before{border-radius:60px;}
.dx-watermark-devops::before{border-radius:45px; transform:rotate(35deg);}
.dx-watermark-data::before{border-radius:50%/18%;}
.dx-watermark-auto::before{border-radius:22px; transform:rotate(45deg);}
.dx-watermark-team::before{border-radius:50%;}

/* never allow old dark colors */
.latest-tech-card.dx-light-tech-card h5,
.latest-tech-card.dx-light-tech-card p{
    opacity:1 !important;
}

@media(max-width:1400px){
    .dx-light-tech-card{
        min-height:300px !important;
        padding:36px 34px !important;
    }

    .dx-light-tech-card h5{
        font-size:24px !important;
    }

    .dx-light-tech-card p{
        font-size:16px !important;
    }
}

@media(max-width:991px){
    .dx-light-tech-section{
        padding:80px 0 !important;
    }

    .dx-light-tech-head h2{
        font-size:40px !important;
    }

    .dx-light-tech-card{
        min-height:auto !important;
    }
}

@media(max-width:575px){
    .dx-light-tech-head h2{
        font-size:32px !important;
    }

    .dx-light-tech-card{
        padding:30px 26px !important;
        border-radius:24px !important;
    }
}



/* =========================================================
   V77 HOME DIFFERENT SECTION - REFERENCE LIGHT GLASS CARDS
   Replace old/dark home tech cards with 4 premium light cards.
   File: assets/css/style.css
   ========================================================= */

.dx-home-different-section{
    position:relative;
    overflow:hidden;
    padding:105px 0 120px !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(217,70,239,.10), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(99,102,241,.09), transparent 36%),
        linear-gradient(rgba(142,90,255,.043) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.043) 1px, transparent 1px),
        linear-gradient(135deg,#fcfbff 0%,#f8f4ff 48%,#ffffff 100%) !important;
    background-size:auto,auto,48px 48px,48px 48px,cover !important;
}

.dx-home-different-section::before{
    content:"";
    position:absolute;
    left:5%;
    top:22%;
    width:120px;
    height:45px;
    background-image:radial-gradient(circle, rgba(139,63,242,.42) 2px, transparent 2.5px);
    background-size:18px 18px;
    opacity:.40;
}

.dx-home-different-section::after{
    content:"";
    position:absolute;
    right:-55px;
    top:90px;
    width:300px;
    height:300px;
    border-radius:50%;
    opacity:.20;
    border:1px solid rgba(139,63,242,.22);
    box-shadow:
        0 0 0 18px rgba(139,63,242,.030),
        0 0 0 40px rgba(139,63,242,.024),
        0 0 0 66px rgba(139,63,242,.018);
}

.dx-home-different-head{
    position:relative;
    z-index:2;
    margin-bottom:54px;
}

.dx-home-badge{
    display:inline-flex;
    align-items:center;
    gap:11px;
    padding:11px 28px;
    border-radius:999px;
    border:1px solid #eadcff;
    background:rgba(255,255,255,.78);
    color:#7c3aed;
    font-size:14px;
    font-weight:900;
    letter-spacing:.8px;
    box-shadow:0 14px 38px rgba(139,63,242,.08);
    margin-bottom:25px;
}

.dx-home-badge i{
    color:#c026d3;
    filter:drop-shadow(0 4px 10px rgba(192,38,211,.25));
}

.dx-home-different-head h2{
    color:#141936;
    font-size:clamp(42px,4vw,70px);
    line-height:1.06;
    font-weight:900;
    letter-spacing:-2px;
    margin:0 0 20px;
}

.dx-home-different-head h2 span{
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-home-different-head p{
    max-width:880px;
    margin:0 auto;
    color:#61708d;
    font-size:18px;
    line-height:1.85;
}

.dx-home-different-grid{
    position:relative;
    z-index:2;
}

.dx-ref-feature-card{
    position:relative;
    min-height:530px;
    padding:0 26px 26px;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at 50% 18%, rgba(139,63,242,.12), transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,252,255,.92));
    border:1px solid #eadcff;
    box-shadow:
        0 24px 75px rgba(139,63,242,.12),
        inset 0 1px 0 rgba(255,255,255,.85);
    text-align:center;
    transition:all .42s cubic-bezier(.2,.75,.2,1);
}

.dx-ref-feature-card::before,
.dx-ref-feature-card::after{
    content:"";
    position:absolute;
    left:34px;
    right:34px;
    height:6px;
    border-radius:20px;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);
}

.dx-ref-feature-card::before{top:0;}
.dx-ref-feature-card::after{bottom:0;}

.dx-ref-feature-card:hover{
    transform:translateY(-13px);
    border-color:#d8b9ff;
    box-shadow:
        0 36px 100px rgba(139,63,242,.18),
        inset 0 1px 0 rgba(255,255,255,.94);
}

.dx-card-visual{
    position:relative;
    height:178px;
    margin:0 -8px 10px;
}

.dx-card-visual::before{
    content:"";
    position:absolute;
    left:50%;
    top:55%;
    width:142px;
    height:142px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(circle,rgba(139,63,242,.20),transparent 66%);
    animation:dxHomeCardGlow 3.2s ease-in-out infinite;
}

.dx-main-round-icon{
    position:absolute;
    left:50%;
    top:56%;
    width:108px;
    height:108px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:32px;
    background:
        radial-gradient(circle at 30% 20%,#d946ef,#7c3aed 72%);
    box-shadow:
        0 23px 52px rgba(124,58,237,.28),
        inset 0 2px 10px rgba(255,255,255,.24);
    z-index:3;
    transition:.38s ease;
}

.dx-ref-feature-card:hover .dx-main-round-icon{
    transform:translate(-50%,-50%) scale(1.08) rotate(-4deg);
}

.dx-faint-shape{
    position:absolute;
    z-index:1;
    opacity:.23;
    border-radius:22px;
    background:linear-gradient(145deg,#efe2ff,#ffffff);
    border:1px solid rgba(139,63,242,.12);
}

.dx-window-shape{
    width:130px;
    height:82px;
    left:0;
    top:55px;
}

.dx-panel-shape{
    width:64px;
    height:72px;
    right:0;
    top:62px;
}

.dx-shield-shape{
    width:118px;
    height:96px;
    left:0;
    top:48px;
    clip-path:polygon(50% 0,90% 18%,82% 78%,50% 100%,18% 78%,10% 18%);
}

.dx-db-shape{
    width:92px;
    height:72px;
    right:2px;
    top:68px;
    border-radius:50%/18%;
}

.dx-chart-shape{
    width:150px;
    height:88px;
    left:0;
    top:70px;
}

.dx-line-shape{
    width:90px;
    height:45px;
    right:2px;
    top:42px;
    transform:rotate(-12deg);
}

.dx-cloud-shape{
    width:132px;
    height:76px;
    left:0;
    top:66px;
    border-radius:45px;
}

.dx-server-shape{
    width:98px;
    height:70px;
    right:0;
    top:72px;
}

.dx-ref-feature-card h4{
    color:#141936;
    font-size:28px;
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.7px;
    margin:0 0 15px;
}

.dx-small-line{
    display:block;
    width:42px;
    height:4px;
    border-radius:20px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
    margin:0 auto 20px;
}

.dx-ref-feature-card p{
    color:#5e6f8d;
    font-size:16px;
    line-height:1.68;
    max-width:260px;
    margin:0 auto 24px;
}

.dx-check-list{
    text-align:left;
    padding:20px 20px;
    border-radius:22px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(234,220,255,.78);
}

.dx-check-list div{
    display:flex;
    align-items:center;
    gap:12px;
    color:#444d71;
    font-size:15px;
    font-weight:600;
    line-height:1.35;
    margin-bottom:14px;
}

.dx-check-list div:last-child{
    margin-bottom:0;
}

.dx-check-list i{
    color:#7c3aed;
    font-size:17px;
}

.dx-wave-dots{
    position:absolute;
    left:11%;
    right:11%;
    bottom:-48px;
    height:70px;
    border-bottom:2px dashed rgba(139,63,242,.16);
    border-radius:0 0 50% 50%;
    pointer-events:none;
}

.dx-wave-dots span{
    position:absolute;
    bottom:-10px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#fff;
    border:6px solid rgba(139,63,242,.20);
    box-shadow:0 8px 22px rgba(139,63,242,.14);
}

.dx-wave-dots span:nth-child(1){left:10%;}
.dx-wave-dots span:nth-child(2){left:28%; bottom:-3px;}
.dx-wave-dots span:nth-child(3){left:50%; bottom:-17px;}
.dx-wave-dots span:nth-child(4){left:72%; bottom:-6px;}
.dx-wave-dots span:nth-child(5){left:88%;}

@keyframes dxHomeCardGlow{
    0%,100%{transform:translate(-50%,-50%) scale(.92); opacity:.76;}
    50%{transform:translate(-50%,-50%) scale(1.10); opacity:1;}
}

@media(max-width:1400px){
    .dx-ref-feature-card{
        min-height:500px;
    }

    .dx-ref-feature-card h4{
        font-size:24px;
    }

    .dx-ref-feature-card p{
        font-size:14.5px;
    }

    .dx-check-list div{
        font-size:13.5px;
    }
}

@media(max-width:991px){
    .dx-home-different-section{
        padding:82px 0 100px !important;
    }

    .dx-home-different-head h2{
        font-size:32px;
    }

    .dx-ref-feature-card{
        min-height:auto;
    }
}

@media(max-width:575px){
    .dx-home-different-head h2{
        font-size:32px;
    }

    .dx-home-different-head p{
        font-size:15px;
    }

    .dx-ref-feature-card{
        border-radius:26px;
    }
}



/* =========================================================
   V78 FINAL LIGHT REFERENCE CARDS - NO DARK CARDS
   Applied to home and about. Add at END of style.css.
   ========================================================= */
.dx-final-values-section{position:relative;overflow:hidden;padding:100px 0 120px!important;background:radial-gradient(circle at 9% 17%,rgba(217,70,239,.09),transparent 34%),radial-gradient(circle at 92% 12%,rgba(99,102,241,.08),transparent 34%),linear-gradient(rgba(142,90,255,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(142,90,255,.043) 1px,transparent 1px),linear-gradient(135deg,#fcfbff 0%,#f9f5ff 48%,#fff 100%)!important;background-size:auto,auto,48px 48px,48px 48px,cover!important}.dx-final-values-section::before{content:"";position:absolute;left:5%;top:20%;width:135px;height:82px;background-image:radial-gradient(circle,rgba(139,63,242,.38) 2px,transparent 2.5px);background-size:18px 18px;opacity:.45}.dx-final-values-section::after{content:"";position:absolute;right:-70px;top:90px;width:330px;height:330px;border-radius:50%;opacity:.18;border:1px solid rgba(139,63,242,.22);box-shadow:0 0 0 18px rgba(139,63,242,.03),0 0 0 42px rgba(139,63,242,.022),0 0 0 70px rgba(139,63,242,.016)}
.dx-final-heading{position:relative;z-index:2;margin-bottom:55px}.dx-final-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 26px;border-radius:999px;border:1px solid #eadcff;background:rgba(255,255,255,.80);color:#7c3aed;font-size:14px;font-weight:800;letter-spacing:.8px;box-shadow:0 14px 36px rgba(139,63,242,.08);margin-bottom:26px}.dx-final-badge i{color:#c026d3;filter:drop-shadow(0 4px 10px rgba(192,38,211,.22))}.dx-final-heading h2{color:#151934;font-size:clamp(42px,3.9vw,66px);line-height:1.03;font-weight:800;letter-spacing:-1.5px;margin:0 0 20px;animation:dxFinalFadeUp .85s ease both}.dx-final-heading h2 span{font-weight:800;background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dx-final-heading p{max-width:900px;margin:0 auto;color:#61708d;font-size:17px;line-height:1.8}.dx-final-values-grid{position:relative;z-index:2}
.dx-final-card{position:relative;min-height:525px;padding:0 26px 26px;overflow:hidden;text-align:center;border-radius:34px;background:radial-gradient(circle at 50% 15%,rgba(139,63,242,.13),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,252,255,.94))!important;border:1px solid #eadcff;box-shadow:0 24px 75px rgba(139,63,242,.12),inset 0 1px 0 rgba(255,255,255,.88);transition:all .42s cubic-bezier(.2,.75,.2,1);animation:dxFinalCardUp .9s ease both}.dx-final-values-grid>div:nth-child(1) .dx-final-card{animation-delay:.05s}.dx-final-values-grid>div:nth-child(2) .dx-final-card{animation-delay:.15s}.dx-final-values-grid>div:nth-child(3) .dx-final-card{animation-delay:.25s}.dx-final-values-grid>div:nth-child(4) .dx-final-card{animation-delay:.35s}.dx-final-card:hover{transform:translateY(-12px) scale(1.012);border-color:#d8b9ff;box-shadow:0 36px 100px rgba(139,63,242,.18),inset 0 1px 0 rgba(255,255,255,.94)}.dx-final-top-line,.dx-final-bottom-line{position:absolute;left:34px;right:34px;height:6px;border-radius:20px;background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1)}.dx-final-top-line{top:0}.dx-final-bottom-line{bottom:0}
.dx-final-illustration{position:relative;height:178px;margin:0 -8px 8px}.dx-final-illustration::before{content:"";position:absolute;left:50%;top:55%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(139,63,242,.20),transparent 66%);animation:dxFinalGlow 3.2s ease-in-out infinite}.dx-final-icon{position:absolute;left:50%;top:56%;width:108px;height:108px;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;z-index:3;background:radial-gradient(circle at 30% 20%,#d946ef,#7c3aed 72%);box-shadow:0 23px 52px rgba(124,58,237,.28),inset 0 2px 10px rgba(255,255,255,.24);animation:dxFinalIconFloat 3.5s ease-in-out infinite}.dx-final-card:hover .dx-final-icon{animation-play-state:paused;transform:translate(-50%,-50%) scale(1.08) rotate(-4deg)}
.dx-soft-art{position:absolute;z-index:1;opacity:.22;border-radius:22px;background:linear-gradient(145deg,#efe2ff,#fff);border:1px solid rgba(139,63,242,.12)}.art-ui-left{width:132px;height:82px;left:0;top:55px}.art-ui-right{width:66px;height:72px;right:0;top:62px}.art-shield{width:118px;height:96px;left:0;top:48px;clip-path:polygon(50% 0,90% 18%,82% 78%,50% 100%,18% 78%,10% 18%)}.art-db{width:92px;height:72px;right:2px;top:68px;border-radius:50%/18%}.art-chart{width:150px;height:88px;left:0;top:70px}.art-graph{width:90px;height:45px;right:2px;top:42px;transform:rotate(-12deg)}.art-cloud{width:132px;height:76px;left:0;top:66px;border-radius:45px}.art-server{width:98px;height:70px;right:0;top:72px}
.dx-final-card h3{color:#151934;font-size:26px;line-height:1.12;font-weight:750;letter-spacing:-.5px;margin:0 0 15px}.dx-final-line{display:block;width:42px;height:4px;border-radius:20px;background:linear-gradient(90deg,#7c3aed,#d946ef);margin:0 auto 20px}.dx-final-card>p{color:#5e6f8d;font-size:15px;line-height:1.66;max-width:260px;margin:0 auto 24px}.dx-final-list{text-align:left;padding:20px;border-radius:22px;background:rgba(255,255,255,.65);border:1px solid rgba(234,220,255,.82)}.dx-final-list div{display:flex;align-items:center;gap:12px;color:#444d71;font-size:14px;font-weight:600;line-height:1.35;margin-bottom:14px}.dx-final-list div:last-child{margin-bottom:0}.dx-final-list i{color:#7c3aed;font-size:16px}
.dx-final-wave{position:absolute;left:11%;right:11%;bottom:-48px;height:72px;border-bottom:2px dashed rgba(139,63,242,.16);border-radius:0 0 50% 50%;pointer-events:none;z-index:1}.dx-final-wave span{position:absolute;bottom:-10px;width:22px;height:22px;border-radius:50%;background:#fff;border:6px solid rgba(139,63,242,.20);box-shadow:0 8px 22px rgba(139,63,242,.14)}.dx-final-wave span:nth-child(1){left:10%}.dx-final-wave span:nth-child(2){left:28%;bottom:-3px}.dx-final-wave span:nth-child(3){left:50%;bottom:-17px}.dx-final-wave span:nth-child(4){left:72%;bottom:-6px}.dx-final-wave span:nth-child(5){left:88%}
@keyframes dxFinalFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dxFinalCardUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes dxFinalGlow{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.76}50%{transform:translate(-50%,-50%) scale(1.10);opacity:1}}@keyframes dxFinalIconFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}
@media(max-width:1400px){.dx-final-card{min-height:500px}.dx-final-card h3{font-size:23px}.dx-final-card>p{font-size:14px}.dx-final-list div{font-size:13px}}@media(max-width:991px){.dx-final-values-section{padding:82px 0 100px!important}.dx-final-heading h2{font-size:40px}.dx-final-card{min-height:auto}}@media(max-width:575px){.dx-final-heading h2{font-size:32px}.dx-final-heading p{font-size:15px}.dx-final-card{border-radius:26px}}



/* =========================================================
   V79 DIGITAL CAPABILITY - PREMIUM 3D CARD SHOWCASE
   Matches reference image: rich 3D card illustrations,
   light purple SaaS background, connector wave, animations.
   ========================================================= */

.dx-platform-showcase{
    position:relative;
    overflow:hidden;
    padding:70px 0 90px !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.98) 0 22%, rgba(255,255,255,.68) 23%, transparent 44%),
        radial-gradient(circle at 13% 20%, rgba(217,70,239,.10), transparent 32%),
        radial-gradient(circle at 88% 18%, rgba(99,102,241,.10), transparent 34%),
        linear-gradient(rgba(142,90,255,.040) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.040) 1px, transparent 1px),
        linear-gradient(135deg,#ffffff 0%,#f7f2ff 48%,#ffffff 100%) !important;
    background-size:auto,auto,auto,52px 52px,52px 52px,cover !important;
}

.dx-platform-showcase::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:130px;
    height:210px;
    opacity:.22;
    background:
        radial-gradient(circle at 9% 34%, rgba(124,58,237,.45) 0 8px, transparent 9px),
        radial-gradient(circle at 94% 42%, rgba(124,58,237,.35) 0 8px, transparent 9px),
        repeating-radial-gradient(ellipse at 50% 50%, transparent 0 24px, rgba(124,58,237,.22) 25px 26px, transparent 27px 48px);
    pointer-events:none;
}

.dx-platform-showcase::after{
    content:"";
    position:absolute;
    left:5%;
    right:5%;
    bottom:0;
    height:160px;
    opacity:.32;
    background:
        linear-gradient(115deg, transparent 0 12%, rgba(124,58,237,.20) 13%, transparent 22%),
        linear-gradient(65deg, transparent 0 65%, rgba(124,58,237,.18) 66%, transparent 82%);
    pointer-events:none;
}

/* Heading */
.dx-platform-heading{
    position:relative;
    z-index:3;
    max-width:980px;
    margin:0 auto 38px;
}

.dx-platform-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    color:#7c3aed;
    font-size:16px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.4px;
    margin-bottom:28px;
}

.dx-platform-badge i{
    font-size:10px;
    color:#8b5cf6;
    filter:drop-shadow(0 5px 10px rgba(139,92,246,.25));
}

.dx-platform-heading h2{
    color:#111735;
    font-size:clamp(34px,3.5vw,62px);
    line-height:1.03;
    font-weight:850;
    letter-spacing:-2.2px;
    margin:0;
    animation:dxPlatformTitle .9s ease both;
}

.dx-platform-heading h2 span{
    display:block;
    background:linear-gradient(90deg,#5b21b6 0%,#7c3aed 32%,#d946ef 65%,#6366f1 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-heading-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:26px;
}

.dx-heading-line::before,
.dx-heading-line::after{
    content:"";
    width:54px;
    height:3px;
    border-radius:20px;
    background:linear-gradient(90deg,transparent,#8b5cf6);
}

.dx-heading-line::after{
    background:linear-gradient(90deg,#8b5cf6,transparent);
}

.dx-heading-line span{
    width:13px;
    height:13px;
    border-radius:50%;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
    box-shadow:0 0 0 7px rgba(139,92,246,.12);
}

/* Grid */
.dx-platform-grid{
    position:relative;
    z-index:3;
}

/* Cards */
.dx-platform-card{
    position:relative;
    min-height:470px;
    padding:22px 22px 24px;
    overflow:hidden;
    border-radius:32px;
    background:
        radial-gradient(circle at 50% 18%, rgba(139,92,246,.12), transparent 37%),
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,252,255,.94)) !important;
    border:1px solid #e9dcff;
    box-shadow:
        0 25px 75px rgba(111,76,255,.13),
        inset 0 1px 0 rgba(255,255,255,.92);
    transition:all .46s cubic-bezier(.2,.75,.2,1);
    animation:dxPlatformCardUp .95s ease both;
}

.dx-platform-grid > div:nth-child(1) .dx-platform-card{animation-delay:.06s;}
.dx-platform-grid > div:nth-child(2) .dx-platform-card{animation-delay:.16s;}
.dx-platform-grid > div:nth-child(3) .dx-platform-card{animation-delay:.26s;}
.dx-platform-grid > div:nth-child(4) .dx-platform-card{animation-delay:.36s;}

.dx-platform-card:hover{
    transform:translateY(-14px) scale(1.015);
    border-color:#d8b9ff;
    box-shadow:
        0 40px 105px rgba(111,76,255,.22),
        inset 0 1px 0 rgba(255,255,255,.96);
}

.dx-platform-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.72) 44%, transparent 58%);
    transform:translateX(-120%);
    transition:.75s ease;
    pointer-events:none;
    z-index:5;
}

.dx-platform-card:hover::before{
    transform:translateX(120%);
}

.dx-card-badge{
    position:absolute;
    left:28px;
    top:28px;
    width:54px;
    height:54px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:23px;
    z-index:7;
    background:linear-gradient(145deg,#6d28d9,#d946ef);
    box-shadow:0 16px 35px rgba(124,58,237,.30);
}

/* Illustration zone */
.dx-illus{
    position:relative;
    height:170px;
    margin:18px 0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform-style:preserve-3d;
}

.dx-illus::before{
    content:"";
    position:absolute;
    width:230px;
    height:120px;
    left:50%;
    bottom:4px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse, rgba(124,58,237,.18), transparent 70%);
    filter:blur(2px);
}

/* Website illustration */
.browser-window{
    position:relative;
    width:205px;
    height:142px;
    border-radius:18px;
    background:linear-gradient(145deg,#ffffff,#efe7ff);
    border:1px solid rgba(124,58,237,.22);
    box-shadow:0 22px 45px rgba(124,58,237,.20);
    transform:perspective(800px) rotateX(8deg) rotateY(-13deg);
    animation:dxFloatY 4.6s ease-in-out infinite;
}

.browser-top{
    height:25px;
    border-radius:18px 18px 0 0;
    background:linear-gradient(90deg,#5b21b6,#8b5cf6,#d946ef);
}

.browser-top::before{
    content:"";
    position:absolute;
    top:9px;
    left:12px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    box-shadow:14px 0 0 rgba(255,255,255,.72),28px 0 0 rgba(255,255,255,.55);
}

.browser-image{
    position:absolute;
    left:18px;
    top:48px;
    width:74px;
    height:55px;
    border-radius:10px;
    background:linear-gradient(135deg,#7c3aed,#c084fc);
}

.browser-image::before{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:10px;
    height:22px;
    background:#fff;
    opacity:.75;
    clip-path:polygon(0 100%,35% 40%,52% 65%,70% 25%,100% 100%);
}

.browser-lines{
    position:absolute;
    right:18px;
    top:50px;
    width:74px;
    height:55px;
    border-radius:12px;
    background:
        linear-gradient(#c4b5fd 0 8px, transparent 8px 15px),
        linear-gradient(#ddd6fe 0 8px, transparent 8px 15px);
    background-size:62px 18px,42px 18px;
    background-position:0 0,0 34px;
    background-repeat:no-repeat;
}

.browser-code{
    position:absolute;
    right:25px;
    bottom:16px;
    padding:7px 10px;
    color:#fff;
    border-radius:10px;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
    font-weight:800;
    font-size:13px;
}

.rocket{
    position:absolute;
    right:38px;
    top:44px;
    width:54px;
    height:54px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5b21b6;
    font-size:32px;
    transform:rotate(-25deg);
    animation:dxRocket 3.8s ease-in-out infinite;
}

.clouds{
    position:absolute;
    right:45px;
    bottom:28px;
    width:126px;
    height:46px;
    border-radius:40px;
    background:rgba(255,255,255,.72);
    filter:blur(.2px);
}

/* Dashboard illustration */
.dash-window{
    position:relative;
    width:225px;
    height:160px;
    border-radius:18px;
    background:linear-gradient(145deg,#ffffff,#efe7ff);
    border:1px solid rgba(124,58,237,.20);
    box-shadow:0 24px 48px rgba(124,58,237,.19);
    transform:perspective(800px) rotateX(8deg) rotateY(11deg);
    animation:dxFloatY 4.8s ease-in-out infinite;
}

.dash-window::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:28px;
    border-radius:18px 18px 0 0;
    background:linear-gradient(90deg,#5b21b6,#8b5cf6,#d946ef);
}

.dash-side{
    position:absolute;
    left:0;
    top:28px;
    bottom:0;
    width:38px;
    border-radius:0 0 0 18px;
    background:#4c1d95;
}

.dash-chart{
    position:absolute;
    left:55px;
    top:48px;
    width:96px;
    height:58px;
    border-radius:10px;
    background:
        linear-gradient(135deg,transparent 48%,#7c3aed 49% 52%,transparent 53%),
        linear-gradient(#ddd6fe 1px, transparent 1px),
        linear-gradient(90deg,#ddd6fe 1px, transparent 1px);
    background-size:100% 100%,18px 18px,18px 18px;
}

.dash-bars{
    position:absolute;
    left:58px;
    bottom:18px;
    display:flex;
    align-items:end;
    gap:7px;
}

.dash-bars span{
    width:13px;
    border-radius:8px 8px 0 0;
    background:linear-gradient(180deg,#8b5cf6,#5b21b6);
}
.dash-bars span:nth-child(1){height:26px;}
.dash-bars span:nth-child(2){height:45px;}
.dash-bars span:nth-child(3){height:36px;}
.dash-bars span:nth-child(4){height:62px;}

.dash-percent{
    position:absolute;
    right:18px;
    top:50px;
    width:56px;
    height:56px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5b21b6;
    font-weight:900;
    background:conic-gradient(#7c3aed 0 75%,#ddd6fe 75% 100%);
    box-shadow:inset 0 0 0 10px #fff;
}

.revenue-card{
    position:absolute;
    right:22px;
    bottom:12px;
    color:#fff;
    padding:12px 14px;
    border-radius:12px;
    font-weight:900;
    font-size:16px;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
    box-shadow:0 16px 32px rgba(124,58,237,.22);
    animation:dxSmallFloat 3.4s ease-in-out infinite;
}

.revenue-card small{
    font-size:11px;
}

/* AI illustration */
.ai-orbit{
    position:absolute;
    width:190px;
    height:108px;
    border-radius:50%;
    border:2px dashed rgba(124,58,237,.25);
    bottom:34px;
    animation:dxSpin 15s linear infinite;
}

.robot-head{
    position:absolute;
    top:58px;
    width:82px;
    height:58px;
    border-radius:28px;
    background:linear-gradient(145deg,#ffffff,#ddd6fe);
    border:1px solid rgba(124,58,237,.24);
    box-shadow:0 18px 42px rgba(124,58,237,.18);
    animation:dxFloatY 4s ease-in-out infinite;
}

.robot-head::before{
    content:"";
    position:absolute;
    inset:12px 15px;
    border-radius:16px;
    background:linear-gradient(135deg,#1e1b4b,#4c1d95);
}

.robot-head span{
    position:absolute;
    top:26px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c084fc;
    z-index:2;
}
.robot-head span:nth-child(1){left:28px;}
.robot-head span:nth-child(2){right:28px;}

.robot-body{
    position:absolute;
    top:122px;
    width:70px;
    height:62px;
    border-radius:20px 20px 30px 30px;
    background:linear-gradient(145deg,#ffffff,#ede9fe);
    border:1px solid rgba(124,58,237,.22);
    box-shadow:0 18px 42px rgba(124,58,237,.15);
}

.ai-cube{
    position:absolute;
    right:30px;
    top:82px;
    width:58px;
    height:58px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
    font-weight:900;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
    box-shadow:0 18px 38px rgba(124,58,237,.22);
    animation:dxSmallFloat 3.8s ease-in-out infinite;
}

.ai-widget{
    position:absolute;
    width:62px;
    height:42px;
    border-radius:12px;
    background:linear-gradient(145deg,#ffffff,#efe7ff);
    border:1px solid rgba(124,58,237,.18);
}
.ai-widget.one{left:25px;top:108px;}
.ai-widget.two{right:38px;bottom:34px;}

/* Security illustration */
.shield-3d{
    position:absolute;
    top:40px;
    width:128px;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:48px;
    background:linear-gradient(145deg,#7c3aed,#4c1d95);
    clip-path:polygon(50% 0,88% 13%,82% 70%,50% 100%,18% 70%,12% 13%);
    filter:drop-shadow(0 22px 34px rgba(124,58,237,.25));
    animation:dxFloatY 4.2s ease-in-out infinite;
}

.server-stack{
    position:absolute;
    bottom:32px;
    right:46px;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.server-stack span{
    width:120px;
    height:22px;
    border-radius:9px;
    background:linear-gradient(145deg,#ffffff,#ddd6fe);
    border:1px solid rgba(124,58,237,.18);
    box-shadow:0 10px 20px rgba(124,58,237,.12);
}

.security-list{
    position:absolute;
    left:28px;
    bottom:48px;
    display:flex;
    flex-direction:column;
    gap:9px;
}

.security-list span{
    width:72px;
    height:12px;
    border-radius:20px;
    background:linear-gradient(90deg,#22c55e 0 12px,#ddd6fe 13px 100%);
}

.secure-cloud{
    position:absolute;
    right:22px;
    top:86px;
    width:90px;
    height:42px;
    border-radius:42px;
    background:rgba(255,255,255,.70);
}

/* Card text */
.dx-platform-card h3{
    color:#111735;
    font-size:20px;
    line-height:1.15;
    font-weight:850;
    letter-spacing:-.6px;
    margin:0 0 14px;
}

.dx-card-line{
    display:block;
    width:52px;
    height:3px;
    border-radius:20px;
    margin:0 0 19px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
}

.dx-platform-card p{
    color:#4f5f7d;
    font-size:14px;
    line-height:1.72;
    margin:0 0 16px;
}

.dx-platform-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.dx-platform-card li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#151f42;
    font-size:14px;
    line-height:1.35;
    font-weight:600;
    margin-bottom:7px;
}

.dx-platform-card li i{
    color:#7c3aed;
    font-size:15px;
    filter:drop-shadow(0 4px 9px rgba(124,58,237,.18));
}

/* Bottom connector wave */
.dx-platform-wave{
    position:absolute;
    left:10%;
    right:10%;
    bottom:-18px;
    height:45px;
    z-index:2;
    border-bottom:2px dashed rgba(124,58,237,.45);
    border-radius:0 0 50% 50%;
    pointer-events:none;
}

.dx-platform-wave span{
    position:absolute;
    bottom:-14px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#fff;
    border:6px solid rgba(124,58,237,.18);
    box-shadow:0 10px 26px rgba(124,58,237,.16);
}

.dx-platform-wave span::before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
}

.dx-platform-wave span::after{
    content:"\f061";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:10px;
}

.dx-platform-wave span:nth-child(1){left:7%;}
.dx-platform-wave span:nth-child(2){left:28%; bottom:-4px;}
.dx-platform-wave span:nth-child(3){left:49%; bottom:-20px;}
.dx-platform-wave span:nth-child(4){left:70%; bottom:-4px;}
.dx-platform-wave span:nth-child(5){left:89%;}

/* Animations */
@keyframes dxPlatformTitle{
    from{opacity:0;transform:translateY(24px);}
    to{opacity:1;transform:translateY(0);}
}

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

@keyframes dxFloatY{
    0%,100%{transform:perspective(800px) rotateX(8deg) rotateY(-13deg) translateY(0);}
    50%{transform:perspective(800px) rotateX(8deg) rotateY(-13deg) translateY(-12px);}
}

.dx-illus-dashboard .dash-window,
.dx-illus-security .shield-3d{
    animation-name:dxFloatYPlain;
}

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

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

@keyframes dxRocket{
    0%,100%{transform:rotate(-25deg) translateY(0);}
    50%{transform:rotate(-25deg) translateY(-15px) translateX(8px);}
}

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

/* Responsive */
@media(max-width:1400px){
    .dx-platform-card{
        min-height:570px;
        padding:26px 24px 28px;
    }
    .dx-illus{
        height:230px;
    }
    .dx-platform-card h3{
        font-size:23px;
    }
    .dx-platform-card p{
        font-size:14px;
    }
}

@media(max-width:991px){
    .dx-platform-showcase{
        padding:60px 0 70px !important;
    }
    .dx-platform-heading h2{
        font-size:32px;
    }
    .dx-platform-card{
        min-height:auto;
    }
}

@media(max-width:575px){
    .dx-platform-heading h2{
        font-size:32px;
    }
    .dx-platform-card{
        border-radius:26px;
    }
    .dx-illus{
        height:210px;
    }
}


/* V80 compact exact light layout */
.dx-platform-showcase{
    background:
      radial-gradient(circle at 50% 12%, rgba(255,255,255,.98) 0 18%, rgba(255,255,255,.88) 20%, transparent 45%),
      linear-gradient(rgba(155,120,255,.045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(155,120,255,.045) 1px, transparent 1px),
      linear-gradient(135deg,#fcfbff 0%,#f7f1ff 52%,#fbf9ff 100%) !important;
    background-size:auto,48px 48px,48px 48px,cover !important;
}

.dx-platform-showcase::before{
    opacity:.12 !important;
}

.dx-platform-card{
    border-radius:26px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(216,180,255,.22), transparent 42%),
      linear-gradient(180deg,#ffffff 0%,#fcfaff 100%) !important;
}

.dx-platform-card:hover{
    transform:translateY(-8px) !important;
}

.dx-platform-heading h2{
    max-width:1100px;
    margin:auto;
}

.dx-platform-heading h2 span{
    display:inline !important;
}

.dx-platform-grid .col-xl-3{
    width:25%;
}

.dx-platform-wave{
    opacity:.35;
}

@media(max-width:1200px){
 .dx-platform-grid .col-xl-3{
    width:50%;
 }
}

@media(max-width:768px){
 .dx-platform-grid .col-xl-3{
    width:100%;
 }
 .dx-platform-heading h2{
    font-size:28px !important;
 }
}


/* ===== V81 EXACT CLEAN PREMIUM STYLE ===== */

.dx-platform-showcase{
    padding:70px 0 75px !important;
}

.dx-platform-heading{
    margin-bottom:32px !important;
}

.dx-platform-heading h2{
    font-size:clamp(34px,3vw,58px)!important;
    line-height:1.02!important;
    letter-spacing:-0.03em;
    max-width:980px;
    margin:auto;
}

.dx-platform-heading p{
    font-size:14px!important;
    margin-top:12px!important;
}

.dx-platform-grid{
    row-gap:22px!important;
}

.dx-platform-card{
    min-height:500px!important;
    padding:20px!important;
    border-radius:26px!important;
    background:#fff!important;
    border:1px solid rgba(130,110,255,.10)!important;
    box-shadow:0 8px 24px rgba(120,90,255,.06)!important;
    transition:.35s ease!important;
    overflow:hidden;
}

.dx-platform-card:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 14px 35px rgba(120,90,255,.10)!important;
}

.dx-platform-card::before,
.dx-platform-card::after{
    display:none!important;
    opacity:0!important;
    background:none!important;
}

.dx-platform-visual{
    height:230px!important;
    margin-bottom:14px!important;
}

.dx-platform-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    transform:scale(.94)!important;
    filter:none!important;
}

.dx-platform-card:hover .dx-platform-visual img{
    transform:scale(.98)!important;
}

.dx-platform-card h3{
    font-size:18px!important;
    font-weight:700!important;
    margin-bottom:10px!important;
}

.dx-platform-card p{
    font-size:14px!important;
    line-height:1.75!important;
    color:#667085!important;
}

.dx-platform-list li{
    font-size:14px!important;
    margin-bottom:8px!important;
}

@media(max-width:1400px){
    .dx-platform-card{
        min-height:460px!important;
    }
    .dx-platform-visual{
        height:200px!important;
    }
}

@media(max-width:768px){
    .dx-platform-heading h2{
        font-size:30px!important;
    }
    .dx-platform-card{
        min-height:auto!important;
    }
}



/* =========================================================
   V82 REAL PICTURE BACKGROUND CARD FIX
   Uses actual 3D picture illustrations from provided reference.
   Removes old CSS-drawn graphics/glow and makes cards compact.
   ========================================================= */

.dx-platform-showcase{
    padding:58px 0 70px !important;
    background:
        radial-gradient(circle at 50% 8%, rgba(255,255,255,.98) 0 18%, rgba(255,255,255,.70) 19%, transparent 42%),
        radial-gradient(circle at 12% 22%, rgba(124,58,237,.11), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(99,102,241,.10), transparent 30%),
        linear-gradient(rgba(142,90,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.035) 1px, transparent 1px),
        linear-gradient(135deg,#ffffff 0%,#f9f4ff 50%,#ffffff 100%) !important;
    background-size:auto,auto,auto,48px 48px,48px 48px,cover !important;
}

.dx-platform-showcase::before{
    opacity:.08 !important;
}

.dx-platform-showcase::after{
    opacity:.14 !important;
}

/* compact heading */
.dx-platform-heading{
    margin:0 auto 30px !important;
}

.dx-platform-badge{
    margin-bottom:16px !important;
    font-size:14px !important;
}

.dx-platform-heading h2{
    font-size:clamp(32px,3vw,54px) !important;
    line-height:1.05 !important;
    letter-spacing:-1.4px !important;
    max-width:980px !important;
}

.dx-platform-heading h2 span{
    display:inline !important;
}

.dx-heading-line{
    margin-top:16px !important;
}

/* cards compact like reference */
.dx-platform-card{
    min-height:500px !important;
    padding:18px 22px 22px !important;
    border-radius:26px !important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(253,250,255,.96)) !important;
    border:1px solid rgba(206,181,255,.62) !important;
    box-shadow:
        0 14px 38px rgba(124,58,237,.08),
        inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* remove old shiny beam / heavy glow */
.dx-platform-card::before,
.dx-platform-card::after,
.dx-illus::before{
    display:none !important;
    opacity:0 !important;
    background:none !important;
}

.dx-platform-card:hover{
    transform:translateY(-7px) !important;
    box-shadow:
        0 20px 48px rgba(124,58,237,.12),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* real picture area */
.dx-illus-picture{
    height:245px !important;
    margin:0 0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

.dx-illus-picture img{
    width:112% !important;
    height:112% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    filter:none !important;
    transform:scale(.98) !important;
    transition:transform .45s ease !important;
}

.dx-platform-card:hover .dx-illus-picture img{
    transform:scale(1.02) !important;
}

/* badge like reference */
.dx-card-badge{
    width:54px !important;
    height:54px !important;
    border-radius:15px !important;
    top:22px !important;
    left:22px !important;
    z-index:10 !important;
    box-shadow:0 14px 30px rgba(124,58,237,.22) !important;
}

/* text compact */
.dx-platform-card h3{
    font-size:20px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    margin:0 0 9px !important;
}

.dx-card-line{
    width:48px !important;
    height:3px !important;
    margin:0 0 15px !important;
}

.dx-platform-card p{
    font-size:14px !important;
    line-height:1.62 !important;
    color:#53627f !important;
    margin:0 0 14px !important;
}

.dx-platform-card li{
    font-size:13.5px !important;
    margin-bottom:7px !important;
    gap:9px !important;
}

.dx-platform-card li i{
    font-size:14px !important;
}

/* hide old drawn CSS elements if any remains */
.browser-window,
.rocket,
.clouds,
.dash-window,
.revenue-card,
.ai-orbit,
.robot-head,
.robot-body,
.ai-cube,
.ai-widget,
.shield-3d,
.server-stack,
.security-list,
.secure-cloud{
    display:none !important;
}

/* bottom line subtle */
.dx-platform-wave{
    bottom:-18px !important;
    height:46px !important;
    opacity:.34 !important;
}

.dx-platform-wave span{
    width:26px !important;
    height:26px !important;
    border-width:5px !important;
}

/* fit all 4 in one row cleanly */
@media(min-width:1200px){
    .dx-platform-grid > .col-xl-3{
        width:25% !important;
    }
}

@media(max-width:1400px){
    .dx-platform-card{
        min-height:470px !important;
        padding:16px 20px 20px !important;
    }

    .dx-illus-picture{
        height:215px !important;
    }

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

    .dx-platform-card p{
        font-size:13.2px !important;
    }

    .dx-platform-card li{
        font-size:12.8px !important;
    }
}

@media(max-width:991px){
    .dx-platform-card{
        min-height:auto !important;
    }

    .dx-illus-picture{
        height:230px !important;
    }
}

@media(max-width:575px){
    .dx-platform-heading h2{
        font-size:30px !important;
    }

    .dx-illus-picture{
        height:200px !important;
    }
}



/* =========================================================
   V83 IMPLEMENTED GENERATED PROFESSIONAL PLATFORM SECTION
   Exact drawn image section, no cropped card images, no old glow.
   ========================================================= */

.dx-platform-image-section{
    position:relative;
    overflow:hidden;
    padding:0 !important;
    margin:0 !important;
    background:#fbf8ff !important;
}

.dx-platform-image-wrap{
    position:relative;
    width:100%;
    max-width:100%;
    overflow:hidden;
    background:#fbf8ff;
}

.dx-platform-image-wrap img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:cover;
    object-position:center top;
    animation:dxPlatformImageIn .9s ease both;
}

/* Desktop keeps the exact visual ratio */
@media(min-width:1200px){
    .dx-platform-image-wrap img{
        width:100%;
    }
}

/* Mobile: keep full image readable */
@media(max-width:767px){
    .dx-platform-image-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .dx-platform-image-wrap img{
        width:1180px;
        max-width:none;
    }
}

@keyframes dxPlatformImageIn{
    from{
        opacity:0;
        transform:translateY(18px) scale(.985);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Remove previous section leftovers if browser cache still sees old classes */
.dx-platform-showcase,
.dx-final-values-section,
.dx-home-different-section{
    scroll-margin-top:90px;
}



/* =========================================================
   V84 REAL HTML PLATFORM SECTION
   No pasted screenshot image. Entire section is HTML + CSS.
   Compact cards, heading visible at a glance, custom animations.
   ========================================================= */

.dx-platform-image-section{display:none !important;}

.dx-platform-html-section{
    position:relative;
    overflow:hidden;
    padding:62px 0 82px !important;
    background:
        radial-gradient(circle at 50% 4%, rgba(255,255,255,.95) 0 18%, transparent 44%),
        radial-gradient(circle at 10% 20%, rgba(124,58,237,.10), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(99,102,241,.08), transparent 32%),
        linear-gradient(rgba(142,90,255,.038) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.038) 1px, transparent 1px),
        linear-gradient(135deg,#ffffff 0%,#f8f2ff 50%,#ffffff 100%);
    background-size:auto,auto,auto,48px 48px,48px 48px,cover;
}

.dx-platform-html-section::before{
    content:"";
    position:absolute;
    left:-60px;
    top:70px;
    width:420px;
    height:260px;
    opacity:.22;
    background:
        repeating-radial-gradient(ellipse at center, transparent 0 18px, rgba(124,58,237,.22) 19px 20px, transparent 21px 38px);
    transform:rotate(-8deg);
}

.dx-platform-html-section::after{
    content:"";
    position:absolute;
    right:-80px;
    top:70px;
    width:420px;
    height:260px;
    opacity:.20;
    background:
        repeating-radial-gradient(ellipse at center, transparent 0 18px, rgba(124,58,237,.22) 19px 20px, transparent 21px 38px);
    transform:rotate(8deg);
}

.dx-html-head{
    position:relative;
    z-index:3;
    max-width:1000px;
    margin:0 auto 34px;
}

.dx-html-kicker{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#7c3aed;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
    margin-bottom:15px;
}

.dx-html-kicker i{
    font-size:9px;
    color:#8b5cf6;
}

.dx-html-head h2{
    color:#111735;
    font-size:clamp(34px,3.35vw,58px);
    line-height:1.04;
    font-weight:850;
    letter-spacing:-1.7px;
    margin:0;
    animation:dxHtmlTitleIn .8s ease both;
}

.dx-html-head h2 span{
    display:block;
    background:linear-gradient(90deg,#5b21b6,#7c3aed,#d946ef,#6366f1);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-html-head p{
    max-width:720px;
    margin:14px auto 0;
    color:#475a84;
    font-size:15px;
    line-height:1.7;
}

.dx-head-line{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:17px;
}

.dx-head-line::before,
.dx-head-line::after{
    content:"";
    width:54px;
    height:3px;
    border-radius:20px;
    background:linear-gradient(90deg,transparent,#8b5cf6);
}

.dx-head-line::after{
    background:linear-gradient(90deg,#8b5cf6,transparent);
}

.dx-head-line span{
    width:12px;
    height:12px;
    border-radius:50%;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
    box-shadow:0 0 0 7px rgba(124,58,237,.10);
}

/* grid */
.dx-html-card-row{
    position:relative;
    z-index:3;
}

/* compact html card */
.dx-html-card{
    position:relative;
    min-height:505px;
    border-radius:26px;
    padding:18px 22px 24px;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 0, rgba(139,92,246,.10), transparent 36%),
        linear-gradient(180deg,#fff,#fffcff);
    border:1px solid rgba(205,181,255,.65);
    box-shadow:0 14px 40px rgba(124,58,237,.08);
    transition:transform .38s ease, box-shadow .38s ease, border-color .38s ease;
    animation:dxHtmlCardIn .8s ease both;
}

.dx-html-card-row > div:nth-child(1) .dx-html-card{animation-delay:.05s;}
.dx-html-card-row > div:nth-child(2) .dx-html-card{animation-delay:.13s;}
.dx-html-card-row > div:nth-child(3) .dx-html-card{animation-delay:.21s;}
.dx-html-card-row > div:nth-child(4) .dx-html-card{animation-delay:.29s;}

.dx-html-card:hover{
    transform:translateY(-8px);
    border-color:#d7b8ff;
    box-shadow:0 24px 60px rgba(124,58,237,.14);
}

.dx-html-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.55) 45%,transparent 58%);
    transform:translateX(-130%);
    transition:.8s ease;
}

.dx-html-card:hover::before{
    transform:translateX(130%);
}

.dx-step-no{
    position:absolute;
    top:18px;
    right:18px;
    z-index:5;
    width:38px;
    height:28px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.88);
    color:#5b21b6;
    font-size:13px;
    font-weight:900;
    box-shadow:0 8px 20px rgba(124,58,237,.10);
}

.dx-card-icon{
    position:absolute;
    left:22px;
    top:22px;
    z-index:6;
    width:54px;
    height:54px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:23px;
    background:linear-gradient(145deg,#581cbd,#d946ef);
    box-shadow:0 14px 28px rgba(124,58,237,.23);
}

/* visual area */
.dx-visual{
    position:relative;
    height:220px;
    margin:4px 0 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    isolation:isolate;
}

.dx-visual::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:6px;
    transform:translateX(-50%);
    width:230px;
    height:70px;
    border-radius:50%;
    background:radial-gradient(ellipse, rgba(124,58,237,.16), transparent 70%);
    z-index:-1;
}

/* card body */
.dx-card-body h3{
    color:#111735;
    font-size:20px;
    line-height:1.16;
    font-weight:850;
    letter-spacing:-.45px;
    margin:0 0 9px;
}

.dx-card-line{
    display:block;
    width:48px;
    height:3px;
    border-radius:20px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
    margin:0 0 14px;
}

.dx-card-body p{
    color:#53627f;
    font-size:14px;
    line-height:1.64;
    margin:0 0 14px;
}

.dx-card-body ul{
    list-style:none;
    margin:0;
    padding:0;
}

.dx-card-body li{
    display:flex;
    align-items:center;
    gap:9px;
    color:#14203d;
    font-size:13.5px;
    font-weight:650;
    margin-bottom:7px;
}

.dx-card-body li i{
    width:17px;
    height:17px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#7c3aed;
    color:#fff;
    font-size:9px;
    flex:0 0 auto;
}

/* Website CSS illustration */
.dx-web-window{
    position:absolute;
    width:205px;
    height:135px;
    border-radius:16px;
    background:linear-gradient(145deg,#ffffff,#eee6ff);
    border:1px solid rgba(124,58,237,.24);
    box-shadow:0 22px 38px rgba(124,58,237,.18);
    transform:perspective(780px) rotateX(8deg) rotateY(-14deg);
    animation:dxFloatWebsite 4.8s ease-in-out infinite;
}

.dx-web-window .top{
    position:absolute;
    left:0;right:0;top:0;height:24px;
    border-radius:16px 16px 0 0;
    background:linear-gradient(90deg,#5b21b6,#8b5cf6,#d946ef);
}

.dx-web-window .top::before{
    content:"";
    position:absolute;
    left:11px;top:8px;
    width:7px;height:7px;border-radius:50%;
    background:#fff;
    box-shadow:13px 0 0 rgba(255,255,255,.75),26px 0 0 rgba(255,255,255,.55);
}

.dx-web-window .image{
    position:absolute;
    left:17px;
    top:46px;
    width:72px;
    height:54px;
    border-radius:10px;
    background:linear-gradient(135deg,#7c3aed,#c084fc);
}

.dx-web-window .image::after{
    content:"";
    position:absolute;
    left:13px;right:13px;bottom:9px;height:24px;
    background:#fff;
    opacity:.72;
    clip-path:polygon(0 100%,34% 45%,52% 68%,72% 26%,100% 100%);
}

.dx-web-window .text{
    position:absolute;
    right:18px;
    height:9px;
    border-radius:10px;
    background:#c4b5fd;
}
.dx-web-window .t1{top:52px;width:70px;}
.dx-web-window .t2{top:78px;width:54px;opacity:.7;}
.dx-web-window .code{
    position:absolute;
    right:23px;
    bottom:15px;
    padding:7px 10px;
    color:#fff;
    border-radius:9px;
    font-size:12px;
    font-weight:900;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
}

.dx-rocket{
    position:absolute;
    right:24px;
    top:56px;
    font-size:42px;
    color:#5b21b6;
    transform:rotate(-25deg);
    animation:dxRocketMove 3.8s ease-in-out infinite;
}

.dx-mini-globe{
    position:absolute;
    left:14px;
    bottom:28px;
    width:48px;
    height:48px;
    border:2px solid rgba(124,58,237,.30);
    border-radius:50%;
}

.dx-mini-globe::before,
.dx-mini-globe::after{
    content:"";
    position:absolute;
    inset:9px 0;
    border-top:2px solid rgba(124,58,237,.22);
    border-bottom:2px solid rgba(124,58,237,.22);
}
.dx-mini-globe::after{
    inset:0 14px;
    border:0;
    border-left:2px solid rgba(124,58,237,.22);
    border-right:2px solid rgba(124,58,237,.22);
}

.dx-cloud{
    position:absolute;
    width:115px;
    height:38px;
    border-radius:45px;
    background:rgba(255,255,255,.70);
}
.cloud-a{right:32px;bottom:24px;}

/* Dashboard illustration */
.dx-dash-window{
    position:relative;
    width:215px;
    height:150px;
    border-radius:16px;
    background:linear-gradient(145deg,#ffffff,#efe7ff);
    border:1px solid rgba(124,58,237,.24);
    box-shadow:0 22px 42px rgba(124,58,237,.18);
    transform:perspective(780px) rotateX(8deg) rotateY(11deg);
    animation:dxFloatDash 4.6s ease-in-out infinite;
}

.dx-dash-window .dash-top{
    position:absolute;left:0;right:0;top:0;height:27px;
    border-radius:16px 16px 0 0;
    background:linear-gradient(90deg,#5b21b6,#8b5cf6,#d946ef);
}

.dx-dash-window .dash-side{
    position:absolute;left:0;top:27px;bottom:0;width:38px;
    border-radius:0 0 0 16px;
    background:#4c1d95;
}

.dx-dash-window .chart-line{
    position:absolute;
    left:58px;
    top:47px;
    width:90px;
    height:58px;
    border-radius:10px;
    background:
        linear-gradient(135deg, transparent 47%, #7c3aed 48% 52%, transparent 53%),
        linear-gradient(#ddd6fe 1px, transparent 1px),
        linear-gradient(90deg,#ddd6fe 1px, transparent 1px);
    background-size:100% 100%,18px 18px,18px 18px;
}

.dx-dash-window .bar{
    position:absolute;
    bottom:17px;
    width:13px;
    border-radius:8px 8px 0 0;
    background:linear-gradient(180deg,#8b5cf6,#5b21b6);
}
.dx-dash-window .b1{left:62px;height:24px;}
.dx-dash-window .b2{left:83px;height:42px;}
.dx-dash-window .b3{left:104px;height:34px;}
.dx-dash-window .b4{left:125px;height:60px;}

.dx-dash-window .percent{
    position:absolute;
    right:16px;
    top:48px;
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5b21b6;
    font-size:12px;
    font-weight:900;
    background:conic-gradient(#7c3aed 0 75%,#ddd6fe 75% 100%);
    box-shadow:inset 0 0 0 9px #fff;
}

.dx-revenue-card{
    position:absolute;
    right:20px;
    bottom:14px;
    z-index:3;
    width:92px;
    height:64px;
    border-radius:12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:17px;
    font-weight:900;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
    box-shadow:0 16px 28px rgba(124,58,237,.24);
    animation:dxSmallFloat 3.3s ease-in-out infinite;
}
.dx-revenue-card small{font-size:11px;margin-top:3px;}

/* AI illustration */
.dx-ai-ring{
    position:absolute;
    width:188px;
    height:108px;
    border:2px dashed rgba(124,58,237,.25);
    border-radius:50%;
    bottom:32px;
    animation:dxRotateSlow 18s linear infinite;
}

.dx-robot{
    position:relative;
    width:126px;
    height:145px;
    animation:dxSmallFloat 4s ease-in-out infinite;
}

.dx-robot .head{
    position:absolute;
    left:23px;
    top:26px;
    width:80px;
    height:58px;
    border-radius:28px;
    background:linear-gradient(145deg,#fff,#ddd6fe);
    border:1px solid rgba(124,58,237,.22);
    box-shadow:0 16px 32px rgba(124,58,237,.15);
}

.dx-robot .head::before{
    content:"";
    position:absolute;
    inset:12px 15px;
    border-radius:16px;
    background:linear-gradient(135deg,#1e1b4b,#4c1d95);
}

.dx-robot .head i{
    position:absolute;
    top:26px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c084fc;
    z-index:2;
}
.dx-robot .head i:first-child{left:29px;}
.dx-robot .head i:last-child{right:29px;}

.dx-robot .body{
    position:absolute;
    left:32px;
    top:88px;
    width:62px;
    height:52px;
    border-radius:20px 20px 30px 30px;
    background:linear-gradient(145deg,#fff,#eee8ff);
    border:1px solid rgba(124,58,237,.22);
    box-shadow:0 14px 28px rgba(124,58,237,.13);
}

.dx-robot .base{
    position:absolute;
    left:7px;
    bottom:0;
    width:112px;
    height:28px;
    border-radius:50%;
    background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(217,70,239,.24));
}

.dx-ai-widget{
    position:absolute;
    border-radius:12px;
    background:linear-gradient(145deg,#fff,#efe7ff);
    border:1px solid rgba(124,58,237,.18);
    box-shadow:0 10px 22px rgba(124,58,237,.10);
}

.dx-ai-widget.left{
    left:24px;
    top:94px;
    width:62px;
    height:42px;
}

.dx-ai-widget.right{
    right:28px;
    top:75px;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    font-weight:900;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
}

.dx-ai-spark{
    position:absolute;
    width:8px;
    height:8px;
    background:#c4b5fd;
    transform:rotate(45deg);
}
.dx-ai-spark.s1{left:44px;top:58px;}
.dx-ai-spark.s2{right:55px;top:42px;}

/* Security */
.dx-shield{
    position:absolute;
    top:35px;
    width:128px;
    height:145px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:43px;
    background:linear-gradient(145deg,#7c3aed,#4c1d95);
    clip-path:polygon(50% 0,88% 13%,82% 70%,50% 100%,18% 70%,12% 13%);
    filter:drop-shadow(0 20px 28px rgba(124,58,237,.24));
    animation:dxSmallFloat 4.2s ease-in-out infinite;
}

.dx-server-stack{
    position:absolute;
    right:38px;
    bottom:27px;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.dx-server-stack span{
    width:120px;
    height:21px;
    border-radius:9px;
    background:linear-gradient(145deg,#fff,#ddd6fe);
    border:1px solid rgba(124,58,237,.18);
    box-shadow:0 8px 16px rgba(124,58,237,.10);
}

.dx-sec-list{
    position:absolute;
    left:32px;
    bottom:50px;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.dx-sec-list span{
    width:70px;
    height:11px;
    border-radius:20px;
    background:linear-gradient(90deg,#22c55e 0 13px,#ddd6fe 14px 100%);
}

.cloud-b{right:26px;top:92px;}

/* connector */
.dx-connector-line{
    position:absolute;
    left:10%;
    right:10%;
    bottom:-20px;
    height:48px;
    z-index:2;
    border-bottom:2px dashed rgba(124,58,237,.28);
    border-radius:0 0 50% 50%;
    pointer-events:none;
}
.dx-connector-line span{
    position:absolute;
    bottom:-13px;
    width:28px;
    height:28px;
    border-radius:50%;
    border:5px solid rgba(124,58,237,.14);
    background:#fff;
    box-shadow:0 10px 24px rgba(124,58,237,.12);
}
.dx-connector-line span::before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
}
.dx-connector-line span:nth-child(1){left:10%;}
.dx-connector-line span:nth-child(2){left:37%;}
.dx-connector-line span:nth-child(3){left:64%;}
.dx-connector-line span:nth-child(4){left:90%;}

/* animations */
@keyframes dxHtmlTitleIn{
    from{opacity:0;transform:translateY(18px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes dxHtmlCardIn{
    from{opacity:0;transform:translateY(28px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes dxFloatWebsite{
    0%,100%{transform:perspective(780px) rotateX(8deg) rotateY(-14deg) translateY(0);}
    50%{transform:perspective(780px) rotateX(8deg) rotateY(-14deg) translateY(-9px);}
}
@keyframes dxFloatDash{
    0%,100%{transform:perspective(780px) rotateX(8deg) rotateY(11deg) translateY(0);}
    50%{transform:perspective(780px) rotateX(8deg) rotateY(11deg) translateY(-9px);}
}
@keyframes dxSmallFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-9px);}
}
@keyframes dxRocketMove{
    0%,100%{transform:rotate(-25deg) translateY(0);}
    50%{transform:rotate(-25deg) translateY(-13px) translateX(8px);}
}
@keyframes dxRotateSlow{
    to{transform:rotate(360deg);}
}

/* responsive */
@media(max-width:1400px){
    .dx-html-card{min-height:470px;padding:16px 18px 20px;}
    .dx-visual{height:190px;}
    .dx-card-body h3{font-size:18px;}
    .dx-card-body p{font-size:13.2px;}
    .dx-card-body li{font-size:12.8px;}
    .dx-card-icon{width:48px;height:48px;font-size:20px;}
}

@media(max-width:991px){
    .dx-platform-html-section{padding:58px 0 80px !important;}
    .dx-html-head h2{font-size:34px;}
    .dx-html-card{min-height:auto;}
}

@media(max-width:575px){
    .dx-html-head h2{font-size:29px;}
    .dx-visual{height:180px;}
}



/* =========================================================
   V85 CARD VISUAL BACKGROUND DEPTH
   Makes each top illustration area look like provided reference:
   soft image-panel background, glow floor, sparkles, orbit, depth.
   ========================================================= */

.dx-html-card{
    background:
        radial-gradient(circle at 50% 8%, rgba(139,92,246,.12), transparent 34%),
        linear-gradient(180deg,#ffffff 0%,#fffcff 100%) !important;
}

.dx-visual{
    height:238px !important;
    margin:0 -8px 12px !important;
    border-radius:24px 24px 12px 12px;
    overflow:visible;
}

/* reference-like soft rectangular visual background */
.dx-visual::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    inset:16px 6px 0;
    border-radius:28px;
    z-index:-2;
    opacity:1 !important;
    background:
        radial-gradient(circle at 50% 58%, rgba(124,58,237,.22), transparent 28%),
        radial-gradient(circle at 78% 25%, rgba(217,70,239,.13), transparent 24%),
        radial-gradient(circle at 18% 28%, rgba(99,102,241,.10), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,242,255,.78)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 18px 44px rgba(124,58,237,.08);
}

/* glowing floor below illustration */
.dx-visual::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    left:50%;
    bottom:18px;
    width:250px;
    height:74px;
    transform:translateX(-50%);
    border-radius:50%;
    z-index:-1;
    opacity:1 !important;
    background:
        radial-gradient(ellipse at center, rgba(217,70,239,.24) 0%, rgba(124,58,237,.16) 38%, transparent 72%) !important;
    filter:blur(2px);
    animation:dxV85FloorPulse 3.6s ease-in-out infinite;
}

/* decorative light particles */
.dx-html-card .dx-visual > *{
    z-index:2;
}

.dx-html-card .dx-visual .dx-orbit-dot,
.dx-ai-spark{
    box-shadow:0 0 18px rgba(139,92,246,.35);
}

.dx-website-visual,
.dx-dashboard-visual,
.dx-ai-visual,
.dx-security-visual{
    position:relative;
}

/* add sparkle layer per visual */
.dx-website-visual::before,
.dx-dashboard-visual::before,
.dx-ai-visual::before,
.dx-security-visual::before{
    content:"";
    position:absolute;
    inset:22px 24px;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 14% 45%, rgba(255,255,255,.95) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 22%, rgba(255,255,255,.9) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 58%, rgba(196,181,253,.75) 0 3px, transparent 4px),
        radial-gradient(circle at 35% 18%, rgba(196,181,253,.60) 0 3px, transparent 4px);
    animation:dxV85Sparkle 4.5s ease-in-out infinite;
}

/* floating dotted orbit like reference */
.dx-website-visual::after,
.dx-dashboard-visual::after,
.dx-ai-visual::after,
.dx-security-visual::after{
    content:"";
    position:absolute;
    left:50%;
    top:52%;
    width:255px;
    height:120px;
    transform:translate(-50%,-50%) rotate(-8deg);
    border:2px dashed rgba(139,92,246,.18);
    border-radius:50%;
    z-index:0;
    animation:dxV85OrbitMove 8s linear infinite;
}

/* make CSS drawings stronger / less flat */
.dx-web-window,
.dx-dash-window{
    width:230px !important;
    height:150px !important;
    box-shadow:
        0 28px 46px rgba(124,58,237,.20),
        0 0 0 8px rgba(255,255,255,.35) !important;
}

.dx-rocket{
    right:14px !important;
    top:44px !important;
    font-size:48px !important;
    filter:drop-shadow(0 14px 18px rgba(124,58,237,.22));
}

.dx-revenue-card{
    right:2px !important;
    bottom:24px !important;
    transform:scale(1.06);
}

.dx-robot{
    transform:scale(1.18);
}

.dx-ai-widget.right{
    right:12px !important;
    top:62px !important;
}

.dx-ai-widget.left{
    left:10px !important;
    top:98px !important;
}

.dx-shield{
    width:142px !important;
    height:158px !important;
    top:26px !important;
    filter:drop-shadow(0 28px 34px rgba(124,58,237,.26)) !important;
}

.dx-server-stack{
    right:22px !important;
    bottom:28px !important;
}

.dx-sec-list{
    left:16px !important;
    bottom:57px !important;
}

/* purple glass glow behind card icon */
.dx-card-icon{
    background:
        radial-gradient(circle at 35% 22%,#d946ef,#7c3aed 70%,#4c1d95 100%) !important;
    box-shadow:
        0 16px 30px rgba(124,58,237,.28),
        0 0 0 7px rgba(124,58,237,.06) !important;
}

/* Card image title start closer like reference */
.dx-card-body{
    position:relative;
    z-index:3;
}

.dx-card-body h3{
    margin-top:4px !important;
}

/* Add subtle bottom glow inside card */
.dx-html-card::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:95px;
    pointer-events:none;
    background:linear-gradient(180deg,transparent,rgba(139,92,246,.045));
    border-radius:0 0 26px 26px;
}

@keyframes dxV85FloorPulse{
    0%,100%{opacity:.75; transform:translateX(-50%) scale(.94);}
    50%{opacity:1; transform:translateX(-50%) scale(1.08);}
}

@keyframes dxV85Sparkle{
    0%,100%{opacity:.45; transform:translateY(0);}
    50%{opacity:1; transform:translateY(-5px);}
}

@keyframes dxV85OrbitMove{
    from{transform:translate(-50%,-50%) rotate(-8deg);}
    to{transform:translate(-50%,-50%) rotate(352deg);}
}

@media(max-width:1400px){
    .dx-visual{
        height:220px !important;
    }

    .dx-web-window,
    .dx-dash-window{
        transform:scale(.88) perspective(780px) rotateX(8deg) rotateY(-14deg);
    }

    .dx-dash-window{
        transform:scale(.88) perspective(780px) rotateX(8deg) rotateY(11deg);
    }

    .dx-robot{
        transform:scale(1);
    }

    .dx-shield{
        transform:scale(.9);
    }
}




/* =========================================================
   V86 DASHBOARD VISUAL DEPTH FIX
   Makes Admin Dashboard visual more 3D and premium.
   ========================================================= */

.dx-dashboard-visual{
    perspective:1000px;
}

/* Bigger main dashboard body with depth */
.dx-dash-window{
    width:248px !important;
    height:168px !important;
    border-radius:20px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,229,255,.94)) !important;
    border:1px solid rgba(124,58,237,.25) !important;
    box-shadow:
        0 28px 55px rgba(91,33,182,.20),
        0 8px 16px rgba(217,70,239,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    transform:perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(-1deg) !important;
}

/* top purple browser bar */
.dx-dash-window .dash-top{
    height:30px !important;
    background:linear-gradient(90deg,#4c1d95 0%,#7c3aed 45%,#d946ef 100%) !important;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.18);
}

.dx-dash-window .dash-top::before{
    content:"";
    position:absolute;
    left:12px;
    top:10px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#fff;
    opacity:.95;
    box-shadow:14px 0 rgba(255,255,255,.70),28px 0 rgba(255,255,255,.48);
}

/* dark left menu */
.dx-dash-window .dash-side{
    top:30px !important;
    width:46px !important;
    background:linear-gradient(180deg,#32106e,#5524a8) !important;
    box-shadow:inset -8px 0 16px rgba(0,0,0,.10);
}

.dx-dash-window .dash-side::before{
    content:"";
    position:absolute;
    left:13px;
    top:18px;
    width:18px;
    height:5px;
    border-radius:10px;
    background:rgba(255,255,255,.60);
    box-shadow:
        0 20px 0 rgba(255,255,255,.38),
        0 40px 0 rgba(255,255,255,.28),
        0 60px 0 rgba(255,255,255,.22);
}

/* chart panel */
.dx-dash-window .chart-line{
    left:64px !important;
    top:48px !important;
    width:104px !important;
    height:70px !important;
    border:1px solid rgba(124,58,237,.18);
    border-radius:13px;
    background:
        linear-gradient(135deg, transparent 45%, #7c3aed 46% 50%, transparent 51%),
        radial-gradient(circle at 22% 72%, #7c3aed 0 4px, transparent 5px),
        radial-gradient(circle at 46% 48%, #7c3aed 0 4px, transparent 5px),
        radial-gradient(circle at 72% 30%, #7c3aed 0 4px, transparent 5px),
        linear-gradient(#ddd6fe 1px, transparent 1px),
        linear-gradient(90deg,#ddd6fe 1px, transparent 1px),
        rgba(255,255,255,.55) !important;
    background-size:100% 100%,100% 100%,100% 100%,100% 100%,18px 18px,18px 18px,auto !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

/* bars moved and stronger */
.dx-dash-window .bar{
    bottom:18px !important;
    width:14px !important;
    background:linear-gradient(180deg,#a855f7,#5b21b6) !important;
    box-shadow:0 8px 14px rgba(124,58,237,.18);
}

.dx-dash-window .b1{left:67px !important;height:30px !important;}
.dx-dash-window .b2{left:91px !important;height:49px !important;}
.dx-dash-window .b3{left:115px !important;height:40px !important;}
.dx-dash-window .b4{left:139px !important;height:68px !important;}

/* percentage ring */
.dx-dash-window .percent{
    right:14px !important;
    top:48px !important;
    width:58px !important;
    height:58px !important;
    font-size:13px !important;
    background:conic-gradient(#7c3aed 0 75%,#ded3ff 75% 100%) !important;
    box-shadow:
        inset 0 0 0 10px #fff,
        0 12px 22px rgba(124,58,237,.16) !important;
}

/* Revenue card as floating overlay */
.dx-revenue-card{
    right:-4px !important;
    bottom:18px !important;
    width:104px !important;
    height:72px !important;
    border-radius:16px !important;
    background:
        radial-gradient(circle at 30% 20%,#f0abfc,#a855f7 42%,#7c3aed 100%) !important;
    box-shadow:
        0 22px 38px rgba(124,58,237,.26),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
    font-size:18px !important;
}

/* Small floating KPI chips behind dashboard */
.dx-dashboard-visual::after{
    content:"";
    position:absolute;
    right:22px;
    top:38px;
    width:54px;
    height:24px;
    border-radius:12px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(124,58,237,.15);
    box-shadow:
        -150px 88px 0 -4px rgba(255,255,255,.60),
        -130px 88px 0 -5px rgba(124,58,237,.10),
        0 12px 26px rgba(124,58,237,.10);
    z-index:0;
}

/* dashboard background floor stronger but still light */
.dx-dashboard-visual::before{
    background:
        radial-gradient(circle at 50% 50%, rgba(124,58,237,.18), transparent 31%),
        radial-gradient(circle at 77% 24%, rgba(217,70,239,.16), transparent 23%),
        linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,241,255,.82)) !important;
}

/* smoother and deeper animation only on dashboard */
.dx-dashboard-visual .dx-dash-window{
    animation:dxV86DashFloat 4.8s ease-in-out infinite !important;
}

@keyframes dxV86DashFloat{
    0%,100%{
        transform:perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(-1deg) translateY(0);
    }
    50%{
        transform:perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(-1deg) translateY(-11px);
    }
}

@media(max-width:1400px){
    .dx-dash-window{
        width:224px !important;
        height:152px !important;
        transform:scale(.92) perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(-1deg) !important;
    }

    .dx-dashboard-visual .dx-dash-window{
        animation:dxV86DashFloatSmall 4.8s ease-in-out infinite !important;
    }

    @keyframes dxV86DashFloatSmall{
        0%,100%{transform:scale(.92) perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(-1deg) translateY(0);}
        50%{transform:scale(.92) perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(-1deg) translateY(-9px);}
    }

    .dx-revenue-card{
        right:2px !important;
        bottom:22px !important;
        transform:scale(.90) !important;
    }
}




/* =========================================================
   V88 EXACT HTML/CSS REFERENCE PLATFORM DESIGN
   Real HTML, no pasted image. Matches reference composition.
   ========================================================= */

.dx-exact-platform-section,
.dx-platform-image-section,
.dx-platform-html-section,
.dx-platform-showcase{
    display:none !important;
}

.dx-real-ref-section{
    position:relative;
    overflow:hidden;
    padding:58px 0 92px !important;
    background:
        radial-gradient(circle at 50% 4%, rgba(255,255,255,.96) 0 14%, transparent 42%),
        radial-gradient(circle at 16% 20%, rgba(124,58,237,.13), transparent 34%),
        radial-gradient(circle at 86% 18%, rgba(99,102,241,.11), transparent 34%),
        linear-gradient(rgba(142,90,255,.040) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.040) 1px, transparent 1px),
        linear-gradient(135deg,#ffffff 0%,#f7f1ff 48%,#ffffff 100%);
    background-size:auto,auto,auto,50px 50px,50px 50px,cover;
}

.dx-real-ref-section::before{
    content:"";
    position:absolute;
    left:-80px;
    top:50px;
    width:520px;
    height:320px;
    opacity:.22;
    background:
        repeating-radial-gradient(ellipse at center, transparent 0 20px, rgba(124,58,237,.24) 21px 22px, transparent 23px 42px);
    transform:rotate(-10deg);
}

.dx-real-ref-section::after{
    content:"";
    position:absolute;
    right:-80px;
    top:30px;
    width:520px;
    height:340px;
    opacity:.20;
    background:
        repeating-radial-gradient(ellipse at center, transparent 0 20px, rgba(124,58,237,.24) 21px 22px, transparent 23px 42px);
    transform:rotate(10deg);
}

.dx-real-ref-head{
    position:relative;
    z-index:4;
    max-width:980px;
    margin:0 auto 38px;
}

.dx-real-kicker{
    display:inline-flex;
    gap:12px;
    align-items:center;
    color:#7c3aed;
    font-size:17px;
    line-height:1;
    font-weight:800;
    letter-spacing:.8px;
    margin-bottom:20px;
}

.dx-real-kicker i{
    font-size:8px;
    color:#8b5cf6;
}

.dx-real-ref-head h2{
    color:#0e1431;
    font-size:clamp(40px,3.75vw,66px);
    line-height:1.04;
    font-weight:850;
    letter-spacing:-1.8px;
    margin:0;
}

.dx-real-ref-head h2 span{
    display:block;
    background:linear-gradient(90deg,#3b2eea 0%,#7c3aed 36%,#d946ef 68%,#6366f1 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-real-ref-head p{
    max-width:660px;
    margin:16px auto 0;
    color:#06185c;
    font-size:16px;
    line-height:1.55;
}

.dx-real-head-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:18px;
}

.dx-real-head-line::before,
.dx-real-head-line::after{
    content:"";
    width:52px;
    height:3px;
    border-radius:30px;
    background:linear-gradient(90deg,transparent,#7c3aed);
}

.dx-real-head-line::after{
    background:linear-gradient(90deg,#7c3aed,transparent);
}

.dx-real-head-line span{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#8b5cf6;
    box-shadow:0 0 0 7px rgba(124,58,237,.12);
}

/* Cards */
.dx-real-card-row{
    position:relative;
    z-index:4;
}

.dx-real-card{
    position:relative;
    min-height:650px;
    padding:18px 28px 34px;
    border-radius:30px;
    overflow:visible;
    background:
        radial-gradient(circle at 50% 22%, rgba(139,92,246,.13), transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 56%,#fff 100%);
    border:1px solid rgba(207,185,255,.78);
    box-shadow:
        0 24px 55px rgba(124,58,237,.12),
        inset 0 1px 0 rgba(255,255,255,.98);
    transition:.45s cubic-bezier(.2,.75,.2,1);
    animation:dxRealCardIn .75s ease both;
}

.dx-real-card-row>div:nth-child(1) .dx-real-card{animation-delay:.05s;}
.dx-real-card-row>div:nth-child(2) .dx-real-card{animation-delay:.12s;}
.dx-real-card-row>div:nth-child(3) .dx-real-card{animation-delay:.19s;}
.dx-real-card-row>div:nth-child(4) .dx-real-card{animation-delay:.26s;}

.dx-real-card:hover{
    transform:translateY(-10px);
    box-shadow:
        0 34px 72px rgba(124,58,237,.18),
        inset 0 1px 0 rgba(255,255,255,.98);
}

.dx-real-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:30px;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.58) 47%,transparent 58%);
    transform:translateX(-130%);
    transition:.8s ease;
}

.dx-real-card:hover::before{
    transform:translateX(130%);
}

.dx-real-no{
    position:absolute;
    top:22px;
    right:22px;
    z-index:8;
    min-width:46px;
    height:34px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(255,255,255,.93);
    color:#3721c5;
    font-size:15px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(124,58,237,.10);
}

.dx-real-icon{
    position:absolute;
    left:28px;
    top:28px;
    z-index:8;
    width:58px;
    height:58px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    background:
        radial-gradient(circle at 35% 20%,#d946ef,#7c3aed 62%,#4c1d95 100%);
    box-shadow:
        0 18px 34px rgba(124,58,237,.30),
        0 0 0 8px rgba(124,58,237,.06);
}

/* Visual common */
.dx-real-visual{
    position:relative;
    height:330px;
    margin:8px -14px 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    isolation:isolate;
}

.dx-real-visual .bg-glow{
    position:absolute;
    inset:20px 8px 0;
    border-radius:28px;
    z-index:-4;
    background:
        radial-gradient(circle at 50% 60%, rgba(124,58,237,.20), transparent 31%),
        radial-gradient(circle at 73% 24%, rgba(217,70,239,.13), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.90),rgba(246,238,255,.70));
}

.dx-real-visual .floor-ring{
    position:absolute;
    left:50%;
    bottom:22px;
    width:265px;
    height:88px;
    transform:translateX(-50%);
    z-index:-1;
    border:2px solid rgba(124,58,237,.16);
    border-radius:50%;
    box-shadow:
        0 0 40px rgba(217,70,239,.16),
        inset 0 0 28px rgba(124,58,237,.10);
    animation:dxFloorPulse 4s ease-in-out infinite;
}

.dx-real-visual .spark{
    position:absolute;
    width:9px;
    height:9px;
    background:rgba(139,92,246,.45);
    transform:rotate(45deg);
    box-shadow:0 0 20px rgba(139,92,246,.32);
    animation:dxSparkFloat 3.4s ease-in-out infinite;
}

.dx-real-visual .s1{right:48px;top:72px;}
.dx-real-visual .s2{left:78px;top:160px;animation-delay:.8s;}

/* Website */
.browser3d{
    position:relative;
    width:245px;
    height:165px;
    border-radius:18px;
    background:linear-gradient(145deg,#fff,#eee7ff);
    border:1px solid rgba(124,58,237,.25);
    box-shadow:
        0 26px 50px rgba(124,58,237,.20),
        0 0 0 8px rgba(255,255,255,.32);
    transform:perspective(900px) rotateX(8deg) rotateY(-15deg) rotateZ(-3deg);
    animation:dxWebsiteFloat 4.6s ease-in-out infinite;
}

.browser3d .bar{
    position:absolute;
    inset:0 0 auto 0;
    height:30px;
    border-radius:18px 18px 0 0;
    background:linear-gradient(90deg,#5b21b6,#7c3aed,#d946ef);
}

.browser3d .bar::before{
    content:"";
    position:absolute;
    left:13px;
    top:10px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    box-shadow:15px 0 rgba(255,255,255,.75),30px 0 rgba(255,255,255,.55);
}

.browser3d .image-box{
    position:absolute;
    left:25px;
    top:58px;
    width:88px;
    height:68px;
    border-radius:12px;
    background:linear-gradient(135deg,#6938ef,#c084fc);
}

.browser3d .image-box::after{
    content:"";
    position:absolute;
    left:14px;right:14px;bottom:12px;height:32px;
    background:#fff;
    opacity:.75;
    clip-path:polygon(0 100%,34% 42%,52% 68%,74% 25%,100% 100%);
}

.browser3d .copy{
    position:absolute;
    right:24px;
    height:10px;
    border-radius:10px;
    background:#c4b5fd;
}

.browser3d .copy.a{top:62px;width:80px;}
.browser3d .copy.b{top:90px;width:70px;opacity:.78;}
.browser3d .copy.c{top:116px;width:54px;opacity:.55;}

.browser3d .text-widget,
.browser3d .code-widget{
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:900;
    background:linear-gradient(145deg,#8b5cf6,#d946ef);
    box-shadow:0 12px 24px rgba(124,58,237,.18);
}

.browser3d .text-widget{
    right:63px;
    top:78px;
    width:44px;
    height:44px;
    border-radius:12px;
    font-size:24px;
}

.browser3d .code-widget{
    right:20px;
    bottom:19px;
    padding:8px 10px;
    border-radius:10px;
    font-size:12px;
}

.rocket3d{
    position:absolute;
    right:28px;
    top:112px;
    z-index:5;
    color:#5b21b6;
    font-size:54px;
    transform:rotate(-23deg);
    filter:drop-shadow(0 16px 18px rgba(124,58,237,.25));
    animation:dxRocketFly 3.6s ease-in-out infinite;
}

.sphere.left{
    position:absolute;
    left:4px;
    bottom:62px;
    width:62px;
    height:62px;
    border:2px solid rgba(124,58,237,.26);
    border-radius:50%;
}
.sphere.left::before,
.sphere.left::after{
    content:"";
    position:absolute;
    inset:12px 0;
    border-top:2px solid rgba(124,58,237,.18);
    border-bottom:2px solid rgba(124,58,237,.18);
}
.sphere.left::after{
    inset:0 18px;
    border:0;
    border-left:2px solid rgba(124,58,237,.18);
    border-right:2px solid rgba(124,58,237,.18);
}

.cloud{
    position:absolute;
    border-radius:50px;
    background:rgba(255,255,255,.80);
}
.cloud1{right:42px;bottom:46px;width:136px;height:45px;}

/* Dashboard */
.dash3d{
    position:relative;
    width:250px;
    height:168px;
    border-radius:18px;
    background:linear-gradient(145deg,#fff,#eee7ff);
    border:1px solid rgba(124,58,237,.25);
    box-shadow:
        0 28px 52px rgba(91,33,182,.20),
        0 0 0 8px rgba(255,255,255,.34);
    transform:perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(1deg);
    animation:dxDashFloat 4.7s ease-in-out infinite;
}

.dash3d .topbar{
    position:absolute;left:0;right:0;top:0;height:30px;
    border-radius:18px 18px 0 0;
    background:linear-gradient(90deg,#5b21b6,#8b5cf6,#d946ef);
}
.dash3d .sidebar{
    position:absolute;left:0;top:30px;bottom:0;width:48px;
    background:linear-gradient(180deg,#32106e,#5524a8);
    border-radius:0 0 0 18px;
}
.dash3d .sidebar::before{
    content:"";
    position:absolute;
    left:14px;top:20px;width:18px;height:5px;border-radius:8px;
    background:rgba(255,255,255,.55);
    box-shadow:0 22px rgba(255,255,255,.38),0 44px rgba(255,255,255,.28),0 66px rgba(255,255,255,.22);
}
.dash3d .chart{
    position:absolute;
    left:64px;
    top:48px;
    width:108px;
    height:72px;
    border:1px solid rgba(124,58,237,.16);
    border-radius:12px;
    background:
        linear-gradient(135deg,transparent 46%,#7c3aed 47% 50%,transparent 51%),
        linear-gradient(#ddd6fe 1px,transparent 1px),
        linear-gradient(90deg,#ddd6fe 1px,transparent 1px),
        rgba(255,255,255,.56);
    background-size:100% 100%,18px 18px,18px 18px,auto;
}
.dash3d .line-dot{
    position:absolute;
    width:8px;height:8px;border-radius:50%;
    background:#7c3aed;
}
.dash3d .d1{left:84px;top:95px;}
.dash3d .d2{left:116px;top:74px;}
.dash3d .d3{left:152px;top:60px;}
.dash3d .bar{
    position:absolute;
    bottom:18px;
    width:14px;
    border-radius:8px 8px 0 0;
    background:linear-gradient(180deg,#a855f7,#5b21b6);
    box-shadow:0 9px 15px rgba(124,58,237,.16);
}
.dash3d .b1{left:68px;height:30px;}
.dash3d .b2{left:92px;height:48px;}
.dash3d .b3{left:116px;height:39px;}
.dash3d .b4{left:140px;height:66px;}
.dash3d .percent{
    position:absolute;
    right:15px;
    top:48px;
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5b21b6;
    font-size:13px;
    font-weight:900;
    background:conic-gradient(#7c3aed 0 75%,#ded3ff 75% 100%);
    box-shadow:inset 0 0 0 10px #fff,0 12px 24px rgba(124,58,237,.15);
}

.money-card{
    position:absolute;
    right:0;
    bottom:53px;
    z-index:5;
    width:112px;
    height:78px;
    border-radius:16px;
    color:#fff;
    padding:10px 12px;
    background:radial-gradient(circle at 30% 20%,#f0abfc,#a855f7 44%,#7c3aed 100%);
    box-shadow:0 22px 40px rgba(124,58,237,.27), inset 0 1px rgba(255,255,255,.32);
    font-size:11px;
    line-height:1.15;
    animation:dxSmallFloat 3.7s ease-in-out infinite;
}
.money-card strong{display:block;font-size:20px;margin:4px 0;}
.money-card small{font-size:11px;}

/* AI */
.ai-orbit{
    position:absolute;
    width:235px;
    height:132px;
    border:2px dashed rgba(124,58,237,.22);
    border-radius:50%;
    transform:rotate(16deg);
    animation:dxOrbitSpin 17s linear infinite;
}
.robot3d{
    position:relative;
    width:150px;
    height:165px;
    animation:dxSmallFloat 4.2s ease-in-out infinite;
}
.robot3d .head{
    position:absolute;left:35px;top:30px;width:82px;height:60px;border-radius:28px;
    background:linear-gradient(145deg,#fff,#ded7ff);
    border:1px solid rgba(124,58,237,.22);
    box-shadow:0 16px 30px rgba(124,58,237,.14);
}
.robot3d .head::before{
    content:"";
    position:absolute;inset:12px 15px;border-radius:16px;
    background:linear-gradient(135deg,#111735,#4c1d95);
}
.robot3d .head i{
    position:absolute;top:27px;width:9px;height:9px;border-radius:50%;background:#c084fc;z-index:2;
}
.robot3d .head i:first-child{left:29px;}
.robot3d .head i:last-child{right:29px;}
.robot3d .neck{
    position:absolute;left:70px;top:92px;width:12px;height:16px;border-radius:6px;background:#a78bfa;
}
.robot3d .body{
    position:absolute;left:42px;top:105px;width:68px;height:55px;border-radius:22px 22px 34px 34px;
    background:linear-gradient(145deg,#fff,#eee8ff);
    border:1px solid rgba(124,58,237,.22);
    box-shadow:0 14px 24px rgba(124,58,237,.12);
}
.robot3d .base{
    position:absolute;left:5px;bottom:0;width:140px;height:35px;border-radius:50%;
    background:radial-gradient(ellipse,rgba(217,70,239,.35),rgba(124,58,237,.12) 58%,transparent 75%);
}
.ai-box{
    position:absolute;right:22px;top:92px;width:62px;height:62px;border-radius:13px;
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:900;
    background:linear-gradient(145deg,#7c3aed,#d946ef);
    box-shadow:0 18px 32px rgba(124,58,237,.25);
}
.float-card{
    position:absolute;
    width:68px;height:45px;border-radius:12px;
    background:linear-gradient(145deg,#fff,#efe8ff);
    border:1px solid rgba(124,58,237,.18);
    box-shadow:0 12px 24px rgba(124,58,237,.11);
}
.float-card.left{left:20px;top:126px;}
.float-card.right{right:52px;bottom:46px;}
.mini-bars{
    position:absolute;right:22px;bottom:52px;width:70px;height:48px;border-radius:12px;
    background:
      linear-gradient(180deg,#a855f7 0 34px,transparent 34px),
      linear-gradient(180deg,#7c3aed 0 24px,transparent 24px),
      linear-gradient(180deg,#c084fc 0 40px,transparent 40px),
      rgba(255,255,255,.60);
    background-size:12px 100%,12px 100%,12px 100%,auto;
    background-position:14px bottom,32px bottom,50px bottom,0 0;
    background-repeat:no-repeat;
    border:1px solid rgba(124,58,237,.16);
}

/* Secure */
.shield3d{
    position:absolute;
    top:32px;
    width:150px;
    height:170px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:50px;
    background:linear-gradient(145deg,#7c3aed,#4c1d95);
    clip-path:polygon(50% 0,88% 13%,82% 70%,50% 100%,18% 70%,12% 13%);
    filter:drop-shadow(0 28px 36px rgba(124,58,237,.27));
    animation:dxSmallFloat 4.1s ease-in-out infinite;
}
.server3d{
    position:absolute;right:28px;bottom:47px;display:flex;flex-direction:column;gap:7px;
}
.server3d span{
    width:132px;height:23px;border-radius:10px;
    background:linear-gradient(145deg,#fff,#ddd6fe);
    border:1px solid rgba(124,58,237,.18);
    box-shadow:0 10px 18px rgba(124,58,237,.10);
}
.secure-list{
    position:absolute;left:22px;bottom:86px;display:flex;flex-direction:column;gap:9px;
}
.secure-list span{
    width:78px;height:12px;border-radius:20px;
    background:linear-gradient(90deg,#22c55e 0 14px,#ded6ff 15px 100%);
}
.cloud2{right:18px;top:132px;width:125px;height:45px;}

/* Text */
.dx-real-content{
    position:relative;
    z-index:5;
}
.dx-real-content h3{
    color:#0e1431;
    font-size:24px;
    line-height:1.14;
    font-weight:850;
    letter-spacing:-.5px;
    margin:0 0 10px;
}
.title-line{
    display:block;
    width:48px;
    height:3px;
    border-radius:20px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
    margin:0 0 17px;
}
.dx-real-content p{
    color:#06185c;
    opacity:.72;
    font-size:15px;
    line-height:1.65;
    margin:0 0 18px;
}
.dx-real-content ul{
    list-style:none;
    padding:0;
    margin:0;
}
.dx-real-content li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#0e1736;
    font-size:14.5px;
    line-height:1.3;
    font-weight:650;
    margin-bottom:9px;
}
.dx-real-content li i{
    width:18px;
    height:18px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:9px;
    background:linear-gradient(135deg,#7c3aed,#6d5dfc);
    box-shadow:0 8px 16px rgba(124,58,237,.18);
}

/* arrows and wave */
.dx-real-arrow{
    position:absolute;
    left:50%;
    bottom:-24px;
    transform:translateX(-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    border:10px solid rgba(248,242,255,.88);
    background:#fff;
    color:#3b2eea;
    z-index:8;
    box-shadow:0 18px 38px rgba(124,58,237,.18);
    transition:.35s ease;
}
.dx-real-card:hover .dx-real-arrow{
    transform:translateX(-50%) translateY(-4px) rotate(-10deg);
    background:#7c3aed;
    color:#fff;
}
.dx-real-wave{
    position:absolute;
    left:7%;
    right:7%;
    bottom:-34px;
    z-index:2;
    height:68px;
    border-bottom:2px dashed rgba(124,58,237,.42);
    border-radius:0 0 50% 50%;
    pointer-events:none;
}
.dx-real-wave span{
    position:absolute;
    bottom:-14px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#fff;
    border:6px solid rgba(124,58,237,.18);
    box-shadow:0 10px 24px rgba(124,58,237,.12);
}
.dx-real-wave span::before{
    content:"";
    position:absolute;inset:6px;border-radius:50%;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
}
.dx-real-wave span:nth-child(1){left:5%;}
.dx-real-wave span:nth-child(2){left:28%;bottom:-2px;}
.dx-real-wave span:nth-child(3){left:49%;bottom:-22px;}
.dx-real-wave span:nth-child(4){left:70%;bottom:-2px;}
.dx-real-wave span:nth-child(5){left:92%;}

/* animations */
@keyframes dxRealCardIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes dxFloorPulse{0%,100%{opacity:.7;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(1.07)}}
@keyframes dxSparkFloat{0%,100%{opacity:.45;transform:rotate(45deg) translateY(0)}50%{opacity:1;transform:rotate(45deg) translateY(-8px)}}
@keyframes dxWebsiteFloat{0%,100%{transform:perspective(900px) rotateX(8deg) rotateY(-15deg) rotateZ(-3deg) translateY(0)}50%{transform:perspective(900px) rotateX(8deg) rotateY(-15deg) rotateZ(-3deg) translateY(-10px)}}
@keyframes dxRocketFly{0%,100%{transform:rotate(-23deg) translate(0,0)}50%{transform:rotate(-23deg) translate(8px,-16px)}}
@keyframes dxDashFloat{0%,100%{transform:perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(1deg) translateY(0)}50%{transform:perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(1deg) translateY(-10px)}}
@keyframes dxSmallFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dxOrbitSpin{from{transform:rotate(16deg)}to{transform:rotate(376deg)}}

/* Responsive */
@media(max-width:1400px){
    .dx-real-ref-section{padding:52px 0 84px !important;}
    .dx-real-card{min-height:590px;padding:16px 24px 32px;}
    .dx-real-visual{height:285px;}
    .dx-real-content h3{font-size:21px;}
    .dx-real-content p{font-size:14px;}
    .dx-real-content li{font-size:13.5px;}
    .browser3d,.dash3d{transform:scale(.88) perspective(900px) rotateX(8deg) rotateY(-15deg) rotateZ(-3deg);}
    .dash3d{transform:scale(.88) perspective(900px) rotateX(8deg) rotateY(13deg) rotateZ(1deg);}
    .money-card{transform:scale(.9);}
}
@media(max-width:991px){
    .dx-real-card{min-height:auto;}
    .dx-real-visual{height:280px;}
}
@media(max-width:575px){
    .dx-real-ref-head h2{font-size:30px;}
    .dx-real-ref-head p{font-size:14px;}
}




/* =========================================================
   V89 PREMIUM IMPRESSIVE HTML DESIGN
   Stronger depth, sharper 3D shapes, better spacing, cleaner text.
   ========================================================= */

.dx-real-ref-section{
    padding:64px 0 105px !important;
    background:
        radial-gradient(circle at 50% 2%, rgba(255,255,255,.98) 0 13%, transparent 38%),
        radial-gradient(circle at 18% 24%, rgba(124,58,237,.16), transparent 34%),
        radial-gradient(circle at 84% 20%, rgba(217,70,239,.12), transparent 30%),
        linear-gradient(rgba(142,90,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(142,90,255,.035) 1px, transparent 1px),
        linear-gradient(135deg,#ffffff 0%,#f5efff 48%,#ffffff 100%) !important;
    background-size:auto,auto,auto,46px 46px,46px 46px,cover !important;
}

.dx-real-ref-head{
    margin-bottom:44px !important;
}

.dx-real-ref-head h2{
    font-size:clamp(38px,3.45vw,62px) !important;
    max-width:950px;
    margin:auto;
}

.dx-real-ref-head p{
    font-size:15px !important;
    color:#435174 !important;
}

/* Premium card shell */
.dx-real-card{
    min-height:620px !important;
    padding:22px 30px 34px !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 50% 21%, rgba(124,58,237,.11), transparent 36%),
        linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.91) 55%,#fff 100%) !important;
    border:1px solid rgba(194,168,255,.86) !important;
    box-shadow:
        0 30px 75px rgba(124,58,237,.13),
        0 1px 0 rgba(255,255,255,.96) inset,
        0 -30px 60px rgba(139,92,246,.045) inset !important;
}

.dx-real-card:hover{
    transform:translateY(-12px) scale(1.012) !important;
    box-shadow:
        0 44px 95px rgba(124,58,237,.20),
        0 1px 0 rgba(255,255,255,.96) inset !important;
}

/* Bigger more impressive top art zone */
.dx-real-visual{
    height:310px !important;
    margin:8px -16px 18px !important;
}

.dx-real-visual .bg-glow{
    inset:18px 0 0 !important;
    border-radius:32px !important;
    background:
        radial-gradient(circle at 50% 58%, rgba(124,58,237,.24), transparent 31%),
        radial-gradient(circle at 76% 22%, rgba(217,70,239,.17), transparent 25%),
        radial-gradient(circle at 22% 28%, rgba(99,102,241,.12), transparent 24%),
        linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,239,255,.74)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 24px 58px rgba(124,58,237,.12) !important;
}

.dx-real-visual .floor-ring{
    width:290px !important;
    height:92px !important;
    bottom:18px !important;
    border-color:rgba(124,58,237,.24) !important;
    box-shadow:
        0 0 48px rgba(217,70,239,.23),
        inset 0 0 38px rgba(124,58,237,.14) !important;
}

/* icon badges */
.dx-real-icon{
    width:62px !important;
    height:62px !important;
    border-radius:18px !important;
    box-shadow:
        0 20px 36px rgba(124,58,237,.34),
        0 0 0 10px rgba(124,58,237,.07) !important;
}

.dx-real-no{
    color:#2f1dbf !important;
    box-shadow:0 12px 26px rgba(124,58,237,.12) !important;
}

/* Make first card look less flat */
.browser3d{
    width:265px !important;
    height:176px !important;
    border-radius:22px !important;
    transform:perspective(950px) rotateX(10deg) rotateY(-18deg) rotateZ(-4deg) !important;
    box-shadow:
        0 34px 60px rgba(91,33,182,.22),
        0 0 0 10px rgba(255,255,255,.35),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.browser3d .bar{height:32px !important;border-radius:22px 22px 0 0 !important;}
.browser3d .image-box{left:28px !important;top:64px !important;width:94px !important;height:72px !important;}
.browser3d .copy.a{top:66px !important;width:88px !important;}
.browser3d .copy.b{top:96px !important;width:78px !important;}
.browser3d .copy.c{top:124px !important;width:62px !important;}
.rocket3d{font-size:60px !important;right:16px !important;top:92px !important;}

/* Make dashboard much richer */
.dash3d{
    width:270px !important;
    height:184px !important;
    border-radius:22px !important;
    transform:perspective(950px) rotateX(10deg) rotateY(15deg) rotateZ(1deg) !important;
    box-shadow:
        0 34px 64px rgba(91,33,182,.24),
        0 0 0 10px rgba(255,255,255,.34),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.dash3d .topbar{height:34px !important;border-radius:22px 22px 0 0 !important;}
.dash3d .sidebar{top:34px !important;width:54px !important;}
.dash3d .chart{
    left:72px !important;
    top:56px !important;
    width:118px !important;
    height:78px !important;
}
.dash3d .percent{
    right:16px !important;
    top:55px !important;
    width:64px !important;
    height:64px !important;
}
.dash3d .bar{bottom:20px !important;width:15px !important;}
.dash3d .b1{left:74px !important;height:33px !important;}
.dash3d .b2{left:100px !important;height:52px !important;}
.dash3d .b3{left:126px !important;height:43px !important;}
.dash3d .b4{left:152px !important;height:72px !important;}

.money-card{
    right:-10px !important;
    bottom:48px !important;
    width:122px !important;
    height:84px !important;
    border-radius:18px !important;
    font-size:12px !important;
}
.money-card strong{font-size:22px !important;}

/* AI visual upgrade */
.robot3d{
    transform:scale(1.18) !important;
    filter:drop-shadow(0 24px 28px rgba(124,58,237,.16));
}
.robot3d .head{
    background:linear-gradient(145deg,#fff,#e8ddff) !important;
}
.robot3d .body{
    background:linear-gradient(145deg,#fff,#eee8ff) !important;
}
.ai-orbit{
    width:250px !important;
    height:145px !important;
    border-color:rgba(124,58,237,.26) !important;
}
.ai-box{
    right:14px !important;
    top:86px !important;
    width:68px !important;
    height:68px !important;
    font-size:31px !important;
    box-shadow:0 22px 38px rgba(124,58,237,.28) !important;
}

/* Secure visual upgrade */
.shield3d{
    width:166px !important;
    height:186px !important;
    top:24px !important;
    filter:drop-shadow(0 34px 42px rgba(124,58,237,.30)) !important;
}
.server3d{right:18px !important;bottom:45px !important;}
.server3d span{width:150px !important;height:25px !important;}
.secure-list{left:13px !important;bottom:88px !important;}
.secure-list span{width:88px !important;height:13px !important;}

/* Better typography */
.dx-real-content h3{
    font-size:23px !important;
    font-weight:850 !important;
    color:#101735 !important;
}

.dx-real-content p{
    color:#4c5b7c !important;
    opacity:1 !important;
    font-size:14.5px !important;
    line-height:1.62 !important;
}

.dx-real-content li{
    color:#15203c !important;
    font-size:14px !important;
}

/* More modern arrow button */
.dx-real-arrow{
    width:56px !important;
    height:56px !important;
    bottom:-26px !important;
    border:9px solid rgba(248,242,255,.95) !important;
    box-shadow:
        0 20px 42px rgba(124,58,237,.20),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* Hide fade-gray accidental text from old title animations */
.dx-real-content h3,
.dx-real-content p,
.dx-real-content li{
    text-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
}

/* More premium sparkle */
.dx-real-visual .spark{
    background:#fff !important;
    box-shadow:
        0 0 0 2px rgba(124,58,237,.12),
        0 0 24px rgba(124,58,237,.36) !important;
}

/* Section must reveal heading while scrolling */
@media(min-width:1200px){
    .dx-real-ref-section{
        scroll-margin-top:90px;
    }
}

/* Scale down but preserve premium look */
@media(max-width:1400px){
    .dx-real-card{
        min-height:590px !important;
        padding:20px 26px 32px !important;
    }
    .dx-real-visual{
        height:285px !important;
    }
    .browser3d,.dash3d{
        scale:.88;
    }
    .robot3d{scale:.88;}
    .shield3d{scale:.86;}
    .money-card{scale:.88;}
}




/* =========================================================
   V90 FINAL PLATFORM SECTION
   Uses uploaded 3D image assets cleanly, no broken CSS objects.
   ========================================================= */

.dx-real-ref-section,
.dx-exact-platform-section,
.dx-platform-image-section,
.dx-platform-html-section,
.dx-platform-showcase{
    display:none !important;
}

.dx-platform-final-section{
    position:relative;
    overflow:hidden;
    padding:70px 0 110px !important;
    background:
        radial-gradient(circle at 50% 2%, rgba(255,255,255,.98) 0 12%, transparent 40%),
        radial-gradient(circle at 18% 21%, rgba(123,56,255,.12), transparent 32%),
        radial-gradient(circle at 85% 18%, rgba(214,70,239,.10), transparent 30%),
        linear-gradient(rgba(135,91,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(135,91,255,.04) 1px, transparent 1px),
        linear-gradient(135deg,#fff 0%,#f8f3ff 50%,#fff 100%);
    background-size:auto,auto,auto,48px 48px,48px 48px,cover;
}

.dx-platform-final-section::before{
    content:"";
    position:absolute;
    left:-70px;
    top:50px;
    width:520px;
    height:320px;
    opacity:.20;
    background:repeating-radial-gradient(ellipse at center, transparent 0 20px, rgba(124,58,237,.22) 21px 22px, transparent 23px 42px);
    transform:rotate(-12deg);
    pointer-events:none;
}

.dx-platform-final-section::after{
    content:"";
    position:absolute;
    right:-80px;
    top:30px;
    width:520px;
    height:340px;
    opacity:.18;
    background:repeating-radial-gradient(ellipse at center, transparent 0 20px, rgba(124,58,237,.22) 21px 22px, transparent 23px 42px);
    transform:rotate(12deg);
    pointer-events:none;
}

.dx-platform-bg-shape{
    position:absolute;
    width:72px;
    height:72px;
    border-radius:18px;
    background:linear-gradient(135deg,rgba(124,58,237,.45),rgba(217,70,239,.20));
    filter:blur(.2px);
    opacity:.35;
    transform:rotate(45deg);
    animation:dxShapeFloat 6s ease-in-out infinite;
}

.dx-shape-left{left:8%;top:150px;}
.dx-shape-right{right:8%;top:165px;animation-delay:1.6s;}

.dx-platform-final-head{
    position:relative;
    z-index:3;
    max-width:1080px;
    margin:0 auto 46px;
}

.dx-platform-final-badge{
    display:inline-flex;
    align-items:center;
    gap:14px;
    color:#7c3aed;
    font-size:17px;
    font-weight:850;
    letter-spacing:.9px;
    line-height:1;
    margin-bottom:20px;
}

.dx-platform-final-badge .dot{
    width:8px;
    height:8px;
    background:#8b5cf6;
    transform:rotate(45deg);
    display:inline-block;
}

.dx-platform-final-head h2{
    color:#0e1431;
    font-size:clamp(40px,3.65vw,66px);
    line-height:1.02;
    font-weight:900;
    letter-spacing:-2px;
    margin:0;
}

.dx-platform-final-head h2 span{
    display:block;
    background:linear-gradient(90deg,#3b2eea 0%,#7c3aed 38%,#d946ef 68%,#6366f1 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-platform-final-head p{
    max-width:690px;
    margin:15px auto 0;
    color:#33415f;
    font-size:16px;
    line-height:1.55;
}

.dx-platform-final-divider{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:20px auto 0;
}

.dx-platform-final-divider::before,
.dx-platform-final-divider::after{
    content:"";
    width:55px;
    height:3px;
    border-radius:99px;
    background:linear-gradient(90deg,transparent,#7c3aed);
}

.dx-platform-final-divider::after{
    background:linear-gradient(90deg,#7c3aed,transparent);
}

.dx-platform-final-divider span{
    width:11px;
    height:11px;
    margin:0 9px;
    border-radius:50%;
    background:#8b5cf6;
    box-shadow:0 0 0 7px rgba(124,58,237,.12);
}

.dx-platform-final-row{
    position:relative;
    z-index:4;
}

.dx-platform-final-card{
    position:relative;
    min-height:600px;
    padding:22px 28px 34px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 60%,#fff 100%);
    border:1px solid rgba(190,167,255,.82);
    box-shadow:
        0 28px 65px rgba(124,58,237,.12),
        inset 0 1px 0 rgba(255,255,255,.98);
    overflow:visible;
    transition:.42s cubic-bezier(.22,1,.36,1);
}

.dx-platform-final-card:hover{
    transform:translateY(-10px);
    box-shadow:
        0 38px 85px rgba(124,58,237,.18),
        inset 0 1px 0 rgba(255,255,255,.98);
}

.dx-platform-final-card::before{
    content:"";
    position:absolute;
    inset:12px 10px auto;
    height:255px;
    border-radius:26px;
    background:
        radial-gradient(circle at 50% 68%, rgba(124,58,237,.16), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.85), rgba(246,239,255,.72));
    z-index:0;
    pointer-events:none;
}

.dx-platform-final-card::after{
    content:"";
    position:absolute;
    left:50%;
    top:226px;
    width:78%;
    height:74px;
    transform:translateX(-50%);
    border:2px solid rgba(124,58,237,.12);
    border-radius:50%;
    opacity:.75;
    pointer-events:none;
}

.dx-platform-final-no{
    position:absolute;
    top:20px;
    right:20px;
    z-index:5;
    min-width:48px;
    height:34px;
    padding:0 12px;
    border-radius:14px;
    background:rgba(255,255,255,.96);
    color:#3020c8;
    font-size:15px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 12px 26px rgba(124,58,237,.11);
}

.dx-platform-final-icon{
    position:absolute;
    left:25px;
    top:25px;
    z-index:5;
    width:62px;
    height:62px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:25px;
    background:radial-gradient(circle at 35% 20%,#d946ef,#7c3aed 62%,#4c1d95 100%);
    box-shadow:
        0 20px 36px rgba(124,58,237,.32),
        0 0 0 10px rgba(124,58,237,.07);
}

.dx-platform-final-art{
    position:relative;
    z-index:2;
    height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 -8px 14px;
    overflow:visible;
}

.dx-platform-final-art img{
    width:100%;
    max-width:310px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 24px 30px rgba(124,58,237,.16));
    transform:translateY(12px);
    transition:.48s cubic-bezier(.22,1,.36,1);
    animation:dxImgFloat 5.5s ease-in-out infinite;
}

.dx-platform-final-row > div:nth-child(2) img{animation-delay:.8s;}
.dx-platform-final-row > div:nth-child(3) img{animation-delay:1.3s;}
.dx-platform-final-row > div:nth-child(4) img{animation-delay:.4s;}

.dx-platform-final-card:hover .dx-platform-final-art img{
    transform:translateY(2px) scale(1.035);
}

.dx-platform-final-content{
    position:relative;
    z-index:3;
}

.dx-platform-final-content h3{
    color:#0e1431;
    font-size:24px;
    line-height:1.14;
    font-weight:900;
    letter-spacing:-.55px;
    margin:0 0 10px;
}

.dx-title-stroke{
    display:block;
    width:52px;
    height:3px;
    border-radius:20px;
    background:linear-gradient(90deg,#7c3aed,#d946ef);
    margin:0 0 17px;
}

.dx-platform-final-content p{
    color:#4d5c7c;
    font-size:15px;
    line-height:1.62;
    margin:0 0 18px;
}

.dx-platform-final-content ul{
    list-style:none;
    padding:0;
    margin:0;
}

.dx-platform-final-content li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#121b36;
    font-size:14.5px;
    line-height:1.3;
    font-weight:750;
    margin-bottom:10px;
}

.dx-platform-final-content li i{
    width:18px;
    height:18px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:9px;
    background:linear-gradient(135deg,#7c3aed,#6d5dfc);
    box-shadow:0 8px 16px rgba(124,58,237,.18);
    flex:0 0 18px;
}

.dx-platform-final-arrow{
    position:absolute;
    left:50%;
    bottom:-24px;
    transform:translateX(-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    border:10px solid rgba(248,242,255,.92);
    background:#fff;
    color:#3b2eea;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 18px 38px rgba(124,58,237,.18);
    transition:.35s ease;
}

.dx-platform-final-card:hover .dx-platform-final-arrow{
    transform:translateX(-50%) translateY(-4px);
    background:#7c3aed;
    color:#fff;
}

.dx-platform-final-path{
    position:absolute;
    left:8%;
    right:8%;
    bottom:-38px;
    z-index:2;
    height:72px;
    border-bottom:2px dashed rgba(124,58,237,.38);
    border-radius:0 0 50% 50%;
    pointer-events:none;
}

.dx-platform-final-path span{
    position:absolute;
    bottom:-14px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#fff;
    border:6px solid rgba(124,58,237,.16);
    box-shadow:0 10px 24px rgba(124,58,237,.12);
}

.dx-platform-final-path span::before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#7c3aed,#d946ef);
}

.dx-platform-final-path span:nth-child(1){left:7%;}
.dx-platform-final-path span:nth-child(2){left:35%;bottom:-2px;}
.dx-platform-final-path span:nth-child(3){left:63%;bottom:-2px;}
.dx-platform-final-path span:nth-child(4){left:91%;}

@keyframes dxImgFloat{
    0%,100%{transform:translateY(12px);}
    50%{transform:translateY(2px);}
}

@keyframes dxShapeFloat{
    0%,100%{transform:rotate(45deg) translateY(0);}
    50%{transform:rotate(45deg) translateY(-16px);}
}

@media(max-width:1400px){
    .dx-platform-final-section{padding:58px 0 96px !important;}
    .dx-platform-final-card{min-height:565px;padding:20px 24px 32px;}
    .dx-platform-final-card::before{height:235px;}
    .dx-platform-final-card::after{top:207px;}
    .dx-platform-final-art{height:270px;}
    .dx-platform-final-art img{max-width:278px;}
    .dx-platform-final-content h3{font-size:21.5px;}
    .dx-platform-final-content p{font-size:14px;}
    .dx-platform-final-content li{font-size:13.5px;}
}

@media(max-width:991px){
    .dx-platform-final-card{min-height:auto;}
    .dx-platform-final-art{height:280px;}
    .dx-platform-final-head h2{font-size:38px;}
}

@media(max-width:575px){
    .dx-platform-final-section{padding:45px 0 75px !important;}
    .dx-platform-final-head h2{font-size:30px;letter-spacing:-1px;}
    .dx-platform-final-head p{font-size:14px;}
}


/* V91 compact fixes */
.dx-platform-final-head{
    margin:0 auto 24px !important;
}

.dx-platform-final-head h2{
    font-size:clamp(34px,3vw,58px) !important;
    line-height:0.98 !important;
    margin-bottom:10px !important;
}

.dx-platform-final-head p{
    max-width:620px !important;
    font-size:15px !important;
    margin-top:10px !important;
}

.dx-platform-final-section{
    padding:40px 0 70px !important;
}

.dx-platform-final-card{
    min-height:unset !important;
    padding:18px 22px 24px !important;
    border-radius:26px !important;
}

.dx-platform-final-card::before{
    height:210px !important;
}

.dx-platform-final-card::after{
    top:188px !important;
    height:58px !important;
}

.dx-platform-final-art{
    height:235px !important;
    margin-bottom:8px !important;
}

.dx-platform-final-art img{
    max-width:255px !important;
}

.dx-platform-final-content h3{
    font-size:20px !important;
    margin-bottom:8px !important;
}

.dx-title-stroke{
    margin-bottom:12px !important;
}

.dx-platform-final-content p{
    font-size:13px !important;
    line-height:1.55 !important;
    margin-bottom:12px !important;
    min-height:78px;
}

.dx-platform-final-content ul{
    margin-bottom:0 !important;
}

.dx-platform-final-content li{
    font-size:13px !important;
    margin-bottom:8px !important;
}

.dx-platform-final-arrow{
    display:none !important;
}

.dx-platform-final-path{
    display:none !important;
}

@media(max-width:1400px){
    .dx-platform-final-art{
        height:215px !important;
    }
    .dx-platform-final-art img{
        max-width:235px !important;
    }
}



/* ===== HOME PAGE GLOBAL SMALL HEADER FIX ===== */

.hero-title,
.section-title h2,
.section-heading h2,
.dx-platform-final-head h2,
h1.display-title{
    font-size: clamp(36px, 3vw, 64px) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
    letter-spacing: -2px !important;
    margin-bottom: 12px !important;
}

.hero-title span,
.section-title h2 span,
.dx-platform-final-head h2 span{
    display:inline !important;
}

.hero-subtitle,
.section-subtitle{
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
}

@media(max-width:991px){

    .hero-title,
    .section-title h2,
    .section-heading h2,
    .dx-platform-final-head h2,
    h1.display-title{
        font-size: clamp(28px, 6vw, 42px) !important;
        line-height: 1.08 !important;
        letter-spacing: -1px !important;
    }

}




/* =========================================================
   V94 - ALL HOME HEADERS MEDIUM / H3 STYLE / LESS SPACE
   ========================================================= */

/* reduce all large section spacing */
section,
.section,
.home-section,
.about-section,
.services-section,
.technology-section,
.portfolio-section,
.dx-platform-final-section,
.dx-real-ref-section{
    padding-top: 42px !important;
    padding-bottom: 52px !important;
}

/* global compact heading system */
h1,
h2,
.hero-title,
.section-title,
.section-title h2,
.section-heading,
.section-heading h2,
.dx-platform-final-head h2,
.dx-real-ref-head h2,
.about-title,
.service-title,
.portfolio-title,
.tech-title,
.features-title,
.why-title,
.delivery-title,
.capability-title{
    font-size: clamp(26px, 2.35vw, 42px) !important;
    line-height: 1.12 !important;
    font-weight: 850 !important;
    letter-spacing: -0.8px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    max-width: 100% !important;
}

/* keep gradient words in one line instead of huge multi-line split */
h1 span,
h2 span,
.hero-title span,
.section-title span,
.section-title h2 span,
.section-heading h2 span,
.dx-platform-final-head h2 span,
.dx-real-ref-head h2 span{
    display: inline !important;
}

/* compact small uppercase labels */
.hero-subtitle,
.section-subtitle,
.section-kicker,
.dx-platform-final-badge,
.dx-real-kicker,
.badge-title,
.small-title,
.sub-title,
[class*="kicker"],
[class*="badge"]{
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 2.8px !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
}

/* section description compact */
.section-description,
.section-desc,
.hero-description,
.dx-platform-final-head p,
.dx-real-ref-head p,
.section-title p,
.section-heading p{
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    max-width: 760px !important;
}

/* reduce header block whitespace */
.dx-platform-final-head,
.dx-real-ref-head,
.section-title,
.section-heading,
.title-box,
.heading-box{
    margin-bottom: 24px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* specific current sections */
.dx-platform-final-section{
    padding-top: 34px !important;
    padding-bottom: 54px !important;
}

.dx-platform-final-head{
    margin-bottom: 24px !important;
}

.dx-platform-final-head h2{
    font-size: clamp(28px, 2.55vw, 46px) !important;
    line-height: 1.08 !important;
}

.dx-platform-final-divider{
    margin-top: 10px !important;
    transform: scale(.82);
}

/* delivery / stats heading like reference but smaller */
.delivery-strength h2,
.delivery-section h2,
.stats-section h2,
.counter-section h2,
.reliable-title,
.built-title{
    font-size: clamp(28px, 2.55vw, 46px) !important;
    line-height: 1.08 !important;
    font-weight: 850 !important;
}

/* suppress extra top/bottom blank scrolling area */
main > section:first-of-type,
.hero-section{
    padding-top: 42px !important;
}

main > section:last-of-type{
    padding-bottom: 48px !important;
}

/* prevent giant headings from forcing horizontal/vertical awkward scroll */
body{
    overflow-x: hidden !important;
}

@media(max-width: 991px){
    h1,
    h2,
    .hero-title,
    .section-title,
    .section-title h2,
    .section-heading h2,
    .dx-platform-final-head h2,
    .dx-real-ref-head h2{
        font-size: clamp(24px, 6vw, 34px) !important;
        line-height: 1.13 !important;
        letter-spacing: -0.4px !important;
    }

    section,
    .section,
    .dx-platform-final-section{
        padding-top: 32px !important;
        padding-bottom: 42px !important;
    }
}




/* ===================================================
   V95 FULL HOME FIX
   Header medium, section spacing compact, card height reduced
=================================================== */

html,
body{
    overflow-x:hidden !important;
}

/* global section spacing */
section,
.section,
.home-section,
.about-section,
.services-section,
.technology-section,
.portfolio-section,
.dx-platform-final-section,
.dx-real-ref-section{
    padding-top:5px !important;
    padding-bottom:58px !important;
}

/* all main headers medium H3-like style */
h1,
h2,
.hero-title,
.hero-section h1,
.section-title,
.section-title h2,
.section-heading,
.section-heading h2,
.dx-platform-final-head h2,
.dx-real-ref-head h2,
.about-title,
.service-title,
.portfolio-title,
.tech-title,
.features-title,
.why-title,
.delivery-title,
.capability-title{
    font-size:clamp(20px, 1.65vw, 30px) !important;
    line-height:1.08 !important;
    font-weight:850 !important;
    letter-spacing:-1px !important;
    margin-top:0 !important;
    margin-bottom:10px !important;
    max-width:100% !important;
}

/* keep gradient span inline */
h1 span,
h2 span,
.hero-title span,
.hero-section h1 span,
.section-title span,
.section-title h2 span,
.section-heading h2 span,
.dx-platform-final-head h2 span,
.dx-real-ref-head h2 span{
    display:inline !important;
}

/* subtitle/kicker */
.hero-subtitle,
.section-subtitle,
.section-kicker,
.dx-platform-final-badge,
.dx-real-kicker,
.badge-title,
.small-title,
.sub-title,
[class*="kicker"],
[class*="badge"]{
    font-size:11px !important;
    line-height:1.2 !important;
    letter-spacing:2.8px !important;
    font-weight:800 !important;
    margin-bottom:9px !important;
}

/* descriptions */
.section-description,
.section-desc,
.hero-description,
.dx-platform-final-head p,
.dx-real-ref-head p,
.section-title p,
.section-heading p{
    font-size:13px !important;
    line-height:1.45 !important;
    margin-top:6px !important;
    margin-bottom:0 !important;
    max-width:760px !important;
}

/* header blocks less space */
.dx-platform-final-head,
.dx-real-ref-head,
.section-title,
.section-heading,
.title-box,
.heading-box{
    margin-bottom:24px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* hero section compact */
.hero-section,
.dx-hero-section{
    min-height:auto !important;
    padding-top:82px !important;
    padding-bottom:54px !important;
}

.hero-section .row,
.dx-hero-section .row{
    align-items:center !important;
}

.hero-title,
.hero-section h1{
    font-size:clamp(36px, 3.4vw, 58px) !important;
    line-height:1.04 !important;
    margin-bottom:15px !important;
    letter-spacing:-1.8px !important;
}

.hero-description{
    font-size:15px !important;
    line-height:1.55 !important;
    max-width:680px !important;
    margin-bottom:20px !important;
}

/* carousel/workflow right card fix */
.workflow-card,
.smart-flow-card,
.hero-slide-card,
.hero-card,
.carousel-card{
    min-height:460px !important;
    padding:28px !important;
    border-radius:34px !important;
}

.workflow-card h2,
.smart-flow-card h2,
.hero-slide-card h2,
.carousel-card h2{
    font-size:clamp(28px, 2.4vw, 44px) !important;
    line-height:1.08 !important;
    margin-bottom:14px !important;
}

/* mini boxes */
.feature-mini-box,
.tech-box,
.info-box,
.hero-info-card,
.mini-card{
    min-height:98px !important;
    padding:18px 18px !important;
    border-radius:22px !important;
}

.feature-mini-box h4,
.tech-box h4,
.info-box h4,
.hero-info-card h4,
.mini-card h4{
    font-size:18px !important;
    margin-bottom:5px !important;
}

.feature-mini-box p,
.tech-box p,
.info-box p,
.hero-info-card p,
.mini-card p{
    font-size:12.5px !important;
    line-height:1.35 !important;
}

/* what makes section */
.what-makes-section,
.dx-real-ref-section{
    padding-top:42px !important;
    padding-bottom:54px !important;
}

.what-makes-section .section-title h2,
.dx-real-ref-head h2{
    font-size:clamp(30px, 2.65vw, 50px) !important;
    line-height:1.08 !important;
    margin-bottom:10px !important;
}

.what-makes-section .section-title p,
.dx-real-ref-head p{
    font-size:13px !important;
    margin-bottom:22px !important;
}

/* feature cards smaller */
.modern-card,
.feature-card,
.dx-real-card{
    min-height:520px !important;
    padding:22px !important;
    border-radius:28px !important;
}

.modern-card .icon-circle,
.feature-card .icon-circle{
    width:92px !important;
    height:92px !important;
    margin-bottom:18px !important;
}

.modern-card h3,
.feature-card h3,
.dx-real-content h3{
    font-size:22px !important;
    margin-bottom:8px !important;
    line-height:1.15 !important;
}

.modern-card p,
.feature-card p,
.dx-real-content p{
    font-size:13px !important;
    line-height:1.5 !important;
}

.modern-card ul li,
.feature-card ul li,
.dx-real-content li{
    font-size:13px !important;
    padding:6px 0 !important;
}

/* platform final card compact */
.dx-platform-final-section{
    padding-top:34px !important;
    padding-bottom:52px !important;
}

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

.dx-platform-final-head h2{
    font-size:clamp(30px, 2.65vw, 50px) !important;
    line-height:1.08 !important;
}

.dx-platform-final-divider{
    margin-top:10px !important;
    transform:scale(.82);
}

.dx-platform-final-card{
    min-height:unset !important;
    padding:18px 22px 24px !important;
    border-radius:26px !important;
}

.dx-platform-final-card::before{
    height:210px !important;
}

.dx-platform-final-card::after{
    top:188px !important;
    height:58px !important;
}

.dx-platform-final-art{
    height:215px !important;
    margin-bottom:8px !important;
}

.dx-platform-final-art img{
    max-width:235px !important;
}

.dx-platform-final-content h3{
    font-size:20px !important;
    margin-bottom:8px !important;
}

.dx-title-stroke{
    margin-bottom:12px !important;
}

.dx-platform-final-content p{
    font-size:13px !important;
    line-height:1.5 !important;
    margin-bottom:12px !important;
    min-height:66px !important;
}

.dx-platform-final-content li{
    font-size:13px !important;
    margin-bottom:7px !important;
}

.dx-platform-final-arrow,
.dx-platform-final-path{
    display:none !important;
}

/* delivery/stat section compact */
.delivery-strength h2,
.delivery-section h2,
.stats-section h2,
.counter-section h2,
.reliable-title,
.built-title{
    font-size:clamp(30px, 2.65vw, 50px) !important;
    line-height:1.08 !important;
    font-weight:850 !important;
}

.stats-card,
.delivery-card,
.counter-card{
    min-height:110px !important;
    padding:20px !important;
    border-radius:22px !important;
}

/* prevent white gap / top bug */
main > section:first-of-type{
    padding-top:42px !important;
}

main > section:last-of-type{
    padding-bottom:45px !important;
}

.container,
.container-fluid{
    overflow:visible !important;
}

.row{
    margin-left:0 !important;
    margin-right:0 !important;
}

/* responsive */
@media(max-width:991px){
    h1,
    h2,
    .hero-title,
    .hero-section h1,
    .section-title,
    .section-title h2,
    .section-heading h2,
    .dx-platform-final-head h2,
    .dx-real-ref-head h2{
        font-size:clamp(24px, 6vw, 34px) !important;
        line-height:1.12 !important;
        letter-spacing:-.4px !important;
    }

    section,
    .section,
    .dx-platform-final-section,
    .dx-real-ref-section{
        padding-top:32px !important;
        padding-bottom:42px !important;
    }

    .hero-section,
    .dx-hero-section{
        padding-top:70px !important;
        padding-bottom:42px !important;
    }

    .modern-card,
    .feature-card,
    .dx-real-card,
    .workflow-card,
    .smart-flow-card{
        min-height:auto !important;
    }

    .dx-platform-final-art{
        height:235px !important;
    }
}



/* =========================================================
   V96 HERO / SECOND CARD BUG FIX
   Restores proper top spacing, fixes second carousel card overlap,
   keeps hero clean and compact.
   ========================================================= */

/* navbar must stay above hero and not overlap first row */
.header,
.site-header,
.navbar,
.main-navbar,
.top-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(14px);
}

/* fix hero area starting under navbar */
.hero-section,
.dx-hero-section,
.home-hero,
.main-hero,
.banner-section{
    padding-top: 96px !important;
    padding-bottom: 70px !important;
    min-height: auto !important;
    overflow: hidden !important;
}

/* fix bug where badges touch navbar */
.hero-section .badge,
.hero-section .hero-badge,
.hero-section .pill,
.dx-hero-section .badge,
.dx-hero-section .hero-badge,
.dx-hero-section .pill{
    margin-top: 0 !important;
}

/* hero heading medium but readable */
.hero-section h1,
.dx-hero-section h1,
.hero-title{
    font-size: clamp(38px, 3.45vw, 62px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -1.6px !important;
    margin-bottom: 16px !important;
}

/* keep gradient part not too huge and not broken */
.hero-section h1 span,
.dx-hero-section h1 span,
.hero-title span{
    display: inline !important;
}

/* left hero text proper width */
.hero-section p,
.dx-hero-section p,
.hero-description{
    font-size: 15px !important;
    line-height: 1.55 !important;
    max-width: 760px !important;
}

/* RIGHT HERO CAROUSEL / STEP CARD FIX */
.hero-card,
.hero-slide-card,
.smart-flow-card,
.workflow-card,
.hero-carousel-card,
.carousel-card,
.hero-visual-card{
    position: relative !important;
    min-height: 520px !important;
    max-height: 560px !important;
    padding: 34px 38px !important;
    border-radius: 38px !important;
    overflow: hidden !important;
}

/* internal right-card grid must stay inside */
.hero-card .row,
.hero-slide-card .row,
.smart-flow-card .row,
.workflow-card .row,
.hero-carousel-card .row,
.carousel-card .row,
.hero-visual-card .row{
    align-items: center !important;
}

/* right card title smaller and contained */
.hero-card h2,
.hero-slide-card h2,
.smart-flow-card h2,
.workflow-card h2,
.hero-carousel-card h2,
.carousel-card h2,
.hero-visual-card h2{
    font-size: clamp(30px, 2.45vw, 46px) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    margin-bottom: 18px !important;
}

/* right side illustration/card content fix */
.hero-card img,
.hero-slide-card img,
.smart-flow-card img,
.workflow-card img,
.hero-carousel-card img,
.carousel-card img,
.hero-visual-card img{
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* carousel arrows stay bottom right and not overlap */
.carousel-control-prev,
.carousel-control-next,
.hero-slider-prev,
.hero-slider-next,
.slide-prev,
.slide-next{
    z-index: 20 !important;
}

/* hero tech chips must not create huge bottom blank */
.tech-strip,
.hero-tech-strip,
.hero-stack,
.stack-strip{
    margin-top: 28px !important;
    padding-top: 0 !important;
}

/* if hero carousel is Bootstrap, reduce excessive caption sizes */
.carousel-item{
    min-height: auto !important;
}

.carousel-inner{
    overflow: hidden !important;
}

/* Top part bug from V95: remove over-aggressive first-section compression */
main > section:first-of-type,
body > section:first-of-type{
    padding-top: 96px !important;
}

/* section headers after hero stay compact but visible */
section:not(.hero-section):not(.dx-hero-section) .section-title h2,
section:not(.hero-section):not(.dx-hero-section) .section-heading h2{
    font-size: clamp(25px,2.50vw,30px) !important;
    line-height: 1.1 !important;
}

/* desktop-only tighter hero layout */
@media (min-width: 1200px){
    .hero-section,
    .dx-hero-section,
    .home-hero,
    .main-hero{
        padding-top: 92px !important;
    }

    .hero-card,
    .hero-slide-card,
    .smart-flow-card,
    .workflow-card,
    .hero-carousel-card,
    .carousel-card,
    .hero-visual-card{
        min-height: 500px !important;
    }
}

@media (max-width: 991px){
    .hero-section,
    .dx-hero-section,
    .home-hero,
    .main-hero{
        padding-top: 78px !important;
        padding-bottom: 46px !important;
    }

    .hero-card,
    .hero-slide-card,
    .smart-flow-card,
    .workflow-card,
    .hero-carousel-card,
    .carousel-card,
    .hero-visual-card{
        min-height: auto !important;
        max-height: none !important;
        padding: 26px !important;
    }

    .hero-section h1,
    .dx-hero-section h1,
    .hero-title{
        font-size: clamp(30px, 7vw, 42px) !important;
        line-height: 1.08 !important;
    }
}



/* =========================================================
   V97 PLATFORM SECTION FINAL COMPACT + GLOSSY
   - Header forced one line on desktop
   - Cards smaller height
   - Font smaller
   - Glossy card surface
   ========================================================= */

.dx-platform-final-section{
    padding-top:32px !important;
    padding-bottom:50px !important;
}

/* header one line, medium size */
.dx-platform-final-head{
    margin-bottom:26px !important;
}

.dx-platform-final-head h2{
    font-size:clamp(32px, 3.05vw, 58px) !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-1.6px !important;
    max-width:1300px !important;
    white-space:normal !important;
}

@media(min-width:1200px){
    .dx-platform-final-head h2{
        white-space:nowrap !important;
        font-size:clamp(40px, 3.15vw, 60px) !important;
    }
}

.dx-platform-final-head h2 span{
    display:inline !important;
}

.dx-platform-final-head p{
    font-size:14px !important;
    line-height:1.45 !important;
    margin-top:10px !important;
}

.dx-platform-final-badge{
    font-size:13px !important;
    margin-bottom:12px !important;
}

.dx-platform-final-divider{
    margin-top:12px !important;
    transform:scale(.80);
}

/* compact row */
.dx-platform-final-row{
    --bs-gutter-x:1.25rem !important;
    --bs-gutter-y:1.25rem !important;
}

/* glossy smaller cards */
.dx-platform-final-card{
    min-height:505px !important;
    height:505px !important;
    padding:16px 20px 22px !important;
    border-radius:25px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.90) 52%, rgba(248,241,255,.96) 100%) !important;
    border:1px solid rgba(162,119,255,.38) !important;
    box-shadow:
        0 22px 48px rgba(104,55,190,.12),
        0 7px 18px rgba(104,55,190,.07),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(139,92,246,.06) !important;
}

.dx-platform-final-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:
        0 32px 70px rgba(104,55,190,.18),
        0 14px 28px rgba(104,55,190,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* glossy shine overlay */
.dx-platform-final-card::before{
    height:178px !important;
    inset:10px 10px auto !important;
    border-radius:22px !important;
    background:
        linear-gradient(110deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.30) 42%, rgba(217,70,239,.08) 68%, rgba(255,255,255,.65) 100%),
        radial-gradient(circle at 70% 18%, rgba(217,70,239,.15), transparent 34%),
        radial-gradient(circle at 50% 72%, rgba(124,58,237,.11), transparent 44%) !important;
}

.dx-platform-final-card::after{
    top:166px !important;
    height:45px !important;
    width:76% !important;
    opacity:.55 !important;
}

/* icons compact */
.dx-platform-final-icon{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
    left:22px !important;
    top:22px !important;
    font-size:21px !important;
    box-shadow:
        0 16px 30px rgba(124,58,237,.30),
        0 0 0 8px rgba(124,58,237,.06) !important;
}

.dx-platform-final-no{
    top:18px !important;
    right:18px !important;
    min-width:43px !important;
    height:30px !important;
    font-size:13px !important;
    border-radius:12px !important;
}

/* image area smaller */
.dx-platform-final-art{
    height:205px !important;
    margin:0 -4px 10px !important;
}

.dx-platform-final-art img{
    max-width:225px !important;
    transform:translateY(8px) !important;
    filter:
        drop-shadow(0 18px 24px rgba(124,58,237,.15))
        saturate(1.08)
        contrast(1.03) !important;
}

.dx-platform-final-card:hover .dx-platform-final-art img{
    transform:translateY(0) scale(1.025) !important;
}

/* content smaller and controlled */
.dx-platform-final-content h3{
    font-size:19px !important;
    line-height:1.13 !important;
    font-weight:900 !important;
    margin-bottom:7px !important;
    letter-spacing:-.35px !important;
}

.dx-title-stroke{
    width:45px !important;
    height:3px !important;
    margin-bottom:10px !important;
}

.dx-platform-final-content p{
    font-size:12.8px !important;
    line-height:1.47 !important;
    margin-bottom:10px !important;
    min-height:58px !important;
    color:#53617f !important;
}

.dx-platform-final-content ul{
    margin-top:0 !important;
}

.dx-platform-final-content li{
    font-size:12.6px !important;
    line-height:1.22 !important;
    margin-bottom:6px !important;
    gap:8px !important;
}

.dx-platform-final-content li i{
    width:16px !important;
    height:16px !important;
    flex-basis:16px !important;
    font-size:8px !important;
}

/* remove bottom arrows and path */
.dx-platform-final-arrow,
.dx-platform-final-path{
    display:none !important;
}

/* fix "What makes" cards too big from image 1 */
.dx-real-ref-section{
    padding-top:34px !important;
    padding-bottom:48px !important;
}

.dx-real-ref-head h2{
    font-size:clamp(30px,2.7vw,50px) !important;
    line-height:1.06 !important;
    white-space:nowrap !important;
}

.dx-real-ref-head h2 span{
    display:inline !important;
}

.dx-real-card,
.modern-card,
.feature-card{
    min-height:450px !important;
    height:auto !important;
    padding:22px 24px !important;
}

.dx-real-card .icon-circle,
.modern-card .icon-circle,
.feature-card .icon-circle{
    width:86px !important;
    height:86px !important;
}

.dx-real-content h3,
.modern-card h3,
.feature-card h3{
    font-size:21px !important;
}

.dx-real-content p,
.modern-card p,
.feature-card p{
    font-size:13px !important;
}

/* desktop card exact compact */
@media(min-width:1200px){
    .dx-platform-final-card{
        min-height:485px !important;
        height:485px !important;
    }

    .dx-platform-final-art{
        height:195px !important;
    }

    .dx-platform-final-art img{
        max-width:215px !important;
    }
}

@media(max-width:1199px){
    .dx-platform-final-card{
        min-height:auto !important;
        height:auto !important;
    }
}

@media(max-width:991px){
    .dx-platform-final-head h2,
    .dx-real-ref-head h2{
        white-space:normal !important;
        font-size:clamp(26px,6vw,38px) !important;
    }

    .dx-platform-final-art{
        height:230px !important;
    }

    .dx-platform-final-art img{
        max-width:260px !important;
    }
}



/* =========================================================
   V98 SMALL H4 STYLE HEADERS
   ========================================================= */

.dx-platform-final-content h3,
.dx-platform-final-content h4,
.feature-card h3,
.feature-card h4,
.modern-card h3,
.modern-card h4{
    font-size:15px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-0.2px !important;
    margin-bottom:6px !important;
}

/* force compact look */
.dx-platform-final-content p{
    font-size:11.8px !important;
    line-height:1.42 !important;
}

.dx-platform-final-content li{
    font-size:11.8px !important;
    line-height:1.15 !important;
}

.dx-platform-final-card{
    min-height:445px !important;
    height:445px !important;
}

.dx-platform-final-art{
    height:175px !important;
}

.dx-platform-final-art img{
    max-width:200px !important;
}

@media(max-width:991px){
    .dx-platform-final-card{
        min-height:auto !important;
        height:auto !important;
    }
}



/* =========================================================
   V99 ULTRA GLOSSY CARD EFFECT
   ========================================================= */

.dx-platform-final-card,
.feature-card,
.modern-card{
    position:relative !important;
    overflow:hidden !important;
    background:
        linear-gradient(145deg,
        rgba(255,255,255,0.98) 0%,
        rgba(255,255,255,0.92) 35%,
        rgba(248,239,255,0.96) 100%) !important;
    border:1px solid rgba(171,110,255,0.28) !important;
    box-shadow:
        0 10px 30px rgba(167,88,255,0.10),
        0 20px 60px rgba(203,120,255,0.12),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
    backdrop-filter:blur(18px) !important;
}

/* glossy shine layer */
.dx-platform-final-card::before,
.feature-card::before,
.modern-card::before{
    content:'';
    position:absolute;
    top:-40%;
    left:-20%;
    width:70%;
    height:180%;
    background:linear-gradient(
        115deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.55) 45%,
        rgba(255,255,255,0.02) 70%
    );
    transform:rotate(18deg);
    pointer-events:none;
    opacity:.9;
}

/* bottom glow */
.dx-platform-final-card::after,
.feature-card::after,
.modern-card::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:-55px;
    transform:translateX(-50%);
    width:75%;
    height:120px;
    background:radial-gradient(circle,
    rgba(201,106,255,0.26),
    rgba(255,255,255,0));
    filter:blur(18px);
    pointer-events:none;
}

/* glossy hover */
.dx-platform-final-card:hover,
.feature-card:hover,
.modern-card:hover{
    transform:translateY(-6px) scale(1.01) !important;
    box-shadow:
        0 16px 40px rgba(167,88,255,0.18),
        0 30px 80px rgba(203,120,255,0.20),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* image glow */
.dx-platform-final-art img,
.feature-card img,
.modern-card img{
    filter:
        drop-shadow(0 10px 22px rgba(168,76,255,0.25))
        drop-shadow(0 0 18px rgba(214,117,255,0.22));
}

/* glossy icon box */
.dx-platform-final-icon,
.feature-icon{
    box-shadow:
        0 12px 25px rgba(168,76,255,0.30),
        inset 0 2px 5px rgba(255,255,255,0.35) !important;
}



/* =========================================================
   V100 HERO GAP FIX
   ========================================================= */

/* remove huge top spacing */
.hero-section,
.banner-section,
.main-banner,
.home-banner,
.hero-area,
.dx-hero{
    padding-top:28px !important;
    margin-top:0 !important;
    min-height:auto !important;
}

/* tighter first fold */
.hero-content,
.banner-content{
    padding-top:10px !important;
}

/* navbar compact */
header,
.navbar,
.header-area{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* remove extra white empty area */
section:first-of-type{
    margin-top:0 !important;
}

/* compact hero overall height */
.hero-wrapper,
.banner-wrapper{
    min-height:640px !important;
}

/* responsive */
@media(max-width:991px){
    .hero-wrapper,
    .banner-wrapper{
        min-height:auto !important;
    }
}



/* =========================================================
   V101 FINAL TOP GAP REMOVE
   ========================================================= */

html,body{
    margin:0 !important;
    padding:0 !important;
}

/* exact fix */
.hero-section,
.banner-section,
.main-banner,
.hero-area,
.home-banner,
.dx-hero,
section.hero{
    padding-top:0 !important;
    margin-top:-2px !important;
}

/* remove hidden spacer */
.hero-top-space,
.banner-top-space,
.top-gap,
.hero-spacer{
    display:none !important;
    height:0 !important;
}

/* section container */
.hero-wrapper,
.banner-wrapper{
    padding-top:12px !important;
    margin-top:0 !important;
}

/* navbar bottom gap */
.header-area,
.navbar-area,
.navbar{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* remove first white strip */
body > section:first-of-type{
    margin-top:0 !important;
    padding-top:10px !important;
}


/* =========================================================
   V102 FINAL OVERRIDE - NO TOP GAP
   This overrides the old bad rule:
   main > section:first-of-type { padding-top:96px }
   ========================================================= */
main > section:first-of-type,
body > section:first-of-type,
.hero-section,
.dx-hero-section,
.home-hero,
.main-hero,
.banner-section{
    padding-top: 0 !important;
    margin-top: 0 !important;
}




/* =========================================================
   V103 HERO LAYOUT BUG FIX
   ========================================================= */

.hero-right-card,
.banner-right-card,
.workflow-card,
.hero-slide-card{
    max-width:760px !important;
    width:100% !important;
    min-height:520px !important;
    padding:34px !important;
    border-radius:34px !important;
    overflow:hidden !important;
}

.hero-right-card h2,
.banner-right-card h2,
.workflow-card h2,
.hero-slide-card h2{
    font-size:30px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    margin-bottom:18px !important;
}

.hero-right-card p,
.banner-right-card p{
    font-size:14px !important;
    line-height:1.7 !important;
}

.tech-stack-row,
.tech-badges,
.hero-tech-stack{
    margin-top:26px !important;
    position:relative !important;
    z-index:2 !important;
}

.hero-section,
.banner-section{
    padding-bottom:30px !important;
}

@media(max-width:991px){

    .hero-right-card,
    .banner-right-card,
    .workflow-card,
    .hero-slide-card{
        min-height:auto !important;
        padding:24px !important;
    }

    .hero-right-card h2,
    .banner-right-card h2{
        font-size:22px !important;
    }
}


/* ============================================
   V104 TOP GAP FIX
============================================ */

/* remove extra white gap below navbar */
.hero-section,
.banner-section,
main section:first-child{
    margin-top:0 !important;
    padding-top:24px !important;
}

/* remove unwanted spacer */
.hero-top-space,
.banner-top-space,
.top-space{
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* navbar spacing */
header + section,
.navbar + section{
    margin-top:0 !important;
}

/* compact first fold */
.hero-wrapper{
    padding-top:10px !important;
}



/* =========================================================
   V105 REAL HERO-V8 TOP GAP FIX
   Actual home section class is:
   <section class="hero premium-hero hero-v8">
   ========================================================= */

.hero.premium-hero.hero-v8,
.premium-hero.hero-v8,
.hero-v8{
    padding-top: 30px !important;
    margin-top: 0 !important;
}

/* remove old premium hero top padding */
.premium-hero{
    padding-top: 30px !important;
}

/* keep header tight above hero */
.glass-nav,
.navbar,
header{
    margin-bottom: 0 !important;
}

/* first row starts immediately */
.hero-v8 .container,
.hero-v8 .row{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* badge closer to navbar */
.hero-v8 .hero-badge{
    margin-top: 0 !important;
}

/* keep section height normal after moving up */
.hero-v8{
    padding-bottom: 58px !important;
}

@media(max-width:991px){
    .hero.premium-hero.hero-v8,
    .premium-hero.hero-v8,
    .hero-v8,
    .premium-hero{
        padding-top: 24px !important;
    }
}



/* =========================================================
   V106 PREMIUM HEADING REPLACEMENT
   ========================================================= */

.dx-core-premium-heading,
.section-heading.dx-core-premium-heading{
    position:relative;
    z-index:5;
    text-align:center !important;
    margin-bottom:58px !important;
    padding-top:10px !important;
}

.dx-core-premium-heading .mini-badge{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:14px;
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:3px;
    color:#7c3aed;
    margin-bottom:18px;
    text-transform:uppercase;
}

.dx-core-premium-heading .mini-badge span{
    width:7px;
    height:7px;
    border-radius:2px;
    background:linear-gradient(135deg,#6d28d9,#d946ef);
    transform:rotate(45deg);
    box-shadow:0 0 16px rgba(124,58,237,.35);
}

.dx-core-premium-heading .main-heading{
    font-size:clamp(42px,4.7vw,72px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:#0f172a !important;
    margin:0 0 24px !important;
    letter-spacing:-2.2px !important;
    text-transform:none !important;
}

.dx-core-premium-heading .main-heading span{
    background:linear-gradient(90deg,#5b2ff0 0%,#7c3aed 34%,#d946ef 68%,#6366f1 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
}

.dx-core-premium-heading .heading-subtext{
    max-width:920px;
    margin:0 auto !important;
    font-size:22px !important;
    line-height:1.65 !important;
    color:#596783 !important;
    font-weight:500 !important;
}

.dx-core-premium-heading .heading-subtext span{
    color:#7c3aed !important;
    font-weight:800 !important;
}

@media(max-width:1199px){
    .dx-core-premium-heading .main-heading{
        font-size:50px !important;
    }
    .dx-core-premium-heading .heading-subtext{
        font-size:18px !important;
    }
}

@media(max-width:767px){
    .dx-core-premium-heading{
        margin-bottom:34px !important;
    }
    .dx-core-premium-heading .mini-badge{
        font-size:11px;
        letter-spacing:2px;
        gap:10px;
    }
    .dx-core-premium-heading .main-heading{
        font-size:32px !important;
        line-height:1.16 !important;
        letter-spacing:-.8px !important;
    }
    .dx-core-premium-heading .heading-subtext{
        font-size:15px !important;
        line-height:1.6 !important;
        padding:0 12px;
    }
}



/* =========================================================
   V107 RESTORE COMPACT FEATURE CARDS
   ========================================================= */

.dx-core-premium-heading{
    margin-bottom:40px !important;
}

.dx-core-premium-heading .main-heading{
    font-size:clamp(38px,4vw,62px) !important;
    line-height:1.08 !important;
}

.dx-core-premium-heading .heading-subtext{
    font-size:18px !important;
    max-width:820px !important;
}

/* restore compact 4 cards */
.what-makes-card,
.capability-card,
.feature-card-modern{
    border-radius:34px !important;
    padding:38px 26px !important;
    min-height:520px !important;
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(147,51,234,.12) !important;
    box-shadow:
        0 20px 50px rgba(124,58,237,.08),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    position:relative;
    overflow:hidden;
    transition:all .35s ease;
}

.what-makes-card:hover,
.capability-card:hover,
.feature-card-modern:hover{
    transform:translateY(-8px);
    box-shadow:
        0 30px 70px rgba(124,58,237,.14),
        0 0 40px rgba(217,70,239,.10) !important;
}

.what-makes-card::before,
.capability-card::before,
.feature-card-modern::before{
    content:'';
    position:absolute;
    top:0;
    left:18%;
    width:64%;
    height:5px;
    border-radius:0 0 14px 14px;
    background:linear-gradient(90deg,#7c3aed,#d946ef,#6366f1);
}

.what-makes-card h3,
.capability-card h3,
.feature-card-modern h3{
    font-size:18px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    margin-top:18px !important;
    margin-bottom:10px !important;
}

.what-makes-card p,
.capability-card p,
.feature-card-modern p{
    font-size:13px !important;
    line-height:1.75 !important;
    color:#64748b !important;
}

.what-makes-card ul li,
.capability-card ul li,
.feature-card-modern ul li{
    font-size:13px !important;
    margin-bottom:10px !important;
}

.what-makes-card img,
.capability-card img,
.feature-card-modern img{
    max-width:150px !important;
    margin:auto !important;
    display:block;
    filter:drop-shadow(0 16px 34px rgba(124,58,237,.25));
}

@media(max-width:991px){
    .what-makes-card,
    .capability-card,
    .feature-card-modern{
        min-height:auto !important;
        margin-bottom:24px !important;
    }
}


/* V108 horizontal core capabilities cards */
.dx-core-premium-heading{margin-bottom:44px!important}
.dx-core-premium-heading .main-heading{font-size:clamp(40px,4.4vw,64px)!important;line-height:1.08!important;letter-spacing:-1.8px!important}
.dx-core-premium-heading .heading-subtext{font-size:20px!important;line-height:1.65!important;max-width:930px!important}
.dx-core-grid{width:min(1500px,92%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;position:relative;z-index:4}
.dx-core-card{min-height:210px;display:grid;grid-template-columns:150px 1fr 1px 1.05fr;align-items:center;gap:28px;padding:34px 42px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.88));border:1px solid rgba(124,58,237,.16);box-shadow:0 18px 45px rgba(30,27,75,.08),inset 0 1px 0 rgba(255,255,255,.95);position:relative;overflow:hidden;transition:.35s ease;animation:dxSoftRise 6s ease-in-out infinite}
.dx-core-card:nth-child(2){animation-delay:.4s}.dx-core-card:nth-child(3){animation-delay:.8s}.dx-core-card:nth-child(4){animation-delay:1.2s}
.dx-core-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#6d28d9,#7c3aed,#d946ef,#6366f1)}
.dx-core-card:after{content:"";position:absolute;top:-50%;left:-35%;width:35%;height:220%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);opacity:0;transition:.55s ease}
.dx-core-card:hover{transform:translateY(-8px);animation-play-state:paused;box-shadow:0 28px 70px rgba(124,58,237,.14),inset 0 1px 0 #fff}
.dx-core-card:hover:after{left:105%;opacity:1}
.dx-core-icon{width:126px;height:126px;border-radius:50%;display:flex;align-items:center;justify-content:center;justify-self:center;background:radial-gradient(circle at 28% 24%,#c084fc 0%,#7c3aed 52%,#4c1d95 100%);box-shadow:0 22px 45px rgba(124,58,237,.24),0 0 0 24px rgba(124,58,237,.055),inset 0 1px 0 rgba(255,255,255,.36);color:#fff;font-size:48px}
.dx-core-content h3{font-size:28px;line-height:1.18;font-weight:900;margin:0 0 10px;color:#0f172a;letter-spacing:-.4px}
.dx-core-content span{display:block;width:42px;height:3px;border-radius:20px;margin:0 0 16px;background:linear-gradient(90deg,#6d28d9,#d946ef)}
.dx-core-content p{font-size:17px;line-height:1.62;color:#4f5f7d;margin:0;font-weight:500}
.dx-core-divider{width:1px;height:126px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.22),transparent)}
.dx-core-card ul{margin:0;padding:0;list-style:none;display:grid;gap:18px}
.dx-core-card li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;color:#0f172a}
.dx-core-card li i{width:25px;height:25px;min-width:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #7c3aed;color:#7c3aed;font-size:11px;background:#fff;box-shadow:0 8px 18px rgba(124,58,237,.10)}
@keyframes dxSoftRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.dx-core-grid + .row,.dx-core-grid + .features-row,.dx-core-grid + .capability-row{display:none!important}
@media(max-width:1199px){.dx-core-grid{grid-template-columns:1fr}.dx-core-card{grid-template-columns:120px 1fr 1px 1fr}.dx-core-icon{width:104px;height:104px;font-size:38px}}
@media(max-width:767px){.dx-core-premium-heading .main-heading{font-size:32px!important}.dx-core-premium-heading .heading-subtext{font-size:15px!important}.dx-core-card{grid-template-columns:1fr;text-align:center;gap:18px;padding:28px 22px;min-height:auto}.dx-core-divider{width:100%;height:1px}.dx-core-content span{margin-left:auto;margin-right:auto}.dx-core-card ul{max-width:280px;margin:auto;text-align:left}}

/* V108 horizontal core capabilities cards */
.dx-core-premium-heading{margin-bottom:44px!important}
.dx-core-premium-heading .main-heading{font-size:clamp(40px,4.4vw,64px)!important;line-height:1.08!important;letter-spacing:-1.8px!important}
.dx-core-premium-heading .heading-subtext{font-size:20px!important;line-height:1.65!important;max-width:930px!important}
.dx-core-grid{width:min(1500px,92%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;position:relative;z-index:4}
.dx-core-card{min-height:210px;display:grid;grid-template-columns:150px 1fr 1px 1.05fr;align-items:center;gap:28px;padding:34px 42px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.88));border:1px solid rgba(124,58,237,.16);box-shadow:0 18px 45px rgba(30,27,75,.08),inset 0 1px 0 rgba(255,255,255,.95);position:relative;overflow:hidden;transition:.35s ease;animation:dxSoftRise 6s ease-in-out infinite}
.dx-core-card:nth-child(2){animation-delay:.4s}.dx-core-card:nth-child(3){animation-delay:.8s}.dx-core-card:nth-child(4){animation-delay:1.2s}
.dx-core-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#6d28d9,#7c3aed,#d946ef,#6366f1)}
.dx-core-card:after{content:"";position:absolute;top:-50%;left:-35%;width:35%;height:220%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);opacity:0;transition:.55s ease}
.dx-core-card:hover{transform:translateY(-8px);animation-play-state:paused;box-shadow:0 28px 70px rgba(124,58,237,.14),inset 0 1px 0 #fff}
.dx-core-card:hover:after{left:105%;opacity:1}
.dx-core-icon{width:126px;height:126px;border-radius:50%;display:flex;align-items:center;justify-content:center;justify-self:center;background:radial-gradient(circle at 28% 24%,#c084fc 0%,#7c3aed 52%,#4c1d95 100%);box-shadow:0 22px 45px rgba(124,58,237,.24),0 0 0 24px rgba(124,58,237,.055),inset 0 1px 0 rgba(255,255,255,.36);color:#fff;font-size:48px}
.dx-core-content h3{font-size:28px;line-height:1.18;font-weight:900;margin:0 0 10px;color:#0f172a;letter-spacing:-.4px}
.dx-core-content span{display:block;width:42px;height:3px;border-radius:20px;margin:0 0 16px;background:linear-gradient(90deg,#6d28d9,#d946ef)}
.dx-core-content p{font-size:17px;line-height:1.62;color:#4f5f7d;margin:0;font-weight:500}
.dx-core-divider{width:1px;height:126px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.22),transparent)}
.dx-core-card ul{margin:0;padding:0;list-style:none;display:grid;gap:18px}
.dx-core-card li{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:700;color:#0f172a}
.dx-core-card li i{width:25px;height:25px;min-width:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid #7c3aed;color:#7c3aed;font-size:11px;background:#fff;box-shadow:0 8px 18px rgba(124,58,237,.10)}
@keyframes dxSoftRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1199px){.dx-core-grid{grid-template-columns:1fr}.dx-core-card{grid-template-columns:120px 1fr 1px 1fr}.dx-core-icon{width:104px;height:104px;font-size:38px}}
@media(max-width:767px){.dx-core-premium-heading .main-heading{font-size:32px!important}.dx-core-premium-heading .heading-subtext{font-size:15px!important}.dx-core-card{grid-template-columns:1fr;text-align:center;gap:18px;padding:28px 22px;min-height:auto}.dx-core-divider{width:100%;height:1px}.dx-core-content span{margin-left:auto;margin-right:auto}.dx-core-card ul{max-width:280px;margin:auto;text-align:left}}


/* =========================================================
   V109 COMPACT HORIZONTAL CORE CARDS
   Small height, glossy border, one-line headings/subtext
   ========================================================= */

.dx-core-premium-heading{
    margin-bottom:28px !important;
}

.dx-core-premium-heading .main-heading{
    font-size:clamp(30px,3.25vw,46px) !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.dx-core-premium-heading .heading-subtext{
    font-size:16px !important;
    line-height:1.5 !important;
    max-width:1040px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.dx-core-grid{
    width:min(1450px,90%) !important;
    gap:20px !important;
}

.dx-core-card{
    min-height:154px !important;
    grid-template-columns:108px 1.05fr 1px 1.15fr !important;
    gap:20px !important;
    padding:24px 34px !important;
    border-radius:20px !important;
    border:1px solid rgba(124,58,237,.22) !important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.90)),
        radial-gradient(circle at 10% 10%,rgba(168,85,247,.08),transparent 35%),
        radial-gradient(circle at 92% 100%,rgba(217,70,239,.08),transparent 40%) !important;
    box-shadow:
        0 14px 36px rgba(77,37,162,.08),
        0 2px 0 rgba(124,58,237,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card::before{
    height:4px !important;
    background:linear-gradient(90deg,#6d28d9,#c026d3,#3b82f6) !important;
}

.dx-core-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(124,58,237,.35) !important;
    box-shadow:
        0 20px 48px rgba(124,58,237,.14),
        0 0 0 1px rgba(217,70,239,.10),
        inset 0 1px 0 #fff !important;
}

.dx-core-icon{
    width:88px !important;
    height:88px !important;
    font-size:34px !important;
    box-shadow:
        0 14px 30px rgba(124,58,237,.22),
        0 0 0 16px rgba(124,58,237,.055),
        inset 0 1px 0 rgba(255,255,255,.42) !important;
}

.dx-core-content h3{
    font-size:24px !important;
    line-height:1.08 !important;
    margin-bottom:8px !important;
    white-space:nowrap !important;
}

.dx-core-content span{
    width:44px !important;
    height:3px !important;
    margin-bottom:12px !important;
}

.dx-core-content p{
    font-size:14px !important;
    line-height:1.45 !important;
    max-width:320px !important;
}

.dx-core-divider{
    height:92px !important;
}

.dx-core-card ul{
    gap:12px !important;
}

.dx-core-card li{
    font-size:14px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    gap:11px !important;
}

.dx-core-card li i{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:10px !important;
    border-width:2px !important;
}

@media(max-width:1199px){
    .dx-core-grid{
        width:min(980px,92%) !important;
        grid-template-columns:1fr !important;
    }
    .dx-core-card{
        grid-template-columns:90px 1fr 1px 1.2fr !important;
    }
}

@media(max-width:767px){
    .dx-core-premium-heading .heading-subtext{
        white-space:normal !important;
    }
    .dx-core-card{
        grid-template-columns:1fr !important;
        min-height:auto !important;
        text-align:center !important;
    }
    .dx-core-card li{
        white-space:normal !important;
    }
}


/* =========================================================
   V110 FINAL FIX
   - Heading one line
   - Sub heading one line
   - Smaller card font
   - Smooth hover
   - Animated glossy border
   ========================================================= */

.dx-core-premium-heading{
    padding-top:18px !important;
    margin-bottom:34px !important;
}

.dx-core-premium-heading .section-badge,
.dx-core-premium-heading .small-label,
.dx-core-premium-heading .eyebrow{
    font-size:13px !important;
    letter-spacing:5px !important;
    line-height:1 !important;
}

.dx-core-premium-heading .main-heading{
    font-size:clamp(34px,3.7vw,56px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1.4px !important;
    max-width:1540px !important;
    width:100% !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    margin:14px auto 18px !important;
}

.dx-core-premium-heading .heading-subtext{
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    max-width:1180px !important;
    width:100% !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.dx-core-grid{
    width:min(1500px,88%) !important;
    gap:22px !important;
}

.dx-core-card{
    min-height:142px !important;
    grid-template-columns:96px 1.08fr 1px 1.15fr !important;
    gap:18px !important;
    padding:20px 30px !important;
    border-radius:19px !important;
    border:1px solid rgba(126,72,255,.18) !important;
    background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        linear-gradient(115deg,#6737ff,#d946ef,#4f8dff,#7c3aed) border-box !important;
    box-shadow:
        0 12px 34px rgba(55,35,120,.07),
        0 3px 0 rgba(124,58,237,.12),
        inset 0 1px 0 rgba(255,255,255,1) !important;
    position:relative !important;
    isolation:isolate !important;
    animation:dxSoftFloat 7s ease-in-out infinite, dxBorderFlow 5s linear infinite !important;
    background-size:100% 100%,300% 300% !important;
}

.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:4px !important;
    background:linear-gradient(90deg,#6d28d9,#d946ef,#3b82f6,#6d28d9) !important;
    background-size:260% 100% !important;
    animation:dxLineMove 3.8s linear infinite !important;
    z-index:2 !important;
}

.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    inset:-40% auto auto -35% !important;
    width:30% !important;
    height:190% !important;
    background:linear-gradient(115deg,transparent,rgba(255,255,255,.70),transparent) !important;
    transform:rotate(18deg) !important;
    opacity:0 !important;
    transition:all .75s cubic-bezier(.2,.8,.2,1) !important;
    z-index:1 !important;
    pointer-events:none !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) scale(1.012) !important;
    border-color:transparent !important;
    box-shadow:
        0 22px 54px rgba(124,58,237,.16),
        0 8px 22px rgba(59,130,246,.08),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card:hover::after{
    left:112% !important;
    opacity:1 !important;
}

.dx-core-icon{
    width:78px !important;
    height:78px !important;
    font-size:30px !important;
    box-shadow:
        0 12px 26px rgba(124,58,237,.20),
        0 0 0 14px rgba(124,58,237,.045),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.dx-core-content h3{
    font-size:22px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    margin:0 0 7px !important;
    white-space:nowrap !important;
    letter-spacing:-.35px !important;
}

.dx-core-content span{
    width:38px !important;
    height:3px !important;
    margin:0 0 10px !important;
}

.dx-core-content p{
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#56647f !important;
    margin:0 !important;
}

.dx-core-divider{
    height:80px !important;
    background:linear-gradient(180deg,transparent,rgba(124,58,237,.18),transparent) !important;
}

.dx-core-card ul{
    gap:10px !important;
}

.dx-core-card li{
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    color:#10172d !important;
    gap:10px !important;
}

.dx-core-card li i{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    font-size:9px !important;
    border-width:2px !important;
}

@keyframes dxBorderFlow{
    0%{background-position:0 0,0% 50%}
    50%{background-position:0 0,100% 50%}
    100%{background-position:0 0,0% 50%}
}

@keyframes dxLineMove{
    0%{background-position:0% 50%}
    100%{background-position:260% 50%}
}

@keyframes dxSoftFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-3px)}
}

/* keep card hover stronger than float */
.dx-core-card:hover{
    animation-play-state:paused,running,running !important;
}

/* large laptop safety */
@media(max-width:1500px){
    .dx-core-premium-heading .main-heading{
        font-size:clamp(30px,3.2vw,48px) !important;
    }
    .dx-core-premium-heading .heading-subtext{
        font-size:15px !important;
    }
}

/* tablet: allow heading to wrap only when required */
@media(max-width:1199px){
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .heading-subtext{
        white-space:normal !important;
    }
    .dx-core-grid{
        width:min(980px,92%) !important;
        grid-template-columns:1fr !important;
    }
    .dx-core-card{
        grid-template-columns:82px 1fr 1px 1.18fr !important;
    }
}

/* mobile */
@media(max-width:767px){
    .dx-core-premium-heading .main-heading{
        font-size:30px !important;
    }
    .dx-core-premium-heading .heading-subtext{
        font-size:14px !important;
    }
    .dx-core-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
        padding:24px 18px !important;
        min-height:auto !important;
    }
    .dx-core-content span{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .dx-core-divider{
        width:100% !important;
        height:1px !important;
    }
    .dx-core-card li{
        white-space:normal !important;
    }
}


/* =========================================================
   V111 HEADER ALIGN + EXTRA GLOSSY EFFECT
   ========================================================= */

.capability-section,
.core-capability-section{
    text-align:center !important;
}

.dx-core-premium-heading{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    margin-bottom:40px !important;
}

.dx-core-premium-heading .main-heading{
    font-size:clamp(30px,3vw,48px) !important;
    line-height:1.08 !important;
    text-align:center !important;
    max-width:1500px !important;
    margin:12px auto 18px !important;
    letter-spacing:-1.3px !important;
}

.dx-core-premium-heading .heading-subtext{
    font-size:15px !important;
    line-height:1.5 !important;
    text-align:center !important;
    max-width:1100px !important;
    margin:0 auto !important;
}

.dx-core-grid{
    width:min(1580px,90%) !important;
}

.dx-core-card{
    overflow:hidden !important;
    position:relative !important;
    border-radius:24px !important;
    border:1px solid rgba(164,94,255,.18) !important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92)) padding-box,
        linear-gradient(135deg,#7c3aed,#d946ef,#60a5fa,#7c3aed) border-box !important;
    background-size:100% 100%,300% 300% !important;
    box-shadow:
        0 20px 50px rgba(124,58,237,.10),
        0 8px 20px rgba(96,165,250,.07),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -8px 30px rgba(217,70,239,.03) !important;
    animation:
        dxGlossyGradient 8s linear infinite,
        dxFloating 7s ease-in-out infinite !important;
    transition:all .55s cubic-bezier(.22,1,.36,1) !important;
}

.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:-120% !important;
    width:70% !important;
    height:100% !important;
    background:linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,.10) 25%,
        rgba(255,255,255,.65) 48%,
        rgba(255,255,255,.08) 70%,
        transparent 100%
    ) !important;
    transform:skewX(-20deg) !important;
    animation:dxShineMove 6s linear infinite !important;
    z-index:2 !important;
    pointer-events:none !important;
}

.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:24px !important;
    padding:1px !important;
    background:linear-gradient(135deg,
        rgba(255,255,255,.55),
        rgba(217,70,239,.25),
        rgba(96,165,250,.35),
        rgba(255,255,255,.4)
    ) !important;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.9 !important;
    z-index:1 !important;
}

.dx-core-card:hover{
    transform:translateY(-10px) scale(1.02) !important;
    box-shadow:
        0 30px 70px rgba(124,58,237,.18),
        0 12px 28px rgba(217,70,239,.10),
        0 8px 18px rgba(96,165,250,.08),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card:hover .dx-core-icon{
    transform:scale(1.08) rotate(4deg) !important;
    box-shadow:
        0 18px 38px rgba(124,58,237,.28),
        0 0 0 16px rgba(124,58,237,.08) !important;
}

.dx-core-icon{
    transition:all .5s ease !important;
    background:linear-gradient(135deg,#c026d3,#7c3aed,#4f46e5) !important;
    box-shadow:
        0 16px 36px rgba(124,58,237,.25),
        0 0 0 16px rgba(124,58,237,.05),
        inset 0 2px 10px rgba(255,255,255,.25) !important;
}

.dx-core-content h3{
    font-size:19px !important;
    margin-bottom:8px !important;
}

.dx-core-content p{
    font-size:13px !important;
    line-height:1.55 !important;
}

.dx-core-card li{
    font-size:13px !important;
}

@keyframes dxGlossyGradient{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes dxShineMove{
    0%{left:-120%}
    100%{left:140%}
}

@keyframes dxFloating{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-4px)}
}

/* =========================================================
   DIVINOLOGIX FINAL INDEX FIX
   Fix logo, remove broken card curve, clean glossy horizontal cards.
   ========================================================= */

.navbar-brand img{
    width:220px !important;
    height:auto !important;
    max-height:58px !important;
    object-fit:contain !important;
    display:block !important;
}
@media(max-width:576px){.navbar-brand img{width:170px!important;}}

/* clean top hero gap */
.hero-section,
.hero,
main > section:first-of-type,
body > section:first-of-type{
    padding-top:15px !important;
}

/* Core capability section heading */
.dx-core-premium-heading{
    text-align:center !important;
    max-width:1200px !important;
    margin:0 auto 42px !important;
    padding-top:10px !important;
}
.dx-core-premium-heading .section-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 18px !important;
    padding:10px 28px !important;
    border-radius:999px !important;
    border:1px solid rgba(124,58,237,.18) !important;
    background:rgba(255,255,255,.72) !important;
    box-shadow:0 12px 28px rgba(124,58,237,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
    color:#7c3aed !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:5px !important;
    text-transform:uppercase !important;
}
.dx-core-premium-heading h2,
.dx-core-premium-heading .main-heading{
    max-width:1060px !important;
    margin:0 auto 16px !important;
    font-size:clamp(34px,3.3vw,56px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1.3px !important;
    text-align:center !important;
    color:#10162f !important;
}
.dx-core-premium-heading h2 span,
.dx-core-premium-heading .main-heading span{
    background:linear-gradient(90deg,#5b21d9 0%,#8b5cf6 40%,#d946ef 72%,#6d5dfc 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}
.dx-core-premium-heading p,
.dx-core-premium-heading .heading-subtext{
    max-width:900px !important;
    margin:0 auto !important;
    font-size:18px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    color:#5f6b86 !important;
    text-align:center !important;
}

/* Horizontal glossy cards - removes old broken arc and makes card clean */
.dx-core-grid{
    width:min(1380px,86%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px 32px !important;
}
.dx-core-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:130px minmax(170px,1fr) 1px minmax(210px,1fr) !important;
    align-items:center !important;
    gap:22px !important;
    min-height:190px !important;
    padding:28px 36px !important;
    border:1px solid rgba(124,58,237,.16) !important;
    border-radius:24px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(110deg,#6d28d9,#a855f7,#ec48d9,#60a5fa,#6d28d9) border-box !important;
    box-shadow:
        0 24px 62px rgba(31,22,81,.08),
        0 10px 28px rgba(124,58,237,.06),
        inset 0 1px 0 rgba(255,255,255,1) !important;
    transition:transform .35s ease, box-shadow .35s ease, filter .35s ease !important;
}
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    left:-35% !important;
    top:0 !important;
    width:34% !important;
    height:100% !important;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.8),transparent) !important;
    transform:skewX(-18deg) !important;
    animation:divinoCardShine 5.2s ease-in-out infinite !important;
    opacity:.65 !important;
    pointer-events:none !important;
    z-index:1 !important;
}
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:4px !important;
    background:linear-gradient(90deg,#5b21d9,#d946ef,#60a5fa,#5b21d9) !important;
    background-size:250% 100% !important;
    animation:divinoLineMove 3.8s linear infinite !important;
    z-index:2 !important;
}
.dx-core-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:
        0 34px 90px rgba(124,58,237,.14),
        0 18px 44px rgba(217,70,239,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;
    filter:saturate(1.05) !important;
}
.dx-core-card > *{position:relative!important;z-index:3!important;}

.dx-core-icon{
    width:104px !important;
    height:104px !important;
    min-width:104px !important;
    margin:0 !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:40px !important;
    color:#fff !important;
    background:linear-gradient(145deg,#c084fc 0%,#7c3aed 50%,#4c1d95 100%) !important;
    box-shadow:0 20px 46px rgba(124,58,237,.24),0 0 0 24px rgba(124,58,237,.065),inset 0 2px 14px rgba(255,255,255,.28) !important;
    transition:transform .35s ease !important;
}
.dx-core-card:hover .dx-core-icon{transform:scale(1.06) rotate(-3deg)!important;}

.dx-core-content{
    text-align:left !important;
}
.dx-core-content h3{
    font-size:26px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    color:#10162f !important;
    margin:0 0 8px !important;
    letter-spacing:-.4px !important;
}
.dx-core-content span{
    display:block !important;
    width:46px !important;
    height:3px !important;
    border-radius:99px !important;
    background:linear-gradient(90deg,#6d28d9,#d946ef) !important;
    margin:0 0 14px !important;
}
.dx-core-content p{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#5a6680 !important;
}
.dx-core-divider{
    width:1px !important;
    height:100px !important;
    background:linear-gradient(180deg,transparent,rgba(124,58,237,.20),transparent) !important;
}
.dx-core-card ul{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    gap:14px !important;
}
.dx-core-card li{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 !important;
    color:#10162f !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}
.dx-core-card li i{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:2px solid #7c3aed !important;
    color:#7c3aed !important;
    background:#fff !important;
    font-size:12px !important;
    box-shadow:0 8px 18px rgba(124,58,237,.12) !important;
}

@keyframes divinoLineMove{0%{background-position:0 0}100%{background-position:250% 0}}
@keyframes divinoCardShine{0%,55%{left:-40%;opacity:0}70%{opacity:.75}100%{left:120%;opacity:0}}

@media(max-width:1400px){
    .dx-core-grid{width:min(1180px,90%)!important;gap:22px!important;}
    .dx-core-card{grid-template-columns:110px minmax(155px,1fr) 1px minmax(190px,1fr)!important;padding:24px 28px!important;}
    .dx-core-icon{width:88px!important;height:88px!important;min-width:88px!important;font-size:34px!important;}
    .dx-core-content h3{font-size:23px!important;}
    .dx-core-content p{font-size:14px!important;}
    .dx-core-card li{font-size:14px!important;}
}
@media(max-width:1199px){
    .dx-core-grid{grid-template-columns:1fr!important;width:min(760px,92%)!important;}
}
@media(max-width:767px){
    .dx-core-premium-heading h2,.dx-core-premium-heading .main-heading{font-size:32px!important;}
    .dx-core-premium-heading p,.dx-core-premium-heading .heading-subtext{font-size:15px!important;}
    .dx-core-card{grid-template-columns:1fr!important;text-align:center!important;padding:26px 20px!important;}
    .dx-core-icon{margin:0 auto!important;}
    .dx-core-content{text-align:center!important;}
    .dx-core-content span{margin-left:auto!important;margin-right:auto!important;}
    .dx-core-divider{display:none!important;}
    .dx-core-card ul{justify-content:center!important;}
    .dx-core-card li{white-space:normal!important;justify-content:center!important;}
}



/* =========================================================
   V114 CLEAN CORE CAPABILITY CARDS
   Removes broken diagonal border style and fixes text overflow.
   New style: premium glossy card, clean animated top/bottom line,
   safe content alignment, responsive layout.
   ========================================================= */

.dx-core-premium-heading{
    text-align:center !important;
    margin:0 auto 34px !important;
    padding:12px 15px 0 !important;
}

.dx-core-premium-heading .main-heading{
    max-width:1180px !important;
    margin:0 auto 14px !important;
    font-size:clamp(32px, 3vw, 50px) !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:-1.2px !important;
    text-align:center !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:930px !important;
    margin:0 auto !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#5b6680 !important;
    text-align:center !important;
}

.dx-core-grid{
    width:min(1320px, 86%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:26px 30px !important;
    overflow:visible !important;
}

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    min-height:160px !important;
    padding:24px 28px !important;
    border-radius:24px !important;
    border:1px solid rgba(129,78,255,.18) !important;

    display:grid !important;
    grid-template-columns:128px 1fr 1px 1.05fr !important;
    align-items:center !important;
    column-gap:26px !important;

    background:
        linear-gradient(120deg, rgba(255,255,255,.98), rgba(255,255,255,.92)),
        radial-gradient(circle at 18% 20%, rgba(168,85,247,.14), transparent 32%),
        radial-gradient(circle at 90% 80%, rgba(217,70,239,.10), transparent 34%) !important;

    box-shadow:
        0 22px 55px rgba(32,20,80,.08),
        0 8px 20px rgba(124,58,237,.07),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    transform:translateZ(0) !important;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

/* REMOVE old broken diagonal/curve borders */
.dx-core-card::before,
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    pointer-events:none !important;
}

/* animated clean top glossy border */
.dx-core-card::before{
    left:18px !important;
    right:18px !important;
    top:0 !important;
    height:4px !important;
    border-radius:0 0 999px 999px !important;
    background:linear-gradient(90deg,#6d28d9,#d946ef,#5b8cff,#6d28d9) !important;
    background-size:240% 100% !important;
    animation:dxCleanLine 3.5s linear infinite !important;
    z-index:4 !important;
}

/* soft shine, no diagonal line */
.dx-core-card::after{
    inset:0 !important;
    border-radius:24px !important;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.55) 36%, transparent 55%),
        radial-gradient(circle at 78% 15%, rgba(217,70,239,.10), transparent 26%) !important;
    opacity:.65 !important;
    transform:translateX(-55%) !important;
    animation:dxSoftShine 5.8s ease-in-out infinite !important;
    z-index:1 !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) !important;
    border-color:rgba(124,58,237,.40) !important;
    box-shadow:
        0 30px 70px rgba(124,58,237,.14),
        0 12px 30px rgba(217,70,239,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:3 !important;
}

.dx-core-icon{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:34px !important;
    color:#fff !important;
    background:linear-gradient(145deg,#d946ef 0%,#8b5cf6 45%,#5b21b6 100%) !important;
    box-shadow:
        0 18px 42px rgba(124,58,237,.26),
        0 0 0 18px rgba(124,58,237,.07),
        inset 0 2px 12px rgba(255,255,255,.32) !important;
    transition:transform .35s ease, box-shadow .35s ease !important;
}

.dx-core-card:hover .dx-core-icon{
    transform:scale(1.08) rotate(-4deg) !important;
    box-shadow:
        0 22px 48px rgba(124,58,237,.34),
        0 0 0 20px rgba(217,70,239,.08),
        inset 0 2px 12px rgba(255,255,255,.35) !important;
}

.dx-core-content{
    min-width:0 !important;
    overflow:visible !important;
}

.dx-core-content h3{
    font-size:24px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    margin:0 0 9px !important;
    color:#10172d !important;
    letter-spacing:-.4px !important;
    white-space:normal !important;
}

.dx-core-content span{
    display:block !important;
    width:50px !important;
    height:3px !important;
    margin:0 0 12px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#6d28d9,#d946ef) !important;
}

.dx-core-content p{
    font-size:15px !important;
    line-height:1.38 !important;
    font-weight:600 !important;
    color:#5b6680 !important;
    margin:0 !important;
    max-width:260px !important;
}

.dx-core-divider{
    width:1px !important;
    height:88px !important;
    background:linear-gradient(180deg, transparent, rgba(124,58,237,.20), transparent) !important;
}

.dx-core-card ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:14px !important;
    min-width:0 !important;
}

.dx-core-card li{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    font-size:14.5px !important;
    line-height:1.18 !important;
    font-weight:850 !important;
    color:#111827 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

.dx-core-card li i{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:2px solid #7c3aed !important;
    color:#7c3aed !important;
    background:#fff !important;
    box-shadow:0 8px 18px rgba(124,58,237,.13) !important;
}

@keyframes dxCleanLine{
    0%{background-position:0% 50%}
    100%{background-position:240% 50%}
}

@keyframes dxSoftShine{
    0%, 55%{transform:translateX(-70%); opacity:0}
    70%{opacity:.65}
    100%{transform:translateX(70%); opacity:0}
}

@media(max-width:1300px){
    .dx-core-grid{
        width:min(1120px, 92%) !important;
    }
    .dx-core-card{
        grid-template-columns:110px 1fr 1px 1fr !important;
        column-gap:20px !important;
        padding:22px 22px !important;
    }
    .dx-core-icon{
        width:82px !important;
        height:82px !important;
        min-width:82px !important;
    }
    .dx-core-content h3{
        font-size:21px !important;
    }
    .dx-core-content p,
    .dx-core-card li{
        font-size:13.5px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px, 92%) !important;
    }
}

@media(max-width:640px){
    .dx-core-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:18px !important;
    }
    .dx-core-divider{
        display:none !important;
    }
    .dx-core-content p{
        max-width:none !important;
    }
    .dx-core-content span{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .dx-core-card ul{
        justify-content:center !important;
    }
}



/* =========================================================
   V115 SAME-TO-SAME REFERENCE STYLE
   Reference: compact 2x2 glossy cards, corner number ribbon,
   circular technical icon, dotted bottom pattern, clean shadow.
   ========================================================= */

.dx-core-premium-heading{
    padding-top:8px !important;
    margin:0 auto 28px !important;
    text-align:center !important;
}

.dx-core-premium-heading .section-badge,
.dx-core-premium-heading .small-label,
.dx-core-premium-heading .eyebrow{
    display:none !important;
}

.dx-core-premium-heading .main-heading{
    max-width:980px !important;
    margin:0 auto 8px !important;
    padding:0 10px !important;
    font-size:clamp(30px, 3vw, 44px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1.2px !important;
    text-align:center !important;
}

.dx-core-premium-heading .main-heading::before{
    content:"Build Modern " !important;
    color:#11172c !important;
}

.dx-core-premium-heading .main-heading{
    font-size:0 !important;
}

.dx-core-premium-heading .main-heading span,
.dx-core-premium-heading .main-heading{
    color:#7c3aed !important;
}

.dx-core-premium-heading .main-heading span{
    font-size:clamp(30px, 3vw, 44px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    background:linear-gradient(90deg,#5b21d8,#8b5cf6,#d946ef) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}

.dx-core-premium-heading .main-heading::before{
    font-size:clamp(30px, 3vw, 44px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1.2px !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:760px !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.38 !important;
    font-weight:600 !important;
    color:#536079 !important;
    text-align:center !important;
}

.dx-core-premium-heading .heading-subtext::after{
    content:"" !important;
}

.dx-core-grid{
    width:min(1050px, 92%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:24px 26px !important;
}

.dx-core-card{
    min-height:205px !important;
    height:205px !important;
    padding:28px 32px 24px !important;
    border-radius:14px !important;
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;

    display:grid !important;
    grid-template-columns:118px minmax(155px, 1fr) 1px minmax(170px, 1fr) !important;
    column-gap:20px !important;
    align-items:center !important;

    border:1px solid rgba(148,109,255,.26) !important;
    background:
        radial-gradient(circle at 13% 42%, rgba(168,85,247,.08), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.99), rgba(255,255,255,.93) 55%, rgba(250,247,255,.98)) !important;
    box-shadow:
        0 12px 25px rgba(45,31,92,.14),
        0 3px 8px rgba(124,58,237,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    transform:translateZ(0) !important;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

/* remove old animated strange border */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:96px !important;
    height:96px !important;
    background:linear-gradient(135deg, #7c3aed 0%, #a855f7 48%, transparent 49%) !important;
    border-radius:14px 0 0 0 !important;
    z-index:1 !important;
    animation:none !important;
    padding:0 !important;
    inset:auto !important;
    -webkit-mask:none !important;
    mask:none !important;
}

.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:105px !important;
    height:82px !important;
    opacity:.42 !important;
    background-image:radial-gradient(circle, rgba(124,58,237,.34) 1.2px, transparent 1.3px) !important;
    background-size:7px 7px !important;
    background-position:right bottom !important;
    z-index:1 !important;
    transform:none !important;
    animation:none !important;
}

.dx-core-card .dx-card-number,
.dx-core-card .card-number,
.dx-core-card .number,
.dx-core-card .serial{
    display:none !important;
}

/* create visible card number like reference */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}

.dx-core-card .dx-core-icon::before{
    position:absolute !important;
    left:-46px !important;
    top:-34px !important;
    font-size:25px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.42) !important;
    letter-spacing:-1px !important;
    z-index:3 !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) !important;
    border-color:rgba(124,58,237,.55) !important;
    box-shadow:
        0 20px 40px rgba(124,58,237,.18),
        0 8px 16px rgba(217,70,239,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:3 !important;
}

.dx-core-icon{
    width:88px !important;
    height:88px !important;
    min-width:88px !important;
    border-radius:50% !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    color:#fff !important;
    font-size:31px !important;

    background:linear-gradient(145deg,#bf5fff 0%,#7c3aed 55%,#4c1d95 100%) !important;
    box-shadow:
        0 10px 28px rgba(124,58,237,.32),
        0 0 0 16px rgba(124,58,237,.075),
        inset 0 1px 9px rgba(255,255,255,.30) !important;
}

.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-18px !important;
    border-radius:50% !important;
    border:1px solid rgba(124,58,237,.22) !important;
    background:
        radial-gradient(circle at center, transparent 58%, rgba(124,58,237,.06) 59% 100%) !important;
    z-index:-1 !important;
}

.dx-core-card:hover .dx-core-icon{
    transform:scale(1.06) rotate(-4deg) !important;
}

.dx-core-content{
    min-width:0 !important;
    text-align:left !important;
}

.dx-core-content h3{
    font-size:22px !important;
    line-height:1.08 !important;
    margin:0 0 8px !important;
    font-weight:900 !important;
    color:#11172c !important;
    letter-spacing:-.4px !important;
}

.dx-core-content span{
    display:block !important;
    width:45px !important;
    height:3px !important;
    margin:0 0 13px !important;
    border-radius:20px !important;
    background:linear-gradient(90deg,#7c3aed,#e040fb) !important;
}

.dx-core-content p{
    max-width:210px !important;
    margin:0 !important;
    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#5d6881 !important;
}

.dx-core-divider{
    width:1px !important;
    height:112px !important;
    background:linear-gradient(180deg, transparent, rgba(124,58,237,.16), transparent) !important;
}

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

.dx-core-card li{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:12.5px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    color:#11172c !important;
    white-space:normal !important;
}

.dx-core-card li i{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    border-radius:50% !important;
    border:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    background:linear-gradient(145deg,#a855f7,#6d28d9) !important;
    box-shadow:0 5px 13px rgba(124,58,237,.28), inset 0 1px 6px rgba(255,255,255,.25) !important;
}

/* card floating animation */
.dx-core-card{
    animation:dxV115Float 5.5s ease-in-out infinite !important;
}
.dx-core-card:nth-child(2){animation-delay:.35s !important;}
.dx-core-card:nth-child(3){animation-delay:.7s !important;}
.dx-core-card:nth-child(4){animation-delay:1.05s !important;}

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

@media(max-width:1200px){
    .dx-core-grid{
        width:min(1020px, 94%) !important;
    }
    .dx-core-card{
        grid-template-columns:104px 1fr 1px 1fr !important;
        column-gap:16px !important;
        padding:24px 24px !important;
    }
    .dx-core-content h3{
        font-size:20px !important;
    }
    .dx-core-content p{
        font-size:12.5px !important;
    }
    .dx-core-card li{
        font-size:11.8px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(620px, 94%) !important;
    }
}

@media(max-width:640px){
    .dx-core-card{
        height:auto !important;
        min-height:auto !important;
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:16px !important;
    }
    .dx-core-content{
        text-align:center !important;
    }
    .dx-core-content p{
        max-width:none !important;
    }
    .dx-core-content span{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .dx-core-divider{
        display:none !important;
    }
}



/* =========================================================
   V116 EXACT REFERENCE - CORE CAPABILITIES SECTION
   Same-to-same style: 2x2 wide glossy cards, left triangle number,
   circular orbit icon, vertical divider, right checklist.
   ========================================================= */

.dx-core-premium-heading{
    text-align:center !important;
    margin:0 auto 30px !important;
    padding:12px 12px 0 !important;
}

.dx-core-premium-heading .section-badge,
.dx-core-premium-heading .small-label,
.dx-core-premium-heading .eyebrow{
    display:none !important;
}

.dx-core-premium-heading .main-heading{
    max-width:1100px !important;
    margin:0 auto 11px !important;
    font-size:0 !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
    text-align:center !important;
}

.dx-core-premium-heading .main-heading::before{
    content:"Build Modern " !important;
    font-size:clamp(34px, 3.4vw, 56px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:#10172d !important;
}

.dx-core-premium-heading .main-heading span{
    font-size:clamp(34px, 3.4vw, 56px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    background:linear-gradient(90deg,#5b21d8 0%,#7c3aed 35%,#d946ef 78%,#c026d3 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:850px !important;
    margin:0 auto !important;
    color:#56627a !important;
    font-size:clamp(15px, 1.22vw, 20px) !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    text-align:center !important;
}

.dx-core-grid{
    width:min(1400px, 91.5%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:34px 34px !important;
    overflow:visible !important;
}

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    height:270px !important;
    min-height:270px !important;
    padding:34px 42px 34px 38px !important;
    border-radius:22px !important;

    display:grid !important;
    grid-template-columns:190px minmax(190px, 1fr) 1px minmax(215px, .95fr) !important;
    align-items:center !important;
    column-gap:30px !important;

    border:1px solid rgba(139,92,246,.28) !important;
    background:
        radial-gradient(circle at 11% 45%, rgba(139,92,246,.10), transparent 30%),
        radial-gradient(circle at 92% 96%, rgba(217,70,239,.08), transparent 25%),
        linear-gradient(135deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 48%, rgba(253,250,255,.95) 100%) !important;

    box-shadow:
        0 18px 35px rgba(75,45,145,.18),
        0 5px 12px rgba(124,58,237,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    transform:translateZ(0) !important;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
    animation:dxRefFloat 6s ease-in-out infinite !important;
}

.dx-core-card:nth-child(2){animation-delay:.35s !important;}
.dx-core-card:nth-child(3){animation-delay:.7s !important;}
.dx-core-card:nth-child(4){animation-delay:1.05s !important;}

/* left purple folded triangle */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 auto auto 0 !important;
    width:150px !important;
    height:150px !important;
    padding:0 !important;
    border-radius:22px 0 0 0 !important;
    background:linear-gradient(135deg,#7c3aed 0%,#a855f7 48%,transparent 49%) !important;
    z-index:1 !important;
    -webkit-mask:none !important;
    mask:none !important;
    animation:none !important;
}

/* dotted pattern bottom right */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:138px !important;
    height:115px !important;
    background-image:radial-gradient(circle, rgba(147,51,234,.36) 1.45px, transparent 1.55px) !important;
    background-size:7px 7px !important;
    background-position:right bottom !important;
    opacity:.48 !important;
    z-index:1 !important;
    transform:none !important;
    animation:none !important;
    border-radius:0 0 22px 0 !important;
}

.dx-core-card:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(124,58,237,.48) !important;
    box-shadow:
        0 26px 58px rgba(124,58,237,.22),
        0 8px 18px rgba(217,70,239,.13),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:3 !important;
}

/* number on triangle */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}

.dx-core-icon{
    width:126px !important;
    height:126px !important;
    min-width:126px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:44px !important;
    position:relative !important;

    background:
        radial-gradient(circle at 35% 25%, #d8b4fe 0%, #a855f7 34%, #7c3aed 62%, #4c1d95 100%) !important;
    box-shadow:
        0 18px 40px rgba(124,58,237,.35),
        0 0 0 24px rgba(124,58,237,.07),
        inset 0 2px 13px rgba(255,255,255,.38) !important;
}

.dx-core-icon::before{
    position:absolute !important;
    left:-91px !important;
    top:-66px !important;
    z-index:5 !important;
    color:rgba(255,255,255,.38) !important;
    font-size:36px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
}

/* circular orbit rings */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-38px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle, transparent 59%, rgba(124,58,237,.17) 60%, transparent 61%),
        radial-gradient(circle, transparent 72%, rgba(124,58,237,.13) 73%, transparent 74%),
        conic-gradient(from 20deg, transparent 0 65%, #a855f7 66% 74%, transparent 75% 100%) !important;
    z-index:-1 !important;
    animation:dxRefOrbit 6s linear infinite !important;
}

.dx-core-card:hover .dx-core-icon{
    transform:scale(1.04) rotate(-3deg) !important;
}

.dx-core-content{
    text-align:left !important;
    min-width:0 !important;
}

.dx-core-content h3{
    font-size:clamp(24px, 1.85vw, 32px) !important;
    line-height:1.08 !important;
    margin:0 0 12px !important;
    color:#11172c !important;
    font-weight:900 !important;
    letter-spacing:-.7px !important;
}

.dx-core-content span{
    display:block !important;
    width:48px !important;
    height:4px !important;
    border-radius:999px !important;
    margin:0 0 21px !important;
    background:linear-gradient(90deg,#6d28d9,#e040fb) !important;
}

.dx-core-content p{
    max-width:245px !important;
    margin:0 !important;
    color:#59657f !important;
    font-size:clamp(15px, 1.08vw, 18px) !important;
    line-height:1.48 !important;
    font-weight:600 !important;
}

.dx-core-divider{
    width:1px !important;
    height:150px !important;
    background:linear-gradient(180deg, transparent 0%, rgba(124,58,237,.22) 18%, rgba(124,58,237,.22) 82%, transparent 100%) !important;
}

.dx-core-card ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:22px !important;
    min-width:0 !important;
}

.dx-core-card li{
    display:grid !important;
    grid-template-columns:44px 1fr !important;
    align-items:center !important;
    gap:14px !important;
    color:#10172d !important;
    font-size:clamp(13px, 1vw, 16px) !important;
    line-height:1.25 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow:visible !important;
}

.dx-core-card li i{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    border:4px solid rgba(255,255,255,.92) !important;
    background:linear-gradient(145deg,#b865ff 0%,#7c3aed 62%,#5b21b6 100%) !important;
    box-shadow:
        0 8px 18px rgba(124,58,237,.32),
        inset 0 1px 8px rgba(255,255,255,.35) !important;
}

/* hide any previous explicit number class */
.dx-core-card .dx-card-number,
.dx-core-card .card-number,
.dx-core-card .number,
.dx-core-card .serial{
    display:none !important;
}

@keyframes dxRefOrbit{
    to{transform:rotate(360deg);}
}
@keyframes dxRefFloat{
    0%,100%{translate:0 0;}
    50%{translate:0 -4px;}
}

@media(max-width:1280px){
    .dx-core-grid{
        width:min(1180px, 94%) !important;
        gap:26px !important;
    }
    .dx-core-card{
        height:245px !important;
        min-height:245px !important;
        grid-template-columns:150px minmax(155px,1fr) 1px minmax(180px,.95fr) !important;
        column-gap:22px !important;
        padding:28px 30px !important;
    }
    .dx-core-icon{
        width:106px !important;
        height:106px !important;
        min-width:106px !important;
        font-size:38px !important;
    }
    .dx-core-icon::before{
        left:-74px !important;
        top:-55px !important;
        font-size:32px !important;
    }
    .dx-core-card ul{
        gap:16px !important;
    }
    .dx-core-card li{
        grid-template-columns:36px 1fr !important;
        gap:10px !important;
    }
    .dx-core-card li i{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px, 94%) !important;
    }
}

@media(max-width:640px){
    .dx-core-card{
        height:auto !important;
        min-height:auto !important;
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:16px !important;
    }
    .dx-core-content{text-align:center !important;}
    .dx-core-content p{max-width:none !important;}
    .dx-core-content span{margin-left:auto !important;margin-right:auto !important;}
    .dx-core-divider{display:none !important;}
    .dx-core-card ul{justify-items:start !important;margin:0 auto !important;}
}



/* =====================================================
   V117 FINAL FIX - SAME REFERENCE CARD STYLE
   Fixes font overflow, checklist cut, big text, diagonal bugs.
===================================================== */

.dx-core-section,
section.dx-core-section{
    position:relative !important;
    padding:80px 0 90px !important;
    overflow:hidden !important;
}

.dx-core-premium-heading{
    text-align:center !important;
    margin:0 auto 42px !important;
    padding:0 15px !important;
}

.dx-core-premium-heading .section-badge,
.dx-core-premium-heading .small-label,
.dx-core-premium-heading .eyebrow{
    display:none !important;
}

.dx-core-premium-heading .main-heading{
    max-width:1050px !important;
    margin:0 auto 12px !important;
    font-size:0 !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
    text-align:center !important;
}

.dx-core-premium-heading .main-heading::before{
    content:"Build Modern " !important;
    font-size:44px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:#11172c !important;
}

.dx-core-premium-heading .main-heading span{
    font-size:44px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    background:linear-gradient(90deg,#5b21d8,#8b5cf6,#d946ef) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:760px !important;
    margin:0 auto !important;
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#56627a !important;
    text-align:center !important;
}

.dx-core-grid{
    width:min(1280px,92%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:30px 34px !important;
    overflow:visible !important;
}

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    height:255px !important;
    min-height:255px !important;
    padding:34px 36px !important;
    border-radius:24px !important;

    display:grid !important;
    grid-template-columns:175px minmax(175px,1fr) 1px minmax(215px,1fr) !important;
    align-items:center !important;
    column-gap:26px !important;

    border:1px solid rgba(139,92,246,.26) !important;
    background:
        radial-gradient(circle at 12% 45%, rgba(139,92,246,.10), transparent 30%),
        radial-gradient(circle at 93% 94%, rgba(217,70,239,.08), transparent 27%),
        linear-gradient(135deg, rgba(255,255,255,.99), rgba(255,255,255,.96) 55%, rgba(253,250,255,.98)) !important;

    box-shadow:
        0 18px 34px rgba(75,45,145,.16),
        0 6px 14px rgba(124,58,237,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    transform:translateZ(0) !important;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

/* purple corner triangle */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:135px !important;
    height:135px !important;
    background:linear-gradient(135deg,#7c3aed 0%,#a855f7 48%,transparent 49%) !important;
    clip-path:none !important;
    border-radius:24px 0 0 0 !important;
    z-index:1 !important;
    animation:none !important;
    transform:none !important;
}

/* dotted bottom corner */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:125px !important;
    height:105px !important;
    background-image:radial-gradient(circle, rgba(147,51,234,.34) 1.35px, transparent 1.45px) !important;
    background-size:7px 7px !important;
    opacity:.38 !important;
    z-index:1 !important;
    animation:none !important;
    transform:none !important;
    border-radius:0 0 24px 0 !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) !important;
    border-color:rgba(124,58,237,.48) !important;
    box-shadow:
        0 26px 54px rgba(124,58,237,.20),
        0 8px 18px rgba(217,70,239,.12),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:3 !important;
}

/* card numbers */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}

.dx-core-icon{
    position:relative !important;
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:40px !important;
    background:radial-gradient(circle at 35% 25%,#d8b4fe,#a855f7 36%,#7c3aed 64%,#4c1d95) !important;
    box-shadow:
        0 16px 34px rgba(124,58,237,.34),
        0 0 0 22px rgba(124,58,237,.07),
        inset 0 2px 12px rgba(255,255,255,.36) !important;
}

.dx-core-icon::before{
    position:absolute !important;
    left:-80px !important;
    top:-58px !important;
    z-index:5 !important;
    color:rgba(255,255,255,.42) !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-34px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle, transparent 59%, rgba(124,58,237,.16) 60%, transparent 61%),
        radial-gradient(circle, transparent 72%, rgba(124,58,237,.12) 73%, transparent 74%),
        conic-gradient(from 15deg, transparent 0 66%, #a855f7 67% 73%, transparent 74% 100%) !important;
    z-index:-1 !important;
    animation:dxOrbitFinal 14s linear infinite !important;
}

.dx-core-content{
    min-width:0 !important;
    text-align:left !important;
}

.dx-core-content h3{
    font-size:26px !important;
    line-height:1.08 !important;
    margin:0 0 10px !important;
    color:#11172c !important;
    font-weight:900 !important;
    letter-spacing:-.5px !important;
}

.dx-core-content span,
.dx-core-line{
    display:block !important;
    width:48px !important;
    height:4px !important;
    margin:0 0 16px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#6d28d9,#e040fb) !important;
}

.dx-core-content p{
    max-width:230px !important;
    margin:0 !important;
    color:#59657f !important;
    font-size:16px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
}

.dx-core-divider{
    width:1px !important;
    height:145px !important;
    background:linear-gradient(180deg,transparent,rgba(124,58,237,.22),transparent) !important;
}

.dx-core-card ul,
.dx-core-list ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:16px !important;
    min-width:0 !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    color:#10172d !important;
    font-size:14px !important;
    line-height:1.18 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    border:3px solid rgba(255,255,255,.94) !important;
    background:linear-gradient(145deg,#b865ff,#7c3aed 62%,#5b21b6) !important;
    box-shadow:0 8px 16px rgba(124,58,237,.30), inset 0 1px 8px rgba(255,255,255,.32) !important;
}

.dx-core-card .dx-card-number,
.dx-core-card .card-number,
.dx-core-card .number,
.dx-core-card .serial{
    display:none !important;
}

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

@media(max-width:1280px){
    .dx-core-grid{
        width:min(1120px,94%) !important;
        gap:24px !important;
    }
    .dx-core-card{
        height:230px !important;
        min-height:230px !important;
        padding:28px !important;
        grid-template-columns:132px minmax(150px,1fr) 1px minmax(165px,1fr) !important;
        column-gap:18px !important;
    }
    .dx-core-icon{
        width:92px !important;
        height:92px !important;
        min-width:92px !important;
        font-size:34px !important;
    }
    .dx-core-icon::before{
        left:-64px !important;
        top:-48px !important;
        font-size:28px !important;
    }
    .dx-core-content h3{
        font-size:23px !important;
    }
    .dx-core-content p{
        font-size:14px !important;
        line-height:1.45 !important;
    }
    .dx-core-card li,
    .dx-core-list li{
        font-size:12.5px !important;
        gap:9px !important;
    }
    .dx-core-card li i,
    .dx-core-list li i{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94%) !important;
    }
}

@media(max-width:640px){
    .dx-core-premium-heading .main-heading::before,
    .dx-core-premium-heading .main-heading span{
        font-size:34px !important;
    }
    .dx-core-card{
        height:auto !important;
        min-height:auto !important;
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:18px !important;
    }
    .dx-core-content{
        text-align:center !important;
    }
    .dx-core-content p{
        max-width:none !important;
    }
    .dx-core-content span,
    .dx-core-line{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .dx-core-divider{
        display:none !important;
    }
    .dx-core-card ul,
    .dx-core-list ul{
        max-width:260px !important;
        margin:auto !important;
    }
}



/* =====================================================
   DIVINOLOGIX BRAND COLORS FINAL
===================================================== */

:root{
    --dx-dark:#4B00B5;
    --dx-primary:#7B2CFF;
    --dx-lavender:#B66DFF;
    --dx-soft:#D9A8FF;
    --dx-pink:#F2B3FF;

    --dx-gradient:
        linear-gradient(
            135deg,
            #4B00B5 0%,
            #7B2CFF 35%,
            #B66DFF 68%,
            #F2B3FF 100%
        );
}

.gradient-text{
    background:var(--dx-gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.btn-primary,
.theme-btn,
.primary-btn{
    background:var(--dx-gradient) !important;
    border:none !important;
    color:#fff !important;
}

.glass-card{
    background:rgba(255,255,255,.92);
    border:1px solid rgba(182,109,255,.25);
    box-shadow:0 15px 40px rgba(123,44,255,.18);
    backdrop-filter:blur(12px);
}



/* =====================================================
   V118 FINAL SAME-TO-SAME CARD DESIGN FIX
   Reference matched: compact glossy 2x2 capability cards.
===================================================== */

:root{
    --dx-dark:#4B00B5;
    --dx-primary:#7B2CFF;
    --dx-lavender:#B66DFF;
    --dx-soft:#D9A8FF;
    --dx-pink:#F2B3FF;
    --dx-heading:#101633;
    --dx-text:#5c6485;
    --dx-gradient:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 35%,#B66DFF 68%,#F2B3FF 100%);
}

/* remove broken previous pseudo styles */
.dx-core-card::before,
.dx-core-card::after,
.capability-card::before,
.capability-card::after{
    box-sizing:border-box !important;
}

/* SECTION */
.dx-core-section,
section.dx-core-section{
    position:relative !important;
    padding:72px 0 78px !important;
    overflow:hidden !important;
}

/* HEADER */
.dx-core-premium-heading{
    text-align:center !important;
    margin:0 auto 46px !important;
    padding:0 15px !important;
}

.dx-core-premium-heading .section-badge,
.dx-core-premium-heading .small-label,
.dx-core-premium-heading .eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:8px 22px !important;
    border-radius:999px !important;
    border:1px solid rgba(182,109,255,.25) !important;
    background:rgba(255,255,255,.72) !important;
    box-shadow:0 8px 22px rgba(123,44,255,.08) !important;
    color:var(--dx-primary) !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:4px !important;
    text-transform:uppercase !important;
    margin:0 auto 18px !important;
}

.dx-core-premium-heading .main-heading{
    max-width:1180px !important;
    margin:0 auto 13px !important;
    font-size:0 !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
    text-align:center !important;
}

.dx-core-premium-heading .main-heading::before{
    content:"Build Modern " !important;
    color:var(--dx-heading) !important;
    font-size:46px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
}

.dx-core-premium-heading .main-heading span{
    font-size:46px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    background:linear-gradient(90deg,#5b21d8,#7B2CFF,#B66DFF,#F2B3FF) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:780px !important;
    margin:0 auto !important;
    color:#56627a !important;
    font-size:17px !important;
    line-height:1.48 !important;
    font-weight:600 !important;
    text-align:center !important;
}

/* GRID */
.dx-core-grid{
    width:min(1320px,94%) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:32px 38px !important;
    overflow:visible !important;
}

/* CARD */
.dx-core-card{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    height:260px !important;
    min-height:260px !important;
    padding:34px 36px !important;
    border-radius:26px !important;
    border:1px solid rgba(182,109,255,.22) !important;

    display:grid !important;
    grid-template-columns:190px minmax(185px,1fr) 1px minmax(235px,1fr) !important;
    align-items:center !important;
    column-gap:30px !important;

    background:
        radial-gradient(circle at 14% 50%, rgba(182,109,255,.09), transparent 31%),
        radial-gradient(circle at 96% 96%, rgba(242,179,255,.16), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 58%, rgba(253,250,255,.98) 100%) !important;

    box-shadow:
        0 15px 35px rgba(75,0,181,.13),
        0 5px 15px rgba(123,44,255,.08),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    transform:translateZ(0) !important;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

/* purple corner */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:154px !important;
    height:122px !important;
    background:linear-gradient(135deg,#B66DFF 0%,#7B2CFF 56%,transparent 57%) !important;
    border-top-left-radius:26px !important;
    z-index:1 !important;
    clip-path:none !important;
    transform:none !important;
    animation:none !important;
}

/* dotted pattern */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:120px !important;
    height:120px !important;
    background-image:radial-gradient(rgba(182,109,255,.52) 1.45px, transparent 1.55px) !important;
    background-size:8px 8px !important;
    opacity:.58 !important;
    z-index:1 !important;
    transform:none !important;
    animation:none !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) !important;
    border-color:rgba(123,44,255,.40) !important;
    box-shadow:
        0 24px 50px rgba(75,0,181,.18),
        0 8px 20px rgba(123,44,255,.12),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:5 !important;
}

/* numbers */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}

.dx-core-icon{
    position:relative !important;
    width:118px !important;
    height:118px !important;
    min-width:118px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:42px !important;
    background:radial-gradient(circle at 34% 24%,#D9A8FF,#B66DFF 32%,#7B2CFF 66%,#4B00B5) !important;
    box-shadow:
        0 16px 34px rgba(75,0,181,.28),
        inset 0 2px 13px rgba(255,255,255,.38) !important;
}

/* orbit */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-38px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle, transparent 59%, rgba(182,109,255,.18) 60%, transparent 61%),
        radial-gradient(circle, transparent 72%, rgba(182,109,255,.15) 73%, transparent 74%),
        conic-gradient(from 20deg, transparent 0 68%, #7B2CFF 69% 75%, transparent 76% 100%) !important;
    z-index:-1 !important;
    animation:dxV118Orbit 14s linear infinite !important;
}

/* number over triangle */
.dx-core-icon::before{
    position:absolute !important;
    left:-92px !important;
    top:-66px !important;
    z-index:8 !important;
    color:rgba(255,255,255,.42) !important;
    font-size:39px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
}

/* CONTENT */
.dx-core-content{
    text-align:left !important;
    min-width:0 !important;
}

.dx-core-content h3{
    font-size:27px !important;
    line-height:1.08 !important;
    margin:0 0 10px !important;
    color:var(--dx-heading) !important;
    font-weight:900 !important;
    letter-spacing:-.5px !important;
}

.dx-core-content span,
.dx-core-line{
    display:block !important;
    width:54px !important;
    height:4px !important;
    border-radius:999px !important;
    margin:0 0 18px !important;
    background:linear-gradient(90deg,#7B2CFF,#F2B3FF) !important;
}

.dx-core-content p{
    max-width:250px !important;
    margin:0 !important;
    color:var(--dx-text) !important;
    font-size:16px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
}

/* DIVIDER */
.dx-core-divider{
    width:1px !important;
    height:150px !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.22),transparent) !important;
}

/* LIST */
.dx-core-card ul,
.dx-core-list ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:16px !important;
    min-width:0 !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    color:#11152f !important;
    font-size:14px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    border:4px solid rgba(255,255,255,.92) !important;
    background:linear-gradient(135deg,#B66DFF,#7B2CFF 62%,#4B00B5) !important;
    box-shadow:0 8px 18px rgba(75,0,181,.24) !important;
}

/* hide old number */
.dx-core-card .dx-card-number,
.dx-core-card .card-number,
.dx-core-card .number,
.dx-core-card .serial{
    display:none !important;
}

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

@media(max-width:1280px){
    .dx-core-grid{
        width:min(1120px,94%) !important;
        gap:26px !important;
    }
    .dx-core-card{
        height:238px !important;
        min-height:238px !important;
        padding:30px 28px !important;
        grid-template-columns:145px minmax(150px,1fr) 1px minmax(180px,1fr) !important;
        column-gap:20px !important;
    }
    .dx-core-icon{
        width:96px !important;
        height:96px !important;
        min-width:96px !important;
        font-size:35px !important;
    }
    .dx-core-icon::after{
        inset:-31px !important;
    }
    .dx-core-icon::before{
        left:-68px !important;
        top:-51px !important;
        font-size:30px !important;
    }
    .dx-core-content h3{
        font-size:23px !important;
    }
    .dx-core-content p{
        font-size:13.5px !important;
        line-height:1.45 !important;
    }
    .dx-core-card li,
    .dx-core-list li{
        font-size:12px !important;
        gap:8px !important;
    }
    .dx-core-card li i,
    .dx-core-list li i{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        border-width:3px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94%) !important;
    }
}

@media(max-width:640px){
    .dx-core-premium-heading .main-heading::before,
    .dx-core-premium-heading .main-heading span{
        font-size:34px !important;
    }
    .dx-core-card{
        height:auto !important;
        min-height:auto !important;
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:18px !important;
    }
    .dx-core-content{
        text-align:center !important;
    }
    .dx-core-content p{
        max-width:none !important;
    }
    .dx-core-content span,
    .dx-core-line{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .dx-core-divider{
        display:none !important;
    }
    .dx-core-card ul,
    .dx-core-list ul{
        max-width:270px !important;
        margin:auto !important;
    }
}



/* =========================================================
   V119 FINAL FIX - REFERENCE MATCHED + NO CLIPPING
   Fixes:
   - right checklist clipping
   - duplicate Build Modern text
   - cropped heading
   - oversized triangle/orbit
   - card proportions like reference image
   ========================================================= */

:root{
    --dx-dark:#4B00B5;
    --dx-primary:#7B2CFF;
    --dx-lavender:#B66DFF;
    --dx-soft:#D9A8FF;
    --dx-pink:#F2B3FF;
    --dx-ink:#0f172a;
    --dx-muted:#56627a;
}

/* make the section breathe; prevents header crop under sticky navbar */
.dx-core-section,
section.dx-core-section{
    position:relative !important;
    padding:110px 0 85px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 50% 2%, rgba(255,255,255,.9), rgba(255,255,255,0) 38%),
        linear-gradient(135deg, rgba(242,179,255,.13), rgba(217,168,255,.10), rgba(255,255,255,.88)) !important;
}

/* heading exactly like reference */
.dx-core-premium-heading{
    text-align:center !important;
    margin:0 auto 46px !important;
    padding:0 16px !important;
}

.dx-core-premium-heading .section-badge,
.dx-core-premium-heading .small-label,
.dx-core-premium-heading .eyebrow{
    display:none !important;
}

.dx-core-premium-heading .main-heading{
    display:block !important;
    max-width:1120px !important;
    margin:0 auto 14px !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:1.08 !important;
    letter-spacing:-1.4px !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
}

.dx-core-premium-heading .main-heading::before{
    content:"Build Modern " !important;
    font-size:clamp(38px, 3.25vw, 58px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:var(--dx-ink) !important;
}

.dx-core-premium-heading .main-heading span{
    font-size:clamp(38px, 3.25vw, 58px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 38%,#B66DFF 70%,#F2B3FF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:850px !important;
    margin:0 auto !important;
    color:#56627a !important;
    font-size:clamp(16px, 1.25vw, 22px) !important;
    line-height:1.45 !important;
    font-weight:600 !important;
}

/* grid: smaller and centered like reference */
.dx-core-grid{
    width:min(1420px, 92vw) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:34px 34px !important;
    overflow:visible !important;
}

/* card: actual proportions; no text clipping */
.dx-core-card{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    height:278px !important;
    min-height:278px !important;
    padding:36px 34px 34px 34px !important;
    border-radius:24px !important;
    border:1px solid rgba(182,109,255,.30) !important;
    background:
        radial-gradient(circle at 12% 52%, rgba(182,109,255,.10), transparent 32%),
        radial-gradient(circle at 98% 98%, rgba(242,179,255,.18), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.98) 58%, rgba(255,251,255,.98) 100%) !important;
    box-shadow:
        0 18px 42px rgba(75,0,181,.14),
        0 6px 18px rgba(123,44,255,.10),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    /* Reference: icon | content | divider | list */
    display:grid !important;
    grid-template-columns:185px minmax(170px, 1fr) 1px minmax(245px, 1.08fr) !important;
    align-items:center !important;
    column-gap:28px !important;
    transform:translateZ(0) !important;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

.dx-core-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(123,44,255,.50) !important;
    box-shadow:
        0 26px 60px rgba(75,0,181,.20),
        0 10px 24px rgba(123,44,255,.14),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* corner purple fold - compact, not covering icon */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:150px !important;
    height:120px !important;
    border-radius:24px 0 0 0 !important;
    background:linear-gradient(135deg,#B66DFF 0%,#7B2CFF 52%,transparent 53%) !important;
    clip-path:none !important;
    transform:none !important;
    animation:none !important;
    z-index:1 !important;
}

/* bottom right dots */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:116px !important;
    height:116px !important;
    background-image:radial-gradient(circle, rgba(182,109,255,.48) 1.45px, transparent 1.55px) !important;
    background-size:8px 8px !important;
    opacity:.55 !important;
    border-radius:0 0 24px 0 !important;
    z-index:1 !important;
    transform:none !important;
    animation:none !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:5 !important;
}

/* number */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}

.dx-core-icon{
    position:relative !important;
    width:118px !important;
    height:118px !important;
    min-width:118px !important;
    border-radius:50% !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:42px !important;
    background:radial-gradient(circle at 32% 22%, #D9A8FF, #B66DFF 32%, #7B2CFF 66%, #4B00B5 100%) !important;
    box-shadow:
        0 16px 32px rgba(75,0,181,.26),
        inset 0 2px 12px rgba(255,255,255,.36) !important;
}

.dx-core-icon::before{
    position:absolute !important;
    top:-66px !important;
    left:-88px !important;
    z-index:10 !important;
    font-size:38px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.45) !important;
    letter-spacing:-1px !important;
}

.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-38px !important;
    border-radius:50% !important;
    z-index:-1 !important;
    background:
        radial-gradient(circle, transparent 60%, rgba(182,109,255,.18) 61%, transparent 62%),
        radial-gradient(circle, transparent 73%, rgba(182,109,255,.13) 74%, transparent 75%),
        conic-gradient(from 20deg, transparent 0 68%, #7B2CFF 69% 75%, transparent 76% 100%) !important;
    animation:dx119Orbit 16s linear infinite !important;
}

.dx-core-content{
    min-width:0 !important;
    text-align:left !important;
}

.dx-core-content h3{
    margin:0 0 10px !important;
    font-size:clamp(24px, 1.8vw, 30px) !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    color:#0f172a !important;
    letter-spacing:-.55px !important;
}

.dx-core-content span,
.dx-core-line{
    display:block !important;
    width:54px !important;
    height:4px !important;
    border-radius:999px !important;
    margin:0 0 18px !important;
    background:linear-gradient(90deg,#7B2CFF,#F2B3FF) !important;
}

.dx-core-content p{
    max-width:255px !important;
    margin:0 !important;
    color:#56627a !important;
    font-size:clamp(15px, 1.05vw, 18px) !important;
    line-height:1.58 !important;
    font-weight:600 !important;
}

.dx-core-divider{
    width:1px !important;
    height:150px !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.20),transparent) !important;
}

/* list now fits fully inside card */
.dx-core-card ul,
.dx-core-list ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:18px !important;
    min-width:0 !important;
    width:100% !important;
    overflow:visible !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:38px 1fr !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 !important;
    color:#11152f !important;
    font-size:clamp(13px, .95vw, 16px) !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    border:4px solid rgba(255,255,255,.92) !important;
    background:linear-gradient(135deg,#B66DFF,#7B2CFF 62%,#4B00B5) !important;
    box-shadow:0 8px 18px rgba(75,0,181,.24) !important;
}

/* remove old visible number spans */
.dx-core-card .dx-card-number,
.dx-core-card .card-number,
.dx-core-card .number,
.dx-core-card .serial{
    display:none !important;
}

/* fix broken image logo alt showing if image path missing */
.site-logo img,
.logo img,
.navbar-brand img{
    max-height:58px !important;
    object-fit:contain !important;
}

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

@media(max-width:1280px){
    .dx-core-section, section.dx-core-section{
        padding-top:96px !important;
    }
    .dx-core-grid{
        width:min(1180px,94vw) !important;
        gap:28px !important;
    }
    .dx-core-card{
        height:246px !important;
        min-height:246px !important;
        padding:30px 28px !important;
        grid-template-columns:142px minmax(150px,1fr) 1px minmax(190px,1.08fr) !important;
        column-gap:20px !important;
    }
    .dx-core-icon{
        width:94px !important;
        height:94px !important;
        min-width:94px !important;
        font-size:34px !important;
    }
    .dx-core-icon::after{
        inset:-31px !important;
    }
    .dx-core-icon::before{
        top:-50px !important;
        left:-66px !important;
        font-size:30px !important;
    }
    .dx-core-card ul,
    .dx-core-list ul{
        gap:14px !important;
    }
    .dx-core-card li,
    .dx-core-list li{
        grid-template-columns:30px 1fr !important;
        gap:8px !important;
        font-size:12px !important;
    }
    .dx-core-card li i,
    .dx-core-list li i{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        border-width:3px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }
}

@media(max-width:640px){
    .dx-core-premium-heading .main-heading::before,
    .dx-core-premium-heading .main-heading span{
        font-size:34px !important;
    }
    .dx-core-card{
        height:auto !important;
        min-height:auto !important;
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:18px !important;
    }
    .dx-core-content{
        text-align:center !important;
    }
    .dx-core-content p{
        max-width:none !important;
    }
    .dx-core-content span,
    .dx-core-line{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .dx-core-divider{
        display:none !important;
    }
    .dx-core-card ul,
    .dx-core-list ul{
        max-width:300px !important;
        margin:auto !important;
    }
}



/* =========================
   V120 BALANCED SCREEN FIX
   ========================= */

.dx-core-section{
    padding:70px 0 70px !important;
}

.dx-core-premium-heading{
    margin-bottom:30px !important;
}

.dx-core-premium-heading .main-heading::before,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(30px,2.8vw,52px) !important;
    line-height:1.08 !important;
}

.dx-core-premium-heading .heading-subtext{
    font-size:clamp(14px,1vw,19px) !important;
    max-width:760px !important;
}

.dx-core-grid{
    width:min(1320px,90vw) !important;
    gap:28px !important;
}

.dx-core-card{
    height:220px !important;
    min-height:220px !important;
    border-radius:22px !important;
    padding:24px 26px !important;
    grid-template-columns:160px minmax(180px,1fr) 1px minmax(210px,0.95fr) !important;
    column-gap:22px !important;
    box-shadow:
        0 10px 26px rgba(123,44,255,.10),
        0 2px 10px rgba(75,0,181,.06),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.dx-core-card:hover{
    transform:translateY(-4px) scale(1.01) !important;
    box-shadow:
        0 18px 34px rgba(123,44,255,.16),
        0 4px 14px rgba(75,0,181,.08) !important;
}

/* smaller clean corner */
.dx-core-card::before{
    width:118px !important;
    height:86px !important;
    background:linear-gradient(135deg,#B66DFF 0%,#7B2CFF 58%,transparent 59%) !important;
}

/* subtle dots */
.dx-core-card::after{
    width:82px !important;
    height:82px !important;
    opacity:.35 !important;
}

/* icon */
.dx-core-icon{
    width:98px !important;
    height:98px !important;
    min-width:98px !important;
    font-size:34px !important;
    box-shadow:
        0 10px 24px rgba(123,44,255,.20),
        inset 0 2px 8px rgba(255,255,255,.35) !important;
}

.dx-core-icon::after{
    inset:-24px !important;
    background:
        radial-gradient(circle, transparent 67%, rgba(182,109,255,.14) 68%, transparent 69%),
        radial-gradient(circle, transparent 81%, rgba(182,109,255,.10) 82%, transparent 83%),
        conic-gradient(from 20deg, transparent 0 72%, #7B2CFF 73% 77%, transparent 78% 100%) !important;
}

.dx-core-icon::before{
    top:-42px !important;
    left:-56px !important;
    font-size:26px !important;
    color:rgba(255,255,255,.38) !important;
}

/* typography */
.dx-core-content h3{
    font-size:clamp(20px,1.45vw,30px) !important;
    margin-bottom:8px !important;
}

.dx-core-content span,
.dx-core-line{
    width:42px !important;
    height:3px !important;
    margin-bottom:14px !important;
}

.dx-core-content p{
    max-width:220px !important;
    font-size:clamp(13px,.92vw,16px) !important;
    line-height:1.5 !important;
}

.dx-core-divider{
    height:120px !important;
}

/* checklist */
.dx-core-card ul,
.dx-core-list ul{
    gap:14px !important;
}

.dx-core-card li,
.dx-core-list li{
    grid-template-columns:28px 1fr !important;
    gap:10px !important;
    font-size:clamp(11px,.82vw,14px) !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    font-size:11px !important;
    border-width:3px !important;
    box-shadow:0 4px 12px rgba(123,44,255,.18) !important;
}

@media(max-width:1366px){
    .dx-core-grid{
        width:min(1180px,94vw) !important;
    }

    .dx-core-card{
        height:205px !important;
        min-height:205px !important;
        grid-template-columns:130px minmax(150px,1fr) 1px minmax(180px,0.92fr) !important;
        padding:20px 20px !important;
    }

    .dx-core-icon{
        width:84px !important;
        height:84px !important;
        min-width:84px !important;
        font-size:28px !important;
    }

    .dx-core-icon::after{
        inset:-20px !important;
    }

    .dx-core-content h3{
        font-size:18px !important;
    }

    .dx-core-content p{
        font-size:12px !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:11px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:auto !important;
    }
}



/* =====================================================
   V121 FINAL: STICKY MENU + RESPONSIVE + PREMIUM GLOSS
===================================================== */

/* ---------- Sticky responsive header ---------- */
header,
.header-area,
.site-header,
.main-header,
.navbar,
.navbar-area{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
    box-shadow:0 8px 28px rgba(75,0,181,.08) !important;
}

.navbar,
.main-menu,
.nav-menu,
.header-menu{
    min-height:72px !important;
}

.logo img,
.site-logo img,
.navbar-brand img{
    max-height:54px !important;
    width:auto !important;
    object-fit:contain !important;
}

.navbar-nav,
.nav-menu ul,
.main-menu ul{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    flex-wrap:wrap !important;
}

.navbar-nav a,
.nav-menu a,
.main-menu a{
    white-space:nowrap !important;
    font-size:14px !important;
    font-weight:800 !important;
}

/* ---------- Section spacing ---------- */
.dx-core-section,
section.dx-core-section{
    padding:74px 0 82px !important;
    overflow:hidden !important;
}

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

.dx-core-premium-heading .main-heading{
    max-width:1050px !important;
    margin:0 auto 12px !important;
    white-space:normal !important;
    overflow:visible !important;
}

.dx-core-premium-heading .main-heading::before,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(30px,3vw,50px) !important;
    line-height:1.08 !important;
    letter-spacing:-.8px !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:780px !important;
    font-size:clamp(14px,1vw,18px) !important;
    line-height:1.45 !important;
}

/* ---------- Better card proportions ---------- */
.dx-core-grid{
    width:min(1350px,88vw) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:26px 32px !important;
}

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    height:216px !important;
    min-height:216px !important;
    padding:24px 28px !important;
    border-radius:24px !important;
    border:1px solid rgba(182,109,255,.28) !important;
    display:grid !important;
    grid-template-columns:138px minmax(155px,1fr) 1px minmax(205px,.92fr) !important;
    column-gap:22px !important;
    align-items:center !important;
    background:
      linear-gradient(120deg, rgba(255,255,255,.98), rgba(255,255,255,.93) 58%, rgba(253,246,255,.95)),
      radial-gradient(circle at 16% 50%, rgba(182,109,255,.16), transparent 34%),
      radial-gradient(circle at 96% 96%, rgba(242,179,255,.28), transparent 30%) !important;
    box-shadow:
      0 14px 32px rgba(75,0,181,.12),
      0 5px 14px rgba(123,44,255,.08),
      inset 0 1px 0 rgba(255,255,255,1) !important;
    transform:translateZ(0) !important;
    transition:transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease, border-color .38s ease !important;
}

/* animated glossy sweep */
.dx-core-card .dx-core-content::after{
    content:"" !important;
    position:absolute !important;
    top:-160px !important;
    left:-260px !important;
    width:190px !important;
    height:520px !important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent) !important;
    transform:rotate(22deg) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.dx-core-card:hover .dx-core-content::after{
    animation:dxGlossSweep 1.15s ease forwards !important;
}

/* compact purple corner */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:106px !important;
    height:78px !important;
    background:linear-gradient(135deg,#B66DFF 0%,#7B2CFF 58%,transparent 59%) !important;
    border-radius:24px 0 0 0 !important;
    z-index:1 !important;
    transform:none !important;
}

/* animated bottom/right dots */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:0 !important;
    width:95px !important;
    height:95px !important;
    background-image:radial-gradient(circle,rgba(182,109,255,.50) 1.25px,transparent 1.4px) !important;
    background-size:7px 7px !important;
    opacity:.45 !important;
    z-index:1 !important;
    animation:dxDotsFloat 4s ease-in-out infinite alternate !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) scale(1.012) !important;
    border-color:rgba(123,44,255,.48) !important;
    box-shadow:
      0 24px 52px rgba(75,0,181,.18),
      0 8px 22px rgba(217,70,239,.12),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

.dx-core-card > *{
    position:relative !important;
    z-index:5 !important;
}

/* icon and number */
.dx-core-icon{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    font-size:30px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 30% 22%,#F2B3FF,#B66DFF 34%,#7B2CFF 67%,#4B00B5) !important;
    box-shadow:
      0 12px 24px rgba(75,0,181,.24),
      0 0 0 17px rgba(182,109,255,.07),
      inset 0 2px 10px rgba(255,255,255,.38) !important;
    animation:dxIconBreath 3.8s ease-in-out infinite !important;
}

.dx-core-icon::after{
    inset:-24px !important;
    background:
      radial-gradient(circle, transparent 65%, rgba(182,109,255,.14) 66%, transparent 67%),
      radial-gradient(circle, transparent 79%, rgba(182,109,255,.11) 80%, transparent 81%),
      conic-gradient(from 20deg, transparent 0 70%, #7B2CFF 71% 76%, transparent 77% 100%) !important;
    animation:dxOrbit 14s linear infinite !important;
}

.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}

.dx-core-icon::before{
    position:absolute !important;
    left:-54px !important;
    top:-38px !important;
    font-size:24px !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.42) !important;
    z-index:8 !important;
}

/* text */
.dx-core-content{
    text-align:left !important;
    min-width:0 !important;
    position:relative !important;
}

.dx-core-content h3{
    font-size:clamp(18px,1.45vw,25px) !important;
    line-height:1.08 !important;
    margin:0 0 8px !important;
    font-weight:900 !important;
    letter-spacing:-.4px !important;
    color:#101633 !important;
}

.dx-core-content span,
.dx-core-line{
    width:42px !important;
    height:3px !important;
    margin:0 0 12px !important;
    border-radius:99px !important;
    background:linear-gradient(90deg,#7B2CFF,#F2B3FF) !important;
}

.dx-core-content p{
    max-width:210px !important;
    margin:0 !important;
    font-size:clamp(12px,.9vw,15px) !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#58637c !important;
}

.dx-core-divider{
    height:112px !important;
    width:1px !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.18),transparent) !important;
}

/* checklist - no overflow */
.dx-core-card ul,
.dx-core-list ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:13px !important;
    width:100% !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:9px !important;
    align-items:center !important;
    font-size:clamp(11px,.78vw,13px) !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    color:#11172c !important;
    white-space:normal !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#B66DFF,#7B2CFF 65%,#4B00B5) !important;
    border:3px solid rgba(255,255,255,.95) !important;
    color:#fff !important;
    box-shadow:0 5px 12px rgba(75,0,181,.20) !important;
}

/* hide old number nodes */
.dx-core-card .dx-card-number,
.dx-core-card .card-number,
.dx-core-card .number,
.dx-core-card .serial{
    display:none !important;
}

/* Animations */
@keyframes dxOrbit{to{transform:rotate(360deg)}}
@keyframes dxIconBreath{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.045)}
}
@keyframes dxDotsFloat{
    from{transform:translate(0,0);opacity:.36}
    to{transform:translate(-6px,-5px);opacity:.58}
}
@keyframes dxGlossSweep{
    0%{left:-260px;opacity:0}
    15%{opacity:.75}
    100%{left:620px;opacity:0}
}

/* ---------- Full responsive ---------- */
@media(max-width:1366px){
    .dx-core-grid{
        width:min(1160px,94vw) !important;
        gap:22px !important;
    }
    .dx-core-card{
        height:198px !important;
        min-height:198px !important;
        padding:20px 18px !important;
        grid-template-columns:118px minmax(135px,1fr) 1px minmax(168px,.92fr) !important;
        column-gap:16px !important;
    }
    .dx-core-icon{
        width:74px !important;
        height:74px !important;
        min-width:74px !important;
        font-size:25px !important;
    }
    .dx-core-icon::after{inset:-19px !important;}
    .dx-core-content h3{font-size:18px !important;}
    .dx-core-content p{font-size:11.5px !important;}
    .dx-core-card li,.dx-core-list li{font-size:10.8px !important;gap:7px !important;}
    .dx-core-card li i,.dx-core-list li i{width:22px !important;height:22px !important;min-width:22px !important;}
}

@media(max-width:991px){
    header,.header-area,.site-header,.main-header,.navbar,.navbar-area{
        position:sticky !important;
    }
    .navbar,
    .main-menu,
    .nav-menu,
    .header-menu{
        min-height:auto !important;
        padding:10px 14px !important;
    }
    .navbar-nav,
    .nav-menu ul,
    .main-menu ul{
        justify-content:center !important;
        gap:8px 12px !important;
    }
    .navbar-nav a,
    .nav-menu a,
    .main-menu a{
        font-size:12px !important;
    }
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }
    .dx-core-card{
        height:auto !important;
        min-height:210px !important;
        grid-template-columns:110px 1fr 1px 1fr !important;
    }
}

@media(max-width:640px){
    .dx-core-section{padding:54px 0 64px !important;}
    .dx-core-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:15px !important;
        padding:26px 20px !important;
    }
    .dx-core-content{text-align:center !important;}
    .dx-core-content p{max-width:none !important;}
    .dx-core-content span,.dx-core-line{margin-left:auto !important;margin-right:auto !important;}
    .dx-core-divider{display:none !important;}
    .dx-core-card ul,.dx-core-list ul{
        max-width:260px !important;
        margin:0 auto !important;
        text-align:left !important;
    }
}



/* =========================================================
   V122 DIVINOLOGIX POLISHED COLOR THEME FINAL
   Palette:
   Dark Purple   #4B00B5
   Royal Purple  #7B2CFF
   Lavender      #B66DFF
   Soft Lavender #D9A8FF
   Pink Glow     #F2B3FF
========================================================= */

:root{
    --dx-dark:#4B00B5;
    --dx-royal:#7B2CFF;
    --dx-lavender:#B66DFF;
    --dx-soft:#D9A8FF;
    --dx-pink:#F2B3FF;
    --dx-ink:#0E1534;
    --dx-muted:#59657F;
    --dx-grad:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 38%,#B66DFF 70%,#F2B3FF 100%);
    --dx-grad-text:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 38%,#B66DFF 68%,#F2B3FF 100%);
}

/* sticky polished menu */
header,.header-area,.site-header,.main-header,.navbar,.navbar-area{
    position:sticky !important;
    top:0 !important;
    z-index:99999 !important;
    background:rgba(255,255,255,.94) !important;
    border-bottom:1px solid rgba(217,168,255,.26) !important;
    backdrop-filter:blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(160%) !important;
    box-shadow:0 10px 30px rgba(75,0,181,.07) !important;
}

.navbar-nav a,.nav-menu a,.main-menu a{
    color:#24153E !important;
    font-weight:800 !important;
}

.navbar-nav .active a,
.navbar-nav a.active,
.nav-menu .active a,
.main-menu .active a{
    color:#fff !important;
    background:var(--dx-grad) !important;
    border-radius:999px !important;
    box-shadow:0 10px 24px rgba(123,44,255,.22) !important;
}

/* global gradient text */
.gradient-text,
.text-gradient,
.dx-gradient-text{
    background:var(--dx-grad-text) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

/* section background */
.dx-core-section,
section.dx-core-section{
    padding:70px 0 76px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.92), transparent 34%),
      radial-gradient(circle at 9% 20%, rgba(242,179,255,.19), transparent 23%),
      radial-gradient(circle at 88% 18%, rgba(217,168,255,.20), transparent 25%),
      linear-gradient(135deg, rgba(242,179,255,.12), rgba(217,168,255,.10), rgba(255,255,255,.94)) !important;
}

/* header clean, smaller */
.dx-core-premium-heading{
    margin:0 auto 34px !important;
    text-align:center !important;
}

.dx-core-premium-heading .main-heading{
    max-width:980px !important;
    margin:0 auto 12px !important;
    line-height:1.05 !important;
    letter-spacing:-.9px !important;
}

.dx-core-premium-heading .main-heading::before,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(30px,2.7vw,48px) !important;
    font-weight:900 !important;
}

.dx-core-premium-heading .main-heading span{
    background:var(--dx-grad-text) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:720px !important;
    font-size:clamp(13px,.92vw,17px) !important;
    color:var(--dx-muted) !important;
    font-weight:600 !important;
    line-height:1.45 !important;
}

/* polished cards */
.dx-core-grid{
    width:min(1260px,90vw) !important;
    gap:24px 28px !important;
}

.dx-core-card{
    height:205px !important;
    min-height:205px !important;
    padding:22px 24px !important;
    border-radius:24px !important;
    border:1px solid rgba(217,168,255,.42) !important;
    grid-template-columns:122px minmax(145px,1fr) 1px minmax(185px,.95fr) !important;
    column-gap:18px !important;

    background:
      linear-gradient(120deg,rgba(255,255,255,.98),rgba(255,255,255,.93) 58%,rgba(242,179,255,.15)),
      radial-gradient(circle at 20% 50%,rgba(182,109,255,.14),transparent 34%),
      radial-gradient(circle at 96% 92%,rgba(242,179,255,.30),transparent 32%) !important;

    box-shadow:
      0 18px 38px rgba(75,0,181,.12),
      0 5px 14px rgba(123,44,255,.08),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* premium animated color border */
.dx-core-card{
    background-clip:padding-box !important;
}

.dx-core-card .dx-core-content::before{
    content:"" !important;
    position:absolute !important;
    inset:-90px -320px -90px -220px !important;
    background:linear-gradient(90deg,transparent,rgba(242,179,255,.28),rgba(182,109,255,.18),transparent) !important;
    transform:translateX(-55%) rotate(12deg) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.dx-core-card:hover .dx-core-content::before{
    animation:dx122Shine 1.1s ease forwards !important;
}

.dx-core-card:hover{
    transform:translateY(-6px) scale(1.01) !important;
    border-color:rgba(123,44,255,.56) !important;
    box-shadow:
      0 24px 56px rgba(75,0,181,.17),
      0 10px 26px rgba(242,179,255,.22),
      inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* corner: match palette, smaller */
.dx-core-card::before{
    width:96px !important;
    height:72px !important;
    background:linear-gradient(135deg,#D9A8FF 0%,#B66DFF 28%,#7B2CFF 58%,transparent 59%) !important;
}

/* bottom dot pattern */
.dx-core-card::after{
    width:88px !important;
    height:88px !important;
    background-image:radial-gradient(circle,rgba(182,109,255,.50) 1.2px,transparent 1.35px) !important;
    background-size:7px 7px !important;
    opacity:.42 !important;
}

/* icon */
.dx-core-icon{
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    font-size:28px !important;
    background:
      radial-gradient(circle at 30% 22%,#F2B3FF 0%,#D9A8FF 18%,#B66DFF 38%,#7B2CFF 68%,#4B00B5 100%) !important;
    box-shadow:
      0 12px 26px rgba(75,0,181,.24),
      0 0 0 14px rgba(217,168,255,.13),
      inset 0 2px 10px rgba(255,255,255,.38) !important;
}

.dx-core-icon::after{
    inset:-20px !important;
    background:
      radial-gradient(circle,transparent 66%,rgba(217,168,255,.18) 67%,transparent 68%),
      radial-gradient(circle,transparent 80%,rgba(182,109,255,.14) 81%,transparent 82%),
      conic-gradient(from 22deg,transparent 0 68%,#7B2CFF 69% 73%,#F2B3FF 74% 76%,transparent 77% 100%) !important;
    animation:dx122Orbit 13s linear infinite !important;
}

.dx-core-icon::before{
    left:-46px !important;
    top:-34px !important;
    font-size:23px !important;
    color:rgba(255,255,255,.44) !important;
}

/* content text */
.dx-core-content h3{
    font-size:clamp(17px,1.25vw,23px) !important;
    color:var(--dx-ink) !important;
    margin-bottom:8px !important;
}

.dx-core-content span,
.dx-core-line{
    width:40px !important;
    height:3px !important;
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#F2B3FF) !important;
    margin-bottom:12px !important;
}

.dx-core-content p{
    font-size:clamp(11.5px,.82vw,14px) !important;
    line-height:1.45 !important;
    color:#59657F !important;
    max-width:200px !important;
}

.dx-core-divider{
    height:105px !important;
    background:linear-gradient(180deg,transparent,rgba(182,109,255,.24),transparent) !important;
}

/* list */
.dx-core-card ul,.dx-core-list ul{
    gap:12px !important;
}

.dx-core-card li,.dx-core-list li{
    grid-template-columns:24px minmax(0,1fr) !important;
    gap:8px !important;
    font-size:clamp(10.5px,.72vw,12.5px) !important;
    font-weight:800 !important;
    color:#101633 !important;
}

.dx-core-card li i,.dx-core-list li i{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    background:linear-gradient(135deg,#F2B3FF,#B66DFF 38%,#7B2CFF 72%,#4B00B5) !important;
    border:3px solid #fff !important;
    box-shadow:0 6px 14px rgba(75,0,181,.18) !important;
}

/* stronger responsive */
@media(max-width:1366px){
    .dx-core-grid{
        width:min(1120px,94vw) !important;
        gap:20px !important;
    }

    .dx-core-card{
        height:188px !important;
        min-height:188px !important;
        padding:19px 18px !important;
        grid-template-columns:106px minmax(124px,1fr) 1px minmax(158px,.94fr) !important;
        column-gap:14px !important;
    }

    .dx-core-icon{
        width:66px !important;
        height:66px !important;
        min-width:66px !important;
        font-size:23px !important;
    }

    .dx-core-icon::after{
        inset:-17px !important;
    }

    .dx-core-content h3{
        font-size:17px !important;
    }

    .dx-core-content p{
        font-size:11px !important;
        max-width:180px !important;
    }

    .dx-core-card li,.dx-core-list li{
        font-size:10px !important;
        gap:7px !important;
    }

    .dx-core-card li i,.dx-core-list li i{
        width:20px !important;
        height:20px !important;
        min-width:20px !important;
    }
}

@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }
    .dx-core-card{
        height:auto !important;
        min-height:190px !important;
        grid-template-columns:92px 1fr 1px 1fr !important;
    }
}

@media(max-width:640px){
    .dx-core-premium-heading .main-heading::before,
    .dx-core-premium-heading .main-heading span{
        font-size:30px !important;
    }
    .dx-core-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
        padding:26px 18px !important;
    }
    .dx-core-divider{display:none !important;}
    .dx-core-content{text-align:center !important;}
    .dx-core-content p{max-width:none !important;}
    .dx-core-content span,.dx-core-line{margin-left:auto !important;margin-right:auto !important;}
    .dx-core-card ul,.dx-core-list ul{max-width:260px !important;margin:0 auto !important;text-align:left !important;}
}

@keyframes dx122Orbit{to{transform:rotate(360deg)}}
@keyframes dx122Shine{
    0%{opacity:0;transform:translateX(-55%) rotate(12deg)}
    25%{opacity:1}
    100%{opacity:0;transform:translateX(85%) rotate(12deg)}
}



/* =====================================================
   V124 MENU REVERT + CLEAN STICKY HEADER
   No fixed header, no body padding, no extra top blank gap.
===================================================== */

html,
body{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Revert broken fixed menu */
header,
.header-area,
.site-header,
.main-header,
.navbar-area{
    position:sticky !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    z-index:99999 !important;
    min-height:86px !important;
    background:rgba(255,255,255,.95) !important;
    border-bottom:1px solid rgba(217,168,255,.22) !important;
    box-shadow:0 8px 28px rgba(75,0,181,.08) !important;
    backdrop-filter:blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
}

/* inner navbar should remain normal */
header .navbar,
.header-area .navbar,
.site-header .navbar,
.main-header .navbar,
.navbar-area .navbar,
.main-navbar,
.navbar-wrapper{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    min-height:86px !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    display:flex !important;
    align-items:center !important;
}

/* remove large accidental menu gap */
header .container,
.header-area .container,
.site-header .container,
.main-header .container,
.navbar-area .container{
    min-height:86px !important;
    display:flex !important;
    align-items:center !important;
}

/* logo clean */
.logo img,
.site-logo img,
.navbar-brand img,
.header-logo img{
    max-height:58px !important;
    width:auto !important;
    object-fit:contain !important;
}

/* menu clean */
.navbar-nav,
.nav-menu ul,
.main-menu ul,
.header-menu ul{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    flex-wrap:wrap !important;
    margin-bottom:0 !important;
}

.navbar-nav a,
.nav-menu a,
.main-menu a,
.header-menu a{
    font-size:14px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

/* first section should start immediately after menu */
main > section:first-of-type,
body > section:first-of-type,
.hero-section,
.banner-section{
    margin-top:0 !important;
}

/* mobile sticky */
@media(max-width:991px){
    header,
    .header-area,
    .site-header,
    .main-header,
    .navbar-area{
        min-height:74px !important;
    }

    header .navbar,
    .header-area .navbar,
    .site-header .navbar,
    .main-header .navbar,
    .navbar-area .navbar,
    header .container,
    .header-area .container,
    .site-header .container,
    .main-header .container,
    .navbar-area .container{
        min-height:74px !important;
    }

    .logo img,
    .site-logo img,
    .navbar-brand img,
    .header-logo img{
        max-height:44px !important;
    }

    .navbar-nav,
    .nav-menu ul,
    .main-menu ul,
    .header-menu ul{
        gap:8px 12px !important;
        justify-content:center !important;
    }
}



/* =====================================================
   V125 - ICO REPLACED + SOFT ROUND CORNER + SMOOTH ANIMATION
   Fixes sharp corner triangle, improves rounded card depth.
===================================================== */

:root{
    --dx-dark:#4B00B5;
    --dx-royal:#7B2CFF;
    --dx-lavender:#B66DFF;
    --dx-soft:#D9A8FF;
    --dx-pink:#F2B3FF;
}

/* favicon/logo icon already replaced in HTML */

/* more polished card */
.dx-core-card{
    border-radius:26px !important;
    overflow:hidden !important;
    border:1px solid rgba(217,168,255,.45) !important;
    background:
        radial-gradient(circle at 14% 48%, rgba(217,168,255,.18), transparent 30%),
        radial-gradient(circle at 98% 100%, rgba(242,179,255,.26), transparent 30%),
        linear-gradient(120deg, rgba(255,255,255,.99), rgba(255,255,255,.94) 64%, rgba(242,179,255,.15)) !important;
    box-shadow:
        0 18px 40px rgba(75,0,181,.12),
        0 8px 20px rgba(123,44,255,.08),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* remove old sharp triangle visual and use rounded ribbon */
.dx-core-card::before{
    width:108px !important;
    height:108px !important;
    top:0 !important;
    left:0 !important;
    border-radius:26px 0 70px 0 !important;
    clip-path:none !important;
    background:
        linear-gradient(135deg, rgba(217,168,255,.96) 0%, rgba(182,109,255,.94) 42%, rgba(123,44,255,.90) 100%) !important;
    transform:translate(-2px,-2px) rotate(0deg) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 12px 26px rgba(123,44,255,.16) !important;
    animation:dx125CornerGlow 4.6s ease-in-out infinite !important;
}

/* add curved white bite to make corner look round like premium card */
.dx-core-card .dx-core-icon{
    z-index:6 !important;
}

.dx-core-card .dx-core-icon::before{
    color:rgba(255,255,255,.52) !important;
    text-shadow:0 1px 10px rgba(75,0,181,.18) !important;
}

/* glossy curved overlay */
.dx-core-card .dx-core-content::before{
    content:"" !important;
    position:absolute !important;
    inset:-120px -380px -120px -260px !important;
    background:linear-gradient(95deg, transparent 0%, rgba(255,255,255,.62) 48%, transparent 100%) !important;
    transform:translateX(-58%) rotate(15deg) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.dx-core-card:hover .dx-core-content::before{
    animation:dx125Sweep 1.25s cubic-bezier(.2,.8,.2,1) forwards !important;
}

/* animated border glow but subtle */
.dx-core-card::after{
    width:96px !important;
    height:96px !important;
    background-image:radial-gradient(circle, rgba(182,109,255,.48) 1.25px, transparent 1.38px) !important;
    background-size:7px 7px !important;
    opacity:.38 !important;
    animation:dx125Dots 4s ease-in-out infinite alternate !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) scale(1.012) !important;
    border-color:rgba(123,44,255,.58) !important;
    box-shadow:
        0 28px 60px rgba(75,0,181,.18),
        0 12px 28px rgba(242,179,255,.22),
        0 0 0 1px rgba(242,179,255,.22),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* smooth icon motion */
.dx-core-icon{
    animation:dx125IconFloat 4.2s ease-in-out infinite !important;
}

.dx-core-icon::after{
    animation:dx125Orbit 12s linear infinite !important;
}

/* list check glow on hover */
.dx-core-card:hover li i,
.dx-core-list:hover li i{
    box-shadow:
        0 7px 16px rgba(75,0,181,.24),
        0 0 0 5px rgba(217,168,255,.16) !important;
}

/* active menu/hover polish */
.navbar-nav a:hover,
.nav-menu a:hover,
.main-menu a:hover,
.header-menu a:hover{
    color:#7B2CFF !important;
}

@keyframes dx125CornerGlow{
    0%,100%{filter:saturate(1) brightness(1); transform:translate(-2px,-2px) scale(1);}
    50%{filter:saturate(1.2) brightness(1.05); transform:translate(-2px,-2px) scale(1.018);}
}
@keyframes dx125Sweep{
    0%{opacity:0; transform:translateX(-58%) rotate(15deg);}
    20%{opacity:.85;}
    100%{opacity:0; transform:translateX(72%) rotate(15deg);}
}
@keyframes dx125Dots{
    from{transform:translate(0,0); opacity:.32;}
    to{transform:translate(-6px,-4px); opacity:.52;}
}
@keyframes dx125IconFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-4px);}
}
@keyframes dx125Orbit{
    to{transform:rotate(360deg);}
}

/* responsive safeguard: text never cut */
.dx-core-card,
.dx-core-card *{
    box-sizing:border-box !important;
}

.dx-core-card li,
.dx-core-list li{
    overflow:visible !important;
    text-overflow:clip !important;
}

@media(max-width:1366px){
    .dx-core-card::before{
        width:92px !important;
        height:92px !important;
        border-radius:24px 0 58px 0 !important;
    }
}



/* =========================================================
   V126 EXACT REFERENCE MATCH
   Same polished white card, soft purple corner, compact text,
   ring icon, dot pattern, responsive + sticky header
========================================================= */

:root{
  --dx-dark:#4B00B5;
  --dx-royal:#7B2CFF;
  --dx-lav:#B66DFF;
  --dx-soft:#D9A8FF;
  --dx-pink:#F2B3FF;
  --dx-ink:#0B1033;
  --dx-muted:#53617d;
  --dx-grad:linear-gradient(135deg,#4B00B5 0%,#7B2CFF 42%,#B66DFF 74%,#F2B3FF 100%);
}

/* keep header sticky without large white gap */
html,body{margin:0!important;padding-top:0!important;overflow-x:hidden!important;}
header,.header-area,.site-header,.main-header,.navbar-area{
  position:sticky!important;top:0!important;z-index:99999!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  box-shadow:0 8px 28px rgba(75,0,181,.08)!important;
  border-bottom:1px solid rgba(217,168,255,.25)!important;
}
header .navbar,.header-area .navbar,.site-header .navbar,.main-header .navbar,.navbar-area .navbar{
  position:relative!important;background:transparent!important;box-shadow:none!important;border:0!important;
}

/* whole section */
.dx-core-section, section.dx-core-section{
  padding:54px 0 74px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.96),transparent 34%),
    radial-gradient(circle at 18% 14%,rgba(242,179,255,.18),transparent 25%),
    radial-gradient(circle at 88% 12%,rgba(217,168,255,.16),transparent 25%),
    linear-gradient(135deg,rgba(242,179,255,.12),rgba(217,168,255,.10),rgba(255,255,255,.96))!important;
}

/* heading same proportion as reference */
.dx-core-premium-heading{margin:0 auto 38px!important;text-align:center!important;}
.dx-core-premium-heading .main-heading{
  margin:0 auto 14px!important;
  max-width:980px!important;
  line-height:1.08!important;
  letter-spacing:-.9px!important;
}
.dx-core-premium-heading .main-heading::before,
.dx-core-premium-heading .main-heading span{
  font-size:clamp(32px,3.1vw,56px)!important;
  font-weight:900!important;
}
.dx-core-premium-heading .main-heading span{
  background:linear-gradient(90deg,#4B00B5,#7B2CFF 40%,#B66DFF 72%,#F2B3FF)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
.dx-core-premium-heading .heading-subtext{
  max-width:760px!important;margin:0 auto!important;
  font-size:clamp(14px,1.05vw,18px)!important;
  font-weight:600!important;line-height:1.45!important;color:#56627d!important;
}

/* 2 column card grid */
.dx-core-grid{
  width:min(1360px,92vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:30px 34px!important;
}

/* EXACT reference card */
.dx-core-card{
  position:relative!important;
  overflow:hidden!important;
  height:278px!important;
  min-height:278px!important;
  padding:34px 42px!important;
  border-radius:28px!important;
  border:1px solid rgba(217,168,255,.42)!important;
  display:grid!important;
  grid-template-columns:190px minmax(180px,1fr) 1px minmax(210px,.88fr)!important;
  align-items:center!important;
  column-gap:30px!important;
  background:
    radial-gradient(circle at 18% 45%,rgba(217,168,255,.13),transparent 33%),
    radial-gradient(circle at 97% 100%,rgba(242,179,255,.28),transparent 30%),
    linear-gradient(120deg,rgba(255,255,255,.98),rgba(255,255,255,.96) 62%,rgba(242,179,255,.13))!important;
  box-shadow:
    0 22px 48px rgba(75,0,181,.12),
    0 8px 22px rgba(123,44,255,.09),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  transform:translateZ(0)!important;
  transition:transform .42s cubic-bezier(.2,.8,.2,1), box-shadow .42s ease, border-color .42s ease!important;
}

/* reference diagonal corner */
.dx-core-card::before{
  content:""!important;
  position:absolute!important;
  top:0!important;left:0!important;
  width:148px!important;height:148px!important;
  background:linear-gradient(135deg,#D9A8FF 0%,#B66DFF 42%,#7B2CFF 100%)!important;
  clip-path:polygon(0 0,100% 0,0 100%)!important;
  border-radius:28px 0 0 0!important;
  z-index:1!important;
  box-shadow:0 18px 34px rgba(123,44,255,.13)!important;
}

/* bottom dotted corner */
.dx-core-card::after{
  content:""!important;
  position:absolute!important;
  right:18px!important;bottom:14px!important;
  width:118px!important;height:92px!important;
  background-image:radial-gradient(circle,rgba(182,109,255,.55) 1.45px,transparent 1.6px)!important;
  background-size:9px 9px!important;
  opacity:.48!important;
  z-index:1!important;
  mask-image:radial-gradient(circle at bottom right,#000 0 58%,transparent 75%)!important;
  -webkit-mask-image:radial-gradient(circle at bottom right,#000 0 58%,transparent 75%)!important;
}

/* all content above decoration */
.dx-core-card>*{position:relative!important;z-index:5!important;}

/* icon wrapper exact */
.dx-core-icon{
  position:relative!important;
  width:116px!important;height:116px!important;min-width:116px!important;
  margin:0 auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:43px!important;
  background:radial-gradient(circle at 28% 24%,#F2B3FF 0%,#B66DFF 38%,#7B2CFF 68%,#4B00B5 100%)!important;
  box-shadow:
    0 18px 38px rgba(75,0,181,.24),
    0 0 0 26px rgba(217,168,255,.12),
    inset 0 8px 16px rgba(255,255,255,.32)!important;
  animation:dxIconFloat126 4.2s ease-in-out infinite!important;
}

/* outer rings + arc */
.dx-core-icon::after{
  content:""!important;
  position:absolute!important;
  inset:-42px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,transparent 58%,rgba(217,168,255,.25) 59%,transparent 60%),
    radial-gradient(circle,transparent 70%,rgba(182,109,255,.18) 71%,transparent 72%),
    radial-gradient(circle,transparent 82%,rgba(123,44,255,.16) 83%,transparent 84%),
    conic-gradient(from -20deg,transparent 0 70%,#7B2CFF 70% 76%,#F2B3FF 76% 78%,transparent 78% 100%)!important;
  z-index:-1!important;
  animation:dxOrbit126 16s linear infinite!important;
}

/* numbers on corner */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01";}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02";}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03";}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04";}
.dx-core-icon::before{
  position:absolute!important;
  left:-72px!important;top:-64px!important;
  font-size:34px!important;font-weight:900!important;line-height:1!important;
  color:rgba(255,255,255,.42)!important;
  text-shadow:0 2px 14px rgba(75,0,181,.16)!important;
  z-index:10!important;
}

/* center text exact */
.dx-core-content{text-align:left!important;min-width:0!important;}
.dx-core-content h3{
  font-size:clamp(25px,1.7vw,32px)!important;
  line-height:1.05!important;
  margin:0 0 12px!important;
  font-weight:900!important;
  letter-spacing:-.55px!important;
  color:#0B1033!important;
}
.dx-core-content span,.dx-core-line{
  width:58px!important;height:4px!important;border-radius:20px!important;
  margin:0 0 22px!important;
  background:linear-gradient(90deg,#7B2CFF,#F2B3FF)!important;
}
.dx-core-content p{
  max-width:240px!important;margin:0!important;
  font-size:clamp(15px,1.05vw,19px)!important;
  line-height:1.55!important;
  font-weight:650!important;color:#5F6885!important;
}

/* divider exact */
.dx-core-divider{
  width:1px!important;height:155px!important;
  background:linear-gradient(180deg,transparent,rgba(182,109,255,.30),transparent)!important;
}

/* checklist exact */
.dx-core-card ul,.dx-core-list ul{
  list-style:none!important;margin:0!important;padding:0!important;
  display:grid!important;gap:20px!important;width:100%!important;
}
.dx-core-card li,.dx-core-list li{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:13px!important;align-items:center!important;
  font-size:clamp(13px,.92vw,16px)!important;
  line-height:1.18!important;font-weight:850!important;color:#11172c!important;
}
.dx-core-card li i,.dx-core-list li i{
  width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#F2B3FF 0%,#B66DFF 32%,#7B2CFF 72%,#4B00B5 100%)!important;
  color:#fff!important;border:4px solid rgba(255,255,255,.95)!important;
  box-shadow:0 8px 18px rgba(75,0,181,.23), inset 0 3px 8px rgba(255,255,255,.30)!important;
}

/* hide duplicate old number */
.dx-core-card .dx-card-number,.dx-core-card .card-number,.dx-core-card .number,.dx-core-card .serial{display:none!important;}

/* hover same premium */
.dx-core-card:hover{
  transform:translateY(-8px)!important;
  border-color:rgba(123,44,255,.48)!important;
  box-shadow:0 30px 68px rgba(75,0,181,.17),0 10px 26px rgba(242,179,255,.22),inset 0 1px 0 rgba(255,255,255,1)!important;
}
.dx-core-card:hover .dx-core-icon{animation-duration:2.2s!important;}
.dx-core-card:hover::after{opacity:.65!important;}

/* responsive fit */
@media(max-width:1366px){
  .dx-core-grid{width:min(1180px,94vw)!important;gap:24px!important;}
  .dx-core-card{
    height:236px!important;min-height:236px!important;padding:28px 26px!important;
    grid-template-columns:150px minmax(150px,1fr) 1px minmax(185px,.92fr)!important;
    column-gap:20px!important;border-radius:24px!important;
  }
  .dx-core-card::before{width:120px!important;height:120px!important;border-radius:24px 0 0 0!important;}
  .dx-core-icon{width:92px!important;height:92px!important;min-width:92px!important;font-size:34px!important;}
  .dx-core-icon::after{inset:-33px!important;}
  .dx-core-icon::before{left:-56px!important;top:-52px!important;font-size:28px!important;}
  .dx-core-content h3{font-size:23px!important;}
  .dx-core-content p{font-size:14px!important;max-width:215px!important;}
  .dx-core-divider{height:130px!important;}
  .dx-core-card ul,.dx-core-list ul{gap:14px!important;}
  .dx-core-card li,.dx-core-list li{font-size:12px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;}
  .dx-core-card li i,.dx-core-list li i{width:30px!important;height:30px!important;min-width:30px!important;border-width:3px!important;}
}

@media(max-width:991px){
  .dx-core-grid{grid-template-columns:1fr!important;width:min(740px,94vw)!important;}
  .dx-core-card{height:auto!important;min-height:230px!important;grid-template-columns:135px 1fr 1px 1fr!important;}
}

@media(max-width:640px){
  .dx-core-card{
    grid-template-columns:1fr!important;text-align:center!important;row-gap:18px!important;
    padding:34px 22px!important;height:auto!important;
  }
  .dx-core-divider{display:none!important;}
  .dx-core-content{text-align:center!important;}
  .dx-core-content p{max-width:none!important;}
  .dx-core-content span,.dx-core-line{margin-left:auto!important;margin-right:auto!important;}
  .dx-core-card ul,.dx-core-list ul{max-width:280px!important;margin:0 auto!important;text-align:left!important;}
}

@keyframes dxOrbit126{to{transform:rotate(360deg)}}
@keyframes dxIconFloat126{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}



/* =====================================================
   V127 FINAL FIT FIX
   Reference style, but no text cutting / no overflow.
===================================================== */

.dx-core-grid{
    width:min(1180px,92vw) !important;
    max-width:1180px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 28px !important;
}

.dx-core-card{
    height:220px !important;
    min-height:220px !important;
    padding:26px 24px !important;
    border-radius:24px !important;
    grid-template-columns:125px 165px 1px minmax(185px,1fr) !important;
    column-gap:18px !important;
    overflow:hidden !important;
}

.dx-core-card::before{
    width:112px !important;
    height:112px !important;
    border-radius:24px 0 0 0 !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
}

.dx-core-icon{
    width:84px !important;
    height:84px !important;
    min-width:84px !important;
    font-size:30px !important;
}

.dx-core-icon::after{
    inset:-31px !important;
}

.dx-core-icon::before{
    left:-50px !important;
    top:-48px !important;
    font-size:26px !important;
}

.dx-core-content h3{
    font-size:21px !important;
    line-height:1.1 !important;
    margin-bottom:10px !important;
    white-space:normal !important;
}

.dx-core-content span,
.dx-core-line{
    width:48px !important;
    height:3px !important;
    margin-bottom:14px !important;
}

.dx-core-content p{
    font-size:13px !important;
    line-height:1.42 !important;
    max-width:160px !important;
    font-weight:650 !important;
}

.dx-core-divider{
    height:118px !important;
}

.dx-core-card ul,
.dx-core-list ul{
    gap:12px !important;
    width:100% !important;
}

.dx-core-card li,
.dx-core-list li{
    grid-template-columns:28px 1fr !important;
    gap:9px !important;
    font-size:11.2px !important;
    line-height:1.15 !important;
    font-weight:850 !important;
    white-space:normal !important;
    overflow:visible !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    border-width:3px !important;
    font-size:10px !important;
}

.dx-core-card::after{
    width:78px !important;
    height:70px !important;
    background-size:7px 7px !important;
}

/* top title fit */
.dx-core-premium-heading{
    margin-bottom:32px !important;
}
.dx-core-premium-heading .main-heading{
    max-width:1050px !important;
}
.dx-core-premium-heading .main-heading::before,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(30px,3vw,46px) !important;
    line-height:1.08 !important;
}
.dx-core-premium-heading .heading-subtext{
    font-size:15px !important;
}

/* 1366 and laptop */
@media(max-width:1400px){
    .dx-core-grid{
        width:min(1080px,92vw) !important;
        gap:22px 24px !important;
    }

    .dx-core-card{
        height:205px !important;
        min-height:205px !important;
        padding:22px 20px !important;
        grid-template-columns:110px 145px 1px minmax(158px,1fr) !important;
        column-gap:15px !important;
    }

    .dx-core-card::before{
        width:96px !important;
        height:96px !important;
    }

    .dx-core-icon{
        width:74px !important;
        height:74px !important;
        min-width:74px !important;
        font-size:26px !important;
    }

    .dx-core-icon::after{
        inset:-27px !important;
    }

    .dx-core-icon::before{
        left:-43px !important;
        top:-42px !important;
        font-size:23px !important;
    }

    .dx-core-content h3{
        font-size:18px !important;
    }

    .dx-core-content p{
        font-size:11.5px !important;
        max-width:145px !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:10px !important;
        grid-template-columns:25px 1fr !important;
        gap:7px !important;
    }

    .dx-core-card li i,
    .dx-core-list li i{
        width:23px !important;
        height:23px !important;
        min-width:23px !important;
    }

    .dx-core-divider{
        height:105px !important;
    }
}

/* tablet */
@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(680px,94vw) !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:205px !important;
        grid-template-columns:105px 1fr 1px 1fr !important;
    }

    .dx-core-content p{
        max-width:none !important;
    }
}

/* mobile */
@media(max-width:640px){
    .dx-core-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:16px !important;
        padding:32px 18px !important;
    }

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

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

    .dx-core-content p{
        max-width:100% !important;
    }

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

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:260px !important;
        margin:0 auto !important;
        text-align:left !important;
    }
}




/* =========================================
   V128 PREMIUM ANIMATION UPGRADE
========================================= */

.dx-core-card{
    position:relative !important;
    transform-style:preserve-3d;
    transition:
        transform .55s cubic-bezier(.22,1,.36,1),
        box-shadow .55s ease,
        border-color .55s ease,
        background .55s ease !important;
    animation:dxFloatCard 5s ease-in-out infinite;
}

.dx-core-card:nth-child(2){
    animation-delay:.8s;
}
.dx-core-card:nth-child(3){
    animation-delay:1.6s;
}
.dx-core-card:nth-child(4){
    animation-delay:2.4s;
}

.dx-core-card:hover{
    transform:translateY(-12px) scale(1.018);
    box-shadow:
        0 35px 80px rgba(123,44,255,.18),
        0 10px 35px rgba(218,168,255,.16),
        inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.dx-core-card::before{
    transition:all .6s ease !important;
    animation:dxCornerGlow 6s linear infinite;
}

.dx-core-card:hover::before{
    filter:brightness(1.12);
}

.dx-core-card::after{
    animation:dxDotsPulse 4s ease-in-out infinite;
}

.dx-core-icon{
    position:relative;
    overflow:visible;
    animation:dxIconFloat 4.5s ease-in-out infinite;
    transition:all .5s ease;
}

.dx-core-card:hover .dx-core-icon{
    transform:scale(1.08) rotate(-6deg);
    box-shadow:
        0 18px 45px rgba(123,44,255,.35),
        0 0 45px rgba(218,168,255,.35);
}

.dx-core-icon::after{
    animation:dxRotateRing 12s linear infinite;
}

.dx-core-icon::before{
    animation:dxBeamRotate 7s linear infinite;
    opacity:.88;
}

.dx-core-card:hover .dx-core-icon::before{
    animation-duration:2.8s;
    opacity:1;
}

.dx-core-content h3{
    transition:all .45s ease;
}

.dx-core-card:hover .dx-core-content h3{
    transform:translateX(4px);
    letter-spacing:.2px;
    text-shadow:0 4px 20px rgba(123,44,255,.16);
}

.dx-core-content p{
    transition:all .45s ease;
}

.dx-core-card:hover .dx-core-content p{
    color:#515b78 !important;
}

.dx-core-card li{
    transition:transform .35s ease, opacity .35s ease;
}

.dx-core-card:hover li{
    transform:translateX(6px);
}

.dx-core-card li:nth-child(1){
    transition-delay:.04s;
}
.dx-core-card li:nth-child(2){
    transition-delay:.08s;
}
.dx-core-card li:nth-child(3){
    transition-delay:.12s;
}

.dx-core-card li i{
    animation:dxTickGlow 2.5s ease-in-out infinite;
}

.dx-core-card:hover li i{
    transform:scale(1.12);
}

.dx-core-premium-heading .main-heading{
    animation:dxTitleFade 1.2s ease both;
}

.dx-core-premium-heading .heading-subtext{
    animation:dxSubFade 1.4s ease both;
}

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

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

@keyframes dxRotateRing{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes dxBeamRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes dxTickGlow{
    0%,100%{
        box-shadow:0 0 0 rgba(123,44,255,0);
    }
    50%{
        box-shadow:0 0 18px rgba(123,44,255,.45);
    }
}

@keyframes dxCornerGlow{
    0%{
        filter:hue-rotate(0deg);
    }
    100%{
        filter:hue-rotate(18deg);
    }
}

@keyframes dxDotsPulse{
    0%,100%{
        opacity:.55;
        transform:scale(1);
    }
    50%{
        opacity:1;
        transform:scale(1.08);
    }
}

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

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

@media(max-width:991px){
    .dx-core-card{
        animation:none !important;
    }

    .dx-core-icon::before,
    .dx-core-icon::after{
        animation-duration:10s !important;
    }
}




/* =====================================================
   V129 CLEAN REFERENCE DESIGN
   Target: same as provided reference image.
   Removed heavy spinning beam. Added soft elegant motion.
===================================================== */

:root{
    --dx-dark:#4B00B5;
    --dx-royal:#7B2CFF;
    --dx-lav:#B66DFF;
    --dx-soft:#D9A8FF;
    --dx-pink:#F2B3FF;
    --dx-ink:#0B1033;
    --dx-muted:#56617c;
}

/* section spacing */
.dx-core-section,
section.dx-core-section{
    padding:46px 0 72px !important;
}

/* header title same as reference */
.dx-core-premium-heading{
    margin:0 auto 42px !important;
    text-align:center !important;
}

.dx-core-premium-heading .main-heading{
    max-width:1040px !important;
    margin:0 auto 16px !important;
    line-height:1.08 !important;
    letter-spacing:-1px !important;
}

.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(34px,3.4vw,58px) !important;
    font-weight:900 !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:760px !important;
    margin:0 auto !important;
    font-size:clamp(14px,1.1vw,20px) !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#56617c !important;
}

/* exact 2-column grid */
.dx-core-grid{
    width:min(1380px,92vw) !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:30px 34px !important;
}

/* premium clean card */
.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    height:282px !important;
    min-height:282px !important;
    padding:34px 42px !important;
    border-radius:28px !important;
    border:1px solid rgba(217,168,255,.44) !important;
    background:
        radial-gradient(circle at 5% 5%, rgba(217,168,255,.12), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(242,179,255,.26), transparent 33%),
        linear-gradient(120deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 63%, rgba(242,179,255,.14) 100%) !important;
    box-shadow:
        0 20px 45px rgba(75,0,181,.10),
        0 8px 20px rgba(217,168,255,.16),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    display:grid !important;
    grid-template-columns:190px minmax(190px,1fr) 1px minmax(230px,.88fr) !important;
    column-gap:32px !important;
    align-items:center !important;

    animation:dxRefCardFloat 7s ease-in-out infinite !important;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),
               box-shadow .45s ease,
               border-color .45s ease !important;
}

/* stagger */
.dx-core-card:nth-child(2){animation-delay:.35s !important;}
.dx-core-card:nth-child(3){animation-delay:.7s !important;}
.dx-core-card:nth-child(4){animation-delay:1.05s !important;}

/* soft diagonal corner, no ugly thick beam */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:145px !important;
    height:145px !important;
    background:linear-gradient(135deg,#D9A8FF 0%,#B66DFF 45%,#7B2CFF 100%) !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    border-radius:28px 0 0 0 !important;
    z-index:1 !important;
    box-shadow:none !important;
    animation:dxRefCornerGlow 6s ease-in-out infinite !important;
}

/* subtle dotted corner */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:16px !important;
    bottom:12px !important;
    width:120px !important;
    height:86px !important;
    background-image:radial-gradient(circle,rgba(182,109,255,.48) 1.35px,transparent 1.5px) !important;
    background-size:8px 8px !important;
    opacity:.48 !important;
    z-index:1 !important;
    mask-image:radial-gradient(circle at bottom right,#000 0 58%,transparent 74%) !important;
    -webkit-mask-image:radial-gradient(circle at bottom right,#000 0 58%,transparent 74%) !important;
    animation:dxRefDotPulse 5s ease-in-out infinite !important;
}

.dx-core-card:hover{
    transform:translateY(-8px) scale(1.012) !important;
    border-color:rgba(123,44,255,.50) !important;
    box-shadow:
        0 30px 70px rgba(75,0,181,.16),
        0 10px 34px rgba(242,179,255,.20),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* icon */
.dx-core-icon{
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    margin:0 auto !important;
    border-radius:50% !important;
    color:#fff !important;
    font-size:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:
        radial-gradient(circle at 28% 24%,#F2B3FF 0%,#B66DFF 38%,#7B2CFF 70%,#4B00B5 100%) !important;
    box-shadow:
        0 18px 38px rgba(75,0,181,.24),
        0 0 0 28px rgba(217,168,255,.13),
        inset 0 8px 18px rgba(255,255,255,.32) !important;
    overflow:visible !important;
    position:relative !important;
    z-index:6 !important;
    animation:dxRefIconFloat 4.8s ease-in-out infinite !important;
}

/* rings and small dotted arc only */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-44px !important;
    border-radius:50% !important;
    background:
        radial-gradient(circle,transparent 58%,rgba(217,168,255,.24) 59%,transparent 60%),
        radial-gradient(circle,transparent 70%,rgba(182,109,255,.15) 71%,transparent 72%),
        radial-gradient(circle,transparent 82%,rgba(123,44,255,.16) 83%,transparent 84%),
        conic-gradient(from -24deg,transparent 0 69%,rgba(123,44,255,.85) 69% 70%,transparent 70% 100%) !important;
    z-index:-1 !important;
    animation:dxRefRingRotate 18s linear infinite !important;
}

/* remove thick rotating beam from previous version */
.dx-core-icon::before{
    background:none !important;
    clip-path:none !important;
    transform:none !important;
}

/* number placed on corner */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01" !important;}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02" !important;}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03" !important;}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04" !important;}

.dx-core-icon::before{
    position:absolute !important;
    left:-78px !important;
    top:-70px !important;
    font-size:38px !important;
    font-weight:900 !important;
    line-height:1 !important;
    color:rgba(255,255,255,.42) !important;
    text-shadow:0 2px 14px rgba(75,0,181,.12) !important;
    z-index:9 !important;
}

/* content */
.dx-core-content{
    text-align:left !important;
    min-width:0 !important;
    position:relative !important;
    z-index:5 !important;
}

.dx-core-content h3{
    font-size:30px !important;
    line-height:1.08 !important;
    margin:0 0 12px !important;
    font-weight:900 !important;
    letter-spacing:-.35px !important;
    color:#0B1033 !important;
}

.dx-core-content span,
.dx-core-line{
    width:58px !important;
    height:4px !important;
    border-radius:20px !important;
    margin:0 0 22px !important;
    background:linear-gradient(90deg,#7B2CFF,#F2B3FF) !important;
}

.dx-core-content p{
    margin:0 !important;
    max-width:255px !important;
    font-size:18px !important;
    line-height:1.6 !important;
    font-weight:650 !important;
    color:#5F6885 !important;
}

.dx-core-divider{
    position:relative !important;
    z-index:5 !important;
    width:1px !important;
    height:165px !important;
    background:linear-gradient(180deg,transparent,rgba(182,109,255,.32),transparent) !important;
}

/* checklist */
.dx-core-card ul,
.dx-core-list ul{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:20px !important;
    width:100% !important;
    position:relative !important;
    z-index:5 !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    color:#101731 !important;
    white-space:normal !important;
    overflow:visible !important;
    transition:transform .3s ease !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#F2B3FF 0%,#B66DFF 32%,#7B2CFF 72%,#4B00B5 100%) !important;
    color:#fff !important;
    border:4px solid rgba(255,255,255,.96) !important;
    box-shadow:
        0 8px 18px rgba(75,0,181,.22),
        inset 0 3px 8px rgba(255,255,255,.34) !important;
    animation:dxRefCheckGlow 3.2s ease-in-out infinite !important;
}

.dx-core-card:hover li{
    transform:translateX(5px) !important;
}

/* large laptop fit */
@media(max-width:1400px){
    .dx-core-grid{
        width:min(1120px,92vw) !important;
        gap:24px 28px !important;
    }

    .dx-core-card{
        height:232px !important;
        min-height:232px !important;
        padding:26px 24px !important;
        grid-template-columns:120px 165px 1px minmax(185px,1fr) !important;
        column-gap:18px !important;
    }

    .dx-core-card::before{
        width:108px !important;
        height:108px !important;
    }

    .dx-core-icon{
        width:82px !important;
        height:82px !important;
        min-width:82px !important;
        font-size:30px !important;
        box-shadow:
            0 14px 30px rgba(75,0,181,.22),
            0 0 0 24px rgba(217,168,255,.12),
            inset 0 8px 16px rgba(255,255,255,.30) !important;
    }

    .dx-core-icon::after{
        inset:-34px !important;
    }

    .dx-core-icon::before{
        left:-52px !important;
        top:-50px !important;
        font-size:26px !important;
    }

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

    .dx-core-content p{
        font-size:14px !important;
        max-width:170px !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:12px !important;
        grid-template-columns:30px minmax(0,1fr) !important;
        gap:9px !important;
    }

    .dx-core-card li i,
    .dx-core-list li i{
        width:27px !important;
        height:27px !important;
        min-width:27px !important;
        border-width:3px !important;
        font-size:10px !important;
    }

    .dx-core-divider{
        height:118px !important;
    }
}

/* mobile */
@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:230px !important;
        grid-template-columns:120px 1fr 1px 1fr !important;
    }
}

@media(max-width:640px){
    .dx-core-card{
        grid-template-columns:1fr !important;
        padding:34px 20px !important;
        text-align:center !important;
        row-gap:18px !important;
    }

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

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

    .dx-core-content p{
        max-width:100% !important;
    }

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

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:270px !important;
        margin:0 auto !important;
        text-align:left !important;
    }
}

/* animations */
@keyframes dxRefCardFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-4px)}
}

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

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

@keyframes dxRefCornerGlow{
    0%,100%{filter:brightness(1)}
    50%{filter:brightness(1.08)}
}

@keyframes dxRefDotPulse{
    0%,100%{opacity:.42}
    50%{opacity:.65}
}

@keyframes dxRefCheckGlow{
    0%,100%{box-shadow:0 8px 18px rgba(75,0,181,.20), inset 0 3px 8px rgba(255,255,255,.34)}
    50%{box-shadow:0 10px 24px rgba(123,44,255,.34), inset 0 3px 8px rgba(255,255,255,.38)}
}



/* =====================================================
   V130 FINAL CLEAN: Remove ugly needle/beam completely
===================================================== */

/* Clean soft premium icon ring only */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-38px !important;
    border-radius:50% !important;

    background:none !important;
    border:2px solid rgba(182,109,255,.20) !important;

    box-shadow:
        0 0 0 12px rgba(217,168,255,.08),
        0 0 0 24px rgba(123,44,255,.045),
        inset 0 0 18px rgba(217,168,255,.10) !important;

    animation:dxSoftPremiumPulse 4.5s ease-in-out infinite !important;
    transform:none !important;
}

/* completely remove rotating needle/beam */
.dx-core-icon::before{
    background:none !important;
    clip-path:none !important;
    animation:none !important;
    transform:none !important;
}

/* Keep number, but no line/beam */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01" !important;}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02" !important;}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03" !important;}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04" !important;}

.dx-core-icon::before{
    display:block !important;
    position:absolute !important;
    left:-76px !important;
    top:-68px !important;
    font-size:34px !important;
    font-weight:900 !important;
    line-height:1 !important;
    color:rgba(255,255,255,.42) !important;
    text-shadow:0 2px 14px rgba(75,0,181,.12) !important;
    z-index:9 !important;
}

/* softer card animation */
.dx-core-card{
    animation:dxCardSoftFloat 7s ease-in-out infinite !important;
}

.dx-core-card:hover{
    transform:translateY(-7px) scale(1.01) !important;
}

/* no rotating ring keyframes from old version */
@keyframes dxSoftPremiumPulse{
    0%,100%{
        transform:scale(1);
        opacity:.82;
    }
    50%{
        transform:scale(1.035);
        opacity:1;
    }
}

@keyframes dxCardSoftFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-3px)}
}

/* avoid any old beam elements/classes */
.dx-core-card .beam,
.dx-core-card .orbit-beam,
.dx-core-card .needle,
.dx-core-card .spin-line{
    display:none !important;
}



/* =====================================================
   V131 FINAL CONTENT FIT
   Fix: text/list overflow, match reference spacing.
===================================================== */

.dx-core-grid{
    width:min(1280px,94vw) !important;
    max-width:1280px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:28px 34px !important;
}

.dx-core-card{
    height:265px !important;
    min-height:265px !important;
    padding:30px 28px !important;
    border-radius:26px !important;
    overflow:hidden !important;

    display:grid !important;
    grid-template-columns:168px 190px 1px minmax(190px,1fr) !important;
    column-gap:22px !important;
    align-items:center !important;

    background:
        radial-gradient(circle at 8% 8%, rgba(217,168,255,.12), transparent 26%),
        radial-gradient(circle at 100% 100%, rgba(242,179,255,.24), transparent 32%),
        linear-gradient(120deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 64%, rgba(242,179,255,.13) 100%) !important;

    border:1px solid rgba(217,168,255,.42) !important;
    box-shadow:
        0 18px 44px rgba(75,0,181,.10),
        0 8px 18px rgba(217,168,255,.16),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* corner exactly like reference, not oversized */
.dx-core-card::before{
    width:126px !important;
    height:126px !important;
    border-radius:26px 0 0 0 !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
}

/* subtle dots on bottom-right */
.dx-core-card::after{
    width:95px !important;
    height:78px !important;
    right:8px !important;
    bottom:8px !important;
    background-size:8px 8px !important;
    opacity:.42 !important;
}

/* icon block */
.dx-core-icon{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    font-size:36px !important;
    margin-left:28px !important;
    margin-right:auto !important;
    box-shadow:
        0 15px 34px rgba(75,0,181,.22),
        0 0 0 25px rgba(217,168,255,.12),
        inset 0 8px 16px rgba(255,255,255,.30) !important;
}

.dx-core-icon::after{
    inset:-36px !important;
    border:2px solid rgba(182,109,255,.18) !important;
    box-shadow:
        0 0 0 11px rgba(217,168,255,.075),
        0 0 0 22px rgba(123,44,255,.04),
        inset 0 0 16px rgba(217,168,255,.08) !important;
}

/* number visible but not huge */
.dx-core-icon::before{
    left:-62px !important;
    top:-58px !important;
    font-size:30px !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.44) !important;
}

/* middle content */
.dx-core-content{
    text-align:left !important;
    min-width:0 !important;
}

.dx-core-content h3{
    font-size:25px !important;
    line-height:1.08 !important;
    margin:0 0 10px !important;
    font-weight:900 !important;
    letter-spacing:-.35px !important;
    color:#0B1033 !important;
}

.dx-core-content span,
.dx-core-line{
    width:55px !important;
    height:4px !important;
    margin:0 0 18px !important;
    border-radius:20px !important;
    background:linear-gradient(90deg,#7B2CFF,#F2B3FF) !important;
}

.dx-core-content p{
    max-width:185px !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.55 !important;
    font-weight:650 !important;
    color:#5F6885 !important;
}

/* divider */
.dx-core-divider{
    width:1px !important;
    height:150px !important;
    background:linear-gradient(180deg,transparent,rgba(182,109,255,.32),transparent) !important;
}

/* checklist - force text visible */
.dx-core-card ul,
.dx-core-list ul{
    width:100% !important;
    max-width:210px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:17px !important;
    overflow:visible !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:11px !important;
    align-items:center !important;
    width:100% !important;

    font-size:13px !important;
    line-height:1.18 !important;
    font-weight:850 !important;
    color:#101731 !important;

    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    border-width:3px !important;
    font-size:11px !important;
}

/* heading fit */
.dx-core-premium-heading{
    margin-bottom:38px !important;
}

.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(34px,3.2vw,54px) !important;
    line-height:1.08 !important;
}

.dx-core-premium-heading .heading-subtext{
    font-size:clamp(14px,1.05vw,18px) !important;
    line-height:1.45 !important;
}

/* laptop */
@media(max-width:1400px){
    .dx-core-grid{
        width:min(1120px,94vw) !important;
        gap:24px 28px !important;
    }

    .dx-core-card{
        height:230px !important;
        min-height:230px !important;
        padding:26px 22px !important;
        grid-template-columns:126px 155px 1px minmax(170px,1fr) !important;
        column-gap:16px !important;
    }

    .dx-core-card::before{
        width:104px !important;
        height:104px !important;
    }

    .dx-core-icon{
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        font-size:28px !important;
        margin-left:18px !important;
        box-shadow:
            0 12px 28px rgba(75,0,181,.20),
            0 0 0 22px rgba(217,168,255,.10),
            inset 0 8px 16px rgba(255,255,255,.28) !important;
    }

    .dx-core-icon::after{
        inset:-30px !important;
    }

    .dx-core-icon::before{
        left:-48px !important;
        top:-46px !important;
        font-size:24px !important;
    }

    .dx-core-content h3{
        font-size:20px !important;
    }

    .dx-core-content p{
        font-size:12px !important;
        max-width:145px !important;
    }

    .dx-core-divider{
        height:118px !important;
    }

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:170px !important;
        gap:13px !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:10.5px !important;
        grid-template-columns:27px minmax(0,1fr) !important;
        gap:8px !important;
    }

    .dx-core-card li i,
    .dx-core-list li i{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        font-size:9px !important;
    }
}

/* tablet */
@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:230px !important;
        grid-template-columns:120px 1fr 1px 1fr !important;
    }

    .dx-core-content p{
        max-width:none !important;
    }

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:220px !important;
    }
}

/* mobile */
@media(max-width:640px){
    .dx-core-card{
        grid-template-columns:1fr !important;
        height:auto !important;
        min-height:auto !important;
        padding:34px 20px !important;
        text-align:center !important;
        row-gap:18px !important;
    }

    .dx-core-icon{
        margin:0 auto !important;
    }

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

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

    .dx-core-content p{
        max-width:100% !important;
    }

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

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:260px !important;
        margin:0 auto !important;
        text-align:left !important;
    }
}

/* remove old weird animation beam/line */
.dx-core-icon .beam,
.dx-core-icon .needle,
.dx-core-card .beam,
.dx-core-card .needle{
    display:none !important;
}



/* =========================================================
   V132 FINAL WORKED ON V131 ZIP
   Clean reference layout + content fit + responsive sticky.
   Palette:
   #4B00B5 #7B2CFF #B66DFF #D9A8FF #F2B3FF
========================================================= */

:root{
    --dx-dark-purple:#4B00B5;
    --dx-royal-purple:#7B2CFF;
    --dx-lavender-purple:#B66DFF;
    --dx-soft-lavender:#D9A8FF;
    --dx-pink-glow:#F2B3FF;
    --dx-ink:#0b1033;
    --dx-muted:#5f6885;
}

/* sticky menu fix */
header,
.navbar,
.site-header,
.main-header,
.dx-header,
.header-area{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    box-shadow:0 10px 30px rgba(75,0,181,.06) !important;
}

/* smoother page background */
body{
    overflow-x:hidden !important;
    background:
        radial-gradient(circle at 10% 5%, rgba(242,179,255,.25), transparent 26%),
        radial-gradient(circle at 96% 0%, rgba(217,168,255,.20), transparent 28%),
        #fbf8ff !important;
}

/* section spacing */
.dx-core-section,
section.dx-core-section{
    padding:58px 0 82px !important;
    overflow:hidden !important;
}

/* heading: balanced and not too large */
.dx-core-premium-heading{
    text-align:center !important;
    margin:0 auto 42px !important;
}

.dx-core-premium-heading .main-heading{
    max-width:1100px !important;
    margin:0 auto 14px !important;
    line-height:1.06 !important;
    letter-spacing:-1px !important;
}

.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(32px,3.3vw,54px) !important;
    font-weight:900 !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:780px !important;
    margin:0 auto !important;
    font-size:clamp(14px,1.05vw,18px) !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:var(--dx-muted) !important;
}

/* core card grid */
.dx-core-grid{
    width:min(1320px,94vw) !important;
    max-width:1320px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:30px 34px !important;
    align-items:stretch !important;
}

/* final card */
.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;

    min-height:275px !important;
    height:275px !important;

    padding:34px 34px !important;
    border-radius:28px !important;
    border:1px solid rgba(217,168,255,.48) !important;

    background:
        radial-gradient(circle at 0% 0%, rgba(217,168,255,.15), transparent 30%),
        radial-gradient(circle at 100% 100%, rgba(242,179,255,.26), transparent 34%),
        linear-gradient(120deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.98) 68%, rgba(242,179,255,.13) 100%) !important;

    box-shadow:
        0 20px 52px rgba(75,0,181,.10),
        0 9px 24px rgba(217,168,255,.18),
        inset 0 1px 0 rgba(255,255,255,1) !important;

    display:grid !important;
    grid-template-columns:168px 210px 1px minmax(210px,1fr) !important;
    column-gap:24px !important;
    align-items:center !important;

    transform:translateY(0) !important;
    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        box-shadow .45s ease,
        border-color .45s ease !important;

    animation:dxCleanFloat 7s ease-in-out infinite !important;
}

.dx-core-card:nth-child(2){animation-delay:.35s !important;}
.dx-core-card:nth-child(3){animation-delay:.70s !important;}
.dx-core-card:nth-child(4){animation-delay:1.05s !important;}

.dx-core-card:hover{
    transform:translateY(-8px) scale(1.01) !important;
    border-color:rgba(123,44,255,.54) !important;
    box-shadow:
        0 32px 74px rgba(75,0,181,.15),
        0 14px 36px rgba(242,179,255,.24),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* left corner, clean */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:128px !important;
    height:128px !important;
    border-radius:28px 0 0 0 !important;
    background:linear-gradient(135deg,var(--dx-soft-lavender),var(--dx-lavender-purple) 45%,var(--dx-royal-purple)) !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    z-index:1 !important;
    box-shadow:none !important;
    opacity:.95 !important;
}

/* bottom-right dotted polish */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:9px !important;
    bottom:7px !important;
    width:100px !important;
    height:78px !important;
    background-image:radial-gradient(circle,rgba(182,109,255,.45) 1.3px,transparent 1.6px) !important;
    background-size:8px 8px !important;
    opacity:.45 !important;
    z-index:1 !important;
    mask-image:radial-gradient(circle at bottom right,#000 0 58%,transparent 74%) !important;
    -webkit-mask-image:radial-gradient(circle at bottom right,#000 0 58%,transparent 74%) !important;
}

/* icon */
.dx-core-icon{
    position:relative !important;
    z-index:4 !important;

    width:100px !important;
    height:100px !important;
    min-width:100px !important;
    margin:0 auto !important;

    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:38px !important;
    color:#fff !important;

    background:
        radial-gradient(circle at 30% 28%, var(--dx-pink-glow) 0%, var(--dx-lavender-purple) 34%, var(--dx-royal-purple) 70%, var(--dx-dark-purple) 100%) !important;

    box-shadow:
        0 16px 34px rgba(75,0,181,.24),
        0 0 0 26px rgba(217,168,255,.11),
        inset 0 8px 16px rgba(255,255,255,.30) !important;

    overflow:visible !important;
    animation:dxCleanIcon 5s ease-in-out infinite !important;
}

/* soft rings only */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-38px !important;
    border-radius:50% !important;
    background:none !important;
    border:2px solid rgba(182,109,255,.18) !important;
    box-shadow:
        0 0 0 12px rgba(217,168,255,.075),
        0 0 0 23px rgba(123,44,255,.04),
        inset 0 0 16px rgba(217,168,255,.08) !important;
    animation:dxSoftPremiumPulse 4.5s ease-in-out infinite !important;
}

/* numbers */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01" !important;}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02" !important;}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03" !important;}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04" !important;}

.dx-core-icon::before{
    display:block !important;
    position:absolute !important;
    left:-64px !important;
    top:-60px !important;
    background:none !important;
    clip-path:none !important;
    transform:none !important;
    animation:none !important;
    font-size:31px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:rgba(255,255,255,.45) !important;
    text-shadow:0 2px 14px rgba(75,0,181,.14) !important;
    z-index:8 !important;
}

/* content */
.dx-core-content{
    position:relative !important;
    z-index:4 !important;
    text-align:left !important;
    min-width:0 !important;
    max-width:210px !important;
}

.dx-core-content h3{
    margin:0 0 12px !important;
    color:var(--dx-ink) !important;
    font-size:26px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:-.4px !important;
}

.dx-core-content span,
.dx-core-line{
    display:block !important;
    width:58px !important;
    height:4px !important;
    border-radius:30px !important;
    margin:0 0 20px !important;
    background:linear-gradient(90deg,var(--dx-royal-purple),var(--dx-pink-glow)) !important;
}

.dx-core-content p{
    max-width:205px !important;
    margin:0 !important;
    color:var(--dx-muted) !important;
    font-size:15.5px !important;
    line-height:1.55 !important;
    font-weight:650 !important;
}

/* divider */
.dx-core-divider{
    position:relative !important;
    z-index:4 !important;
    width:1px !important;
    height:158px !important;
    background:linear-gradient(180deg,transparent,rgba(182,109,255,.32),transparent) !important;
}

/* list - visible and fitted */
.dx-core-card ul,
.dx-core-list ul{
    position:relative !important;
    z-index:4 !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:17px !important;
    width:100% !important;
    max-width:220px !important;
    overflow:visible !important;
}

.dx-core-card li,
.dx-core-list li{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;

    color:#101731 !important;
    font-size:13.2px !important;
    line-height:1.18 !important;
    font-weight:850 !important;

    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:3px solid rgba(255,255,255,.98) !important;
    color:#fff !important;
    font-size:11px !important;
    background:linear-gradient(135deg,var(--dx-soft-lavender),var(--dx-royal-purple) 70%,var(--dx-dark-purple)) !important;
    box-shadow:0 9px 20px rgba(75,0,181,.22), inset 0 3px 8px rgba(255,255,255,.36) !important;
}

/* 1366px fit */
@media(max-width:1400px){
    .dx-core-grid{
        width:min(1120px,94vw) !important;
        gap:24px 28px !important;
    }

    .dx-core-card{
        height:232px !important;
        min-height:232px !important;
        padding:26px 22px !important;
        grid-template-columns:124px 166px 1px minmax(178px,1fr) !important;
        column-gap:16px !important;
        border-radius:24px !important;
    }

    .dx-core-card::before{
        width:104px !important;
        height:104px !important;
        border-radius:24px 0 0 0 !important;
    }

    .dx-core-icon{
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
        font-size:28px !important;
        box-shadow:
            0 12px 28px rgba(75,0,181,.20),
            0 0 0 22px rgba(217,168,255,.10),
            inset 0 8px 16px rgba(255,255,255,.28) !important;
    }

    .dx-core-icon::after{
        inset:-30px !important;
    }

    .dx-core-icon::before{
        left:-48px !important;
        top:-46px !important;
        font-size:24px !important;
    }

    .dx-core-content{
        max-width:166px !important;
    }

    .dx-core-content h3{
        font-size:20px !important;
    }

    .dx-core-content p{
        font-size:12px !important;
        max-width:152px !important;
    }

    .dx-core-divider{
        height:118px !important;
    }

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:178px !important;
        gap:13px !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:10.5px !important;
        gap:8px !important;
    }

    .dx-core-card li i,
    .dx-core-list li i{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        font-size:9px !important;
    }
}

/* tablet */
@media(max-width:991px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:235px !important;
        grid-template-columns:125px minmax(0,1fr) 1px minmax(180px,1fr) !important;
    }
}

/* mobile */
@media(max-width:640px){
    .dx-core-card{
        grid-template-columns:1fr !important;
        height:auto !important;
        min-height:auto !important;
        padding:36px 22px !important;
        row-gap:18px !important;
        text-align:center !important;
    }

    .dx-core-icon{
        margin:0 auto !important;
    }

    .dx-core-content{
        max-width:100% !important;
        text-align:center !important;
    }

    .dx-core-content p{
        max-width:100% !important;
    }

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

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

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:280px !important;
        margin:0 auto !important;
        text-align:left !important;
    }
}

/* animations */
@keyframes dxCleanFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-3px)}
}
@keyframes dxCleanIcon{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-4px)}
}
@keyframes dxSoftPremiumPulse{
    0%,100%{transform:scale(1);opacity:.82}
    50%{transform:scale(1.035);opacity:1}
}



/* =====================================================
   V133 RIGHT SIDE FIT + SMALLER FONT FINAL OVERRIDE
===================================================== */

.dx-core-grid{
    width:min(1060px,92vw) !important;
    max-width:1060px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 24px !important;
}

.dx-core-card{
    height:210px !important;
    min-height:210px !important;
    padding:22px 18px !important;
    border-radius:24px !important;
    grid-template-columns:104px 145px 1px minmax(140px,1fr) !important;
    column-gap:12px !important;
    overflow:hidden !important;
}

.dx-core-card::before{
    width:90px !important;
    height:90px !important;
    border-radius:24px 0 0 0 !important;
}

.dx-core-card::after{
    width:72px !important;
    height:58px !important;
    right:6px !important;
    bottom:6px !important;
    background-size:7px 7px !important;
    opacity:.32 !important;
}

.dx-core-icon{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    font-size:23px !important;
    margin:0 auto !important;
    box-shadow:
        0 10px 22px rgba(75,0,181,.18),
        0 0 0 20px rgba(217,168,255,.09),
        inset 0 7px 14px rgba(255,255,255,.27) !important;
}

.dx-core-icon::after{
    inset:-25px !important;
    border-width:1.5px !important;
    box-shadow:
        0 0 0 9px rgba(217,168,255,.06),
        0 0 0 18px rgba(123,44,255,.035) !important;
}

.dx-core-icon::before{
    left:-39px !important;
    top:-38px !important;
    font-size:20px !important;
}

.dx-core-content{
    max-width:145px !important;
    min-width:0 !important;
}

.dx-core-content h3{
    font-size:17px !important;
    line-height:1.08 !important;
    margin-bottom:8px !important;
    letter-spacing:-.2px !important;
}

.dx-core-content span,
.dx-core-line{
    width:46px !important;
    height:3px !important;
    margin-bottom:12px !important;
}

.dx-core-content p{
    max-width:138px !important;
    font-size:10.5px !important;
    line-height:1.38 !important;
    font-weight:650 !important;
}

.dx-core-divider{
    height:100px !important;
    min-width:1px !important;
}

.dx-core-list,
.dx-core-card > ul{
    min-width:0 !important;
    overflow:visible !important;
}

.dx-core-card ul,
.dx-core-list ul{
    max-width:100% !important;
    width:100% !important;
    gap:9px !important;
    overflow:visible !important;
}

.dx-core-card li,
.dx-core-list li{
    display:grid !important;
    grid-template-columns:21px minmax(0,1fr) !important;
    gap:6px !important;
    align-items:center !important;
    font-size:8.4px !important;
    line-height:1.05 !important;
    font-weight:850 !important;
    letter-spacing:-.05px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:unset !important;
    max-width:100% !important;
}

.dx-core-card li i,
.dx-core-list li i{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    border-width:2px !important;
    font-size:7px !important;
    box-shadow:0 6px 14px rgba(75,0,181,.18), inset 0 2px 6px rgba(255,255,255,.32) !important;
}

.dx-core-premium-heading{
    margin-bottom:30px !important;
}
.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span{
    font-size:clamp(28px,2.7vw,42px) !important;
    line-height:1.05 !important;
}
.dx-core-premium-heading .heading-subtext{
    font-size:13px !important;
}

/* switch to one column before right text gets cut */
@media(max-width:1180px){
    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(720px,94vw) !important;
    }

    .dx-core-card{
        grid-template-columns:110px minmax(150px,1fr) 1px minmax(160px,1fr) !important;
        height:220px !important;
        min-height:220px !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:10px !important;
    }
}

@media(max-width:640px){
    .dx-core-card{
        grid-template-columns:1fr !important;
        height:auto !important;
        min-height:auto !important;
        padding:32px 18px !important;
        text-align:center !important;
        row-gap:16px !important;
    }

    .dx-core-content{
        max-width:100% !important;
        text-align:center !important;
    }

    .dx-core-content p{
        max-width:100% !important;
    }

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

    .dx-core-card ul,
    .dx-core-list ul{
        max-width:260px !important;
        margin:0 auto !important;
        text-align:left !important;
    }

    .dx-core-card li,
    .dx-core-list li{
        font-size:12px !important;
        grid-template-columns:26px 1fr !important;
    }

    .dx-core-card li i,
    .dx-core-list li i{
        width:23px !important;
        height:23px !important;
        min-width:23px !important;
    }
}


/* ===== V134 GLOSSY + ANIMATION ===== */

.dx-core-card{
position:relative!important;
overflow:hidden!important;
background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 48%,rgba(252,242,255,.92) 100%)!important;
border:1px solid rgba(190,145,255,.22)!important;
box-shadow:0 18px 45px rgba(144,74,255,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
animation:cardFloat 7s ease-in-out infinite;
}

.dx-core-card:nth-child(2){animation-delay:.8s;}
.dx-core-card:nth-child(3){animation-delay:1.6s;}
.dx-core-card:nth-child(4){animation-delay:2.2s;}

@keyframes cardFloat{
0%{transform:translateY(0);}
50%{transform:translateY(-4px);}
100%{transform:translateY(0);}
}

.dx-core-card:hover{
transform:translateY(-7px) scale(1.01)!important;
transition:all .45s ease!important;
box-shadow:0 30px 60px rgba(145,74,255,.18)!important;
}

.dx-core-card::before{
content:''!important;
position:absolute!important;
inset:0!important;
background:linear-gradient(125deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.06) 42%,transparent 55%)!important;
pointer-events:none!important;
}

.dx-core-icon{
position:relative!important;
overflow:hidden!important;
background:radial-gradient(circle at 30% 28%,#f4d5ff 0%,#cb7dff 24%,#8f37ff 62%,#6e1fff 100%)!important;
}

.dx-core-icon::after{
animation:ringPulse 5s ease-in-out infinite!important;
}

@keyframes ringPulse{
0%{transform:scale(1) rotate(0deg);}
50%{transform:scale(1.04) rotate(3deg);}
100%{transform:scale(1) rotate(0deg);}
}

/* left corner fix */
.dx-core-icon::before{
left:-26px!important;
top:-34px!important;
opacity:.28!important;
font-size:20px!important;
}

/* fix card 1 and 3 */
.dx-core-card:nth-child(1) .dx-core-icon,
.dx-core-card:nth-child(3) .dx-core-icon{
margin-left:8px!important;
}

/* checklist animation */
.dx-core-card li i,
.dx-core-list li i{
animation:tickGlow 2.6s ease-in-out infinite!important;
}

.dx-core-card li:nth-child(2) i{animation-delay:.35s!important;}
.dx-core-card li:nth-child(3) i{animation-delay:.7s!important;}

@keyframes tickGlow{
0%{
transform:scale(1);
box-shadow:0 4px 12px rgba(140,54,255,.20),inset 0 2px 5px rgba(255,255,255,.30);
}
50%{
transform:scale(1.12);
box-shadow:0 0 22px rgba(165,82,255,.42),0 0 34px rgba(215,164,255,.20),inset 0 2px 8px rgba(255,255,255,.42);
}
100%{
transform:scale(1);
box-shadow:0 4px 12px rgba(140,54,255,.20),inset 0 2px 5px rgba(255,255,255,.30);
}
}



/* ===== V135 CORNER + ROUNDING ANIMATION FINAL ===== */

/* restore proper triangle corner above shine */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:118px !important;
    height:118px !important;
    border-radius:24px 0 0 0 !important;
    background:linear-gradient(135deg,#D9A8FF 0%,#B66DFF 45%,#7B2CFF 100%) !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    z-index:1 !important;
    opacity:.96 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* add glossy shine layer without destroying corner */
.dx-core-card .dx-core-content::before{
    content:"" !important;
    position:absolute !important;
    inset:-80px -360px -80px -360px !important;
    background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.45) 42%,rgba(255,255,255,.12) 50%,transparent 60%) !important;
    transform:translateX(-70%) skewX(-18deg) !important;
    animation:cardShine 7s ease-in-out infinite !important;
    pointer-events:none !important;
    z-index:-1 !important;
}

/* number position fixed inside corner */
.dx-core-icon::before{
    left:-56px !important;
    top:-52px !important;
    font-size:24px !important;
    color:rgba(255,255,255,.55) !important;
    opacity:1 !important;
    transform:none !important;
    z-index:10 !important;
}

/* round icon premium moving rings */
.dx-core-icon{
    overflow:visible !important;
    animation:iconFloat 4.8s ease-in-out infinite !important;
}

.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-34px !important;
    border-radius:50% !important;
    background:
        conic-gradient(from 0deg,
            rgba(123,44,255,.0),
            rgba(123,44,255,.42),
            rgba(242,179,255,.50),
            rgba(123,44,255,.0),
            rgba(123,44,255,.0)) !important;
    mask:radial-gradient(circle,transparent 58%,#000 60%,#000 64%,transparent 66%) !important;
    -webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 64%,transparent 66%) !important;
    animation:roundRotate 5.5s linear infinite !important;
    z-index:-1 !important;
    box-shadow:none !important;
}

/* extra soft circular glow ring */
.dx-core-icon-wrap::after{
    content:"" !important;
    position:absolute !important;
    width:128px !important;
    height:128px !important;
    border-radius:50% !important;
    border:1px solid rgba(182,109,255,.18) !important;
    box-shadow:
        0 0 0 16px rgba(217,168,255,.08),
        0 0 0 32px rgba(123,44,255,.035) !important;
    animation:ringBreath 4s ease-in-out infinite !important;
    z-index:0 !important;
}

/* animated dot on ring */
.dx-core-icon-wrap::before{
    content:"" !important;
    position:absolute !important;
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:#B66DFF !important;
    box-shadow:0 0 14px rgba(182,109,255,.8) !important;
    transform-origin:0 0 !important;
    animation:dotOrbit 5.5s linear infinite !important;
    z-index:3 !important;
}

/* all inner items should be above */
.dx-core-content,
.dx-core-divider,
.dx-core-list,
.dx-core-card ul{
    position:relative !important;
    z-index:4 !important;
}

/* stronger glossy card hover */
.dx-core-card{
    border-color:rgba(217,168,255,.42) !important;
    box-shadow:
        0 22px 52px rgba(75,0,181,.10),
        0 12px 30px rgba(217,168,255,.18),
        inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.dx-core-card:hover{
    border-color:rgba(123,44,255,.55) !important;
    box-shadow:
        0 34px 76px rgba(75,0,181,.16),
        0 16px 45px rgba(242,179,255,.28),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* tick pop animation */
.dx-core-card li i,
.dx-core-list li i{
    animation:tickPulse 2.4s ease-in-out infinite !important;
}

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

@keyframes cardShine{
    0%,72%{transform:translateX(-75%) skewX(-18deg);opacity:0;}
    82%{opacity:.9;}
    100%{transform:translateX(75%) skewX(-18deg);opacity:0;}
}

@keyframes roundRotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes ringBreath{
    0%,100%{transform:scale(1);opacity:.70;}
    50%{transform:scale(1.06);opacity:1;}
}

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

@keyframes dotOrbit{
    0%{transform:rotate(0deg) translateX(68px) rotate(0deg);}
    100%{transform:rotate(360deg) translateX(68px) rotate(-360deg);}
}

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

/* compact laptop corner */
@media(max-width:1400px){
    .dx-core-card::before{
        width:92px !important;
        height:92px !important;
    }
    .dx-core-icon::before{
        left:-43px !important;
        top:-40px !important;
        font-size:20px !important;
    }
    .dx-core-icon-wrap::after{
        width:105px !important;
        height:105px !important;
    }
    .dx-core-icon-wrap::before{
        animation-name:dotOrbitSmall !important;
    }
    @keyframes dotOrbitSmall{
        0%{transform:rotate(0deg) translateX(54px) rotate(0deg);}
        100%{transform:rotate(360deg) translateX(54px) rotate(-360deg);}
    }
}


/* ===== V136 CLEAN PREMIUM FIX ===== */

/* cleaner card */
.dx-core-card{
    min-height:255px !important;
    border-radius:34px !important;
    background:
      linear-gradient(135deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.95) 55%,
      rgba(249,239,255,.88) 100%) !important;
    box-shadow:
      0 18px 40px rgba(123,44,255,.08),
      0 8px 18px rgba(217,168,255,.12) !important;
    padding:34px 34px !important;
    overflow:hidden !important;
}

/* soft corner */
.dx-core-card::before{
    width:140px !important;
    height:140px !important;
    opacity:.85 !important;
    background:
      linear-gradient(135deg,
      #dcaeff 0%,
      #b66dff 48%,
      #7b2cff 100%) !important;
}

/* remove excessive effects */
.dx-core-content::before,
.dx-core-card::after{
    display:none !important;
}

/* icon section */
.dx-core-icon-wrap{
    position:relative !important;
    width:180px !important;
    height:180px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.dx-core-icon{
    width:118px !important;
    height:118px !important;
    border-radius:50% !important;
    background:
      radial-gradient(circle at 30% 30%,
      #efc8ff 0%,
      #c66fff 35%,
      #8d32ff 72%,
      #6f22ff 100%) !important;
    box-shadow:
      0 14px 30px rgba(123,44,255,.22),
      inset 0 3px 10px rgba(255,255,255,.24) !important;
    animation:floatIcon 4s ease-in-out infinite !important;
}

/* smooth rotating rings */
.dx-core-icon-wrap::before,
.dx-core-icon-wrap::after{
    content:'' !important;
    position:absolute !important;
    border-radius:50% !important;
    border:2px solid rgba(191,139,255,.22) !important;
}

.dx-core-icon-wrap::before{
    width:158px !important;
    height:158px !important;
    animation:ringRotate 12s linear infinite !important;
}

.dx-core-icon-wrap::after{
    width:178px !important;
    height:178px !important;
    border-style:dashed !important;
    border-color:rgba(210,168,255,.18) !important;
    animation:ringRotateReverse 18s linear infinite !important;
}

/* headings */
.dx-core-content h3{
    font-size:24px !important;
    line-height:1.18 !important;
    margin-bottom:12px !important;
    font-weight:800 !important;
    color:#080c39 !important;
}

/* paragraph */
.dx-core-content p{
    font-size:14px !important;
    line-height:1.65 !important;
    color:#66708f !important;
    max-width:250px !important;
}

/* divider */
.dx-core-divider{
    background:linear-gradient(to bottom,
    transparent,
    rgba(181,117,255,.22),
    transparent) !important;
    width:1px !important;
}

/* list items */
.dx-core-list li,
.dx-core-card li{
    font-size:15px !important;
    font-weight:700 !important;
    color:#11163f !important;
    margin-bottom:20px !important;
}

/* ticks */
.dx-core-list li i,
.dx-core-card li i{
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    background:
      linear-gradient(135deg,#cf8cff,#7b2cff) !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:
      0 8px 18px rgba(123,44,255,.24) !important;
    animation:tickPulse 2.2s ease-in-out infinite !important;
}

/* smooth hover */
.dx-core-card:hover{
    transform:translateY(-6px) !important;
    transition:all .35s ease !important;
    box-shadow:
      0 28px 60px rgba(123,44,255,.14),
      0 10px 26px rgba(217,168,255,.16) !important;
}

/* remove ugly number position */
.dx-core-icon::before{
    left:-44px !important;
    top:-40px !important;
    font-size:20px !important;
    opacity:.45 !important;
}

/* animations */
@keyframes floatIcon{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
}

@keyframes ringRotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes ringRotateReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}

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



/* =====================================================
   V137 CLEAN CORNER FIX
   Fixes oversized/messy top-left purple corner.
===================================================== */

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:28px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(217,168,255,.10), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(242,179,255,.18), transparent 36%),
        linear-gradient(120deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.98) 70%, rgba(250,238,255,.92) 100%) !important;
    border:1px solid rgba(217,168,255,.34) !important;
    box-shadow:
        0 18px 45px rgba(75,0,181,.09),
        0 8px 24px rgba(217,168,255,.14),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* Clean small corner ribbon */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:96px !important;
    height:96px !important;
    border-radius:28px 0 0 0 !important;
    background:
        linear-gradient(135deg,
            rgba(217,168,255,.95) 0%,
            rgba(182,109,255,.92) 45%,
            rgba(123,44,255,.95) 100%) !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    z-index:1 !important;
    opacity:.92 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Dot texture only inside corner */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    left:12px !important;
    top:13px !important;
    width:70px !important;
    height:55px !important;
    z-index:2 !important;
    opacity:.30 !important;
    background-image:radial-gradient(circle,rgba(255,255,255,.75) 1.2px,transparent 1.5px) !important;
    background-size:7px 7px !important;
    pointer-events:none !important;
    display:block !important;
    mask-image:linear-gradient(135deg,#000 0 55%,transparent 72%) !important;
    -webkit-mask-image:linear-gradient(135deg,#000 0 55%,transparent 72%) !important;
}

/* Number fixed inside corner */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01" !important;}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02" !important;}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03" !important;}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04" !important;}

.dx-core-icon::before{
    position:absolute !important;
    left:-54px !important;
    top:-50px !important;
    z-index:8 !important;
    color:rgba(255,255,255,.62) !important;
    opacity:1 !important;
    font-size:22px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-shadow:0 4px 16px rgba(75,0,181,.16) !important;
    transform:none !important;
    background:none !important;
    clip-path:none !important;
    animation:none !important;
}

/* Icon ring clean animation */
.dx-core-icon-wrap{
    z-index:4 !important;
    overflow:visible !important;
}

.dx-core-icon{
    z-index:5 !important;
    overflow:visible !important;
}

.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-28px !important;
    border-radius:50% !important;
    border:2px solid rgba(182,109,255,.20) !important;
    background:transparent !important;
    box-shadow:
        0 0 0 10px rgba(217,168,255,.07),
        0 0 0 20px rgba(123,44,255,.035) !important;
    animation:dxV137Ring 7s linear infinite !important;
    z-index:-1 !important;
    mask:none !important;
    -webkit-mask:none !important;
}

/* Content above decoration */
.dx-core-content,
.dx-core-divider,
.dx-core-list,
.dx-core-card ul{
    position:relative !important;
    z-index:6 !important;
}

.dx-core-card:hover{
    transform:translateY(-6px) scale(1.006) !important;
    border-color:rgba(123,44,255,.45) !important;
    box-shadow:
        0 28px 62px rgba(75,0,181,.14),
        0 12px 36px rgba(242,179,255,.22),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

@media(max-width:1400px){
    .dx-core-card::before{
        width:76px !important;
        height:76px !important;
        border-radius:24px 0 0 0 !important;
    }

    .dx-core-card::after{
        left:9px !important;
        top:10px !important;
        width:52px !important;
        height:42px !important;
        background-size:6px 6px !important;
    }

    .dx-core-icon::before{
        left:-38px !important;
        top:-36px !important;
        font-size:18px !important;
    }

    .dx-core-icon::after{
        inset:-22px !important;
    }
}

@media(max-width:640px){
    .dx-core-card::before{
        width:88px !important;
        height:88px !important;
    }

    .dx-core-icon::before{
        left:-44px !important;
        top:-42px !important;
        font-size:19px !important;
    }
}

@keyframes dxV137Ring{
    0%{transform:rotate(0deg) scale(1);opacity:.82;}
    50%{transform:rotate(180deg) scale(1.03);opacity:1;}
    100%{transform:rotate(360deg) scale(1);opacity:.82;}
}



/* ==========================================================
   V138 FINAL CLEAN LAYOUT RESET
   Fixes: messy overlap, corner cut, oversized icon, clipped text.
   Clean premium 2x2 cards with balanced ratio.
========================================================== */

:root{
  --dx-dark-purple:#4B00B5;
  --dx-royal-purple:#7B2CFF;
  --dx-lavender-purple:#B66DFF;
  --dx-soft-lavender:#D9A8FF;
  --dx-pink-glow:#F2B3FF;
  --dx-ink:#0B1033;
  --dx-muted:#5F6885;
}

/* section */
.dx-core-section,
section.dx-core-section{
  padding:54px 0 78px !important;
  overflow:hidden !important;
}

/* heading smaller and aligned */
.dx-core-premium-heading{
  text-align:center !important;
  margin:0 auto 42px !important;
  padding:0 16px !important;
}
.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span{
  font-size:clamp(30px,3.15vw,50px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.8px !important;
}
.dx-core-premium-heading .heading-subtext{
  max-width:780px !important;
  margin:14px auto 0 !important;
  font-size:clamp(13px,1vw,16px) !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  color:var(--dx-muted) !important;
}

/* grid */
.dx-core-grid{
  width:min(1220px,92vw) !important;
  max-width:1220px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:26px 30px !important;
  align-items:stretch !important;
}

/* card reset: no overlap */
.dx-core-card{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;

  height:240px !important;
  min-height:240px !important;
  width:100% !important;

  display:grid !important;
  grid-template-columns:128px minmax(145px,1fr) 1px minmax(190px,1fr) !important;
  column-gap:22px !important;
  align-items:center !important;

  padding:26px 28px !important;
  border-radius:28px !important;
  border:1px solid rgba(217,168,255,.44) !important;

  background:
    radial-gradient(circle at 0% 0%, rgba(217,168,255,.12), transparent 33%),
    radial-gradient(circle at 100% 100%, rgba(242,179,255,.20), transparent 36%),
    linear-gradient(125deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.98) 62%, rgba(252,243,255,.94) 100%) !important;

  box-shadow:
    0 18px 44px rgba(75,0,181,.09),
    0 8px 20px rgba(217,168,255,.14),
    inset 0 1px 0 rgba(255,255,255,.95) !important;

  transform:none !important;
  animation:dxV138CardFloat 7s ease-in-out infinite !important;
}
.dx-core-card:nth-child(2){animation-delay:.4s !important;}
.dx-core-card:nth-child(3){animation-delay:.8s !important;}
.dx-core-card:nth-child(4){animation-delay:1.2s !important;}

.dx-core-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(123,44,255,.48) !important;
  box-shadow:
    0 30px 68px rgba(75,0,181,.14),
    0 14px 36px rgba(242,179,255,.23),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* corner ribbon: controlled small */
.dx-core-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:104px !important;
  height:104px !important;
  border-radius:28px 0 0 0 !important;
  background:linear-gradient(135deg,var(--dx-soft-lavender) 0%,var(--dx-lavender-purple) 48%,var(--dx-royal-purple) 100%) !important;
  clip-path:polygon(0 0,100% 0,0 100%) !important;
  opacity:.95 !important;
  z-index:1 !important;
}

/* corner dots only */
.dx-core-card::after{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:12px !important;
  width:66px !important;
  height:52px !important;
  z-index:2 !important;
  opacity:.25 !important;
  pointer-events:none !important;
  background-image:radial-gradient(circle,rgba(255,255,255,.75) 1px,transparent 1.4px) !important;
  background-size:7px 7px !important;
  -webkit-mask-image:linear-gradient(135deg,#000 0 55%,transparent 72%) !important;
  mask-image:linear-gradient(135deg,#000 0 55%,transparent 72%) !important;
}

/* keep all actual content above decoration */
.dx-core-icon-wrap,
.dx-core-icon,
.dx-core-content,
.dx-core-divider,
.dx-core-list,
.dx-core-card ul{
  position:relative !important;
  z-index:5 !important;
}

/* icon area */
.dx-core-icon-wrap{
  width:128px !important;
  height:128px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

.dx-core-icon{
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:29px !important;
  color:#fff !important;
  overflow:visible !important;
  background:
    radial-gradient(circle at 30% 25%, var(--dx-pink-glow) 0%, var(--dx-lavender-purple) 28%, var(--dx-royal-purple) 66%, var(--dx-dark-purple) 100%) !important;
  box-shadow:
    0 12px 26px rgba(75,0,181,.20),
    inset 0 6px 14px rgba(255,255,255,.28) !important;
  animation:dxV138IconFloat 4.8s ease-in-out infinite !important;
}

/* number fixed */
.dx-core-card:nth-child(1) .dx-core-icon::before{content:"01" !important;}
.dx-core-card:nth-child(2) .dx-core-icon::before{content:"02" !important;}
.dx-core-card:nth-child(3) .dx-core-icon::before{content:"03" !important;}
.dx-core-card:nth-child(4) .dx-core-icon::before{content:"04" !important;}

.dx-core-icon::before{
  position:absolute !important;
  left:-52px !important;
  top:-46px !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:rgba(255,255,255,.58) !important;
  opacity:1 !important;
  text-shadow:0 4px 14px rgba(75,0,181,.14) !important;
  background:none !important;
  clip-path:none !important;
  transform:none !important;
  animation:none !important;
  z-index:8 !important;
}

/* ring animation clean */
.dx-core-icon::after{
  content:"" !important;
  position:absolute !important;
  inset:-26px !important;
  border-radius:50% !important;
  border:2px solid rgba(182,109,255,.19) !important;
  background:transparent !important;
  box-shadow:
    0 0 0 10px rgba(217,168,255,.07),
    0 0 0 20px rgba(123,44,255,.035) !important;
  z-index:-1 !important;
  animation:dxV138Ring 8s linear infinite !important;
  mask:none !important;
  -webkit-mask:none !important;
}

/* content */
.dx-core-content{
  text-align:left !important;
  min-width:0 !important;
  max-width:none !important;
}

.dx-core-content h3{
  margin:0 0 9px !important;
  color:var(--dx-ink) !important;
  font-size:22px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:-.35px !important;
}

.dx-core-content span,
.dx-core-line{
  display:block !important;
  width:58px !important;
  height:4px !important;
  border-radius:99px !important;
  margin:0 0 16px !important;
  background:linear-gradient(90deg,var(--dx-royal-purple),var(--dx-pink-glow)) !important;
}

.dx-core-content p{
  margin:0 !important;
  max-width:190px !important;
  color:var(--dx-muted) !important;
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:650 !important;
}

/* divider */
.dx-core-divider{
  width:1px !important;
  height:118px !important;
  min-width:1px !important;
  background:linear-gradient(180deg,transparent,rgba(182,109,255,.28),transparent) !important;
}

/* checklist */
.dx-core-list,
.dx-core-card > ul{
  min-width:0 !important;
  overflow:visible !important;
}

.dx-core-card ul,
.dx-core-list ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:13px !important;
  overflow:visible !important;
}

.dx-core-card li,
.dx-core-list li{
  display:grid !important;
  grid-template-columns:27px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  color:#0d1234 !important;
  font-size:11.5px !important;
  line-height:1.16 !important;
  font-weight:850 !important;
  letter-spacing:-.1px !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  max-width:100% !important;
}

.dx-core-card li i,
.dx-core-list li i{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:9px !important;
  color:#fff !important;
  border:2px solid rgba(255,255,255,.95) !important;
  background:linear-gradient(135deg,var(--dx-soft-lavender),var(--dx-royal-purple) 72%,var(--dx-dark-purple)) !important;
  box-shadow:0 8px 17px rgba(75,0,181,.22), inset 0 2px 7px rgba(255,255,255,.34) !important;
  animation:dxV138Tick 2.4s ease-in-out infinite !important;
}

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

/* 1366 laptop */
@media(max-width:1400px){
  .dx-core-grid{
    width:min(1080px,92vw) !important;
    gap:22px 24px !important;
  }
  .dx-core-card{
    height:220px !important;
    min-height:220px !important;
    grid-template-columns:104px 142px 1px minmax(145px,1fr) !important;
    column-gap:14px !important;
    padding:22px 20px !important;
    border-radius:24px !important;
  }
  .dx-core-card::before{
    width:78px !important;
    height:78px !important;
    border-radius:24px 0 0 0 !important;
  }
  .dx-core-card::after{
    left:9px !important;
    top:9px !important;
    width:52px !important;
    height:42px !important;
    background-size:6px 6px !important;
  }
  .dx-core-icon-wrap{
    width:104px !important;
    height:104px !important;
  }
  .dx-core-icon{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    font-size:23px !important;
  }
  .dx-core-icon::before{
    left:-38px !important;
    top:-36px !important;
    font-size:18px !important;
  }
  .dx-core-icon::after{
    inset:-22px !important;
  }
  .dx-core-content h3{
    font-size:18px !important;
  }
  .dx-core-content p{
    font-size:10.8px !important;
    max-width:135px !important;
    line-height:1.42 !important;
  }
  .dx-core-divider{
    height:96px !important;
  }
  .dx-core-card ul,
  .dx-core-list ul{
    gap:9px !important;
  }
  .dx-core-card li,
  .dx-core-list li{
    grid-template-columns:21px minmax(0,1fr) !important;
    gap:7px !important;
    font-size:8.7px !important;
    line-height:1.08 !important;
  }
  .dx-core-card li i,
  .dx-core-list li i{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    font-size:7px !important;
  }
}

/* switch before clipping */
@media(max-width:1150px){
  .dx-core-grid{
    width:min(720px,94vw) !important;
    grid-template-columns:1fr !important;
  }
  .dx-core-card{
    grid-template-columns:112px minmax(150px,1fr) 1px minmax(170px,1fr) !important;
    height:230px !important;
  }
  .dx-core-card li,
  .dx-core-list li{
    font-size:10px !important;
  }
}

/* mobile */
@media(max-width:640px){
  .dx-core-card{
    grid-template-columns:1fr !important;
    height:auto !important;
    min-height:auto !important;
    padding:34px 20px !important;
    row-gap:18px !important;
    text-align:center !important;
  }
  .dx-core-icon-wrap{
    margin:0 auto !important;
  }
  .dx-core-content{
    text-align:center !important;
  }
  .dx-core-content p{
    max-width:100% !important;
  }
  .dx-core-content span,
  .dx-core-line{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .dx-core-divider{
    display:none !important;
  }
  .dx-core-card ul,
  .dx-core-list ul{
    max-width:270px !important;
    margin:0 auto !important;
    text-align:left !important;
  }
  .dx-core-card li,
  .dx-core-list li{
    font-size:12px !important;
    grid-template-columns:26px 1fr !important;
  }
}

@keyframes dxV138CardFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-3px);}
}
@keyframes dxV138IconFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-4px);}
}
@keyframes dxV138Ring{
  0%{transform:rotate(0deg) scale(1);opacity:.82;}
  50%{transform:rotate(180deg) scale(1.035);opacity:1;}
  100%{transform:rotate(360deg) scale(1);opacity:.82;}
}
@keyframes dxV138Tick{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.1);}
}



/* =========================
V139 LEFT CARD BALANCE FIX
========================= */

.dx-core-card{
    display:grid !important;
    grid-template-columns:92px 1fr 1px 210px !important;
    column-gap:18px !important;
    align-items:center !important;
    padding:24px 24px !important;
    min-height:220px !important;
}

.dx-core-icon-wrap{
    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:8px !important;
}

.dx-core-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    font-size:20px !important;
}

.dx-core-icon::after{
    inset:-18px !important;
}

.dx-core-icon::before{
    left:-34px !important;
    top:-30px !important;
    font-size:18px !important;
}

.dx-core-content{
    padding-left:4px !important;
}

.dx-core-content h3{
    font-size:18px !important;
    line-height:1.15 !important;
    margin-bottom:8px !important;
}

.dx-core-content p{
    font-size:11px !important;
    line-height:1.45 !important;
    max-width:180px !important;
}

.dx-core-divider{
    height:90px !important;
}

.dx-core-card ul{
    gap:10px !important;
}

.dx-core-card li{
    font-size:10px !important;
    gap:8px !important;
    line-height:1.15 !important;
}

.dx-core-card li i{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    font-size:7px !important;
}

@media(max-width:1400px){

    .dx-core-card{
        grid-template-columns:80px 1fr 1px 180px !important;
        column-gap:14px !important;
        padding:20px 18px !important;
    }

    .dx-core-icon-wrap{
        width:80px !important;
        height:80px !important;
    }

    .dx-core-icon{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
        font-size:18px !important;
    }

    .dx-core-content h3{
        font-size:16px !important;
    }

    .dx-core-content p{
        font-size:10px !important;
        max-width:145px !important;
    }

    .dx-core-card li{
        font-size:8.5px !important;
    }
}

@media(max-width:991px){

    .dx-core-card{
        grid-template-columns:1fr !important;
        row-gap:18px !important;
        text-align:center !important;
        height:auto !important;
    }

    .dx-core-icon-wrap{
        margin:auto !important;
    }

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

    .dx-core-content p{
        max-width:100% !important;
        margin:auto !important;
    }

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

    .dx-core-card ul{
        margin:auto !important;
        max-width:240px !important;
    }
}




/* =========================
V140 CORNER NUMBER FIX
========================= */

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
}

.dx-core-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:145px;
    height:145px;
    background:linear-gradient(135deg,#e2b4ff 0%, #8b39ff 100%);
    clip-path:polygon(0 0,100% 0,0 100%);
    opacity:.95;
    z-index:1;
}

.dx-card-no{
    position:absolute !important;
    top:22px !important;
    left:24px !important;
    font-size:46px !important;
    line-height:1 !important;
    font-weight:800 !important;
    color:rgba(255,255,255,.58) !important;
    z-index:5 !important;
    pointer-events:none !important;
    letter-spacing:-2px !important;
}

.dx-core-card > *{
    position:relative;
    z-index:3;
}

@media(max-width:1200px){
    .dx-card-no{
        top:18px !important;
        left:18px !important;
        font-size:38px !important;
    }

    .dx-core-card::before{
        width:120px;
        height:120px;
    }
}




/* =========================
V141 REMOVE CORNER NUMBERS
========================= */

.dx-card-no{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

.dx-core-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:150px;
    height:150px;
    background:linear-gradient(135deg,#dfb0ff 0%, #8b39ff 100%);
    clip-path:polygon(0 0,100% 0,0 100%);
    opacity:.96;
    z-index:1;
}

.dx-core-card{
    overflow:hidden !important;
    position:relative !important;
}

.dx-core-card > *{
    position:relative;
    z-index:3;
}



/* =========================
V142 FORCE REMOVE NUMBERS
========================= */

/* Hide any direct corner text */
.dx-core-card .dx-card-no,
.dx-core-card .card-no,
.dx-core-card .number,
.dx-core-card .corner-no{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* Remove text from corner pseudo */
.dx-core-card::after{
    content:none !important;
}

/* Hide accidental text nodes in corner */
.dx-core-card{
    color:inherit;
}

.dx-core-card .corner-text,
.dx-core-card .corner-number{
    display:none !important;
}

/* Cover remaining digits visually */
.dx-core-card .dx-corner{
    overflow:hidden !important;
}



/* =====================================================
   V143 FINAL: FORCE REMOVE ALL CORNER NUMBERS
   + MORE ATTRACTIVE PREMIUM CORNER
===================================================== */

/* remove every possible number source */
.dx-card-no,
.card-no,
.corner-no,
.corner-number,
.corner-text,
.dx-core-card .dx-card-no,
.dx-core-card .card-no,
.dx-core-card .corner-no,
.dx-core-card .corner-number,
.dx-core-card .corner-text{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    font-size:0 !important;
}

/* this was the visible 01/02/03/04 source */
.dx-core-icon::before,
.dx-core-card:nth-child(1) .dx-core-icon::before,
.dx-core-card:nth-child(2) .dx-core-icon::before,
.dx-core-card:nth-child(3) .dx-core-icon::before,
.dx-core-card:nth-child(4) .dx-core-icon::before{
    content:"" !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* clean premium card base */
.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:30px !important;
    border:1px solid rgba(217,168,255,.46) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(217,168,255,.16), transparent 34%),
        radial-gradient(circle at 100% 100%, rgba(242,179,255,.22), transparent 34%),
        linear-gradient(125deg, rgba(255,255,255,.99), rgba(255,255,255,.97) 63%, rgba(252,242,255,.93)) !important;
    box-shadow:
        0 20px 48px rgba(75,0,181,.10),
        0 8px 24px rgba(217,168,255,.16),
        inset 0 1px 0 rgba(255,255,255,.98) !important;
}

/* attractive curved gradient corner */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:150px !important;
    height:150px !important;
    border-radius:30px 0 72px 0 !important;
    background:
        radial-gradient(circle at 22% 22%, rgba(255,255,255,.45), transparent 22%),
        linear-gradient(135deg,#F2B3FF 0%,#D9A8FF 24%,#B66DFF 52%,#7B2CFF 100%) !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    z-index:1 !important;
    opacity:.96 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.40),
        0 12px 28px rgba(123,44,255,.10) !important;
}

/* glossy small highlight over corner */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    width:92px !important;
    height:92px !important;
    z-index:2 !important;
    pointer-events:none !important;
    opacity:.34 !important;
    background:
        radial-gradient(circle, rgba(255,255,255,.85) 1.2px, transparent 1.6px) 0 0/8px 8px,
        linear-gradient(135deg, rgba(255,255,255,.34), transparent 58%) !important;
    -webkit-mask-image:linear-gradient(135deg,#000 0 50%,transparent 75%) !important;
    mask-image:linear-gradient(135deg,#000 0 50%,transparent 75%) !important;
}

/* add decorative edge glow, no number */
.dx-core-card .dx-core-icon-wrap{
    position:relative !important;
    z-index:4 !important;
}

.dx-core-card .dx-core-icon-wrap::before{
    content:"" !important;
    position:absolute !important;
    inset:auto !important;
    width:112px !important;
    height:112px !important;
    border-radius:50% !important;
    border:1px solid rgba(182,109,255,.18) !important;
    box-shadow:
        0 0 0 16px rgba(217,168,255,.07),
        0 0 28px rgba(242,179,255,.18) !important;
    animation:dxV143RingBreath 4.5s ease-in-out infinite !important;
    z-index:-1 !important;
}

/* keep contents clean above corner */
.dx-core-card > *,
.dx-core-content,
.dx-core-divider,
.dx-core-list,
.dx-core-card ul{
    position:relative !important;
    z-index:5 !important;
}

/* hover premium */
.dx-core-card:hover{
    transform:translateY(-7px) scale(1.006) !important;
    border-color:rgba(123,44,255,.52) !important;
    box-shadow:
        0 32px 74px rgba(75,0,181,.15),
        0 14px 40px rgba(242,179,255,.24),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* compact corner on laptop */
@media(max-width:1400px){
    .dx-core-card::before{
        width:118px !important;
        height:118px !important;
        border-radius:26px 0 56px 0 !important;
    }
    .dx-core-card::after{
        width:72px !important;
        height:72px !important;
        top:8px !important;
        left:8px !important;
        background-size:7px 7px !important;
    }
    .dx-core-card .dx-core-icon-wrap::before{
        width:92px !important;
        height:92px !important;
    }
}

@keyframes dxV143RingBreath{
    0%,100%{transform:scale(1);opacity:.65;}
    50%{transform:scale(1.06);opacity:1;}
}



/* ===================================
V144 COMPACT PREMIUM CORNER FIX
=================================== */

.dx-core-card{
    overflow:hidden !important;
    position:relative !important;
}

/* compact diagonal corner */
.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:108px !important;
    height:108px !important;
    background:
        radial-gradient(circle at 18% 18%,
        rgba(255,255,255,.42),
        transparent 24%),
        linear-gradient(135deg,
        #f4c1ff 0%,
        #d28bff 34%,
        #a24dff 65%,
        #7b2cff 100%) !important;

    clip-path:polygon(0 0,100% 0,0 100%) !important;
    border-radius:28px 0 46px 0 !important;

    opacity:.96 !important;
    z-index:1 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 10px 24px rgba(123,44,255,.12) !important;
}

/* compact dotted highlight */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    top:10px !important;
    left:10px !important;

    width:56px !important;
    height:56px !important;

    background:
        radial-gradient(circle,
        rgba(255,255,255,.88) 1px,
        transparent 1.5px) 0 0 / 8px 8px !important;

    opacity:.24 !important;

    -webkit-mask-image:
        linear-gradient(135deg,#000 0 60%,transparent 85%) !important;

    mask-image:
        linear-gradient(135deg,#000 0 60%,transparent 85%) !important;

    z-index:2 !important;
    pointer-events:none !important;
}

/* ensure no text appears */
.dx-core-icon::before,
.dx-card-no,
.corner-no,
.corner-number{
    display:none !important;
    content:"" !important;
}



/* =====================================================
   V145 FINAL CORNER FIX - NO OVERLAY / NO BIG TRIANGLE
   This removes the oversized purple corner overlap and
   replaces it with a small premium accent corner.
===================================================== */

/* Stop old corner pseudo-elements from drawing over icon/content */
.dx-core-card::before,
.dx-core-card::after{
    content:none !important;
    display:none !important;
}

/* Card polish remains */
.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:26px !important;
    border:1px solid rgba(217,168,255,.42) !important;
    background:
        radial-gradient(circle at 100% 100%, rgba(242,179,255,.18), transparent 36%),
        linear-gradient(120deg, rgba(255,255,255,.99), rgba(255,255,255,.97) 68%, rgba(252,243,255,.94)) !important;
    box-shadow:
        0 20px 45px rgba(75,0,181,.10),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* New small elegant corner accent - does NOT cover icon */
.dx-core-card .dx-core-icon-wrap::after{
    content:"" !important;
    position:absolute !important;
    left:-28px !important;
    top:-28px !important;
    width:84px !important;
    height:84px !important;
    border-radius:22px 0 44px 0 !important;
    background:
        radial-gradient(circle at 25% 25%, rgba(255,255,255,.38), transparent 24%),
        linear-gradient(135deg, #F2B3FF 0%, #D9A8FF 30%, #B66DFF 58%, #7B2CFF 100%) !important;
    clip-path:polygon(0 0,100% 0,0 100%) !important;
    opacity:.92 !important;
    z-index:-1 !important;
    pointer-events:none !important;
}

/* Small dotted corner detail only */
.dx-core-card .dx-core-icon-wrap::before{
    content:"" !important;
    position:absolute !important;
    left:-20px !important;
    top:-18px !important;
    width:48px !important;
    height:48px !important;
    background-image:radial-gradient(circle, rgba(255,255,255,.75) 1px, transparent 1.5px) !important;
    background-size:7px 7px !important;
    opacity:.35 !important;
    z-index:0 !important;
    pointer-events:none !important;
    -webkit-mask-image:linear-gradient(135deg,#000 0 55%,transparent 78%) !important;
    mask-image:linear-gradient(135deg,#000 0 55%,transparent 78%) !important;
    border:none !important;
    box-shadow:none !important;
    animation:none !important;
}

/* Icon stays above corner */
.dx-core-icon-wrap{
    position:relative !important;
    z-index:5 !important;
    overflow:visible !important;
}

.dx-core-icon{
    position:relative !important;
    z-index:6 !important;
}

/* Remove all number source */
.dx-core-icon::before,
.dx-card-no,
.corner-no,
.corner-number,
.corner-text{
    content:"" !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* Clean circular ring using box shadow, not large triangle */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-18px !important;
    border-radius:50% !important;
    border:1px solid rgba(182,109,255,.22) !important;
    background:transparent !important;
    box-shadow:
        0 0 0 10px rgba(217,168,255,.07),
        0 0 22px rgba(242,179,255,.16) !important;
    z-index:-1 !important;
    animation:dxV145Ring 7s linear infinite !important;
}

/* Better card hover */
.dx-core-card:hover{
    transform:translateY(-6px) scale(1.004) !important;
    border-color:rgba(123,44,255,.48) !important;
    box-shadow:
        0 30px 65px rgba(75,0,181,.14),
        0 12px 36px rgba(242,179,255,.22),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* 1366 and compact laptop */
@media(max-width:1400px){
    .dx-core-card .dx-core-icon-wrap::after{
        left:-20px !important;
        top:-20px !important;
        width:66px !important;
        height:66px !important;
        border-radius:20px 0 34px 0 !important;
    }

    .dx-core-card .dx-core-icon-wrap::before{
        left:-15px !important;
        top:-14px !important;
        width:36px !important;
        height:36px !important;
        background-size:6px 6px !important;
    }

    .dx-core-icon::after{
        inset:-15px !important;
    }
}

@keyframes dxV145Ring{
    0%{transform:rotate(0deg) scale(1);opacity:.78;}
    50%{transform:rotate(180deg) scale(1.04);opacity:1;}
    100%{transform:rotate(360deg) scale(1);opacity:.78;}
}



/* =====================================================
   V146 PREMIUM COLOR + ROUND ANIMATION EFFECT
   Adds glossy purple/pink color depth, animated round rings,
   animated border glow, and keeps content clean/no corner issue.
===================================================== */

.dx-core-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:30px !important;
    border:1px solid rgba(217,168,255,.42) !important;
    background:
        radial-gradient(circle at 12% 28%, rgba(217,168,255,.18) 0%, transparent 24%),
        radial-gradient(circle at 82% 82%, rgba(242,179,255,.28) 0%, transparent 32%),
        linear-gradient(115deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 55%, rgba(252,241,255,.94) 100%) !important;
    box-shadow:
        0 20px 48px rgba(75,0,181,.12),
        0 10px 24px rgba(217,168,255,.16),
        inset 0 1px 0 rgba(255,255,255,.98) !important;
    transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease !important;
}

/* animated glossy border layer */
.dx-core-card > .dx-core-glow-border{
    display:none !important;
}

.dx-core-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    padding:1.5px !important;
    border-radius:30px !important;
    background:linear-gradient(120deg,
        rgba(75,0,181,.10),
        rgba(123,44,255,.65),
        rgba(242,179,255,.75),
        rgba(182,109,255,.35),
        rgba(75,0,181,.10)) !important;
    background-size:240% 240% !important;
    animation:dxV146BorderMove 5.8s linear infinite !important;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite:xor !important;
    mask-composite:exclude !important;
    pointer-events:none !important;
    z-index:1 !important;
}

/* soft inner color wash */
.dx-core-card::after{
    content:"" !important;
    position:absolute !important;
    right:-80px !important;
    bottom:-80px !important;
    width:220px !important;
    height:220px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,
        rgba(242,179,255,.40),
        rgba(217,168,255,.16) 38%,
        transparent 70%) !important;
    filter:blur(2px) !important;
    animation:dxV146ColorBreath 6s ease-in-out infinite !important;
    pointer-events:none !important;
    z-index:0 !important;
}

/* keep content above all effects */
.dx-core-card > *,
.dx-core-content,
.dx-core-list,
.dx-core-divider,
.dx-core-card ul{
    position:relative !important;
    z-index:4 !important;
}

/* premium hover */
.dx-core-card:hover{
    transform:translateY(-8px) scale(1.008) !important;
    border-color:rgba(123,44,255,.55) !important;
    box-shadow:
        0 34px 78px rgba(75,0,181,.18),
        0 16px 40px rgba(242,179,255,.30),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* icon glow + round animation */
.dx-core-icon{
    position:relative !important;
    background:
        radial-gradient(circle at 30% 20%, #F2B3FF 0%, #B66DFF 28%, #7B2CFF 68%, #4B00B5 100%) !important;
    box-shadow:
        0 12px 28px rgba(75,0,181,.22),
        0 0 26px rgba(182,109,255,.34),
        inset 0 7px 16px rgba(255,255,255,.32) !important;
    animation:dxV146IconFloat 4.2s ease-in-out infinite !important;
}

/* rotating round ring like premium SaaS card */
.dx-core-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:-22px !important;
    border-radius:50% !important;
    border:2px solid rgba(182,109,255,.22) !important;
    background:
        conic-gradient(from 0deg,
            rgba(75,0,181,.0),
            rgba(123,44,255,.70),
            rgba(242,179,255,.70),
            rgba(75,0,181,.0),
            rgba(75,0,181,.0)) !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;
    animation:dxV146RingRotate 6s linear infinite !important;
    z-index:-1 !important;
    box-shadow:none !important;
}

/* outer soft ring */
.dx-core-icon-wrap{
    position:relative !important;
    z-index:5 !important;
}

.dx-core-icon-wrap::before{
    content:"" !important;
    position:absolute !important;
    width:110px !important;
    height:110px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,
        rgba(217,168,255,.22) 0%,
        rgba(217,168,255,.08) 48%,
        transparent 70%) !important;
    border:1px solid rgba(217,168,255,.28) !important;
    animation:dxV146PulseRound 3.2s ease-in-out infinite !important;
    z-index:-2 !important;
}

/* animated check marks */
.dx-core-card li i,
.dx-core-list li i{
    background:
        radial-gradient(circle at 30% 20%, #F2B3FF 0%, #B66DFF 34%, #7B2CFF 75%, #4B00B5 100%) !important;
    box-shadow:
        0 8px 18px rgba(75,0,181,.22),
        0 0 18px rgba(182,109,255,.42),
        inset 0 3px 8px rgba(255,255,255,.34) !important;
    animation:dxV146TickPulse 2.25s ease-in-out infinite !important;
}

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

/* glossy heading line */
.dx-core-content span,
.dx-core-line{
    background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
    background-size:180% 100% !important;
    animation:dxV146LineShine 2.8s ease-in-out infinite !important;
    box-shadow:0 0 12px rgba(182,109,255,.22) !important;
}

/* improve typography a little */
.dx-core-content h3{
    letter-spacing:-.35px !important;
    text-shadow:0 2px 14px rgba(75,0,181,.06) !important;
}

.dx-core-card li{
    text-shadow:0 2px 12px rgba(75,0,181,.04) !important;
}

/* remove all corner number text */
.dx-core-icon::before,
.dx-card-no,
.corner-no,
.corner-number,
.corner-text{
    content:"" !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* compact laptop */
@media(max-width:1400px){
    .dx-core-icon-wrap::before{
        width:88px !important;
        height:88px !important;
    }

    .dx-core-icon::after{
        inset:-17px !important;
    }

    .dx-core-card::after{
        width:170px !important;
        height:170px !important;
        right:-65px !important;
        bottom:-65px !important;
    }
}

@keyframes dxV146BorderMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

@keyframes dxV146ColorBreath{
    0%,100%{opacity:.65;transform:scale(1);}
    50%{opacity:1;transform:scale(1.12);}
}

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

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

@keyframes dxV146PulseRound{
    0%,100%{transform:scale(.96);opacity:.55;}
    50%{transform:scale(1.08);opacity:1;}
}

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

@keyframes dxV146LineShine{
    0%,100%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
}


/* =====================================================
   CLIENT FINAL HOME FIX
   Sticky menu + balanced home sizing without changing theme colors.
===================================================== */

body{
    padding-top:76px !important;
}

.navbar.glass-nav.fixed-top,
nav.navbar.glass-nav{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:1050 !important;
    min-height:74px !important;
    padding:8px 0 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    box-shadow:0 10px 34px rgba(47,24,102,.08) !important;
}

body.dark-mode .navbar.glass-nav.fixed-top,
body.dark-mode nav.navbar.glass-nav{
    background:rgba(15,18,37,.95) !important;
}

.navbar.glass-nav .container{
    max-width:1480px !important;
}

.navbar-brand{
    display:flex !important;
    align-items:center !important;
}

.navbar-brand img{
    width:auto !important;
    height:54px !important;
    max-height:54px !important;
    object-fit:contain !important;
}

.nav-link{
    font-size:14px !important;
    line-height:1.2 !important;
    padding:10px 12px !important;
    margin:0 4px !important;
    white-space:nowrap !important;
}

.theme-toggle{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
}

.navbar-collapse.show,
.navbar-collapse.collapsing{
    background:rgba(255,255,255,.98) !important;
    border:1px solid var(--dx-border) !important;
    border-radius:20px !important;
    margin-top:10px !important;
    padding:10px !important;
    box-shadow:0 18px 45px rgba(139,63,242,.12) !important;
}

body.dark-mode .navbar-collapse.show,
body.dark-mode .navbar-collapse.collapsing{
    background:rgba(15,18,37,.98) !important;
}

.hero.premium-hero.hero-v8,
.premium-hero.hero-v8,
.hero-v8{
    padding-top:36px !important;
    padding-bottom:48px !important;
    min-height:auto !important;
}

.hero-v8 .container{
    max-width:1360px !important;
}

.hero-v8 .row{
    --bs-gutter-x:2rem !important;
    --bs-gutter-y:2rem !important;
}

.hero-v8 h1{
    max-width:720px !important;
    font-size:clamp(34px,4vw,58px) !important;
    line-height:1.08 !important;
    letter-spacing:-1.4px !important;
    margin-top:16px !important;
    margin-bottom:12px !important;
}

.hero-v8 p{
    max-width:700px !important;
    font-size:15px !important;
    line-height:1.65 !important;
}

.hero-badge{
    font-size:12px !important;
    line-height:1.2 !important;
}

.hero-points{
    gap:9px !important;
    margin-top:32px !important;
}

.hero-points span{
    background:#fff !important;
    font-size:12px !important;
    padding:8px 12px !important;
    color:#5e17df !important;
}

.hero-points span i{
    color:#7a35ff !important;
    -webkit-text-fill-color:#7a35ff !important;
}

.hero-points span em{
    font-style:normal !important;
    background:linear-gradient(90deg,#6f2cff,#c85cff) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

/* AI technology flow section */
.ai-tech-flow-section{
    background:#fff !important;
    padding:52px 0 58px !important;
    overflow:hidden !important;
}

.ai-tech-flow-section .container{
    max-width:1260px !important;
}

.ai-flow-heading{
    text-align:center !important;
    margin:0 auto 30px !important;
}

.ai-flow-kicker{
    display:inline-flex !important;
    align-items:center !important;
    gap:16px !important;
    color:#6f2cff !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    margin-bottom:16px !important;
}

.ai-flow-kicker b{
    position:relative !important;
    display:block !important;
    width:52px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,#d7c9ff) !important;
}

.ai-flow-kicker b:last-child{
    background:linear-gradient(90deg,#d7c9ff,transparent) !important;
}

.ai-flow-kicker b:after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    right:-5px !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#7433ff,#c85cff) !important;
    transform:translateY(-50%) !important;
}

.ai-flow-kicker b:last-child:after{
    left:-5px !important;
    right:auto !important;
}

.ai-flow-heading h2{
    color:#0b1232 !important;
    font-size:clamp(28px,3vw,30px) !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:-.045em !important;
    margin:0 0 14px !important;
}

.ai-flow-heading h2 span{
    background:linear-gradient(90deg,#7433ff,#c85cff) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.ai-flow-heading p{
    max-width:720px !important;
    margin:0 auto !important;
    color:#4f5874 !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
}

.ai-flow-grid{
    display:grid !important;
    grid-template-columns:repeat(4,260px) !important;
    gap:24px !important;
    justify-content:center !important;
    max-width:1112px !important;
    margin:0 auto !important;
}

.ai-flow-card{
    width:260px !important;
    max-width:260px !important;
    min-height:330px !important;
    padding:30px 24px 28px !important;
    border:1px solid #eadfff !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 24px 58px rgba(17,23,47,.08),0 10px 28px rgba(139,63,242,.08) !important;
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    transition:transform .28s ease,box-shadow .28s ease !important;
}

.ai-flow-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:0 34px 70px rgba(17,23,47,.11),0 18px 44px rgba(139,63,242,.14) !important;
}

.ai-flow-icon{
    width:88px !important;
    height:88px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 35% 30%,#faf7ff 0,#f0e8ff 62%,#eadfff 100%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 18px !important;
}

.ai-flow-icon i{
    color:#7433ff !important;
    font-size:40px !important;
    line-height:1 !important;
    filter:drop-shadow(0 8px 14px rgba(116,51,255,.16)) !important;
}

.ai-flow-card h3{
    color:#0b1232 !important;
    font-size:21px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:-.03em !important;
    margin:0 !important;
}

.ai-flow-mark{
    width:34px !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7433ff,#c85cff) !important;
    margin:18px 0 18px !important;
}

.ai-flow-card p{
    color:#424c69 !important;
    font-size:10px !important;
    line-height:1.55 !important;
    font-weight:500 !important;
    margin:0 !important;
}

.ai-flow-timeline{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    align-items:center !important;
    margin:24px auto 0 !important;
    width:74% !important;
}

.ai-flow-timeline:before{
    content:"" !important;
    position:absolute !important;
    left:10% !important;
    right:10% !important;
    top:50% !important;
    height:2px !important;
    background:repeating-linear-gradient(90deg,rgba(116,51,255,.34) 0 2px,transparent 2px 5px) !important;
    transform:translateY(-50%) !important;
}

.ai-flow-timeline span{
    position:relative !important;
    z-index:1 !important;
    justify-self:center !important;
    width:20px !important;
    height:20px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#7433ff,#c85cff) !important;
    box-shadow:0 12px 26px rgba(116,51,255,.25) !important;
}

@media(max-width:1199px){
    .ai-flow-grid{gap:18px !important;}
    .ai-flow-card{padding:26px 18px !important;min-height:315px !important;}
    .ai-flow-icon{width:88px !important;height:88px !important;}
    .ai-flow-icon i{font-size:36px !important;}
    .ai-flow-card p{font-size:10px !important;}
}

@media(max-width:991px){
    .ai-flow-grid{grid-template-columns:repeat(2,260px) !important;}
    .ai-flow-heading p{font-size:16px !important;}
    .ai-flow-timeline{width:86% !important;}
}

@media(max-width:575px){
    .ai-tech-flow-section{padding:44px 0 50px !important;}
    .ai-flow-kicker{font-size:12px !important;gap:12px !important;}
    .ai-flow-kicker b{width:34px !important;}
    .ai-flow-heading{margin-bottom:24px !important;}
    .ai-flow-heading h2{font-size:30px !important;}
    .ai-flow-heading p{font-size:15px !important;}
    .ai-flow-grid{grid-template-columns:minmax(0,260px) !important;}
    .ai-flow-card{width:100% !important;max-width:260px !important;min-height:auto !important;}
    .ai-flow-timeline{display:none !important;}
}

.hero-mini-grid{
    max-width:650px !important;
    gap:12px !important;
    margin-top:18px !important;
}

.hero-mini-grid div{
    min-height:74px !important;
    padding:13px 15px !important;
}

.premium-home-slider{
    max-width:100% !important;
}

.premium-home-slider .carousel-inner{
    border-radius:30px !important;
}

.premium-slide{
    min-height:372px !important;
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr) !important;
    gap:22px !important;
    padding:24px !important;
}

.premium-slide h3{
    font-size:clamp(22px,1.85vw,32px) !important;
    line-height:1.22 !important;
    letter-spacing:-.35px !important;
}

.premium-slide p{
    font-size:13px !important;
    line-height:1.6 !important;
    margin-bottom:13px !important;
}

.slide-pill{
    font-size:12px !important;
    margin-bottom:13px !important;
}

.slide-tags span{
    font-size:11.25px !important;
    padding:7px 11px !important;
}

.slide-visual{
    min-height:242px !important;
}

.flow-node,
.module-visual div{
    min-height:88px !important;
}

.tech-marquee-wrap{
    margin-top:24px !important;
}

.tech-chip{
    padding:10px 16px !important;
    font-size:12px !important;
}

.dx-platform-final-section{
    padding-top:54px !important;
    padding-bottom:58px !important;
}

.dx-platform-final-head{
    max-width:1180px !important;
    margin:0 auto 30px !important;
    padding:0 12px !important;
}

.dx-platform-final-head h2{
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:clamp(30px,3.05vw,50px) !important;
    line-height:1.12 !important;
    letter-spacing:-.8px !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    text-wrap:balance !important;
}

.dx-platform-final-head h2 span{
    display:inline !important;
}

.dx-platform-final-head p{
    max-width:760px !important;
    margin:13px auto 0 !important;
    font-size:14px !important;
    line-height:1.55 !important;
}

.dx-platform-final-badge{
    margin-bottom:12px !important;
    font-size:12px !important;
}

.dx-platform-final-row{
    --bs-gutter-x:1.25rem !important;
    --bs-gutter-y:1.25rem !important;
}

.dx-platform-final-card{
    height:auto !important;
    min-height:455px !important;
    padding:16px 18px 20px !important;
    border-radius:24px !important;
}

.dx-platform-final-art{
    height:178px !important;
    margin:0 0 10px !important;
}

.dx-platform-final-art img{
    max-width:210px !important;
    max-height:170px !important;
    object-fit:contain !important;
}

.dx-platform-final-content h3{
    font-size:18px !important;
    line-height:1.16 !important;
    margin-bottom:7px !important;
}

.dx-title-stroke{
    width:44px !important;
    margin-bottom:9px !important;
}

.dx-platform-final-content p{
    min-height:0 !important;
    font-size:12.5px !important;
    line-height:1.48 !important;
    margin-bottom:10px !important;
}

.dx-platform-final-content ul{
    display:grid !important;
    gap:7px !important;
}

.dx-platform-final-content li{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.25 !important;
}

.dx-platform-final-content li i{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    font-size:8px !important;
}

.dx-final-values-section{
    padding:62px 0 72px !important;
}

.dx-core-premium-heading{
    max-width:1120px !important;
    margin:0 auto 32px !important;
    padding:0 16px !important;
}

.dx-core-premium-heading .mini-badge{
    margin-bottom:14px !important;
    font-size:12px !important;
    letter-spacing:3px !important;
}

.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span{
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    font-size:clamp(32px,3.4vw,52px) !important;
    line-height:1.1 !important;
    letter-spacing:-.8px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-wrap:balance !important;
}

.dx-core-premium-heading .main-heading::before{
    content:"Build Modern " !important;
    display:inline !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
}

.dx-core-premium-heading .heading-subtext{
    max-width:760px !important;
    margin:14px auto 0 !important;
    font-size:15px !important;
    line-height:1.55 !important;
}

.dx-core-grid{
    width:min(1240px,92vw) !important;
    max-width:1240px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 24px !important;
}

.dx-core-card{
    height:218px !important;
    min-height:218px !important;
    grid-template-columns:102px minmax(132px,1fr) 1px minmax(168px,1.1fr) !important;
    column-gap:16px !important;
    padding:22px 22px !important;
    border-radius:24px !important;
}

.dx-core-card::before{
    width:90px !important;
    height:90px !important;
    border-radius:24px 0 0 0 !important;
}

.dx-core-card::after{
    right:-58px !important;
    bottom:-58px !important;
    width:170px !important;
    height:170px !important;
    left:auto !important;
    top:auto !important;
}

.dx-core-icon{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    font-size:26px !important;
    justify-self:center !important;
}

.dx-core-icon::before{
    content:"" !important;
    display:none !important;
}

.dx-core-icon::after{
    inset:-18px !important;
}

.dx-core-content{
    min-width:0 !important;
}

.dx-core-content h3{
    font-size:19px !important;
    line-height:1.15 !important;
    margin-bottom:8px !important;
}

.dx-core-content span,
.dx-core-line{
    width:48px !important;
    height:4px !important;
    margin-bottom:12px !important;
}

.dx-core-content p{
    max-width:none !important;
    font-size:12px !important;
    line-height:1.48 !important;
}

.dx-core-divider{
    height:96px !important;
}

.dx-core-card ul{
    gap:10px !important;
}

.dx-core-card li{
    grid-template-columns:24px minmax(0,1fr) !important;
    gap:9px !important;
    font-size:11px !important;
    line-height:1.18 !important;
}

.dx-core-card li i{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:8px !important;
}

.smart-strip{
    padding-top:0 !important;
}

@media(max-width:1399px){
    .navbar.glass-nav .container{
        max-width:1180px !important;
    }

    .nav-link{
        font-size:13px !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }

    .hero-v8 h1{
        font-size:clamp(34px,4.2vw,52px) !important;
    }

    .premium-slide{
        min-height:348px !important;
        padding:22px !important;
    }

    .slide-visual{
        min-height:220px !important;
    }

    .dx-platform-final-card{
        min-height:432px !important;
        padding:15px 16px 18px !important;
    }

    .dx-platform-final-art{
        height:158px !important;
    }

    .dx-platform-final-art img{
        max-width:185px !important;
        max-height:150px !important;
    }

    .dx-core-grid{
        width:min(1120px,94vw) !important;
    }

    .dx-core-card{
        height:206px !important;
        min-height:206px !important;
        grid-template-columns:88px minmax(120px,1fr) 1px minmax(150px,1.1fr) !important;
        column-gap:13px !important;
        padding:20px 18px !important;
    }

    .dx-core-icon{
        width:64px !important;
        height:64px !important;
        min-width:64px !important;
        font-size:23px !important;
    }

    .dx-core-content h3{
        font-size:17px !important;
    }

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

    .dx-core-card li{
        font-size:10px !important;
    }
}

@media(max-width:1199px){
    body{
        padding-top:72px !important;
    }

    .navbar-brand img{
        height:48px !important;
    }

    .hero-v8 .row{
        --bs-gutter-y:2.5rem !important;
    }

    .premium-slide{
        grid-template-columns:1fr !important;
        min-height:auto !important;
    }

    .dx-platform-final-head h2{
        font-size:clamp(30px,4.4vw,44px) !important;
    }

    .dx-platform-final-card{
        min-height:auto !important;
    }

    .dx-platform-final-art{
        height:190px !important;
    }

    .dx-core-grid{
        grid-template-columns:1fr !important;
        width:min(760px,92vw) !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:210px !important;
        grid-template-columns:96px minmax(150px,1fr) 1px minmax(180px,1fr) !important;
    }
}

@media(max-width:767px){
    body{
        padding-top:68px !important;
    }

    .navbar.glass-nav.fixed-top,
    nav.navbar.glass-nav{
        min-height:68px !important;
        padding:6px 0 !important;
    }

    .navbar-brand img{
        height:44px !important;
        max-width:180px !important;
    }

    .nav-link{
        white-space:normal !important;
    }

    .hero.premium-hero.hero-v8,
    .premium-hero.hero-v8,
    .hero-v8{
        padding-top:28px !important;
        padding-bottom:40px !important;
    }

    .hero-v8 h1{
        max-width:100% !important;
        font-size:32px !important;
        line-height:1.12 !important;
        letter-spacing:-.6px !important;
    }

    .hero-v8 p{
        font-size:13.5px !important;
    }

    .hero-mini-grid{
        grid-template-columns:1fr !important;
    }

    .premium-slide{
        padding:18px !important;
    }

    .premium-slide h3{
        font-size:22px !important;
    }

    .slide-visual{
        min-height:220px !important;
    }

    .dx-platform-final-section,
    .dx-final-values-section{
        padding-top:46px !important;
        padding-bottom:54px !important;
    }

    .dx-platform-final-head h2,
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span{
        font-size:30px !important;
        line-height:1.14 !important;
    }

    .dx-platform-final-head p,
    .dx-core-premium-heading .heading-subtext{
        font-size:13.5px !important;
    }

    .dx-platform-final-art{
        height:170px !important;
    }

    .dx-core-card{
        grid-template-columns:1fr !important;
        text-align:center !important;
        row-gap:15px !important;
        padding:24px 18px !important;
        min-height:auto !important;
    }

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

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

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

    .dx-core-card ul{
        max-width:280px !important;
        margin:0 auto !important;
        text-align:left !important;
    }
}


/* =====================================================
   CLIENT FINAL HEADER/TYPOGRAPHY ADJUSTMENT
   Smaller h1/h2/h3 and one-line desktop headers.
===================================================== */

@media(min-width:992px){
    .navbar.glass-nav .container{
        flex-wrap:nowrap !important;
    }

    .navbar-collapse{
        flex-grow:0 !important;
    }

    .navbar-nav{
        flex-wrap:nowrap !important;
        align-items:center !important;
    }

    .navbar-brand{
        flex:0 0 auto !important;
        margin-right:18px !important;
    }

    .navbar-brand img{
        width:auto !important;
        max-width:190px !important;
        height:50px !important;
    }

    .nav-link{
        white-space:nowrap !important;
        font-size:13px !important;
        padding:9px 9px !important;
        margin:0 2px !important;
    }
}

@media(min-width:1200px){
    .dx-platform-final-head h2,
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span{
        white-space:nowrap !important;
        max-width:1380px !important;
    }
}

.hero-v8 h1,
.page-hero h1,
.service-detail-panel h1,
.portfolio-hero-card h1,
.tech-hero-v27 h1{
    font-size:clamp(25px,2.90vw,32px) !important;
    line-height:1.13 !important;
    letter-spacing:-.55px !important;
}

.section-title h2,
.section-heading h2,
.dx-platform-final-head h2,
.dx-core-premium-heading .main-heading,
.dx-core-premium-heading .main-heading span,
.compact-stat-title h2{
    font-size:clamp(26px,2.45vw,38px) !important;
    line-height:1.15 !important;
    letter-spacing:-.35px !important;
}

.premium-slide h3,
.dx-platform-final-content h3,
.dx-core-content h3,
.smart-feature h5,
.process-step h6,
.info-card h5,
.service-card h5,
.solution-card h5,
.case-card h5,
.mission-card h4{
    font-size:clamp(16px,1.25vw,20px) !important;
    line-height:1.2 !important;
    letter-spacing:-.15px !important;
}

.premium-slide h3{
    max-width:520px !important;
}

.dx-platform-final-content h3,
.dx-core-content h3{
    font-size:clamp(16px,1.1vw,18px) !important;
}

.section-title p,
.section-heading p,
.dx-platform-final-head p,
.dx-core-premium-heading .heading-subtext,
.hero-v8 p{
    font-size:clamp(13px,.9vw,14.5px) !important;
}

@media(max-width:1199px){
    .hero-v8 h1,
    .page-hero h1,
    .service-detail-panel h1,
    .portfolio-hero-card h1,
    .tech-hero-v27 h1{
        font-size:clamp(28px,4vw,38px) !important;
    }

    .section-title h2,
    .section-heading h2,
    .dx-platform-final-head h2,
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span,
    .compact-stat-title h2{
        font-size:clamp(24px,3.5vw,32px) !important;
        white-space:normal !important;
        text-wrap:balance !important;
    }

    .premium-slide h3{
        font-size:clamp(19px,2.8vw,24px) !important;
    }
}

@media(max-width:767px){
    .hero-v8 h1,
    .page-hero h1,
    .service-detail-panel h1,
    .portfolio-hero-card h1,
    .tech-hero-v27 h1{
        font-size:27px !important;
        line-height:1.16 !important;
        letter-spacing:-.2px !important;
    }

    .section-title h2,
    .section-heading h2,
    .dx-platform-final-head h2,
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span,
    .compact-stat-title h2{
        font-size:23px !important;
        line-height:1.18 !important;
        letter-spacing:-.1px !important;
    }

    .premium-slide h3,
    .dx-platform-final-content h3,
    .dx-core-content h3,
    .smart-feature h5,
    .process-step h6,
    .info-card h5,
    .service-card h5,
    .solution-card h5,
    .case-card h5{
        font-size:17px !important;
        line-height:1.22 !important;
    }

    .section-title p,
    .section-heading p,
    .dx-platform-final-head p,
    .dx-core-premium-heading .heading-subtext,
    .hero-v8 p{
        font-size:13px !important;
        line-height:1.55 !important;
    }
}

@media(max-width:420px){
    .hero-v8 h1,
    .page-hero h1,
    .service-detail-panel h1,
    .portfolio-hero-card h1,
    .tech-hero-v27 h1{
        font-size:25px !important;
    }

    .section-title h2,
    .section-heading h2,
    .dx-platform-final-head h2,
    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span,
    .compact-stat-title h2{
        font-size:21px !important;
    }
}


/* =====================================================
   CLIENT FINAL SECTION PLACEMENT POLISH
   Hero carousel spacing + smaller workflow heading + better card layout.
===================================================== */

.hero-v8{
    padding-bottom:34px !important;
}

.premium-home-slider{
    margin-bottom:34px !important;
}

.premium-home-slider .carousel-indicators{
    bottom:-24px !important;
    gap:8px !important;
}

.premium-home-slider .carousel-indicators button{
    width:26px !important;
    height:5px !important;
    border-radius:999px !important;
    margin:0 !important;
}

.premium-home-slider .carousel-indicators button.active{
    width:42px !important;
}

.tech-marquee-wrap.v8-marquee,
.tech-marquee-wrap{
    margin-top:8px !important;
}

.smart-strip{
    padding:46px 0 60px !important;
    background:
        linear-gradient(rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf7ff 52%,#f4f7ff 100%) !important;
    background-size:36px 36px,36px 36px,cover !important;
}

.smart-panel{
    max-width:1240px !important;
    margin:0 auto !important;
    padding:28px !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 86% 10%,rgba(200,92,255,.12),transparent 32%),
        linear-gradient(135deg,rgba(255,255,255,.96),rgba(253,249,255,.92)) !important;
    border:1px solid rgba(217,168,255,.48) !important;
    box-shadow:0 20px 52px rgba(75,0,181,.08) !important;
}

.smart-panel .section-title{
    margin-bottom:22px !important;
}

.smart-panel .section-title span{
    font-size:11px !important;
    letter-spacing:.15em !important;
}

.smart-panel .section-title h2{
    max-width:860px !important;
    margin:8px auto 0 !important;
    font-size:clamp(22px,2.15vw,32px) !important;
    line-height:1.2 !important;
    color:#28175c !important;
    letter-spacing:-.25px !important;
}

.smart-panel .section-title p{
    max-width:700px !important;
    font-size:13px !important;
    line-height:1.55 !important;
    margin-top:10px !important;
}

.smart-feature{
    min-height:176px !important;
    padding:22px !important;
    border-radius:22px !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(242,179,255,.18),transparent 34%),
        linear-gradient(145deg,#ffffff 0%,#fbf8ff 100%) !important;
    border:1px solid rgba(217,168,255,.44) !important;
    box-shadow:0 14px 34px rgba(75,0,181,.075) !important;
}

.smart-feature:after{
    width:110px !important;
    height:110px !important;
    right:-52px !important;
    top:-52px !important;
    opacity:.10 !important;
}

.smart-feature .sf-icon{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    margin-bottom:14px !important;
    font-size:19px !important;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary)) !important;
    box-shadow:0 12px 28px rgba(139,63,242,.20) !important;
}

.smart-feature h5{
    font-size:15px !important;
    line-height:1.2 !important;
    margin-bottom:8px !important;
    color:#151b36 !important;
}

.smart-feature p{
    font-size:12.25px !important;
    line-height:1.55 !important;
    margin:0 !important;
}

.dx-final-values-section{
    padding-top:52px !important;
    padding-bottom:62px !important;
}

.dx-core-grid{
    width:min(1220px,92vw) !important;
    gap:22px 24px !important;
}

.dx-core-card{
    height:198px !important;
    min-height:198px !important;
    grid-template-columns:90px minmax(130px,.9fr) 1px minmax(170px,1fr) !important;
    column-gap:14px !important;
    padding:20px 22px !important;
    border-radius:23px !important;
    background:
        radial-gradient(circle at 0% 0%,rgba(217,168,255,.12),transparent 34%),
        radial-gradient(circle at 100% 100%,rgba(242,179,255,.18),transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.99),rgba(255,255,255,.96)) !important;
}

.dx-core-card::before{
    width:82px !important;
    height:82px !important;
    opacity:.82 !important;
}

.dx-core-card::after{
    left:auto !important;
    top:auto !important;
    right:-58px !important;
    bottom:-58px !important;
    width:150px !important;
    height:150px !important;
    opacity:.62 !important;
}

.dx-core-icon{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    font-size:22px !important;
}

.dx-core-icon::after{
    inset:-17px !important;
}

.dx-core-content h3{
    font-size:17px !important;
    margin-bottom:7px !important;
}

.dx-core-content span,
.dx-core-line{
    width:46px !important;
    height:3px !important;
    margin-bottom:10px !important;
}

.dx-core-content p{
    font-size:11px !important;
    line-height:1.45 !important;
}

.dx-core-divider{
    height:84px !important;
}

.dx-core-card ul{
    gap:9px !important;
}

.dx-core-card li{
    grid-template-columns:22px minmax(0,1fr) !important;
    gap:8px !important;
    font-size:10px !important;
    line-height:1.18 !important;
}

.dx-core-card li i{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:7px !important;
}

@media(max-width:1199px){
    .premium-home-slider{
        margin-bottom:30px !important;
    }

    .tech-marquee-wrap.v8-marquee,
    .tech-marquee-wrap{
        margin-top:10px !important;
    }

    .smart-panel{
        padding:24px !important;
    }

    .dx-core-card{
        height:auto !important;
        min-height:190px !important;
        grid-template-columns:82px minmax(140px,1fr) 1px minmax(170px,1fr) !important;
    }
}

@media(max-width:767px){
    .premium-home-slider{
        margin-bottom:28px !important;
    }

    .premium-home-slider .carousel-indicators{
        bottom:-22px !important;
    }

    .smart-strip{
        padding:38px 0 48px !important;
    }

    .smart-panel{
        padding:18px !important;
        border-radius:22px !important;
    }

    .smart-panel .section-title h2{
        font-size:22px !important;
        white-space:normal !important;
    }

    .smart-feature{
        min-height:auto !important;
        padding:18px !important;
    }

    .dx-core-card{
        grid-template-columns:1fr !important;
        min-height:auto !important;
    }
}


/* =====================================================
   CLIENT SMART STRIP REDESIGN
   Same content, cleaner centered card layout like reference.
===================================================== */

.smart-strip{
    padding:58px 0 64px !important;
    background:
        linear-gradient(rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf8ff 56%,#f7f3ff 100%) !important;
    background-size:38px 38px,38px 38px,cover !important;
}

.smart-strip .container{
    max-width:1040px !important;
}

.smart-panel{
    position:relative !important;
    overflow:hidden !important;
    padding:46px 34px 28px !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 16% 34%,rgba(139,63,242,.055),transparent 20%),
        radial-gradient(circle at 84% 24%,rgba(242,179,255,.18),transparent 30%),
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 58%,rgba(253,246,255,.90)) !important;
    border:1px solid rgba(217,168,255,.42) !important;
    box-shadow:0 18px 42px rgba(75,0,181,.075) !important;
}

.smart-panel::before,
.smart-panel::after{
    content:"" !important;
    position:absolute !important;
    pointer-events:none !important;
    z-index:0 !important;
}

.smart-panel::before{
    left:92px !important;
    top:80px !important;
    width:86px !important;
    height:70px !important;
    opacity:.20 !important;
    background-image:radial-gradient(circle,rgba(139,63,242,.42) 1.2px,transparent 1.7px) !important;
    background-size:10px 10px !important;
}

.smart-panel::after{
    right:98px !important;
    top:80px !important;
    width:86px !important;
    height:70px !important;
    opacity:.18 !important;
    background-image:radial-gradient(circle,rgba(139,63,242,.38) 1.2px,transparent 1.7px) !important;
    background-size:10px 10px !important;
}

.smart-panel > *{
    position:relative !important;
    z-index:1 !important;
}

.smart-panel .section-title{
    margin-bottom:22px !important;
}

.smart-panel .section-title span{
    display:block !important;
    margin-bottom:8px !important;
    color:#7B2CFF !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.18em !important;
}

.smart-panel .section-title h2{
    max-width:760px !important;
    margin:0 auto !important;
    color:#211858 !important;
    font-size:clamp(27px,3vw,38px) !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:-.45px !important;
    text-align:center !important;
}

.smart-panel .section-title p{
    max-width:760px !important;
    margin:10px auto 0 !important;
    color:#66708a !important;
    font-size:10.75px !important;
    line-height:1.5 !important;
    font-weight:500 !important;
}

.smart-panel .row{
    --bs-gutter-x:1rem !important;
    --bs-gutter-y:1rem !important;
}

.smart-feature{
    height:100% !important;
    min-height:154px !important;
    padding:18px 16px 16px !important;
    border-radius:14px !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(217,168,255,.30),transparent 26%),
        linear-gradient(145deg,#ffffff 0%,#fbf8ff 100%) !important;
    border:1px solid rgba(217,168,255,.42) !important;
    box-shadow:0 10px 24px rgba(75,0,181,.065) !important;
    text-align:left !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.smart-feature:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(123,44,255,.40) !important;
    box-shadow:0 18px 38px rgba(75,0,181,.11) !important;
}

.smart-feature:after{
    width:72px !important;
    height:72px !important;
    right:-31px !important;
    top:-31px !important;
    opacity:.12 !important;
}

.smart-feature .sf-icon{
    width:36px !important;
    height:36px !important;
    border-radius:10px !important;
    margin-bottom:14px !important;
    font-size:15px !important;
    background:linear-gradient(135deg,#7B2CFF,#C85CFF) !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(139,63,242,.22) !important;
}

.smart-feature h5{
    margin:0 0 8px !important;
    color:#11172f !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:-.1px !important;
}

.smart-feature p{
    margin:0 !important;
    color:#5f6885 !important;
    font-size:10.75px !important;
    line-height:1.48 !important;
    font-weight:600 !important;
}

@media(max-width:1199px){
    .smart-strip .container{
        max-width:960px !important;
    }

    .smart-panel{
        padding:38px 26px 26px !important;
    }

    .smart-panel .section-title h2{
        font-size:clamp(25px,3.4vw,34px) !important;
    }
}

@media(max-width:767px){
    .smart-strip{
        padding:42px 0 48px !important;
    }

    .smart-panel{
        padding:28px 18px 20px !important;
        border-radius:18px !important;
    }

    .smart-panel::before,
    .smart-panel::after{
        display:none !important;
    }

    .smart-panel .section-title h2{
        font-size:24px !important;
        line-height:1.16 !important;
    }

    .smart-panel .section-title p{
        font-size:12px !important;
    }

    .smart-feature{
        min-height:auto !important;
        padding:17px !important;
    }
}


/* =====================================================
   CLIENT SMART STRIP ONE-LINE HEADING FIX
   Wider desktop panel + readable card text.
===================================================== */

@media(min-width:992px){
    .smart-strip .container{
        max-width:1180px !important;
    }

    .smart-panel{
        padding:44px 34px 30px !important;
    }

    .smart-panel .section-title h2{
        max-width:1080px !important;
        font-size:clamp(26px,2.25vw,34px) !important;
        line-height:1.08 !important;
        white-space:nowrap !important;
        text-wrap:nowrap !important;
        letter-spacing:-.35px !important;
    }
}

.smart-panel .section-title p{
    font-size:11.5px !important;
    line-height:1.55 !important;
}

.smart-feature{
    min-height:166px !important;
    padding:20px 18px 17px !important;
}

.smart-feature h5{
    font-size:14px !important;
    line-height:1.18 !important;
    white-space:nowrap !important;
}

.smart-feature p{
    font-size:11.35px !important;
    line-height:1.5 !important;
}

@media(max-width:1199px) and (min-width:992px){
    .smart-strip .container{
        max-width:1060px !important;
    }

    .smart-panel .section-title h2{
        font-size:29px !important;
        max-width:980px !important;
    }

    .smart-feature h5{
        font-size:13px !important;
    }

    .smart-feature p{
        font-size:10.75px !important;
    }
}

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

    .smart-feature h5{
        white-space:normal !important;
    }
}


/* =====================================================
   CLIENT SMART STRIP BREAK FIX
   Wider desktop card, single-line title, readable feature cards.
===================================================== */

.smart-strip{
    padding:52px 0 58px !important;
}

.smart-strip .container{
    width:94vw !important;
    max-width:1320px !important;
}

.smart-panel{
    width:100% !important;
    max-width:none !important;
    padding:42px 38px 34px !important;
    border-radius:22px !important;
}

.smart-panel .section-title{
    max-width:none !important;
    margin-bottom:26px !important;
}

.smart-panel .section-title h2{
    max-width:none !important;
    width:100% !important;
    margin:0 auto !important;
    color:#211858 !important;
    font-size:clamp(23px,2vw,30px) !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
    letter-spacing:-.25px !important;
}

.smart-panel .section-title p{
    max-width:900px !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.smart-feature{
    min-height:184px !important;
    padding:22px 20px 20px !important;
    border-radius:16px !important;
}

.smart-feature .sf-icon{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    font-size:17px !important;
}

.smart-feature h5{
    font-size:15px !important;
    line-height:1.18 !important;
    margin-bottom:9px !important;
    white-space:nowrap !important;
}

.smart-feature p{
    font-size:12px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
}

@media(max-width:1199px) and (min-width:992px){
    .smart-strip .container{
        width:96vw !important;
        max-width:1140px !important;
    }

    .smart-panel{
        padding:38px 28px 30px !important;
    }

    .smart-panel .section-title h2{
        font-size:26px !important;
    }

    .smart-feature{
        padding:20px 16px 18px !important;
    }

    .smart-feature h5{
        font-size:13.5px !important;
    }

    .smart-feature p{
        font-size:11.25px !important;
    }
}

@media(max-width:991px){
    .smart-strip .container{
        width:100% !important;
        max-width:720px !important;
    }

    .smart-panel .section-title h2{
        white-space:normal !important;
        text-wrap:balance !important;
    }

    .smart-feature h5{
        white-space:normal !important;
    }
}


/* =====================================================
   CLIENT FINAL CONNECTED WORKFLOW REDESIGN
   Same content, smaller type, softer colors, cleaner card strip.
===================================================== */

.smart-strip{
    padding:48px 0 56px !important;
    background:
        linear-gradient(rgba(139,63,242,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.028) 1px,transparent 1px),
        linear-gradient(180deg,#ffffff 0%,#fbf8ff 54%,#f7f2ff 100%) !important;
    background-size:34px 34px,34px 34px,cover !important;
}

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

.smart-panel{
    position:relative !important;
    overflow:hidden !important;
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:34px 34px 30px !important;
    border-radius:20px !important;
    background:
        radial-gradient(circle at 12% 24%,rgba(217,168,255,.16),transparent 28%),
        radial-gradient(circle at 88% 8%,rgba(242,179,255,.22),transparent 28%),
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 64%,rgba(253,246,255,.92)) !important;
    border:1px solid rgba(217,168,255,.42) !important;
    box-shadow:0 20px 46px rgba(75,0,181,.075) !important;
}

.smart-panel::before{
    content:"" !important;
    position:absolute !important;
    inset:14px !important;
    border-radius:16px !important;
    border:1px solid rgba(217,168,255,.22) !important;
    pointer-events:none !important;
}

.smart-panel::after{
    content:"" !important;
    position:absolute !important;
    right:44px !important;
    top:44px !important;
    width:120px !important;
    height:92px !important;
    opacity:.18 !important;
    pointer-events:none !important;
    background-image:radial-gradient(circle,rgba(139,63,242,.42) 1.1px,transparent 1.6px) !important;
    background-size:10px 10px !important;
}

.smart-panel > *{
    position:relative !important;
    z-index:1 !important;
}

.smart-panel .section-title{
    max-width:100% !important;
    margin:0 auto 24px !important;
    text-align:center !important;
}

.smart-panel .section-title span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:18px !important;
    margin:0 0 10px !important;
    color:#7B2CFF !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.20em !important;
}

.smart-panel .section-title h2{
    max-width:1040px !important;
    margin:0 auto !important;
    font-size:clamp(22px,2vw,28px) !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    letter-spacing:-.18px !important;
    color:#5b2ff0 !important;
    background:linear-gradient(90deg,#24105f 0%,#6f2cff 48%,#b66dff 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
}

.smart-panel .section-title p{
    max-width:820px !important;
    margin:10px auto 0 !important;
    color:#626b80 !important;
    font-size:11.5px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
}

.smart-panel .row{
    --bs-gutter-x:14px !important;
    --bs-gutter-y:14px !important;
    position:relative !important;
}

.smart-panel .row::before{
    content:"" !important;
    position:absolute !important;
    left:7% !important;
    right:7% !important;
    top:42px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(139,63,242,.22),transparent) !important;
    pointer-events:none !important;
}

.smart-feature{
    position:relative !important;
    min-height:150px !important;
    height:100% !important;
    padding:18px 16px 16px !important;
    border-radius:14px !important;
    text-align:left !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(242,179,255,.24),transparent 30%),
        linear-gradient(145deg,#ffffff 0%,#fcf9ff 100%) !important;
    border:1px solid rgba(217,168,255,.44) !important;
    box-shadow:0 11px 25px rgba(75,0,181,.065) !important;
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.smart-feature:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(123,44,255,.38) !important;
    box-shadow:0 18px 36px rgba(75,0,181,.11) !important;
}

.smart-feature:after{
    content:"" !important;
    position:absolute !important;
    right:-28px !important;
    top:-28px !important;
    width:74px !important;
    height:74px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,var(--dx-primary),var(--dx-secondary)) !important;
    opacity:.10 !important;
    pointer-events:none !important;
}

.smart-feature .sf-icon{
    width:38px !important;
    height:38px !important;
    border-radius:11px !important;
    margin:0 0 13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:15px !important;
    background:linear-gradient(135deg,#7B2CFF,#C85CFF) !important;
    box-shadow:0 10px 21px rgba(139,63,242,.22), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.smart-feature h5{
    margin:0 0 7px !important;
    color:#211858 !important;
    font-size:13px !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
}

.smart-feature p{
    margin:0 !important;
    color:#626b80 !important;
    font-size:10.8px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
}

@media(max-width:1199px) and (min-width:992px){
    .smart-strip .container{
        width:94vw !important;
        max-width:1080px !important;
    }

    .smart-panel{
        padding:32px 26px 28px !important;
    }

    .smart-panel .section-title h2{
        font-size:24px !important;
        max-width:980px !important;
    }

    .smart-feature{
        min-height:154px !important;
        padding:17px 14px 15px !important;
    }

    .smart-feature h5{
        font-size:12px !important;
    }

    .smart-feature p{
        font-size:10.3px !important;
    }
}

@media(max-width:991px){
    .smart-strip .container{
        width:100% !important;
        max-width:720px !important;
    }

    .smart-panel{
        padding:28px 20px 22px !important;
    }

    .smart-panel .section-title h2{
        font-size:24px !important;
        line-height:1.18 !important;
        white-space:normal !important;
        text-wrap:balance !important;
        -webkit-text-fill-color:transparent !important;
    }

    .smart-panel .row::before{
        display:none !important;
    }

    .smart-feature{
        min-height:auto !important;
    }

    .smart-feature h5{
        white-space:normal !important;
        font-size:13px !important;
    }

    .smart-feature p{
        font-size:11px !important;
    }
}

@media(max-width:575px){
    .smart-panel{
        border-radius:18px !important;
        padding:24px 16px 18px !important;
    }

    .smart-panel::before,
    .smart-panel::after{
        display:none !important;
    }

    .smart-panel .section-title h2{
        font-size:22px !important;
    }
}


/* =====================================================
   CLIENT CONNECTED WORKFLOW FINAL REPAIR
   Two-line heading + top cards corrected to match the clean bottom cards.
===================================================== */

.smart-strip{
    padding:52px 0 62px !important;
}

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

.smart-panel{
    overflow:hidden !important;
    padding:44px 42px 34px !important;
    border-radius:22px !important;
    background:
        linear-gradient(rgba(139,63,242,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(139,63,242,.035) 1px,transparent 1px),
        radial-gradient(circle at 86% 12%,rgba(242,179,255,.22),transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#fbf8ff 58%,#f7f2ff 100%) !important;
    background-size:34px 34px,34px 34px,auto,cover !important;
    border:1px solid rgba(217,168,255,.42) !important;
    box-shadow:0 22px 52px rgba(75,0,181,.08) !important;
}

.smart-panel .section-title{
    margin:0 auto 28px !important;
    text-align:center !important;
}

.smart-panel .section-title span{
    display:block !important;
    margin-bottom:10px !important;
    color:#7B2CFF !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.20em !important;
}

.smart-panel .section-title h2{
    max-width:790px !important;
    margin:0 auto !important;
    color:#211858 !important;
    background:linear-gradient(90deg,#24105f 0%,#6f2cff 52%,#b66dff 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    font-size:clamp(30px,3.15vw,44px) !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:-.45px !important;
    white-space:normal !important;
    text-wrap:balance !important;
}

.smart-panel .section-title p{
    max-width:760px !important;
    margin:12px auto 0 !important;
    color:#626b80 !important;
    font-size:12.5px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
}

.smart-panel .row{
    --bs-gutter-x:18px !important;
    --bs-gutter-y:18px !important;
}

.smart-panel .row::before{
    display:none !important;
}

.smart-feature{
    min-height:190px !important;
    height:100% !important;
    padding:24px 22px 22px !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 100% 0%,rgba(217,168,255,.28),transparent 28%),
        linear-gradient(145deg,#ffffff 0%,#fcf9ff 100%) !important;
    border:1px solid rgba(217,168,255,.42) !important;
    box-shadow:0 14px 32px rgba(75,0,181,.075) !important;
}

.smart-feature:after{
    width:82px !important;
    height:82px !important;
    right:-34px !important;
    top:-34px !important;
    opacity:.11 !important;
}

.smart-feature .sf-icon{
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    margin-bottom:16px !important;
    font-size:18px !important;
}

.smart-feature h5{
    margin:0 0 10px !important;
    color:#211858 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    white-space:normal !important;
}

.smart-feature p{
    color:#5f6885 !important;
    font-size:12px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
}

@media(max-width:1199px) and (min-width:992px){
    .smart-strip .container{
        width:min(1080px,94vw) !important;
    }

    .smart-panel{
        padding:40px 30px 32px !important;
    }

    .smart-panel .section-title h2{
        max-width:720px !important;
        font-size:36px !important;
    }

    .smart-feature{
        min-height:186px !important;
        padding:22px 18px 20px !important;
    }

    .smart-feature h5{
        font-size:14px !important;
    }

    .smart-feature p{
        font-size:11.5px !important;
    }
}

@media(max-width:991px){
    .smart-strip .container{
        width:100% !important;
        max-width:720px !important;
    }

    .smart-panel{
        padding:34px 22px 24px !important;
    }

    .smart-panel .section-title h2{
        max-width:100% !important;
        font-size:28px !important;
    }
}

@media(max-width:575px){
    .smart-panel{
        padding:28px 16px 20px !important;
    }

    .smart-panel .section-title h2{
        font-size:24px !important;
    }

    .smart-feature{
        min-height:auto !important;
        padding:20px 18px !important;
    }
}


/* =====================================================
   CLIENT FINAL BORDER + ROUND MOTION MATCH
   Last override so workflow cards, process rounds and
   core round icons stay visually consistent on every size.
===================================================== */

.smart-panel .row > [class*="col"]{
    display:flex !important;
}

.smart-panel .smart-feature{
    width:100% !important;
    border:1px solid rgba(217,168,255,.42) !important;
    outline:0 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.78),
        0 14px 32px rgba(75,0,181,.075) !important;
}

.smart-panel .smart-feature:hover{
    border-color:rgba(217,168,255,.42) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.82),
        0 18px 38px rgba(75,0,181,.105) !important;
}

.smart-panel .smart-feature:first-child,
.smart-panel .smart-feature:last-child,
.smart-panel .row > [class*="col"]:first-child .smart-feature,
.smart-panel .row > [class*="col"]:last-child .smart-feature{
    border-color:rgba(217,168,255,.42) !important;
}

.dx-core-card{
    isolation:isolate !important;
}

.dx-core-card::before{
    animation:dxAboutSurfaceGlow 7s ease-in-out infinite !important;
}

.dx-core-card:nth-child(2){animation-delay:.25s !important;}
.dx-core-card:nth-child(3){animation-delay:.5s !important;}
.dx-core-card:nth-child(4){animation-delay:.75s !important;}

.dx-core-icon,
.smart-feature .sf-icon,
.process-step b{
    position:relative !important;
    overflow:visible !important;
    border-radius:50% !important;
    animation:dxAboutRoundFloat 4.6s ease-in-out infinite !important;
}

.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,.30),rgba(217,168,255,.08) 48%,transparent 70%) !important;
    border:1px solid rgba(217,168,255,.36) !important;
    box-shadow:0 0 0 12px rgba(217,168,255,.07),0 18px 42px rgba(123,44,255,.16) !important;
    opacity:.86 !important;
    visibility:visible !important;
    pointer-events:none !important;
    z-index:-2 !important;
    animation:dxAboutRoundPulse 3.6s ease-in-out infinite !important;
}

.dx-core-icon::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:-20px !important;
    border-radius:50% !important;
    background:conic-gradient(from 0deg,transparent 0 12%,rgba(123,44,255,.72),rgba(242,179,255,.72),transparent 64% 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;
    opacity:.95 !important;
    pointer-events:none !important;
    z-index:-1 !important;
    animation:dxAboutRoundRotate 7s linear infinite !important;
}

.smart-feature .sf-icon::after,
.process-step b::after{
    content:"" !important;
    position:absolute !important;
    inset:-9px !important;
    border-radius:50% !important;
    border:1px solid rgba(217,168,255,.46) !important;
    background:radial-gradient(circle,rgba(242,179,255,.22),transparent 66%) !important;
    box-shadow:0 0 0 8px rgba(217,168,255,.08),0 12px 28px rgba(123,44,255,.16) !important;
    pointer-events:none !important;
    z-index:-1 !important;
    animation:dxAboutRoundPulse 3.4s ease-in-out infinite !important;
}

.smart-panel .row > [class*="col"]:nth-child(2) .sf-icon,
.process-flow .row > [class*="col"]:nth-child(2) b{animation-delay:.25s !important;}
.smart-panel .row > [class*="col"]:nth-child(3) .sf-icon,
.process-flow .row > [class*="col"]:nth-child(3) b{animation-delay:.5s !important;}
.smart-panel .row > [class*="col"]:nth-child(4) .sf-icon,
.process-flow .row > [class*="col"]:nth-child(4) b{animation-delay:.75s !important;}

@media(max-width:991px){
    .dx-core-grid{
        width:min(720px,92vw) !important;
        max-width:720px !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .dx-core-card{
        min-height:auto !important;
        height:auto !important;
        grid-template-columns:98px minmax(0,1fr) !important;
        grid-template-areas:
            "icon content"
            "list list" !important;
        align-items:center !important;
        row-gap:18px !important;
        padding:26px 24px !important;
        border-radius:26px !important;
    }

    .dx-core-icon{
        grid-area:icon !important;
        width:74px !important;
        height:74px !important;
        min-width:74px !important;
        font-size:26px !important;
        justify-self:center !important;
    }

    .dx-core-content{
        grid-area:content !important;
    }

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

    .dx-core-card ul{
        grid-area:list !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px !important;
        margin:2px 0 0 !important;
    }

    .dx-core-card li{
        align-items:center !important;
        min-height:40px !important;
        padding:8px 10px !important;
        border-radius:14px !important;
        background:rgba(255,255,255,.72) !important;
        border:1px solid rgba(217,168,255,.28) !important;
        font-size:11px !important;
        line-height:1.2 !important;
    }

    .smart-feature,
    .process-step{
        display:grid !important;
        grid-template-columns:54px minmax(0,1fr) !important;
        column-gap:14px !important;
        align-items:start !important;
    }

    .smart-feature .sf-icon,
    .process-step b{
        grid-row:1 / span 2 !important;
        margin:0 !important;
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        border-radius:50% !important;
    }
}

@media(max-width:575px){
    .dx-final-values-section{
        padding-top:42px !important;
        padding-bottom:48px !important;
    }

    .dx-core-premium-heading{
        margin-bottom:24px !important;
    }

    .dx-core-premium-heading .main-heading,
    .dx-core-premium-heading .main-heading span{
        font-size:30px !important;
        line-height:1.12 !important;
    }

    .dx-core-card{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "icon"
            "content"
            "list" !important;
        justify-items:center !important;
        text-align:center !important;
        padding:28px 18px 22px !important;
        row-gap:16px !important;
    }

    .dx-core-icon{
        width:76px !important;
        height:76px !important;
        min-width:76px !important;
    }

    .dx-core-icon::before{
        inset:-26px !important;
    }

    .dx-core-icon::after{
        inset:-18px !important;
    }

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

    .dx-core-content p{
        max-width:300px !important;
        font-size:12px !important;
    }

    .dx-core-card ul{
        width:100% !important;
        max-width:330px !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .dx-core-card li{
        grid-template-columns:26px minmax(0,1fr) !important;
        text-align:left !important;
        font-size:11.5px !important;
    }

    .smart-panel,
    .process-flow{
        border-radius:22px !important;
    }

    .smart-feature,
    .process-step{
        grid-template-columns:50px minmax(0,1fr) !important;
        padding:20px 18px !important;
    }
}

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

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

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

@keyframes dxAboutSurfaceGlow{
    0%,100%{opacity:.72;}
    50%{opacity:1;}
}

/* Premium navbar final override: desktop, tablet, mobile. */
body{padding-top:112px !important;}
body .navbar.glass-nav.fixed-top,
body nav.navbar.glass-nav{
    top:18px !important;
    left:50% !important;
    right:auto !important;
    width:min(1780px,calc(100% - 88px)) !important;
    min-height:86px !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    border:1px solid rgba(217,168,255,.32) !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(22px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.08) !important;
    box-shadow:0 22px 60px rgba(75,0,181,.10),0 8px 22px rgba(123,44,255,.08) !important;
    animation:dxPremiumNavRevealFinal .8s ease both !important;
}
body.dark-mode .navbar.glass-nav.fixed-top,
body.dark-mode nav.navbar.glass-nav{background:rgba(15,18,37,.92) !important;border-color:rgba(182,109,255,.28) !important;}
body .navbar.glass-nav .container{width:100% !important;max-width:none !important;min-height:86px !important;padding:0 28px !important;gap:24px !important;}
body .navbar-brand{position:relative !important;display:flex !important;align-items:center !important;min-width:300px !important;margin-right:34px !important;}
body .navbar-brand::after{content:"" !important;position:absolute !important;right:-24px !important;top:50% !important;width:1px !important;height:42px !important;transform:translateY(-50%) !important;background:linear-gradient(180deg,transparent,rgba(123,44,255,.24),transparent) !important;}
body .navbar-brand img{width:auto !important;height:58px !important;max-height:58px !important;max-width:260px !important;object-fit:contain !important;}
body .navbar-nav{gap:18px !important;align-items:center !important;}
body .nav-link{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-height:42px !important;
    padding:9px 4px !important;
    margin:0 !important;
    border-radius:0 !important;
    color:#17122f !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    transition:color .3s ease,transform .3s ease !important;
}
body .nav-link::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:2px !important;
    width:0 !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
    transform:translateX(-50%) !important;
    transition:width .35s cubic-bezier(.4,0,.2,1) !important;
    display:block !important;
}
body .nav-link:hover{color:#7B2CFF !important;transform:translateY(-2px) !important;background:transparent !important;}
body .nav-link:hover::after,
body .nav-link.active::after,
body .nav-link.show::after,
body .dropdown-toggle.show::after{width:56% !important;}
body .nav-link.active,
body .nav-link.show,
body .dropdown-toggle.show{color:#7B2CFF !important;background:transparent !important;box-shadow:none !important;}
body .navbar-nav > .nav-item:has(.nav-cta-link){position:relative !important;margin-left:24px !important;padding-left:28px !important;}
body .navbar-nav > .nav-item:has(.nav-cta-link)::before{content:"" !important;position:absolute !important;left:0 !important;top:50% !important;width:1px !important;height:42px !important;transform:translateY(-50%) !important;background:linear-gradient(180deg,transparent,rgba(123,44,255,.24),transparent) !important;}
body .nav-link.nav-cta-link{min-height:54px !important;padding:0 28px !important;border-radius:999px !important;color:#fff !important;background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;box-shadow:0 14px 32px rgba(123,44,255,.28) !important;overflow:hidden !important;}
body .nav-link.nav-cta-link::after{display:none !important;}
body .nav-link.nav-cta-link:hover{color:#fff !important;transform:translateY(-3px) !important;box-shadow:0 20px 42px rgba(123,44,255,.34) !important;}
body .nav-link.nav-cta-link i{font-size:14px !important;transition:transform .3s ease !important;}
body .nav-link.nav-cta-link:hover i{transform:translateX(4px) !important;}
body .theme-toggle{width:46px !important;height:46px !important;min-width:46px !important;border:0 !important;border-radius:50% !important;color:#fff !important;background:linear-gradient(135deg,#7B2CFF,#B66DFF) !important;box-shadow:0 0 0 12px rgba(217,168,255,.32),0 14px 30px rgba(123,44,255,.22) !important;transition:transform .45s ease,box-shadow .3s ease,background .3s ease !important;}
body .theme-toggle:hover{transform:rotate(20deg) scale(1.08) !important;box-shadow:0 0 0 14px rgba(217,168,255,.38),0 18px 38px rgba(123,44,255,.28) !important;}
body .navbar-toggler{width:44px !important;height:44px !important;border:1px solid rgba(123,44,255,.22) !important;border-radius:14px !important;box-shadow:none !important;}
body .mega-menu{margin-top:18px !important;border-radius:24px !important;border:1px solid rgba(217,168,255,.34) !important;box-shadow:0 24px 58px rgba(75,0,181,.12) !important;}
@keyframes dxPremiumNavRevealFinal{from{opacity:0;transform:translateX(-50%) translateY(-20px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
@media(max-width:1399px){
    body .navbar.glass-nav.fixed-top,body nav.navbar.glass-nav{width:min(1240px,calc(100% - 44px)) !important;}
    body .navbar.glass-nav .container{padding:0 22px !important;gap:18px !important;}
    body .navbar-brand{min-width:220px !important;margin-right:22px !important;}
    body .navbar-brand img{height:52px !important;max-width:220px !important;}
    body .navbar-nav{gap:12px !important;}
    body .nav-link{font-size:13px !important;}
    body .nav-link.nav-cta-link{min-height:50px !important;padding:0 22px !important;}
}
@media(max-width:1199px){
    body{padding-top:98px !important;}
    body .navbar.glass-nav.fixed-top,body nav.navbar.glass-nav{width:calc(100% - 32px) !important;top:12px !important;min-height:76px !important;border-radius:20px !important;}
    body .navbar.glass-nav .container{min-height:76px !important;}
    body .navbar-brand{min-width:auto !important;margin-right:0 !important;}
    body .navbar-brand::after,body .navbar-nav > .nav-item:has(.nav-cta-link)::before{display:none !important;}
    body .navbar-brand img{height:48px !important;max-width:190px !important;}
    body .navbar-collapse.show,body .navbar-collapse.collapsing{position:absolute !important;left:14px !important;right:14px !important;top:calc(100% + 10px) !important;margin-top:0 !important;padding:14px !important;border-radius:20px !important;background:rgba(255,255,255,.98) !important;box-shadow:0 22px 50px rgba(75,0,181,.14) !important;}
    body .navbar-collapse.show .navbar-nav,body .navbar-collapse.collapsing .navbar-nav{gap:8px !important;align-items:stretch !important;}
    body .navbar-collapse.show .nav-link,body .navbar-collapse.collapsing .nav-link{width:100% !important;justify-content:flex-start !important;min-height:44px !important;padding:10px 14px !important;border-radius:14px !important;}
    body .navbar-collapse.show .nav-link.active,body .navbar-collapse.collapsing .nav-link.active{color:#7B2CFF !important;background:rgba(217,168,255,.18) !important;}
    body .navbar-collapse.show .nav-link::after,body .navbar-collapse.collapsing .nav-link::after{bottom:6px !important;left:14px !important;transform:none !important;}
    body .navbar-collapse.show .nav-link:hover::after,body .navbar-collapse.show .nav-link.active::after,body .navbar-collapse.collapsing .nav-link:hover::after,body .navbar-collapse.collapsing .nav-link.active::after{width:34px !important;}
    body .navbar-nav > .nav-item:has(.nav-cta-link){margin-left:0 !important;padding-left:0 !important;}
    body .navbar-collapse.show .nav-link.nav-cta-link,body .navbar-collapse.collapsing .nav-link.nav-cta-link{justify-content:center !important;margin-top:6px !important;color:#fff !important;background:linear-gradient(135deg,#7B2CFF,#B66DFF,#F2B3FF) !important;}
    body .navbar-collapse.show .theme-toggle,body .navbar-collapse.collapsing .theme-toggle{margin:8px auto 0 !important;}
    body .mega-menu{margin-top:8px !important;border-radius:16px !important;box-shadow:none !important;}
}
@media(max-width:575px){
    body{padding-top:86px !important;}
    body .navbar.glass-nav.fixed-top,body nav.navbar.glass-nav{top:8px !important;width:calc(100% - 18px) !important;min-height:68px !important;border-radius:18px !important;}
    body .navbar.glass-nav .container{min-height:68px !important;padding:0 12px !important;}
    body .navbar-brand img{height:42px !important;max-width:168px !important;}
    body .navbar-toggler{width:40px !important;height:40px !important;border-radius:12px !important;}
    body .theme-toggle{width:40px !important;height:40px !important;min-width:40px !important;box-shadow:0 0 0 9px rgba(217,168,255,.30),0 10px 22px rgba(123,44,255,.20) !important;}
}

/* Premium navbar compact spacing correction. */
@media(min-width:1200px){
    body{padding-top:96px !important;}
    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        top:14px !important;
        width:min(1780px,calc(100% - 112px)) !important;
        min-height:74px !important;
        border-radius:20px !important;
    }
    body .navbar.glass-nav .container{
        min-height:74px !important;
        padding:0 26px !important;
        gap:0 !important;
    }
    body .navbar-brand{
        min-width:330px !important;
        margin-right:34px !important;
    }
    body .navbar-brand::after{
        right:-18px !important;
        height:38px !important;
    }
    body .navbar-brand img{
        height:52px !important;
        max-height:52px !important;
        max-width:250px !important;
    }
    body .navbar-collapse{
        display:flex !important;
        align-items:center !important;
        flex:1 1 auto !important;
        margin-left:18px !important;
    }
    body .navbar-collapse > .navbar-nav.ms-auto{
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    body .navbar-nav{
        gap:18px !important;
    }
    body .nav-link{
        min-height:38px !important;
        padding:7px 0 !important;
        font-size:13.5px !important;
    }
    body .navbar-nav > .nav-item:has(.nav-cta-link){
        margin-left:auto !important;
        padding-left:34px !important;
    }
    body .nav-link.nav-cta-link{
        min-height:48px !important;
        padding:0 28px !important;
    }
    body .theme-toggle{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
    }
}

@media(min-width:1200px) and (max-width:1399px){
    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        width:calc(100% - 44px) !important;
    }
    body .navbar-brand{
        min-width:230px !important;
        margin-right:26px !important;
    }
    body .navbar-brand img{
        height:48px !important;
        max-width:215px !important;
    }
    body .navbar-collapse{
        margin-left:10px !important;
    }
    body .navbar-nav{
        gap:12px !important;
    }
    body .nav-link{
        font-size:13px !important;
    }
    body .navbar-nav > .nav-item:has(.nav-cta-link){
        padding-left:22px !important;
    }
    body .nav-link.nav-cta-link{
        min-height:46px !important;
        padding:0 22px !important;
    }
}

/* Connected premium header: full-width strip like the final reference. */
body{
    padding-top:96px !important;
}

body .navbar.glass-nav.fixed-top,
body nav.navbar.glass-nav{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:96px !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 12px 34px rgba(75,0,181,.08) !important;
    animation:dxConnectedNavReveal .7s ease both !important;
}

body .navbar.glass-nav.fixed-top::after,
body nav.navbar.glass-nav::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-1px !important;
    height:5px !important;
    background:linear-gradient(90deg,rgba(217,168,255,0),rgba(217,168,255,.64),rgba(242,179,255,.54),rgba(217,168,255,0)) !important;
    box-shadow:0 10px 22px rgba(123,44,255,.18) !important;
    pointer-events:none !important;
}

body.dark-mode .navbar.glass-nav.fixed-top,
body.dark-mode nav.navbar.glass-nav{
    background:rgba(15,18,37,.96) !important;
}

body .navbar.glass-nav .container{
    width:100% !important;
    max-width:1500px !important;
    min-height:96px !important;
    padding:0 clamp(28px,4vw,58px) !important;
    gap:0 !important;
}

body .navbar-brand{
    min-width:330px !important;
    margin-right:64px !important;
}

body .navbar-brand::after{
    right:-32px !important;
    height:46px !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.20),transparent) !important;
}

body .navbar-brand img{
    height:58px !important;
    max-height:58px !important;
    max-width:268px !important;
}

body .navbar-collapse{
    display:flex !important;
    align-items:center !important;
    flex:1 1 auto !important;
    margin-left:0 !important;
}

body .navbar-collapse > .navbar-nav.ms-auto{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

body .navbar-nav{
    width:100% !important;
    gap:24px !important;
}

body .nav-link{
    min-height:38px !important;
    padding:7px 0 !important;
    color:#17122f !important;
    font-size:14px !important;
    font-weight:900 !important;
}

body .navbar-nav > .dropdown > .nav-link::after{
    position:static !important;
    display:inline-block !important;
    width:0 !important;
    height:0 !important;
    margin-left:7px !important;
    border-top:.34em solid currentColor !important;
    border-right:.34em solid transparent !important;
    border-bottom:0 !important;
    border-left:.34em solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    transform:none !important;
}

body .navbar-nav > .dropdown > .nav-link::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:2px !important;
    width:0 !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
    transform:translateX(-50%) !important;
    transition:width .35s cubic-bezier(.4,0,.2,1) !important;
}

body .navbar-nav > .dropdown > .nav-link:hover::before,
body .navbar-nav > .dropdown > .nav-link.active::before,
body .navbar-nav > .dropdown > .nav-link.show::before{
    width:56% !important;
}

body .navbar-nav > .nav-item:has(.nav-cta-link){
    margin-left:auto !important;
    padding-left:34px !important;
}

body .nav-link.nav-cta-link{
    min-height:52px !important;
    padding:0 30px !important;
    border-radius:999px !important;
    font-size:14px !important;
}

body .navbar-nav > .nav-item:has(.theme-toggle){
    position:relative !important;
    margin-left:22px !important;
    padding-left:28px !important;
}

body .navbar-nav > .nav-item:has(.theme-toggle)::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:50% !important;
    width:1px !important;
    height:42px !important;
    transform:translateY(-50%) !important;
    background:linear-gradient(180deg,transparent,rgba(123,44,255,.20),transparent) !important;
}

body .theme-toggle{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
}

@keyframes dxConnectedNavReveal{
    from{opacity:0;transform:translateY(-16px);}
    to{opacity:1;transform:translateY(0);}
}

@media(max-width:1399px) and (min-width:1200px){
    body .navbar.glass-nav .container{
        max-width:none !important;
        padding:0 46px !important;
    }

    body .navbar-brand{
        min-width:288px !important;
        margin-right:50px !important;
    }

    body .navbar-brand img{
        height:54px !important;
        max-width:238px !important;
    }

    body .navbar-nav{
        gap:18px !important;
    }

    body .nav-link{
        font-size:13.5px !important;
    }

    body .nav-link.nav-cta-link{
        min-height:50px !important;
        padding:0 26px !important;
    }
}

@media(max-width:1199px){
    body{
        padding-top:84px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        top:0 !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        min-height:84px !important;
        border-radius:0 !important;
        transform:none !important;
    }

    body .navbar.glass-nav .container{
        max-width:none !important;
        min-height:84px !important;
        padding:0 24px !important;
    }

    body .navbar-brand{
        min-width:auto !important;
        margin-right:0 !important;
    }

    body .navbar-brand::after,
    body .navbar-nav > .nav-item:has(.nav-cta-link)::before,
    body .navbar-nav > .nav-item:has(.theme-toggle)::before{
        display:none !important;
    }

    body .navbar-brand img{
        height:52px !important;
        max-width:210px !important;
    }

    body .navbar-toggler{
        margin-left:auto !important;
    }

    body .navbar-collapse{
        display:block !important;
        margin-left:0 !important;
    }

    body .navbar-collapse:not(.show):not(.collapsing){
        display:none !important;
    }

    body .navbar-collapse.show,
    body .navbar-collapse.collapsing{
        left:18px !important;
        right:18px !important;
        top:calc(100% + 10px) !important;
    }

    body .navbar-collapse.show .navbar-nav,
    body .navbar-collapse.collapsing .navbar-nav{
        width:100% !important;
    }

    body .navbar-nav > .nav-item:has(.nav-cta-link),
    body .navbar-nav > .nav-item:has(.theme-toggle){
        margin-left:0 !important;
        padding-left:0 !important;
    }
}

@media(max-width:575px){
    body{
        padding-top:74px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        min-height:74px !important;
    }

    body .navbar.glass-nav .container{
        min-height:74px !important;
        padding:0 14px !important;
    }

    body .navbar-brand img{
        height:44px !important;
        max-width:176px !important;
    }

    body .navbar-toggler{
        width:40px !important;
        height:40px !important;
    }

    body .navbar-collapse.show,
    body .navbar-collapse.collapsing{
        left:10px !important;
        right:10px !important;
    }
}

/* Header final squeeze: lower connected strip height. */
body{
    padding-top:78px !important;
}

body .navbar.glass-nav.fixed-top,
body nav.navbar.glass-nav{
    min-height:78px !important;
}

body .navbar.glass-nav .container{
    min-height:78px !important;
}

body .navbar-brand img{
    height:48px !important;
    max-height:48px !important;
    max-width:240px !important;
}

body .navbar-brand::after,
body .navbar-nav > .nav-item:has(.theme-toggle)::before{
    height:36px !important;
}

body .nav-link{
    min-height:34px !important;
    padding:5px 0 !important;
}

body .nav-link.nav-cta-link{
    min-height:44px !important;
    padding:0 26px !important;
}

body .theme-toggle{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    box-shadow:0 0 0 10px rgba(217,168,255,.30),0 12px 24px rgba(123,44,255,.20) !important;
}

@media(max-width:1199px){
    body{
        padding-top:70px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        min-height:70px !important;
    }

    body .navbar.glass-nav .container{
        min-height:70px !important;
    }

    body .navbar-brand img{
        height:44px !important;
        max-width:188px !important;
    }
}

@media(max-width:575px){
    body{
        padding-top:62px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        min-height:62px !important;
    }

    body .navbar.glass-nav .container{
        min-height:62px !important;
    }

    body .navbar-brand img{
        height:38px !important;
        max-width:156px !important;
    }

    body .navbar-toggler,
    body .theme-toggle{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
    }
}

/* Final menu hover/active color and full text-length underline. */
body .navbar-nav > .nav-item > .nav-link:not(.nav-cta-link){
    color:#17122f !important;
    background:transparent !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

body .navbar-nav > .nav-item > .nav-link:not(.nav-cta-link):hover,
body .navbar-nav > .nav-item > .nav-link:not(.nav-cta-link).active,
body .navbar-nav > .nav-item > .nav-link:not(.nav-cta-link).show{
    color:#7B2CFF !important;
    background:transparent !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

body .navbar-nav > .nav-item:not(.dropdown) > .nav-link:not(.nav-cta-link)::after{
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:0 !important;
    height:3px !important;
    transform:none !important;
    background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
}

body .navbar-nav > .nav-item:not(.dropdown) > .nav-link:not(.nav-cta-link):hover::after,
body .navbar-nav > .nav-item:not(.dropdown) > .nav-link:not(.nav-cta-link).active::after{
    width:100% !important;
}

body .navbar-nav > .dropdown > .nav-link:not(.nav-cta-link)::before{
    left:0 !important;
    bottom:0 !important;
    width:0 !important;
    transform:none !important;
}

body .navbar-nav > .dropdown > .nav-link:not(.nav-cta-link):hover::before,
body .navbar-nav > .dropdown > .nav-link:not(.nav-cta-link).active::before,
body .navbar-nav > .dropdown > .nav-link:not(.nav-cta-link).show::before{
    width:calc(100% - 18px) !important;
}

/* Final dropdown/menu placement polish. */
@media(min-width:1200px){
    body .navbar-collapse{
        margin-left:42px !important;
    }
}

body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle:not(.nav-cta-link),
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle:not(.nav-cta-link),
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show:not(.nav-cta-link),
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.menu-temp-active:not(.nav-cta-link){
    color:#7B2CFF !important;
    background:transparent !important;
    box-shadow:none !important;
    text-shadow:none !important;
    border-radius:0 !important;
}

body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle:not(.nav-cta-link)::before,
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle:not(.nav-cta-link)::before,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show:not(.nav-cta-link)::before,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.menu-temp-active:not(.nav-cta-link)::before{
    width:calc(100% - 18px) !important;
}

body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle:not(.nav-cta-link)::after,
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle:not(.nav-cta-link)::after,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show:not(.nav-cta-link)::after{
    color:#7B2CFF !important;
    border-top-color:#7B2CFF !important;
}

@media(max-width:1199px){
    body .navbar-collapse{
        margin-left:0 !important;
    }
}

/* Final reference match: straight connected header with side inset. */
@media(min-width:1200px){
    body{
        padding-top:82px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        top:0 !important;
        left:50% !important;
        right:auto !important;
        width:calc(100% - 132px) !important;
        min-height:82px !important;
        transform:translateX(-50%) !important;
        border:1px solid rgba(217,168,255,.20) !important;
        border-top-color:rgba(217,168,255,.14) !important;
        border-radius:0 !important;
        background:rgba(255,255,255,.97) !important;
        box-shadow:0 10px 26px rgba(75,0,181,.06) !important;
    }

    body .navbar.glass-nav .container{
        max-width:none !important;
        min-height:82px !important;
        padding:0 clamp(58px,4.5vw,82px) !important;
    }

    body .navbar-brand{
        min-width:360px !important;
        margin-right:196px !important;
    }

    body .navbar-brand::after{
        right:0 !important;
        height:42px !important;
    }

    body .navbar-brand img{
        height:46px !important;
        max-height:46px !important;
        max-width:230px !important;
    }

    body .navbar-collapse{
        margin-left:0 !important;
    }

    body .navbar-nav{
        gap:24px !important;
    }

    body .nav-link{
        font-size:13px !important;
        min-height:34px !important;
    }

    body .navbar-nav > .nav-item:has(.nav-cta-link){
        padding-left:34px !important;
    }

    body .nav-link.nav-cta-link{
        min-height:44px !important;
        padding:0 28px !important;
    }

    body .theme-toggle{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
    }
}

body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle,
body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle,
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.menu-temp-active{
    color:#17122f !important;
    background:transparent !important;
    box-shadow:none !important;
    text-shadow:none !important;
    border-radius:0 !important;
}

body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle,
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show{
    color:#7B2CFF !important;
}

body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle::after,
body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle::after,
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle::after,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show::after{
    position:static !important;
    display:inline-block !important;
    width:0 !important;
    height:0 !important;
    margin-left:7px !important;
    vertical-align:.15em !important;
    border-top:.34em solid currentColor !important;
    border-right:.34em solid transparent !important;
    border-bottom:0 !important;
    border-left:.34em solid transparent !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
}

body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle::before{
    left:0 !important;
    bottom:0 !important;
    width:0 !important;
    height:3px !important;
    transform:none !important;
}

body .navbar-nav > .nav-item.dropdown:hover > .nav-link.dropdown-toggle::before,
body .navbar-nav > .nav-item.dropdown.show > .nav-link.dropdown-toggle::before,
body .navbar-nav > .nav-item.dropdown > .nav-link.dropdown-toggle.show::before{
    width:calc(100% - 18px) !important;
}

@media(max-width:1199px){
    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        left:0 !important;
        right:0 !important;
        width:100% !important;
        transform:none !important;
    }
}

/* Header edge and height final trim. */
@media(min-width:1200px){
    body{
        padding-top:70px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        width:calc(100% - 88px) !important;
        min-height:70px !important;
    }

    body .navbar.glass-nav .container{
        min-height:70px !important;
        padding:0 clamp(46px,3.8vw,68px) !important;
    }

    body .navbar-brand{
        min-width:330px !important;
        margin-right:188px !important;
    }

    body .navbar-brand img{
        height:40px !important;
        max-height:40px !important;
        max-width:214px !important;
    }

    body .navbar-brand::after,
    body .navbar-nav > .nav-item:has(.theme-toggle)::before{
        height:34px !important;
    }

    body .nav-link{
        min-height:30px !important;
        font-size:12.5px !important;
        padding:4px 0 !important;
    }

    body .nav-link.nav-cta-link{
        min-height:40px !important;
        padding:0 26px !important;
    }

    body .theme-toggle{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        box-shadow:0 0 0 9px rgba(217,168,255,.30),0 10px 22px rgba(123,44,255,.18) !important;
    }
}

@media(min-width:1600px){
    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        width:calc(100% - 92px) !important;
    }
}

/* Header side connection: white strip reaches both viewport edges. */
@media(min-width:1200px){
    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        left:0 !important;
        right:0 !important;
        width:100% !important;
        transform:none !important;
        border-left:0 !important;
        border-right:0 !important;
    }

    body .navbar.glass-nav .container{
        max-width:none !important;
        padding-left:clamp(92px,7vw,136px) !important;
        padding-right:clamp(92px,7vw,136px) !important;
    }
}

/* Logo final size: match larger reference mark and wordmark. */
@media(min-width:1200px){
    body{
        padding-top:88px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        min-height:88px !important;
    }

    body .navbar.glass-nav .container{
        min-height:88px !important;
    }

    body .navbar-brand{
        min-width:348px !important;
        margin-right:174px !important;
    }

    body .navbar-brand img{
        height:60px !important;
        max-height:70px !important;
        max-width:260px !important;
        object-fit:contain !important;
    }

    body .navbar-brand::after{
        height:44px !important;
    }
}

@media(max-width:1199px){
    body .navbar-brand img{
        height:48px !important;
        max-width:198px !important;
    }
}

@media(max-width:575px){
    body .navbar-brand img{
        height:40px !important;
        max-width:164px !important;
    }
}

/* Final header top squeeze: keep logo large, reduce vertical air. */
@media(min-width:1200px){
    body{
        padding-top:76px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        min-height:76px !important;
    }

    body .navbar.glass-nav .container{
        min-height:76px !important;
    }

    body .navbar-brand img{
        height:58px !important;
        max-height:64px !important;
        transform:translateY(-2px) !important;
    }

    body .navbar-brand::after{
        height:38px !important;
    }

    body .nav-link.nav-cta-link{
        min-height:38px !important;
    }

    body .theme-toggle{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
    }
}

/* Client fix: keep the area after the menu clean white. */
body .navbar.glass-nav.fixed-top::after,
body nav.navbar.glass-nav::after{
    display:none !important;
    background:none !important;
    box-shadow:none !important;
}

body > .hero:first-of-type,
body > .page-hero:first-of-type,
body > .service-detail-hero:first-of-type{
    background:#ffffff !important;
    padding-top:8px !important;
}

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

/* V166: Offshore development showcase with rotating round animation. */
.dx-offshore-showcase{
    position:relative;
    overflow:hidden;
    padding:76px 0 58px;
    background:
        radial-gradient(circle at 8% 16%,rgba(182,109,255,.10),transparent 25%),
        radial-gradient(circle at 92% 24%,rgba(242,179,255,.16),transparent 26%),
        linear-gradient(180deg,#ffffff 0%,#ffffff 68%,#fbf8ff 100%);
}

.dx-offshore-showcase::before,
.dx-offshore-showcase::after{
    content:"";
    position:absolute;
    width:112px;
    height:88px;
    opacity:.62;
    background:radial-gradient(circle,rgba(123,44,255,.50) 3px,transparent 4px) 0 0/24px 24px;
    pointer-events:none;
}

.dx-offshore-showcase::before{
    left:42px;
    top:62px;
}

.dx-offshore-showcase::after{
    right:42px;
    top:62px;
}

.dx-offshore-showcase .container{
    position:relative;
    z-index:2;
}

.dx-offshore-head{
    max-width:1120px;
    margin:0 auto 40px;
    text-align:center;
}

.dx-offshore-kicker{
    display:inline-flex;
    align-items:center;
    gap:18px;
    margin-bottom:12px;
    color:#4B00B5;
    font-size:13px;
    font-weight:950;
    letter-spacing:.24em;
    text-transform:uppercase;
}

.dx-offshore-kicker::before,
.dx-offshore-kicker::after{
    content:"";
    width:58px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#B66DFF,transparent);
}

.dx-offshore-head h2{
    margin:0;
    color:#070936;
    font-size:clamp(20px,2.05vw,50px) !important;
    line-height:1.14;
    font-weight:950;
    letter-spacing:-.025em;
}

.dx-offshore-head h2 span{
    color:transparent;
    background:linear-gradient(90deg,#4B00B5 0%,#7B2CFF 45%,#B66DFF 76%,#F2B3FF 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dx-offshore-head p{
    max-width:920px;
    margin:18px auto 0;
    color:#4f5878;
    font-size:18px;
    line-height:1.55;
    font-weight:500;
}

.dx-offshore-layout{
    display:grid;
    grid-template-columns:minmax(420px,.94fr) minmax(470px,1fr);
    gap:52px;
    align-items:center;
}

.dx-offshore-orbit{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.dx-offshore-ring,
.dx-offshore-ring-soft,
.dx-offshore-dash-ring{
    position:absolute;
    left:50%;
    top:50%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.dx-offshore-ring{
    width:310px;
    height:310px;
    background:conic-gradient(from 30deg,#7B2CFF 0 48deg,#D9A8FF 48deg 96deg,transparent 96deg 160deg,#B66DFF 160deg 218deg,#F2B3FF 218deg 260deg,transparent 260deg 360deg);
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 32px),#000 calc(100% - 31px),#000 calc(100% - 4px),transparent 100%);
    mask:radial-gradient(farthest-side,transparent calc(100% - 32px),#000 calc(100% - 31px),#000 calc(100% - 4px),transparent 100%);
    filter:drop-shadow(0 16px 28px rgba(123,44,255,.24));
    animation:dxOffshoreRotate 12s linear infinite;
}

.dx-offshore-ring-soft{
    width:380px;
    height:380px;
    border:2px dashed rgba(182,109,255,.42);
    animation:dxOffshoreRotateReverse 18s linear infinite;
}

.dx-offshore-dash-ring{
    width:252px;
    height:252px;
    border:14px solid rgba(217,168,255,.20);
    box-shadow:inset 0 0 0 1px rgba(182,109,255,.22),0 18px 50px rgba(123,44,255,.12);
}

.dx-offshore-core{
    position:relative;
    width:236px;
    height:236px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#070936;
    background:
        radial-gradient(circle at 50% 36%,#ffffff 0 45%,rgba(250,244,255,.96) 46% 100%);
    border:1px solid rgba(217,168,255,.48);
    box-shadow:0 26px 58px rgba(75,0,181,.12),inset 0 1px 0 rgba(255,255,255,.94);
    z-index:3;
}

.dx-offshore-core i{
    margin-bottom:16px;
    color:#4B00B5;
    font-size:46px;
}

.dx-offshore-core strong{
    display:block;
    font-size:25px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.03em;
}

.dx-offshore-core span{
    display:block;
    margin-top:7px;
    color:#4B00B5;
    font-size:13px;
    font-weight:950;
    letter-spacing:.06em;
}

.dx-offshore-satellite{
    position:absolute;
    display:grid;
    grid-template-columns:auto minmax(0,150px);
    align-items:center;
    gap:14px;
    z-index:4;
}

.dx-offshore-satellite .dx-sat-icon{
    position:relative;
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7B2CFF;
    font-size:25px;
    background:#fff;
    border:1px solid rgba(217,168,255,.58);
    box-shadow:0 18px 34px rgba(123,44,255,.14),0 0 0 8px rgba(217,168,255,.20);
    animation:dxOffshoreNodePulse 3.5s ease-in-out infinite;
}

.dx-offshore-satellite .dx-sat-icon::after{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:50%;
    border:2px solid rgba(242,179,255,.32);
}

.dx-offshore-satellite strong{
    display:block;
    color:#080a36;
    font-size:16px;
    line-height:1.2;
    font-weight:950;
}

.dx-offshore-satellite small{
    display:block;
    margin-top:6px;
    color:#252d51;
    font-size:13px;
    line-height:1.25;
    font-weight:500;
}

.dx-offshore-satellite.sat-top{
    top:4px;
    left:50%;
    transform:translateX(-16%);
}

.dx-offshore-satellite.sat-left-top{
    left:0;
    top:158px;
    grid-template-columns:minmax(0,150px) auto;
    text-align:right;
}

.dx-offshore-satellite.sat-left-top .dx-sat-icon,
.dx-offshore-satellite.sat-left-bottom .dx-sat-icon{
    grid-column:2;
    grid-row:1;
}

.dx-offshore-satellite.sat-left-bottom{
    left:4px;
    bottom:88px;
    grid-template-columns:minmax(0,150px) auto;
    text-align:right;
}

.dx-offshore-satellite.sat-right-top{
    right:0;
    top:162px;
}

.dx-offshore-satellite.sat-right-bottom{
    right:0;
    bottom:104px;
}

.dx-offshore-satellite.sat-bottom{
    bottom:-4px;
    left:50%;
    transform:translateX(-18%);
}

.dx-offshore-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.dx-offshore-card{
    position:relative;
    min-height:230px;
    padding:30px 30px 28px;
    border:1px solid rgba(217,168,255,.54);
    border-radius:24px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 42px rgba(75,0,181,.08),inset 0 1px 0 rgba(255,255,255,.96);
    overflow:hidden;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}

.dx-offshore-card::after{
    content:"";
    position:absolute;
    right:-22px;
    bottom:-28px;
    width:92px;
    height:100px;
    border-radius:58px 0 24px 0;
    background:linear-gradient(135deg,rgba(217,168,255,.36),rgba(242,179,255,.26));
}

.dx-offshore-card:hover{
    transform:translateY(-7px);
    border-color:rgba(182,109,255,.72);
    box-shadow:0 28px 58px rgba(75,0,181,.13),inset 0 1px 0 rgba(255,255,255,1);
}

.dx-offshore-card-icon{
    width:66px;
    height:66px;
    margin-bottom:22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    background:radial-gradient(circle at 32% 20%,#F2B3FF 0%,#B66DFF 38%,#7B2CFF 100%);
    box-shadow:0 14px 28px rgba(123,44,255,.26);
    animation:dxOffshoreCardIcon 3.8s ease-in-out infinite;
}

.dx-offshore-card h3{
    margin:0 0 14px;
    color:#080a36;
    font-size:18px !important;
    line-height:1.2;
    font-weight:950;
    letter-spacing:-.03em;
}

.dx-offshore-card .dx-card-line{
    display:block;
    width:40px;
    height:3px;
    margin-bottom:20px;
    border-radius:999px;
    background:linear-gradient(90deg,#4B00B5,#7B2CFF,#B66DFF);
}

.dx-offshore-card p{
    max-width:260px;
    margin:0;
    color:#293251;
    font-size:15px;
    line-height:1.62;
    font-weight:500;
}

.dx-offshore-stats{
    margin-top:36px;
    padding:24px 26px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    border:1px solid rgba(217,168,255,.54);
    border-radius:24px;
    background:rgba(255,255,255,.95);
    box-shadow:0 24px 58px rgba(75,0,181,.08);
}

.dx-offshore-stat{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    align-items:center;
    gap:18px;
    min-height:82px;
    padding:0 24px;
    border-right:1px solid rgba(217,168,255,.52);
}

.dx-offshore-stat:last-child{
    border-right:0;
}

.dx-offshore-stat i{
    width:66px;
    height:66px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5C1EFF;
    font-size:30px;
    background:rgba(217,168,255,.28);
    animation:dxOffshoreNodePulse 3.6s ease-in-out infinite;
}

.dx-offshore-stat strong{
    display:block;
    color:#4B00B5;
    font-size:30px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.035em;
}

.dx-offshore-stat span{
    display:block;
    margin-top:6px;
    color:#080a36;
    font-size:13px;
    line-height:1.25;
    font-weight:700;
}

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

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

@keyframes dxOffshoreNodePulse{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-5px) scale(1.045);}
}

@keyframes dxOffshoreCardIcon{
    0%,100%{transform:rotate(0deg) scale(1);}
    50%{transform:rotate(4deg) scale(1.06);}
}

@media(max-width:1199px){
    .dx-offshore-layout{
        grid-template-columns:1fr;
        gap:32px;
    }

    .dx-offshore-orbit{
        max-width:700px;
        margin:0 auto;
    }

    .dx-offshore-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dx-offshore-stat{
        border-right:0;
        border-bottom:1px solid rgba(217,168,255,.42);
    }

    .dx-offshore-stat:nth-last-child(-n+1){
        border-bottom:0;
    }
}

@media(max-width:767px){
    .dx-offshore-showcase{
        padding:52px 0 44px;
    }

    .dx-offshore-showcase::before,
    .dx-offshore-showcase::after{
        display:none;
    }

    .dx-offshore-kicker{
        gap:10px;
        font-size:11px;
        letter-spacing:.16em;
    }

    .dx-offshore-kicker::before,
    .dx-offshore-kicker::after{
        width:34px;
    }

    .dx-offshore-head h2{
        font-size:24px !important;
    }

    .dx-offshore-head p{
        font-size:14px;
    }

    .dx-offshore-orbit{
        min-height:auto;
        display:grid;
        gap:14px;
        padding-top:18px;
    }

    .dx-offshore-ring,
    .dx-offshore-ring-soft,
    .dx-offshore-dash-ring{
        display:none;
    }

    .dx-offshore-core{
        width:210px;
        height:210px;
        margin:0 auto 12px;
    }

    .dx-offshore-satellite{
        position:static;
        grid-template-columns:54px minmax(0,1fr) !important;
        width:100%;
        max-width:330px;
        margin:0 auto;
        transform:none !important;
        text-align:left !important;
        padding:12px 14px;
        border:1px solid rgba(217,168,255,.36);
        border-radius:18px;
        background:#fff;
        box-shadow:0 12px 28px rgba(75,0,181,.06);
    }

    .dx-offshore-satellite .dx-sat-icon{
        grid-column:1 !important;
        width:54px;
        height:54px;
        font-size:19px;
        box-shadow:0 10px 22px rgba(123,44,255,.12),0 0 0 5px rgba(217,168,255,.18);
    }

    .dx-offshore-cards{
        grid-template-columns:1fr;
    }

    .dx-offshore-card{
        min-height:auto;
        padding:24px;
    }

    .dx-offshore-stats{
        grid-template-columns:1fr;
        padding:10px 16px;
    }

    .dx-offshore-stat{
        grid-template-columns:58px minmax(0,1fr);
        min-height:76px;
        padding:14px 0;
    }

    .dx-offshore-stat i{
        width:54px;
        height:54px;
        font-size:24px;
    }

    .dx-offshore-stat strong{
        font-size:25px;
    }
}

/* Final Services dropdown: compact reference-style card. */
@media(min-width:1200px){
    body .navbar-nav > .nav-item.dropdown.position-static{
        position:relative !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu{
        position:absolute !important;
        top:calc(100% + 11px) !important;
        left:50% !important;
        right:auto !important;
        width:330px !important;
        min-width:330px !important;
        max-width:330px !important;
        transform:translateX(-50%) !important;
        margin:0 !important;
        padding:17px 18px !important;
        border:1px solid rgba(217,168,255,.30) !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.94) !important;
        -webkit-backdrop-filter:blur(18px) !important;
        backdrop-filter:blur(18px) !important;
        box-shadow:0 26px 70px rgba(75,0,181,.12) !important;
        overflow:visible !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu[data-bs-popper]{
        top:calc(100% + 11px) !important;
        left:50% !important;
        transform:translateX(-50%) !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu::before{
        content:"" !important;
        position:absolute !important;
        top:-9px !important;
        left:50% !important;
        width:74px !important;
        height:10px !important;
        transform:translateX(-50%) !important;
        background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
        clip-path:polygon(0 62%,42% 62%,50% 0,58% 62%,100% 62%,100% 100%,0 100%) !important;
        border-radius:8px 8px 0 0 !important;
    }
}

body .dropdown-menu.mega-menu .container{
    max-width:none !important;
    padding:0 !important;
}

body .mega-simple-menu{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
}

body .mega-simple-link{
    position:relative !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 14px !important;
    align-items:center !important;
    gap:13px !important;
    min-height:58px !important;
    padding:8px 0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(217,168,255,.34) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#151b36 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:transform .18s ease,color .18s ease !important;
}

body .mega-simple-link:last-child{
    border-bottom:0 !important;
}

body .mega-simple-link i{
    width:38px !important;
    height:38px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f1e9ff !important;
    color:#7B2CFF !important;
    font-size:16px !important;
    box-shadow:0 8px 18px rgba(123,44,255,.08) !important;
}

body .mega-simple-link span{
    min-width:0 !important;
    display:block !important;
}

body .mega-simple-link b{
    display:block !important;
    margin:0 0 3px !important;
    color:#151b36 !important;
    font-size:13px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
}

body .mega-simple-link small{
    display:block !important;
    max-width:100% !important;
    color:#5f6b86 !important;
    font-size:8.8px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

body .mega-simple-link::after{
    content:"\f105" !important;
    position:static !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#7B2CFF !important;
    font-family:"Font Awesome 6 Free" !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    transform:none !important;
}

body .mega-simple-link:hover{
    transform:translateX(4px) !important;
    background:transparent !important;
    box-shadow:none !important;
}

body .mega-simple-link:hover b,
body .mega-simple-link:hover::after{
    color:#5C1EFF !important;
}

@media(max-width:1199px){
    body .navbar-nav > .nav-item.dropdown.position-static{
        position:static !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu{
        position:static !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        transform:none !important;
        margin-top:8px !important;
        padding:14px !important;
        border-radius:16px !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu::before{
        display:none !important;
    }

    body .mega-simple-link{
        min-height:56px !important;
    }
}

/* About heading: black + purple brand combination. */
.gradient-heading{
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:initial !important;
    color:#10162d !important;
}

.gradient-heading .heading-dark{
    color:#10162d !important;
    -webkit-text-fill-color:#10162d !important;
}

.gradient-heading .heading-accent{
    color:#7B2CFF !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;
}

/* Final mobile header: no visible border around hamburger. */
body .navbar-toggler,
body .navbar-toggler:focus,
body .navbar-toggler:active{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

/* Services dropdown: keep one underline only, remove extra pointer strip. */
body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu::before{
    content:none !important;
    display:none !important;
}

/* Reference heading font and purple gradient. */
.gradient-heading,
.gradient-heading span,
.dx-progress-left h2,
.dx-progress-left h2 span{
    font-family:"Poppins","Segoe UI",Arial,sans-serif !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
}

.gradient-heading .heading-accent,
.dx-progress-left h2 .dx-title-accent{
    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;
}

/* Keep the offshore orbit animation visible on tablet and mobile. */
@media(max-width:1199px){
    body .dx-offshore-layout{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    body .dx-offshore-orbit{
        width:min(700px,100%) !important;
        min-height:520px !important;
        margin:0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    body .dx-offshore-ring,
    body .dx-offshore-ring-soft,
    body .dx-offshore-dash-ring{
        display:block !important;
    }
}

@media(max-width:767px){
    body .dx-offshore-orbit{
        width:min(390px,100%) !important;
        min-height:410px !important;
        padding-top:0 !important;
        overflow:visible !important;
    }

    body .dx-offshore-ring{
        width:230px !important;
        height:230px !important;
        -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 24px),#000 calc(100% - 23px),#000 calc(100% - 4px),transparent 100%) !important;
        mask:radial-gradient(farthest-side,transparent calc(100% - 24px),#000 calc(100% - 23px),#000 calc(100% - 4px),transparent 100%) !important;
    }

    body .dx-offshore-ring-soft{
        width:300px !important;
        height:300px !important;
    }

    body .dx-offshore-dash-ring{
        width:190px !important;
        height:190px !important;
        border-width:10px !important;
    }

    body .dx-offshore-core{
        width:178px !important;
        height:178px !important;
        margin:0 !important;
        z-index:3 !important;
    }

    body .dx-offshore-core i{
        margin-bottom:10px !important;
        font-size:34px !important;
    }

    body .dx-offshore-core strong{
        font-size:23px !important;
    }

    body .dx-offshore-core span{
        font-size:11px !important;
    }

    body .dx-offshore-satellite{
        position:absolute !important;
        display:grid !important;
        grid-template-columns:auto minmax(0,118px) !important;
        width:auto !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        gap:8px !important;
        text-align:left !important;
        z-index:4 !important;
    }

    body .dx-offshore-satellite .dx-sat-icon{
        grid-column:auto !important;
        grid-row:auto !important;
        width:48px !important;
        height:48px !important;
        font-size:17px !important;
        box-shadow:0 10px 22px rgba(123,44,255,.12),0 0 0 5px rgba(217,168,255,.18) !important;
    }

    body .dx-offshore-satellite strong{
        font-size:12px !important;
        line-height:1.12 !important;
    }

    body .dx-offshore-satellite small{
        margin-top:4px !important;
        font-size:10px !important;
        line-height:1.15 !important;
    }

    body .dx-offshore-satellite.sat-top{
        top:0 !important;
        left:50% !important;
        transform:translateX(-26%) !important;
    }

    body .dx-offshore-satellite.sat-left-top{
        left:4px !important;
        top:122px !important;
        grid-template-columns:minmax(0,108px) auto !important;
        text-align:right !important;
    }

    body .dx-offshore-satellite.sat-left-bottom{
        left:10px !important;
        bottom:78px !important;
        grid-template-columns:minmax(0,108px) auto !important;
        text-align:right !important;
    }

    body .dx-offshore-satellite.sat-left-top .dx-sat-icon,
    body .dx-offshore-satellite.sat-left-bottom .dx-sat-icon{
        grid-column:2 !important;
        grid-row:1 !important;
    }

    body .dx-offshore-satellite.sat-right-top{
        right:0 !important;
        top:126px !important;
    }

    body .dx-offshore-satellite.sat-right-bottom{
        right:0 !important;
        bottom:90px !important;
    }

    body .dx-offshore-satellite.sat-bottom{
        left:50% !important;
        bottom:0 !important;
        transform:translateX(-28%) !important;
    }
}

@media(max-width:430px){
    body .dx-offshore-orbit{
        transform:scale(.9) !important;
        transform-origin:center top !important;
        margin-bottom:-38px !important;
    }
}

/* Premium footer matching the Divinologix purple brand reference. */
footer.site-footer-v2{
    position:relative !important;
    overflow:hidden !important;
    padding:0 !important;
    color:#ffffff !important;
    background:
        radial-gradient(circle at 9% 8%,rgba(161,68,255,.36),transparent 24%),
        radial-gradient(circle at 86% 4%,rgba(191,79,255,.48),transparent 28%),
        linear-gradient(135deg,#170040 0%,#25076d 42%,#4c0eb5 72%,#7b1fe9 100%) !important;
}

footer.site-footer-v2::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1.7px) 78% 12%/12px 12px,
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/190px 100% !important;
    opacity:.52 !important;
    pointer-events:none !important;
}

footer.site-footer-v2::after{
    content:"" !important;
    position:absolute !important;
    left:-8% !important;
    right:-8% !important;
    bottom:62px !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(196,93,255,.75),rgba(255,255,255,.18),transparent) !important;
}

.site-footer-v2 .footer-main,
.site-footer-v2 .footer-bottom{
    position:relative !important;
    z-index:2 !important;
}

.site-footer-v2 .footer-main{
    padding:36px 0 38px !important;
}

.site-footer-v2 .footer-grid{
    display:grid !important;
    grid-template-columns:minmax(230px,1.25fr) repeat(3,minmax(155px,.82fr)) minmax(230px,1.08fr) !important;
    gap:28px !important;
    align-items:start !important;
}

.site-footer-v2 .footer-brand{
    padding-right:24px !important;
}

.site-footer-v2 .footer-logo{
    display:block !important;
    width:190px !important;
    max-width:100% !important;
    height:auto !important;
    margin-bottom:16px !important;
    filter:drop-shadow(0 12px 28px rgba(165,92,255,.34)) !important;
}

.site-footer-v2 h3,
.site-footer-v2 h4{
    color:#ffffff !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
}

.site-footer-v2 h3{
    margin:0 0 12px !important;
    font-size:18px !important;
}

.site-footer-v2 h4{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 24px !important;
    font-size:17px !important;
}

.site-footer-v2 h4 i{
    width:42px !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    border-radius:50% !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#5c1eff,#b145ff) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 0 0 6px rgba(255,255,255,.045),0 16px 32px rgba(20,0,68,.28) !important;
}

.site-footer-v2 h4 span{
    position:relative !important;
    display:inline-block !important;
}

.site-footer-v2 h4 span::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:-10px !important;
    width:72px !important;
    height:4px !important;
    border-radius:99px !important;
    background:linear-gradient(90deg,#ffffff,#c45dff,#7b2cff) !important;
}

.site-footer-v2 p,
.site-footer-v2 a,
.site-footer-v2 li,
.site-footer-v2 span{
    color:rgba(255,255,255,.86) !important;
}

.site-footer-v2 .footer-copy{
    max-width:300px !important;
    margin:0 0 20px !important;
    font-size:14px !important;
    line-height:1.72 !important;
    font-weight:500 !important;
}

.site-footer-v2 .footer-social{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 0 22px !important;
    padding:0 !important;
}

.site-footer-v2 .footer-social a{
    width:42px !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:9px !important;
    text-decoration:none !important;
    font-size:20px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.18) !important;
    transition:transform .22s ease, background .22s ease !important;
}

.site-footer-v2 .footer-social a:hover,
.site-footer-v2 .footer-link-list a:hover,
.site-footer-v2 .footer-bottom-links a:hover{
    color:#ffffff !important;
    transform:translateY(-2px) !important;
}

.site-footer-v2 .footer-contact-mini,
.site-footer-v2 .footer-contact-list,
.site-footer-v2 .footer-link-list,
.site-footer-v2 .footer-bottom-links{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.site-footer-v2 .footer-contact-mini li,
.site-footer-v2 .footer-contact-list li{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    margin:0 0 12px !important;
    font-size:13px !important;
    line-height:1.45 !important;
}

.site-footer-v2 .footer-contact-mini i,
.site-footer-v2 .footer-contact-list i{
    width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#6a22ff,#c342ff) !important;
    box-shadow:0 8px 18px rgba(20,0,68,.25) !important;
}

.site-footer-v2 .footer-link-list li{
    margin:0 0 16px !important;
}

.site-footer-v2 .footer-link-list a{
    display:inline-grid !important;
    grid-template-columns:18px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    text-decoration:none !important;
    font-size:14px !important;
    line-height:1.25 !important;
    transition:transform .22s ease,color .22s ease !important;
}

.site-footer-v2 .footer-link-list i{
    color:#cda8ff !important;
    font-size:12px !important;
}

.site-footer-v2 .footer-newsletter{
    margin-top:28px !important;
    padding:20px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 18px 44px rgba(15,0,58,.24), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.site-footer-v2 .footer-newsletter h5{
    margin:0 0 8px !important;
    color:#ffffff !important;
    font-size:18px !important;
    font-weight:900 !important;
}

.site-footer-v2 .footer-newsletter p{
    margin:0 0 14px !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.site-footer-v2 .footer-newsletter input{
    width:100% !important;
    height:44px !important;
    margin:0 0 10px !important;
    padding:0 14px !important;
    border-radius:8px !important;
    border:1px solid rgba(255,255,255,.20) !important;
    outline:0 !important;
    color:#ffffff !important;
    background:rgba(41,4,112,.66) !important;
    font-size:13px !important;
}

.site-footer-v2 .footer-newsletter input::placeholder{
    color:rgba(255,255,255,.74) !important;
}

.site-footer-v2 .footer-newsletter button{
    width:100% !important;
    height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:0 !important;
    border-radius:8px !important;
    color:#ffffff !important;
    background:linear-gradient(90deg,#7b2cff,#c85cff) !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 12px 26px rgba(123,44,255,.28) !important;
}

.site-footer-v2 .footer-bottom{
    padding:18px 0 !important;
    background:rgba(13,0,48,.48) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
}

.site-footer-v2 .footer-bottom-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
}

.site-footer-v2 .footer-copyright{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

.site-footer-v2 .footer-copyright i,
.site-footer-v2 .footer-top-btn{
    width:36px !important;
    height:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    color:#ffffff !important;
    background:linear-gradient(135deg,#4c16c8,#8d2aff) !important;
    border:1px solid rgba(255,255,255,.18) !important;
}

.site-footer-v2 .footer-bottom-actions{
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
}

.site-footer-v2 .footer-bottom-links{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}

.site-footer-v2 .footer-bottom-links li{
    margin:0 !important;
    padding:0 24px !important;
    border-left:1px solid rgba(255,255,255,.18) !important;
}

.site-footer-v2 .footer-bottom-links li:first-child{
    border-left:0 !important;
}

.site-footer-v2 .footer-bottom-links a{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    text-decoration:none !important;
    font-size:13px !important;
}

.site-footer-v2 .footer-top-btn{
    text-decoration:none !important;
    flex:0 0 auto !important;
}

@media(max-width:1199px){
    .site-footer-v2 .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .site-footer-v2 .footer-brand{
        padding-right:0 !important;
    }
}

@media(max-width:767px){
    .site-footer-v2 .footer-main{
        padding:30px 0 28px !important;
    }

    .site-footer-v2 .footer-grid{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .site-footer-v2 .footer-logo{
        width:170px !important;
    }

    .site-footer-v2 h4{
        margin-bottom:20px !important;
    }

    .site-footer-v2 .footer-bottom-row,
    .site-footer-v2 .footer-bottom-actions,
    .site-footer-v2 .footer-bottom-links{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .site-footer-v2 .footer-bottom-links li{
        width:100% !important;
        padding:8px 0 !important;
        border-left:0 !important;
    }

    .site-footer-v2 .footer-top-btn{
        align-self:flex-end !important;
        margin-top:-44px !important;
    }
}

/* Footer content refresh: keeps the existing footer background intact. */
footer.dlx-footer-rich{
    padding:0 !important;
    color:#fff !important;
}

.dlx-footer-rich .dlx-footer-main{
    padding:46px 0 32px !important;
}

.dlx-footer-rich .dlx-footer-grid{
    display:grid !important;
    grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(150px,.78fr)) minmax(250px,1fr) !important;
    gap:34px !important;
    align-items:start !important;
}

.dlx-footer-rich .dlx-footer-brand{
    max-width:390px !important;
}

.dlx-footer-rich .dlx-footer-logo{
    width:188px !important;
    height:auto !important;
    display:block !important;
    margin:0 0 18px !important;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.18)) !important;
}

.dlx-footer-rich h3,
.dlx-footer-rich h4{
    color:#fff !important;
    margin:0 !important;
    line-height:1.25 !important;
}

.dlx-footer-rich h3{
    font-size:19px !important;
    font-weight:900 !important;
    margin-bottom:12px !important;
}

.dlx-footer-rich h4{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    font-size:17px !important;
    font-weight:900 !important;
    margin-bottom:22px !important;
}

.dlx-footer-rich h4 i{
    width:40px !important;
    height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.24) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 26px rgba(32,0,90,.2) !important;
}

.dlx-footer-rich h4 span{
    position:relative !important;
    display:inline-block !important;
    padding-bottom:10px !important;
}

.dlx-footer-rich h4 span::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:52px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#fff !important;
    opacity:.95 !important;
}

.dlx-footer-rich p,
.dlx-footer-rich a,
.dlx-footer-rich li,
.dlx-footer-rich span{
    color:rgba(255,255,255,.9) !important;
}

.dlx-footer-rich .dlx-footer-copy{
    margin:0 0 18px !important;
    font-size:14px !important;
    line-height:1.72 !important;
    font-weight:500 !important;
}

.dlx-footer-rich .dlx-footer-social{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin:0 0 20px !important;
    padding:0 !important;
}

.dlx-footer-rich .dlx-footer-social a{
    width:40px !important;
    height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:9px !important;
    text-decoration:none !important;
    font-size:18px !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(0,0,0,.16) !important;
    transition:transform .22s ease,color .22s ease !important;
}

.dlx-footer-rich .dlx-footer-social a:hover,
.dlx-footer-rich .dlx-footer-links a:hover,
.dlx-footer-rich .dlx-footer-bottom-links a:hover{
    color:#fff !important;
    transform:translateY(-2px) !important;
}

.dlx-footer-rich .dlx-footer-mini,
.dlx-footer-rich .dlx-footer-contact,
.dlx-footer-rich .dlx-footer-links,
.dlx-footer-rich .dlx-footer-bottom-links{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.dlx-footer-rich .dlx-footer-mini li,
.dlx-footer-rich .dlx-footer-contact li{
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    margin:0 0 12px !important;
    font-size:13px !important;
    line-height:1.48 !important;
}

.dlx-footer-rich .dlx-footer-mini i,
.dlx-footer-rich .dlx-footer-contact i{
    width:28px !important;
    height:28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.22) !important;
}

.dlx-footer-rich .dlx-footer-links li{
    margin:0 0 15px !important;
}

.dlx-footer-rich .dlx-footer-links a{
    display:inline-grid !important;
    grid-template-columns:18px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    text-decoration:none !important;
    font-size:14px !important;
    line-height:1.25 !important;
    transition:transform .22s ease,color .22s ease !important;
}

.dlx-footer-rich .dlx-footer-links i{
    color:#fff !important;
    font-size:12px !important;
    opacity:.9 !important;
}

.dlx-footer-rich .dlx-footer-newsletter{
    margin-top:22px !important;
    padding:18px !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 34px rgba(22,0,70,.16) !important;
}

.dlx-footer-rich .dlx-footer-newsletter h5{
    margin:0 0 8px !important;
    color:#fff !important;
    font-size:18px !important;
    font-weight:900 !important;
}

.dlx-footer-rich .dlx-footer-newsletter p{
    margin:0 0 13px !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.dlx-footer-rich .dlx-footer-newsletter input{
    width:100% !important;
    height:42px !important;
    margin:0 0 10px !important;
    padding:0 13px !important;
    border-radius:8px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    outline:0 !important;
    color:#fff !important;
    background:transparent !important;
    font-size:13px !important;
}

.dlx-footer-rich .dlx-footer-newsletter input::placeholder{
    color:rgba(255,255,255,.76) !important;
}

.dlx-footer-rich .dlx-footer-newsletter button{
    width:100% !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:8px !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.24) !important;
    background:transparent !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.dlx-footer-rich .dlx-footer-bottom{
    padding:18px 0 !important;
    border-top:1px solid rgba(255,255,255,.18) !important;
}

.dlx-footer-rich .dlx-footer-bottom-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
}

.dlx-footer-rich .dlx-footer-copyright{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

.dlx-footer-rich .dlx-footer-copyright i,
.dlx-footer-rich .dlx-footer-top{
    width:34px !important;
    height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.22) !important;
}

.dlx-footer-rich .dlx-footer-bottom-actions{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
}

.dlx-footer-rich .dlx-footer-bottom-links{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}

.dlx-footer-rich .dlx-footer-bottom-links li{
    margin:0 !important;
    padding:0 20px !important;
    border-left:1px solid rgba(255,255,255,.2) !important;
}

.dlx-footer-rich .dlx-footer-bottom-links li:first-child{
    border-left:0 !important;
}

.dlx-footer-rich .dlx-footer-bottom-links a{
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    text-decoration:none !important;
    font-size:13px !important;
}

.dlx-footer-rich .dlx-footer-top{
    text-decoration:none !important;
    flex:0 0 auto !important;
}

@media(max-width:1199px){
    .dlx-footer-rich .dlx-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .dlx-footer-rich .dlx-footer-brand{
        max-width:none !important;
    }
}

@media(max-width:767px){
    .dlx-footer-rich .dlx-footer-main{
        padding:30px 0 24px !important;
    }

    .dlx-footer-rich .dlx-footer-grid{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .dlx-footer-rich .dlx-footer-logo{
        width:168px !important;
    }

    .dlx-footer-rich h4{
        margin-bottom:18px !important;
    }

    .dlx-footer-rich .dlx-footer-bottom-row,
    .dlx-footer-rich .dlx-footer-bottom-actions,
    .dlx-footer-rich .dlx-footer-bottom-links{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .dlx-footer-rich .dlx-footer-bottom-links li{
        width:100% !important;
        padding:8px 0 !important;
        border-left:0 !important;
    }

    .dlx-footer-rich .dlx-footer-top{
        align-self:flex-end !important;
        margin-top:-42px !important;
    }
}

/* Client theme palette */
:root{
    --dx-dark-purple:#4B00B5;
    --dx-primary:#7B2CFF;
    --dx-secondary:#B66DFF;
    --dx-lavender:#D9A8FF;
    --dx-pink:#F2B3FF;
    --dx-theme-gradient:linear-gradient(135deg,#4B00B5 0%,#4B00B5 20%,#7B2CFF 42%,#B66DFF 74%,#F2B3FF 100%);
    --dx-theme-gradient-text:linear-gradient(90deg,#4B00B5 0%,#4B00B5 20%,#7B2CFF 42%,#B66DFF 74%,#F2B3FF 100%);
    --dx-blue:#B66DFF;
    --dx-dark:#151b36;
    --dx-muted:#626b80;
    --dx-light:#fbf6ff;
    --dx-border:#ead7ff;
}

.gradient-text{
    background:var(--dx-theme-gradient-text) !important;
    -webkit-background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

.btn-dx,
.theme-toggle,
.icon-box,
.process-step b,
.service-flow b,
.nav-cta-link{
    background:var(--dx-theme-gradient) !important;
    box-shadow:0 14px 28px rgba(123,44,255,.25) !important;
}

.nav-link:after,
.mega-menu:has(.mega-simple-menu)::before,
.section-title span::after,
.dlx-footer-rich h4 span::after{
    background:linear-gradient(90deg,#7B2CFF,#D9A8FF,#F2B3FF) !important;
}

.mega-simple-link i,
.hero-badge i,
.solution-card i,
.smart-module i,
.tech-chip i,
.tech-ribbon-chip i{
    color:#7B2CFF !important;
}

.mega-simple-link:hover{
    background:#f5eaff !important;
}

.mega-simple-link:focus,
.mega-simple-link:focus-visible,
.mega-simple-link:active{
    outline:0 !important;
    border-color:rgba(123,44,255,.42) !important;
    background:linear-gradient(135deg,#fff,#f6eaff) !important;
    box-shadow:0 0 0 3px rgba(217,168,255,.42),0 12px 28px rgba(123,44,255,.12) !important;
}

.mega-simple-link:focus i,
.mega-simple-link:focus-visible i,
.mega-simple-link:active i{
    background:linear-gradient(135deg,#7B2CFF,#B66DFF 48%,#F2B3FF 100%) !important;
    color:#fff !important;
}

.mega-simple-link.is-active i,
.mega-simple-link.is-active:focus i,
.mega-simple-link.is-active:focus-visible i,
.mega-simple-link.is-active:active i{
    background:linear-gradient(135deg,#7B2CFF,#B66DFF 48%,#F2B3FF 100%) !important;
    color:#fff !important;
}

.mega-simple-link:not(.is-active):not(:focus):not(:focus-visible):not(:active) i{
    background:#f3edff !important;
    color:#7B2CFF !important;
}

body .mega-simple-link.is-active,
body .mega-simple-link.is-active:hover,
body .mega-simple-link.is-active:focus,
body .mega-simple-link.is-active:focus-visible{
    margin:4px 0 !important;
    padding:10px 12px 10px 10px !important;
    border:1px solid rgba(123,44,255,.34) !important;
    border-left:6px solid #7B2CFF !important;
    border-radius:8px !important;
    background:linear-gradient(90deg,rgba(123,44,255,.22),rgba(217,168,255,.18) 55%,rgba(242,179,255,.18)) !important;
    box-shadow:0 14px 32px rgba(123,44,255,.20) !important;
    color:#5C1EFF !important;
    transform:none !important;
}

body .mega-simple-link.is-active b,
body .mega-simple-link.is-active:hover b,
body .mega-simple-link.is-active:focus b,
body .mega-simple-link.is-active:focus-visible b{
    display:inline-block !important;
    color:transparent !important;
    font-family:"Poppins","Segoe UI",Arial,sans-serif !important;
    font-size:15px !important;
    line-height:1.08 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    background:linear-gradient(90deg,#2B08C8 0%,#5C1EFF 36%,#B66DFF 70%,#F24BFF 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

body .mega-simple-link.is-active b::after{
    content:none !important;
    display:none !important;
}

body .mega-simple-link.is-active::after,
body .mega-simple-link.is-active:hover::after,
body .mega-simple-link.is-active:focus::after,
body .mega-simple-link.is-active:focus-visible::after{
    content:"\f00c" !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#7B2CFF !important;
    color:#fff !important;
    font-size:10px !important;
    box-shadow:0 8px 18px rgba(123,44,255,.24) !important;
}

body .mega-simple-link.is-active small{
    color:#4f5573 !important;
}

body .navbar-nav > .nav-item.dropdown > .nav-link.active{
    color:#7B2CFF !important;
    background:transparent !important;
    box-shadow:none !important;
}

body .navbar-nav > .nav-item.dropdown > .nav-link.active::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:calc(100% - 18px) !important;
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#7B2CFF,#B66DFF,#F2B3FF) !important;
    transform:none !important;
    display:block !important;
}

.floating-contact{
    background:linear-gradient(135deg,#7B2CFF 0%,#B66DFF 58%,#F2B3FF 100%) !important;
}

/* Final footer responsive polish for tablet and mobile. */
footer.dlx-footer-rich{
    overflow:hidden !important;
}

.dlx-footer-rich .dlx-footer-main,
.dlx-footer-rich .dlx-footer-bottom{
    width:min(100%,1240px) !important;
    max-width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
}

@media(max-width:991px){
    .dlx-footer-rich .dlx-footer-main{
        padding-top:34px !important;
        padding-bottom:26px !important;
    }

    .dlx-footer-rich .dlx-footer-grid{
        grid-template-columns:1fr 1fr !important;
        gap:28px 24px !important;
    }

    .dlx-footer-rich .dlx-footer-brand{
        grid-column:1 / -1 !important;
        max-width:100% !important;
    }

    .dlx-footer-rich .dlx-footer-copy{
        max-width:720px !important;
    }
}

@media(max-width:767px){
    body footer.dlx-footer-rich{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .dlx-footer-rich .dlx-footer-main,
    .dlx-footer-rich .dlx-footer-bottom{
        width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:4px !important;
        padding-right:4px !important;
    }

    .dlx-footer-rich .dlx-footer-grid{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }

    .dlx-footer-rich h3{
        font-size:22px !important;
        line-height:1.22 !important;
    }

    .dlx-footer-rich .dlx-footer-copy{
        font-size:14px !important;
        line-height:1.68 !important;
        max-width:100% !important;
        overflow-wrap:anywhere !important;
    }

    .dlx-footer-rich .dlx-footer-social{
        gap:10px !important;
        margin-bottom:8px !important;
    }

    .dlx-footer-rich .dlx-footer-social a{
        width:42px !important;
        height:42px !important;
        border-radius:10px !important;
    }

    .dlx-footer-rich h4{
        gap:10px !important;
        margin-bottom:14px !important;
        font-size:19px !important;
    }

    .dlx-footer-rich h4 i{
        width:36px !important;
        height:36px !important;
        flex:0 0 36px !important;
    }

    .dlx-footer-rich .dlx-footer-links li{
        margin-bottom:12px !important;
    }

    .dlx-footer-rich .dlx-footer-links a,
    .dlx-footer-rich .dlx-footer-contact li{
        font-size:14px !important;
        line-height:1.35 !important;
    }

    .dlx-footer-rich .dlx-footer-contact a,
    .dlx-footer-rich .dlx-footer-contact span{
        min-width:0 !important;
        overflow-wrap:anywhere !important;
    }

    .dlx-footer-rich .dlx-footer-bottom{
        padding-top:16px !important;
        padding-bottom:18px !important;
    }

    .dlx-footer-rich .dlx-footer-bottom-row,
    .dlx-footer-rich .dlx-footer-bottom-actions,
    .dlx-footer-rich .dlx-footer-bottom-links{
        width:100% !important;
        align-items:flex-start !important;
    }

    .dlx-footer-rich .dlx-footer-top{
        align-self:flex-start !important;
        margin-top:4px !important;
    }

    .whatsapp-float{
        width:48px !important;
        height:48px !important;
        right:16px !important;
        bottom:16px !important;
        font-size:24px !important;
    }
}

@media(max-width:420px){
    body footer.dlx-footer-rich{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .dlx-footer-rich .dlx-footer-main,
    .dlx-footer-rich .dlx-footer-bottom{
        padding-left:2px !important;
        padding-right:2px !important;
    }

    .dlx-footer-rich h3{
        font-size:20px !important;
    }

    .dlx-footer-rich .dlx-footer-copy{
        font-size:13px !important;
    }

    .dlx-footer-rich h4{
        font-size:18px !important;
    }
}

/* Site-wide large-screen sizing for common 21-inch and 32-inch desktop views. */
@media(min-width:1600px){
    body .container,
    body .container-lg,
    body .container-md,
    body .container-sm,
    body .container-xl,
    body .container-xxl{
        max-width:1680px !important;
        width:min(1680px, calc(100% - 120px)) !important;
    }

    body .navbar.glass-nav .container{
        width:100% !important;
        max-width:none !important;
        padding-left:clamp(60px,6vw,120px) !important;
        padding-right:clamp(60px,6vw,120px) !important;
    }

    body .page-hero,
    body .hero,
    body .service-detail-hero{
        padding-top:132px !important;
        padding-bottom:70px !important;
    }

    body .page-hero h1,
    body .hero h1,
    body .service-detail-panel h1,
    body .v27-portfolio-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1{
        font-size:clamp(48px,3vw,72px) !important;
        line-height:1.08 !important;
    }

    body .page-hero p,
    body .hero p,
    body .service-detail-panel p,
    body .v27-portfolio-hero p{
        font-size:18px !important;
        line-height:1.7 !important;
        max-width:860px !important;
    }

    body .section{
        padding-top:84px !important;
        padding-bottom:84px !important;
    }

    body .section-title{
        margin-bottom:44px !important;
    }

    body .section-title h2{
        font-size:clamp(34px,2.1vw,48px) !important;
        line-height:1.14 !important;
    }

    body .section-title p{
        font-size:16px !important;
        line-height:1.7 !important;
    }

    body .info-card,
    body .service-card,
    body .solution-card,
    body .smart-module,
    body .tech-category,
    body .case-card,
    body .about-feature-card,
    body .consult-service-card,
    body .latest-tech-card,
    body .portfolio-card{
        padding:30px !important;
    }

    body .info-card h5,
    body .service-card h5,
    body .solution-card h5,
    body .smart-module h5,
    body .case-card h5,
    body .about-feature-card h5,
    body .consult-service-card h5,
    body .latest-tech-card h5{
        font-size:20px !important;
        line-height:1.22 !important;
    }

    body .info-card p,
    body .service-card p,
    body .solution-card p,
    body .smart-module p,
    body .case-card p,
    body .about-feature-card p,
    body .consult-service-card p,
    body .latest-tech-card p{
        font-size:15px !important;
        line-height:1.7 !important;
    }

    body .service-detail-panel{
        padding:48px !important;
    }

    body .service-flow{
        gap:22px !important;
    }

    body .service-flow div{
        padding:28px !important;
    }

    body .dlx-footer-rich .dlx-footer-main,
    body .dlx-footer-rich .dlx-footer-bottom{
        width:min(100%,1680px) !important;
    }
}

@media(min-width:2400px){
    body .container,
    body .container-lg,
    body .container-md,
    body .container-sm,
    body .container-xl,
    body .container-xxl{
        max-width:2240px !important;
        width:min(2240px, calc(100% - 160px)) !important;
    }

    body .navbar.glass-nav .container{
        width:100% !important;
        max-width:none !important;
        padding-left:clamp(80px,5vw,160px) !important;
        padding-right:clamp(80px,5vw,160px) !important;
    }

    body .page-hero,
    body .hero,
    body .service-detail-hero{
        padding-top:152px !important;
        padding-bottom:88px !important;
    }

    body .page-hero h1,
    body .hero h1,
    body .service-detail-panel h1,
    body .v27-portfolio-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1{
        font-size:clamp(64px,2.6vw,92px) !important;
    }

    body .page-hero p,
    body .hero p,
    body .service-detail-panel p,
    body .v27-portfolio-hero p{
        font-size:21px !important;
        max-width:980px !important;
    }

    body .section{
        padding-top:104px !important;
        padding-bottom:104px !important;
    }

    body .section-title h2{
        font-size:clamp(44px,1.9vw,62px) !important;
    }

    body .section-title p{
        font-size:18px !important;
    }

    body .info-card,
    body .service-card,
    body .solution-card,
    body .smart-module,
    body .tech-category,
    body .case-card,
    body .about-feature-card,
    body .consult-service-card,
    body .latest-tech-card,
    body .portfolio-card{
        padding:38px !important;
    }

    body .info-card h5,
    body .service-card h5,
    body .solution-card h5,
    body .smart-module h5,
    body .case-card h5,
    body .about-feature-card h5,
    body .consult-service-card h5,
    body .latest-tech-card h5{
        font-size:24px !important;
    }

    body .info-card p,
    body .service-card p,
    body .solution-card p,
    body .smart-module p,
    body .case-card p,
    body .about-feature-card p,
    body .consult-service-card p,
    body .latest-tech-card p{
        font-size:17px !important;
    }

    body .service-detail-panel{
        padding:64px !important;
    }

    body .service-flow{
        gap:30px !important;
    }

    body .service-flow div{
        padding:36px !important;
    }

    body .dlx-footer-rich .dlx-footer-main,
    body .dlx-footer-rich .dlx-footer-bottom{
        width:min(100%,2240px) !important;
    }
}