/* =========================================================
   DigiX Technologies — Premium Responsive UI v2
   Shared visual and responsive layer for every HTML page.
   Brand colours and page content are intentionally preserved.
   ========================================================= */

:root{
  --dx-navy:#071126;
  --dx-navy-2:#0a0e27;
  --dx-blue:#1e5eff;
  --dx-blue-dark:#1340c4;
  --dx-cyan:#22b8f0;
  --dx-green:#19d3a2;
  --dx-bg:#f5f8ff;
  --dx-surface:#ffffff;
  --dx-surface-soft:#f8faff;
  --dx-text:#0a0e27;
  --dx-muted:#5b6478;
  --dx-line:rgba(30,94,255,.13);
  --dx-gradient:linear-gradient(115deg,#22b8f0 0%,#1e5eff 55%,#1340c4 100%);
  --dx-dark-gradient:linear-gradient(135deg,#050816 0%,#0a0e27 48%,#1237b7 135%);
  --dx-shadow-sm:0 10px 30px rgba(10,14,39,.07);
  --dx-shadow:0 22px 60px rgba(10,14,39,.11);
  --dx-shadow-blue:0 18px 44px rgba(30,94,255,.22);
  --dx-radius-sm:14px;
  --dx-radius:22px;
  --dx-radius-lg:32px;
  --dx-header-h:84px;
}

html{
  width:100%;
  max-width:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--dx-header-h) + 20px);
  overflow-x:clip !important;
  -webkit-text-size-adjust:100%;
}

body.premium-ui-v2{
  width:100%;
  max-width:100%;
  min-height:100vh;
  overflow-x:clip !important;
  color:var(--dx-text);
  background:
    radial-gradient(circle at 8% 12%,rgba(34,184,240,.10),transparent 26rem),
    radial-gradient(circle at 92% 20%,rgba(30,94,255,.08),transparent 30rem),
    var(--dx-bg);
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.7;
  text-rendering:optimizeLegibility;
}

body.premium-ui-v2 *,
body.premium-ui-v2 *::before,
body.premium-ui-v2 *::after{
  box-sizing:border-box;
}

body.premium-ui-v2 :where(img,svg,video,canvas,iframe){
  max-width:100%;
}

body.premium-ui-v2 img{
  height:auto;
}

body.premium-ui-v2 :where(.container,.container-fluid){
  width:min(100%,1320px) !important;
  max-width:1320px !important;
  margin-inline:auto !important;
  padding-inline:clamp(18px,3vw,34px) !important;
}

body.premium-ui-v2 :where(h1,h2,h3,h4,h5,h6){
  color:inherit;
  text-wrap:balance;
  line-height:1.16;
  letter-spacing:-.025em;
}

body.premium-ui-v2 h1{font-size:clamp(2.35rem,5.3vw,5rem)}
body.premium-ui-v2 h2{font-size:clamp(1.8rem,3.5vw,3.15rem)}
body.premium-ui-v2 h3{font-size:clamp(1.18rem,2vw,1.55rem)}
body.premium-ui-v2 p{font-size:clamp(.97rem,1.2vw,1.06rem)}
body.premium-ui-v2 :where(p,li,a,span,strong){overflow-wrap:anywhere}

body.premium-ui-v2 :where(a,button,input,textarea,select){
  -webkit-tap-highlight-color:transparent;
}

body.premium-ui-v2 :where(a,button):focus-visible,
body.premium-ui-v2 :where(input,textarea,select):focus-visible{
  outline:3px solid rgba(34,184,240,.45) !important;
  outline-offset:3px;
}

/* ---------- Shared header ---------- */
body.premium-ui-v2 .site-header{
  position:fixed !important;
  inset:0 0 auto !important;
  z-index:9999 !important;
  width:100% !important;
  background:rgba(255,255,255,.84) !important;
  border-bottom:1px solid rgba(30,94,255,.12) !important;
  box-shadow:0 8px 32px rgba(7,17,38,.035) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  transition:background .25s ease,box-shadow .25s ease,transform .25s ease !important;
}

body.premium-ui-v2 .site-header.scrolled{
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 14px 42px rgba(7,17,38,.09) !important;
}

body.premium-ui-v2 .nav-row{
  min-height:var(--dx-header-h) !important;
  height:var(--dx-header-h) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
}

body.premium-ui-v2 .site-header .brand{
  flex:0 0 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}

body.premium-ui-v2 .site-header .brand img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:238px !important;
  max-height:58px !important;
  object-fit:contain !important;
}

body.premium-ui-v2 .main-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
}

body.premium-ui-v2 .main-nav>ul{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:3px !important;
  margin:0 !important;
  padding:0 !important;
}

body.premium-ui-v2 .nav-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:10px 13px !important;
  border:1px solid transparent !important;
  border-radius:13px !important;
  color:var(--dx-navy-2) !important;
  font-size:.91rem !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease !important;
}

body.premium-ui-v2 .nav-link:hover,
body.premium-ui-v2 .nav-link.active,
body.premium-ui-v2 .nav-link[aria-current="page"]{
  color:var(--dx-blue) !important;
  background:linear-gradient(135deg,rgba(34,184,240,.08),rgba(30,94,255,.09)) !important;
  border-color:rgba(30,94,255,.11) !important;
}

body.premium-ui-v2 .header-actions{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

body.premium-ui-v2 :where(.cta-pill,.btn-primary,.primary-btn,.price-btn,.read-more){
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:12px 20px !important;
  border:0 !important;
  border-radius:14px !important;
  color:#fff !important;
  background:var(--dx-gradient) !important;
  box-shadow:0 12px 30px rgba(30,94,255,.22) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease !important;
}

body.premium-ui-v2 :where(.cta-pill,.btn-primary,.primary-btn,.price-btn,.read-more):hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 38px rgba(30,94,255,.30) !important;
  filter:saturate(1.06) !important;
}

body.premium-ui-v2 :where(.btn-white,.btn-glass,.secondary-btn){
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:12px 20px !important;
  border:1px solid rgba(30,94,255,.16) !important;
  border-radius:14px !important;
  color:var(--dx-blue) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:var(--dx-shadow-sm) !important;
  font-weight:800 !important;
}


/* Reliable Services dropdown visibility — shared across every page */
body.premium-ui-v2 .site-header,
body.premium-ui-v2 .nav-row,
body.premium-ui-v2 .main-nav,
body.premium-ui-v2 .main-nav>ul,
body.premium-ui-v2 .has-mega{
  overflow:visible !important;
}

body.premium-ui-v2 .has-mega{
  position:relative !important;
}

body.premium-ui-v2 .mega-panel{
  position:absolute !important;
  display:block !important;
  z-index:10020 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-50%) translateY(10px) !important;
}

body.premium-ui-v2 .has-mega.open>.mega-panel,
body.premium-ui-v2 .has-mega:hover>.mega-panel,
body.premium-ui-v2 .has-mega:focus-within>.mega-panel{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

body.premium-ui-v2 .has-mega.open>.nav-link .chev,
body.premium-ui-v2 .has-mega:hover>.nav-link .chev,
body.premium-ui-v2 .has-mega:focus-within>.nav-link .chev{
  transform:rotate(180deg) !important;
}

body.premium-ui-v2 .mega-panel{
  top:calc(100% + 14px) !important;
  left:50% !important;
  width:min(820px,calc(100vw - 40px)) !important;
  max-width:calc(100vw - 40px) !important;
  padding:20px !important;
  border:1px solid rgba(30,94,255,.13) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 30px 85px rgba(7,17,38,.18) !important;
  backdrop-filter:blur(18px) !important;
}

body.premium-ui-v2 .mega-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:9px !important;
}

body.premium-ui-v2 .mega-item{
  min-width:0 !important;
  min-height:88px !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:center !important;
  gap:13px !important;
  padding:14px !important;
  border:1px solid transparent !important;
  border-radius:16px !important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease !important;
}

body.premium-ui-v2 .mega-item:hover{
  background:linear-gradient(135deg,rgba(34,184,240,.07),rgba(30,94,255,.08)) !important;
  border-color:rgba(30,94,255,.12) !important;
  transform:translateY(-2px) !important;
}

body.premium-ui-v2 .mega-ico{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:var(--dx-gradient) !important;
  box-shadow:0 10px 24px rgba(30,94,255,.18) !important;
}

body.premium-ui-v2 .mega-item h4{
  margin:0 0 4px !important;
  font-size:.98rem !important;
}

body.premium-ui-v2 .mega-item p{
  margin:0 !important;
  color:var(--dx-muted) !important;
  font-size:.82rem !important;
  line-height:1.45 !important;
}

body.premium-ui-v2 .mega-foot{
  margin-top:13px !important;
  padding:14px 16px !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,rgba(7,17,38,.97),rgba(19,64,196,.96)) !important;
}

body.premium-ui-v2 .burger{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:var(--dx-gradient) !important;
  box-shadow:0 10px 26px rgba(30,94,255,.23) !important;
}

/* ---------- Mobile drawer ---------- */
body.premium-ui-v2 .drawer-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:10000 !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:rgba(5,8,22,.58) !important;
  backdrop-filter:blur(6px) !important;
  transition:opacity .25s ease,visibility .25s ease !important;
}

body.premium-ui-v2 .drawer-overlay.open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body.premium-ui-v2 .mobile-drawer{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  z-index:10001 !important;
  width:min(390px,92vw) !important;
  max-width:92vw !important;
  height:100dvh !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  display:flex !important;
  flex-direction:column !important;
  padding:0 18px 22px !important;
  color:var(--dx-text) !important;
  background:
    radial-gradient(circle at 100% 0,rgba(34,184,240,.12),transparent 17rem),
    #fff !important;
  border-left:1px solid rgba(30,94,255,.12) !important;
  box-shadow:-30px 0 80px rgba(7,17,38,.22) !important;
  transform:translateX(105%) !important;
  visibility:hidden !important;
  transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s !important;
}

body.premium-ui-v2 .mobile-drawer.open{
  transform:translateX(0) !important;
  visibility:visible !important;
}

body.premium-ui-v2 .mobile-drawer-head{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:15px !important;
  padding:12px 0 !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:1px solid rgba(30,94,255,.10) !important;
}

body.premium-ui-v2 .mobile-drawer .brand img{
  width:auto !important;
  height:auto !important;
  max-width:190px !important;
  max-height:52px !important;
  object-fit:contain !important;
}

body.premium-ui-v2 .mobile-drawer-close{
  flex:0 0 44px !important;
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  color:var(--dx-blue) !important;
  background:rgba(30,94,255,.08) !important;
}

body.premium-ui-v2 .mobile-nav-list{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  margin:18px 0 !important;
  padding:0 !important;
}

body.premium-ui-v2 .mobile-nav-link{
  width:100% !important;
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:13px 15px !important;
  color:var(--dx-text) !important;
  background:var(--dx-surface-soft) !important;
  border:1px solid rgba(30,94,255,.09) !important;
  border-radius:14px !important;
  font-weight:800 !important;
  text-align:left !important;
}

body.premium-ui-v2 .mobile-nav-link:hover,
body.premium-ui-v2 .mobile-nav-link.active{
  color:var(--dx-blue) !important;
  border-color:rgba(30,94,255,.20) !important;
  background:rgba(30,94,255,.07) !important;
}

body.premium-ui-v2 .mobile-sub{
  display:block !important;
  max-height:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  margin-top:0 !important;
  padding:0 8px !important;
  transition:max-height .32s ease,opacity .25s ease,margin .25s ease !important;
}

body.premium-ui-v2 .mobile-sub.open{
  max-height:720px !important;
  opacity:1 !important;
  margin-top:8px !important;
}

body.premium-ui-v2 .mobile-sub>a{
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:10px 13px !important;
  border-radius:12px !important;
  color:var(--dx-muted) !important;
  font-size:.91rem !important;
  font-weight:700 !important;
}

body.premium-ui-v2 .mobile-sub>a:hover{
  color:var(--dx-blue) !important;
  background:rgba(30,94,255,.06) !important;
}

body.premium-ui-v2 .mobile-cta{
  margin-top:auto !important;
  padding:20px !important;
  border-radius:20px !important;
  color:#fff !important;
  background:var(--dx-dark-gradient) !important;
  box-shadow:var(--dx-shadow) !important;
}

body.premium-ui-v2.menu-open{overflow:hidden !important}

/* ---------- Hero systems ---------- */
body.premium-ui-v2 :is(
  .about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,
  .faq-hero,.blog-hero,.article-hero,.hero,.hero-wrap,.home-banner-slider
){
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  margin-top:0 !important;
  padding-top:clamp(126px,12vw,168px) !important;
  padding-bottom:clamp(60px,8vw,104px) !important;
}

body.premium-ui-v2 :is(
  .about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,
  .faq-hero,.blog-hero,.article-hero,.hero,.hero-wrap
)::after{
  content:"";
  position:absolute;
  z-index:0;
  width:420px;
  aspect-ratio:1;
  right:-180px;
  top:50px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(34,184,240,.18),rgba(30,94,255,.06) 44%,transparent 70%);
  pointer-events:none;
}

body.premium-ui-v2 :is(
  .about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,
  .faq-hero,.blog-hero,.article-hero,.hero,.hero-wrap
)>*{
  position:relative;
  z-index:1;
}

body.premium-ui-v2 :is(
  .hero-grid,.ai-hero-grid,.article-hero-grid,.logo-hero-grid,.dev-hero-grid,
  .about-main-grid,.intro-grid,.dev-about-grid,.contact-grid,.featured-wrap,
  .article-layout,.article-wrap,.about-grid,.studio-grid,.newsletter-content
){
  min-width:0 !important;
  gap:clamp(28px,5vw,72px) !important;
}

body.premium-ui-v2 :is(
  .hero-grid,.ai-hero-grid,.article-hero-grid,.logo-hero-grid,.dev-hero-grid,
  .about-main-grid,.intro-grid,.dev-about-grid,.contact-grid,.featured-wrap,
  .article-layout,.about-grid,.studio-grid,.newsletter-content
)>*{
  min-width:0 !important;
}

body.premium-ui-v2 :is(.hero-content,.article-hero-content,.about-content,.intro-content,.featured-content,.studio-content){
  max-width:720px !important;
}

body.premium-ui-v2 :is(.hero-content,.article-hero,.about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,.faq-hero,.blog-hero) h1{
  font-size:clamp(2.35rem,5vw,4.8rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  margin-bottom:clamp(16px,2.2vw,26px) !important;
}

body.premium-ui-v2 :is(.hero-content,.article-hero,.about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,.faq-hero,.blog-hero) p{
  max-width:760px !important;
  font-size:clamp(1rem,1.45vw,1.18rem) !important;
  line-height:1.75 !important;
}

body.premium-ui-v2 :is(.hero-actions,.article-meta,.hero-stats,.palette-row,.case-tags,.filter-row,.punch-row){
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

body.premium-ui-v2 :is(.hero-visual,.about-img-wrap,.branding-image-wrap,.service-image,.map-wrap,.article-banner,.blog-banner-wrap){
  min-width:0 !important;
  max-width:100% !important;
  border-radius:var(--dx-radius-lg) !important;
}

body.premium-ui-v2 :is(.hero-visual,.about-img-wrap,.branding-image-wrap,.map-wrap){
  filter:drop-shadow(0 28px 45px rgba(7,17,38,.14));
}

/* ---------- Sections and headings ---------- */
body.premium-ui-v2 .section-pad{
  padding-top:clamp(64px,8vw,112px) !important;
  padding-bottom:clamp(64px,8vw,112px) !important;
}

body.premium-ui-v2 :where(.section-head){
  width:min(100%,820px) !important;
  margin:0 auto clamp(30px,5vw,58px) !important;
  text-align:center !important;
}

body.premium-ui-v2 :where(.section-head h2,.animated-heading,.animated-title){
  font-size:clamp(1.85rem,3.7vw,3.25rem) !important;
  line-height:1.13 !important;
  letter-spacing:-.035em !important;
}

body.premium-ui-v2 .section-head p{
  max-width:720px !important;
  margin-inline:auto !important;
  color:var(--dx-muted) !important;
  line-height:1.75 !important;
}

body.premium-ui-v2 :is(.eyebrow,.eyebrow-tag,.article-badge,.label,.badge,.tool-badge,.case-cat,.related-static-category){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  max-width:100% !important;
  padding:8px 12px !important;
  border:1px solid rgba(30,94,255,.14) !important;
  border-radius:999px !important;
  color:var(--dx-blue) !important;
  background:linear-gradient(135deg,rgba(34,184,240,.08),rgba(30,94,255,.08)) !important;
  font-size:.78rem !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

/* ---------- Responsive grids ---------- */
body.premium-ui-v2 :is(
  .services-grid,.service-grid,.solution-grid,.platform-grid,.platform-mini-grid,
  .process-grid,.price-grid,.growth-grid,.strategy-grid,.feature-grid,.stats-grid,
  .mv-grid,.usecase-grid,.showcase-grid,.tools-list,.blog-grid,.case-grid,
  .quote-grid,.addon-grid,.related-grid,.related-static-grid,.logo-package-grid,
  .logo-process-grid,.logo-portfolio-grid,.brand-kit-grid,.dev-service-grid,
  .dev-process-grid,.tech-grid,.compare-grid,.benefit-grid,.steps-grid,
  .industry-grid,.logo-type-grid,.branding-new-grid,.store-grid
){
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)) !important;
  align-items:stretch !important;
  gap:clamp(18px,2.5vw,30px) !important;
}

body.premium-ui-v2 :is(
  .services-grid,.service-grid,.solution-grid,.platform-grid,.platform-mini-grid,
  .process-grid,.price-grid,.growth-grid,.strategy-grid,.feature-grid,.stats-grid,
  .mv-grid,.usecase-grid,.showcase-grid,.tools-list,.blog-grid,.case-grid,
  .quote-grid,.addon-grid,.related-grid,.related-static-grid,.logo-package-grid,
  .logo-process-grid,.logo-portfolio-grid,.brand-kit-grid,.dev-service-grid,
  .dev-process-grid,.tech-grid,.compare-grid,.benefit-grid,.steps-grid,
  .industry-grid,.logo-type-grid,.branding-new-grid,.store-grid
)>*{
  min-width:0 !important;
  height:100% !important;
}

body.premium-ui-v2 :is(.grid-2,.logo-about-grid,.mv-grid,.local-content,.strategy-content,.brand-kit-content,.branding-new-grid,.logo-stack-grid){
  gap:clamp(26px,5vw,66px) !important;
}

/* ---------- Premium card treatment ---------- */
body.premium-ui-v2 :is(
  .service-card,.process-card,.platform-card,.growth-card,.strategy-card,.usecase-card,
  .channel-item,.addon-card,.price-card,.case-card,.quote-card,.tech-card,
  .dev-service-card,.related-static-card,.related-card,.blog-card,.faq-item,
  .article-intro-card,.article-section,.highlight-content,.benefit-card,.tool-card,
  .hero-stat,.visual-card,.contact-card,.info-card,.stat-card,.package-card,
  .showcase-card,.feature-card,.solution-card,.logo-type-card,.testimonial-card
){
  min-width:0 !important;
  max-width:100% !important;
  border-radius:var(--dx-radius) !important;
  border:1px solid rgba(30,94,255,.11) !important;
  box-shadow:var(--dx-shadow-sm) !important;
  overflow:hidden !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}

body.premium-ui-v2 :is(
  .service-card,.process-card,.platform-card,.growth-card,.strategy-card,.usecase-card,
  .channel-item,.addon-card,.price-card,.case-card,.quote-card,.tech-card,
  .dev-service-card,.related-static-card,.related-card,.blog-card,.faq-item,
  .benefit-card,.tool-card,.contact-card,.info-card,.stat-card,.package-card,
  .showcase-card,.feature-card,.solution-card,.logo-type-card,.testimonial-card
):hover{
  transform:translateY(-7px) !important;
  border-color:rgba(30,94,255,.22) !important;
  box-shadow:var(--dx-shadow) !important;
}

body.premium-ui-v2 :is(.service-card,.process-card,.growth-card,.strategy-card,.usecase-card,.price-card,.tech-card,.dev-service-card,.benefit-card,.tool-card,.contact-card,.info-card,.package-card,.feature-card,.solution-card){
  padding:clamp(20px,2.5vw,30px) !important;
}

body.premium-ui-v2 :is(.service-card,.process-card,.growth-card,.strategy-card,.usecase-card,.price-card,.tech-card,.dev-service-card,.benefit-card,.tool-card,.contact-card,.info-card,.package-card,.feature-card,.solution-card) p{
  color:var(--dx-muted) !important;
}

body.premium-ui-v2 :is(.growth-icon,.dev-service-icon,.tech-icon,.price-icon,.service-icon,.tool-icon,.process-num){
  flex:0 0 auto !important;
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:16px !important;
  color:#fff !important;
  background:var(--dx-gradient) !important;
  box-shadow:0 13px 28px rgba(30,94,255,.20) !important;
}

body.premium-ui-v2 :is(.service-image,.case-thumb,.related-static-image,.blog-card img,.article-banner img,.showcase-card img){
  width:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
}

body.premium-ui-v2 :is(.service-image,.case-thumb,.related-static-image){
  aspect-ratio:16/10 !important;
  min-height:190px !important;
}

/* ---------- Article and blog pages ---------- */
body.premium-ui-v2 .article-wrap{
  display:grid !important;
  grid-template-columns:minmax(250px,310px) minmax(0,1fr) !important;
  align-items:start !important;
}

body.premium-ui-v2 .article-sidebar{
  position:sticky !important;
  top:calc(var(--dx-header-h) + 22px) !important;
  min-width:0 !important;
  padding:22px !important;
  border:1px solid rgba(30,94,255,.11) !important;
  border-radius:var(--dx-radius) !important;
  background:rgba(255,255,255,.93) !important;
  box-shadow:var(--dx-shadow-sm) !important;
}

body.premium-ui-v2 .article-main{
  min-width:0 !important;
  width:100% !important;
}

body.premium-ui-v2 .article-section{
  padding:clamp(22px,3.3vw,38px) !important;
  margin-bottom:22px !important;
  background:rgba(255,255,255,.94) !important;
}

body.premium-ui-v2 .article-section h2{
  margin-bottom:16px !important;
  font-size:clamp(1.45rem,2.7vw,2.2rem) !important;
}

body.premium-ui-v2 .article-section p,
body.premium-ui-v2 .article-main>p,
body.premium-ui-v2 .article-content p{
  color:#445066 !important;
  line-height:1.85 !important;
}

body.premium-ui-v2 :where(table){
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

body.premium-ui-v2 :where(.table-wrap){
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  border-radius:18px !important;
  border:1px solid rgba(30,94,255,.11) !important;
}

body.premium-ui-v2 :where(th,td){
  padding:14px 16px !important;
  border-bottom:1px solid rgba(30,94,255,.09) !important;
  text-align:left !important;
  white-space:normal !important;
}

body.premium-ui-v2 :where(th){
  color:#fff !important;
  background:var(--dx-navy-2) !important;
}

/* ---------- Forms ---------- */
body.premium-ui-v2 :is(input,textarea,select){
  width:100% !important;
  max-width:100% !important;
  min-height:52px !important;
  padding:13px 15px !important;
  border:1px solid rgba(30,94,255,.15) !important;
  border-radius:14px !important;
  color:var(--dx-text) !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(7,17,38,.035) !important;
  font:inherit !important;
  transition:border-color .2s ease,box-shadow .2s ease !important;
}

body.premium-ui-v2 textarea{
  min-height:138px !important;
  resize:vertical !important;
}

body.premium-ui-v2 :is(input,textarea,select):focus{
  outline:0 !important;
  border-color:rgba(30,94,255,.55) !important;
  box-shadow:0 0 0 4px rgba(30,94,255,.09) !important;
}

body.premium-ui-v2 .field-row{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}

/* ---------- FAQ ---------- */
body.premium-ui-v2 .faq-question{
  width:100% !important;
  min-height:64px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:18px 20px !important;
  text-align:left !important;
  font-weight:850 !important;
}

body.premium-ui-v2 .faq-answer-inner{
  padding:0 20px 20px !important;
  color:var(--dx-muted) !important;
}

/* ---------- Footer ---------- */
body.premium-ui-v2 .site-footer{
  position:relative !important;
  overflow:hidden !important;
  margin-top:0 !important;
  padding-top:clamp(62px,8vw,94px) !important;
  color:rgba(255,255,255,.84) !important;
  background:var(--dx-dark-gradient) !important;
}

body.premium-ui-v2 .footer-worldmap{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:.34 !important;
  pointer-events:none !important;
}

body.premium-ui-v2 .footer-grid{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:minmax(270px,1.35fr) repeat(3,minmax(180px,1fr)) !important;
  gap:clamp(30px,4vw,54px) !important;
  align-items:start !important;
}

body.premium-ui-v2 .footer-col{
  min-width:0 !important;
}

body.premium-ui-v2 .footer-brand{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin-bottom:18px !important;
}

body.premium-ui-v2 .footer-brand img{
  flex:0 0 auto !important;
  width:52px !important;
  height:52px !important;
  object-fit:contain !important;
  border-radius:14px !important;
}

body.premium-ui-v2 .footer-brand span{
  color:#fff !important;
  font-family:'Poppins',sans-serif !important;
  font-size:1.08rem !important;
  font-weight:850 !important;
}

body.premium-ui-v2 .footer-col h5{
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:1.02rem !important;
}

body.premium-ui-v2 .footer-col ul{
  margin:0 !important;
  padding:0 !important;
}

body.premium-ui-v2 .footer-col li+li{margin-top:9px !important}

body.premium-ui-v2 .footer-col a{
  display:inline-flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  color:rgba(255,255,255,.72) !important;
  line-height:1.55 !important;
  transition:color .2s ease,transform .2s ease !important;
}

body.premium-ui-v2 .footer-col a:hover{
  color:#fff !important;
  transform:translateX(3px) !important;
}

body.premium-ui-v2 .footer-social{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:20px !important;
}

body.premium-ui-v2 .footer-social a{
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  transform:none !important;
}

body.premium-ui-v2 .footer-social a:hover{
  background:rgba(255,255,255,.15) !important;
  transform:translateY(-3px) !important;
}

body.premium-ui-v2 .footer-bottom{
  position:relative !important;
  z-index:1 !important;
  min-height:78px !important;
  margin-top:clamp(42px,6vw,70px) !important;
  padding-top:22px !important;
  padding-bottom:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
}

body.premium-ui-v2 .footer-bottom p{
  margin:0 !important;
  color:rgba(255,255,255,.67) !important;
  font-size:.9rem !important;
}

body.premium-ui-v2 .float-wa{
  position:fixed !important;
  right:clamp(16px,2.2vw,28px) !important;
  bottom:clamp(16px,2.2vw,28px) !important;
  z-index:9000 !important;
  width:56px !important;
  height:56px !important;
  display:grid !important;
  place-items:center !important;
  border:3px solid rgba(255,255,255,.92) !important;
  border-radius:50% !important;
  color:#fff !important;
  background:#20b85a !important;
  box-shadow:0 15px 36px rgba(12,94,45,.30) !important;
  font-size:1.45rem !important;
}

/* ---------- Reveal safety and motion ---------- */
body.premium-ui-v2 :is(.reveal,.about-reveal){
  will-change:auto !important;
}

body.premium-ui-v2 .premium-force-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.premium-ui-v2 *,body.premium-ui-v2 *::before,body.premium-ui-v2 *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}

/* ---------- Tablet ---------- */
@media (max-width:1180px){
  :root{--dx-header-h:78px}

  body.premium-ui-v2 .site-header .brand img{
    max-width:205px !important;
    max-height:52px !important;
  }

  body.premium-ui-v2 .nav-link{
    padding-inline:9px !important;
    font-size:.84rem !important;
  }

  body.premium-ui-v2 .header-actions .cta-pill{
    padding-inline:15px !important;
    font-size:.88rem !important;
  }

  body.premium-ui-v2 .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ---------- Mobile navigation breakpoint ---------- */
@media (max-width:991px){
  :root{--dx-header-h:72px}

  body.premium-ui-v2 .main-nav,
  body.premium-ui-v2 .header-actions>.cta-pill{
    display:none !important;
  }

  body.premium-ui-v2 .header-actions,
  body.premium-ui-v2 .burger{
    display:flex !important;
  }

  body.premium-ui-v2 .nav-row{
    min-height:72px !important;
    height:72px !important;
    gap:12px !important;
  }

  body.premium-ui-v2 .site-header .brand img{
    width:auto !important;
    max-width:190px !important;
    max-height:50px !important;
  }

  body.premium-ui-v2 :is(
    .about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,
    .faq-hero,.blog-hero,.article-hero,.hero,.hero-wrap,.home-banner-slider
  ){
    padding-top:clamp(108px,17vw,132px) !important;
    padding-bottom:clamp(48px,9vw,76px) !important;
  }

  body.premium-ui-v2 :is(
    .hero-grid,.ai-hero-grid,.article-hero-grid,.logo-hero-grid,.dev-hero-grid,
    .about-main-grid,.intro-grid,.dev-about-grid,.contact-grid,.featured-wrap,
    .article-layout,.about-grid,.studio-grid,.newsletter-content,.logo-about-grid,
    .local-content,.strategy-content,.brand-kit-content,.branding-new-grid,.logo-stack-grid
  ){
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.premium-ui-v2 .article-wrap{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.premium-ui-v2 .article-sidebar{
    position:relative !important;
    top:auto !important;
    order:0 !important;
  }

  body.premium-ui-v2 .article-main{order:1 !important}

  body.premium-ui-v2 :is(.hero-content,.article-hero-content,.about-content,.intro-content,.featured-content,.studio-content){
    max-width:none !important;
  }

  body.premium-ui-v2 .field-row{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.premium-ui-v2 .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ---------- Small mobile ---------- */
@media (max-width:640px){
  body.premium-ui-v2 :where(.container,.container-fluid){
    padding-inline:16px !important;
  }

  body.premium-ui-v2 .site-header .brand img{
    max-width:172px !important;
    max-height:46px !important;
  }

  body.premium-ui-v2 .burger{
    width:44px !important;
    height:44px !important;
  }

  body.premium-ui-v2 .mobile-drawer{
    width:min(360px,94vw) !important;
    max-width:94vw !important;
    padding-inline:15px !important;
  }

  body.premium-ui-v2 .mobile-drawer .brand img{
    max-width:170px !important;
    max-height:48px !important;
  }

  body.premium-ui-v2 :is(.hero-content,.article-hero,.about-hero,.ai-hero,.dm-hero,.graphic-hero,.logo-page-hero,.dev-hero,.faq-hero,.blog-hero) h1{
    font-size:clamp(2.05rem,11vw,3.05rem) !important;
  }

  body.premium-ui-v2 :is(
    .services-grid,.service-grid,.solution-grid,.platform-grid,.platform-mini-grid,
    .process-grid,.price-grid,.growth-grid,.strategy-grid,.feature-grid,.stats-grid,
    .mv-grid,.usecase-grid,.showcase-grid,.tools-list,.blog-grid,.case-grid,
    .quote-grid,.addon-grid,.related-grid,.related-static-grid,.logo-package-grid,
    .logo-process-grid,.logo-portfolio-grid,.brand-kit-grid,.dev-service-grid,
    .dev-process-grid,.tech-grid,.compare-grid,.benefit-grid,.steps-grid,
    .industry-grid,.logo-type-grid,.branding-new-grid,.store-grid
  ){
    grid-template-columns:minmax(0,1fr) !important;
    gap:16px !important;
  }

  body.premium-ui-v2 :is(.hero-actions,.article-meta,.hero-stats,.palette-row,.case-tags,.filter-row,.punch-row){
    gap:9px !important;
  }

  body.premium-ui-v2 .hero-actions :where(a,button){
    width:100% !important;
  }

  body.premium-ui-v2 :is(.service-card,.process-card,.growth-card,.strategy-card,.usecase-card,.price-card,.tech-card,.dev-service-card,.benefit-card,.tool-card,.contact-card,.info-card,.package-card,.feature-card,.solution-card){
    padding:20px !important;
  }

  body.premium-ui-v2 .section-pad{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  body.premium-ui-v2 .section-head{
    margin-bottom:30px !important;
  }

  body.premium-ui-v2 .footer-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:32px !important;
  }

  body.premium-ui-v2 .footer-bottom{
    min-height:auto !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  body.premium-ui-v2 .float-wa{
    width:52px !important;
    height:52px !important;
    right:15px !important;
    bottom:15px !important;
  }

  body.premium-ui-v2 :where(th,td){
    min-width:150px !important;
    padding:12px 13px !important;
  }
}

@media (max-width:380px){
  body.premium-ui-v2 .site-header .brand img{max-width:152px !important}
  body.premium-ui-v2 .mobile-drawer .brand img{max-width:155px !important}
  body.premium-ui-v2 h1{font-size:2rem !important}
}

/* Final compatibility rules for older page-specific header and ticker styles */
@media (max-width:991px){
  body.premium-ui-v2 .header-actions>a,
  body.premium-ui-v2 .header-actions>button:not(.burger){
    display:none !important;
  }

  body.premium-ui-v2 .header-actions{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:44px !important;
  }

  body.premium-ui-v2 .burger{
    flex:0 0 44px !important;
    width:44px !important;
    min-width:44px !important;
  }

  body.premium-ui-v2 :is(.static-topic-list,.industries-row){
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:10px !important;
    transform:none !important;
    animation:none !important;
    white-space:normal !important;
  }

  body.premium-ui-v2 :is(.topic-strip,.industries-section){
    overflow:hidden !important;
  }
}

/* =========================================================
   DigiX UI v2.2 — Compact cards, dropdown and buttons
   Requested refinement: preserve the current colours and
   remaining layout while reducing oversized boxes/buttons.
   ========================================================= */

/* Compact site buttons — do not stretch CTA controls unnecessarily. */
body.premium-ui-v2 :where(
  .cta-pill,.btn-primary,.primary-btn,.price-btn,.read-more,
  .btn-white,.btn-glass,.secondary-btn,.btn-outline,
  .poster-btn,.pay-btn,.quick-cta,.home-blog-read
){
  width:auto !important;
  min-width:0 !important;
  min-height:42px !important;
  max-width:100% !important;
  padding:9px 16px !important;
  border-radius:11px !important;
  font-size:.84rem !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

body.premium-ui-v2 .hero-actions{
  align-items:center !important;
}

/* Homepage service cards: shorter image, tighter content and natural height. */
body.premium-ui-v2 .services-section .services-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}

body.premium-ui-v2 .services-section .services-grid>*{
  height:auto !important;
}

body.premium-ui-v2 .services-section .service-card{
  height:auto !important;
  min-height:0 !important;
  border-radius:20px !important;
}

body.premium-ui-v2 .services-section .service-image{
  aspect-ratio:16 / 8.2 !important;
  min-height:0 !important;
  border-radius:0 !important;
}

body.premium-ui-v2 .services-section .service-image img{
  height:100% !important;
}

body.premium-ui-v2 .services-section .service-card-content{
  flex:0 0 auto !important;
  padding:17px 18px 18px !important;
}

body.premium-ui-v2 .services-section .service-card-content h3{
  margin-bottom:7px !important;
  font-size:1.04rem !important;
  line-height:1.12 !important;
}

body.premium-ui-v2 .services-section .service-card-content p{
  flex:0 0 auto !important;
  margin-bottom:13px !important;
  font-size:.84rem !important;
  line-height:1.52 !important;
}

body.premium-ui-v2 .services-section .service-read-more{
  min-height:0 !important;
  margin-top:0 !important;
  padding:0 !important;
  font-size:.80rem !important;
  line-height:1.25 !important;
}

/* Desktop Services dropdown: compact box and short action button. */
body.premium-ui-v2 .mega-panel{
  top:calc(100% + 9px) !important;
  width:min(700px,calc(100vw - 34px)) !important;
  max-width:calc(100vw - 34px) !important;
  padding:14px !important;
  border-radius:19px !important;
  box-shadow:0 24px 64px rgba(7,17,38,.16) !important;
}

body.premium-ui-v2 .mega-grid{
  gap:5px 8px !important;
}

body.premium-ui-v2 .mega-item{
  min-height:66px !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:10px !important;
  padding:9px 10px !important;
  border-radius:13px !important;
}

body.premium-ui-v2 .mega-ico{
  width:40px !important;
  height:40px !important;
  border-radius:12px !important;
  font-size:.92rem !important;
}

body.premium-ui-v2 .mega-item h4{
  margin-bottom:2px !important;
  font-size:.90rem !important;
  line-height:1.2 !important;
}

body.premium-ui-v2 .mega-item p{
  font-size:.75rem !important;
  line-height:1.35 !important;
}

body.premium-ui-v2 .mega-foot{
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:8px !important;
  padding:11px 3px 0 !important;
  border-top:1px solid rgba(30,94,255,.12) !important;
  border-radius:0 !important;
  color:var(--dx-muted) !important;
  background:transparent !important;
  font-size:.76rem !important;
}

body.premium-ui-v2 .mega-foot a{
  flex:0 0 auto !important;
  width:auto !important;
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  color:#fff !important;
  background:var(--dx-gradient) !important;
  box-shadow:0 9px 20px rgba(30,94,255,.18) !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

@media (max-width:1100px){
  body.premium-ui-v2 .services-section .services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  body.premium-ui-v2 .hero-actions :where(a,button){
    width:auto !important;
    flex:0 0 auto !important;
  }

  body.premium-ui-v2 .services-section .services-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }

  body.premium-ui-v2 .services-section .service-card-content{
    padding:16px 17px 17px !important;
  }

  body.premium-ui-v2 .services-section .service-image{
    aspect-ratio:16 / 8.8 !important;
  }
}


/* =========================================================
   DigiX UI v2.3 — Mobile scroll, original social colours,
   consistent cards and moving industries belt.
   ========================================================= */

/* Recover vertical page scrolling after closing the mobile drawer. */
html{
  overflow-y:auto !important;
  overscroll-behavior-y:auto;
}
body.premium-ui-v2:not(.menu-open){
  overflow-y:auto !important;
  touch-action:pan-y pinch-zoom;
}
body.premium-ui-v2.menu-open{
  overflow:hidden !important;
  touch-action:none;
}

/* Footer: logo only, without repeated text lettering. */
body.premium-ui-v2 .site-footer .footer-brand{
  display:flex !important;
  align-items:center !important;
  min-height:52px !important;
  margin-bottom:16px !important;
}
body.premium-ui-v2 .site-footer .footer-brand img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:230px !important;
  max-height:58px !important;
  object-fit:contain !important;
}
body.premium-ui-v2 .site-footer .footer-brand > span{
  display:none !important;
}

/* Original social-network brand colours. */
body.premium-ui-v2 .site-footer .footer-social{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
body.premium-ui-v2 .site-footer .footer-social a,
body.premium-ui-v2 .site-footer .footer-social .social-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  color:#fff !important;
  box-shadow:0 9px 22px rgba(7,17,38,.18) !important;
  transform:none !important;
}
body.premium-ui-v2 .site-footer .footer-social a::before,
body.premium-ui-v2 .site-footer .footer-social a::after{
  display:none !important;
}
body.premium-ui-v2 .site-footer .footer-social a.fb{background:#1877F2 !important}
body.premium-ui-v2 .site-footer .footer-social a.ig{background:linear-gradient(135deg,#FEDA75 0%,#FA7E1E 24%,#D62976 52%,#962FBF 76%,#4F5BD5 100%) !important}
body.premium-ui-v2 .site-footer .footer-social a.li{background:#0A66C2 !important}
body.premium-ui-v2 .site-footer .footer-social a.tw{background:#000 !important}
body.premium-ui-v2 .site-footer .footer-social a.wa{background:#25D366 !important}
body.premium-ui-v2 .site-footer .footer-social a i{
  position:relative !important;
  z-index:2 !important;
  color:#fff !important;
  font-size:1.05rem !important;
  transform:none !important;
}
body.premium-ui-v2 .site-footer .footer-social a:hover{
  transform:translateY(-3px) !important;
  filter:brightness(1.04) !important;
}

/* Consistent premium card treatment across every page. */
body.premium-ui-v2 :is(
  .service-card,.process-card,.why-card,.solution-card,.growth-card,
  .strategy-card,.usecase-card,.price-card,.tech-card,.dev-service-card,
  .benefit-card,.tool-card,.contact-card,.info-card,.package-card,
  .quote-card,.addon-card,.related-card,.blog-card,.case-card,.feature-card,
  .stat-card,.step-card,.platform-card,.logo-type-card,.branding-card,
  .store-card,.faq-item
){
  border-radius:18px !important;
  border:1px solid rgba(30,94,255,.12) !important;
  box-shadow:0 10px 28px rgba(7,17,38,.075) !important;
  min-width:0 !important;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
body.premium-ui-v2 :is(
  .service-card,.process-card,.why-card,.solution-card,.growth-card,
  .strategy-card,.usecase-card,.price-card,.tech-card,.dev-service-card,
  .benefit-card,.tool-card,.contact-card,.info-card,.package-card,
  .quote-card,.addon-card,.related-card,.blog-card,.case-card,.feature-card,
  .stat-card,.step-card,.platform-card,.logo-type-card,.branding-card,
  .store-card,.faq-item
):hover{
  transform:translateY(-4px) !important;
  border-color:rgba(30,94,255,.23) !important;
  box-shadow:0 16px 38px rgba(30,94,255,.12) !important;
}

/* Keep the Industries belt continuously moving on phones and tablets. */
@keyframes dxIndustriesLeft{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes dxIndustriesRight{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
body.premium-ui-v2 .industries-section{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}
body.premium-ui-v2 .industries-belt{
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  touch-action:pan-y !important;
}
body.premium-ui-v2 .industries-row{
  width:max-content !important;
  max-width:none !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  gap:14px !important;
  white-space:nowrap !important;
  animation:dxIndustriesLeft 28s linear infinite !important;
  will-change:transform;
  backface-visibility:hidden;
}
body.premium-ui-v2 .industries-row.row-reverse{
  animation-name:dxIndustriesRight !important;
  animation-duration:25s !important;
}
body.premium-ui-v2 .industries-row .industry-pill{
  flex:0 0 auto !important;
  min-width:max-content !important;
  padding:12px 18px !important;
  gap:10px !important;
  border-radius:999px !important;
  box-shadow:0 8px 20px rgba(7,17,38,.06) !important;
}
body.premium-ui-v2 .industries-row .industry-pill i{
  width:34px !important;
  height:34px !important;
  font-size:.86rem !important;
}
body.premium-ui-v2 .industries-row .industry-pill span{
  font-size:.82rem !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

@media (max-width:640px){
  body.premium-ui-v2 .site-footer .footer-brand img{
    max-width:190px !important;
    max-height:52px !important;
  }

  body.premium-ui-v2 :is(
    .service-card,.process-card,.why-card,.solution-card,.growth-card,
    .strategy-card,.usecase-card,.price-card,.tech-card,.dev-service-card,
    .benefit-card,.tool-card,.contact-card,.info-card,.package-card,
    .quote-card,.addon-card,.related-card,.blog-card,.case-card,.feature-card,
    .stat-card,.step-card,.platform-card,.logo-type-card,.branding-card,
    .store-card,.faq-item
  ){
    border-radius:15px !important;
    box-shadow:0 8px 22px rgba(7,17,38,.065) !important;
  }

  body.premium-ui-v2 .industries-belt{
    gap:11px !important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%) !important;
    mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%) !important;
  }
  body.premium-ui-v2 .industries-row{
    gap:9px !important;
    animation-duration:23s !important;
  }
  body.premium-ui-v2 .industries-row.row-reverse{
    animation-duration:21s !important;
  }
  body.premium-ui-v2 .industries-row .industry-pill{
    padding:9px 13px !important;
    gap:8px !important;
  }
  body.premium-ui-v2 .industries-row .industry-pill i{
    width:29px !important;
    height:29px !important;
    font-size:.75rem !important;
  }
  body.premium-ui-v2 .industries-row .industry-pill span{
    font-size:.73rem !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.premium-ui-v2 .industries-row{
    animation-duration:55s !important;
  }
}