:root {
  --primary: 14 14 14;
  --primary-light: 216 255 67;
  --primary-dark: 23 23 23;
  --background-light: 250 250 250;
  --background-dark: 23 23 23;
  --color-white: 0 0% 100%;
  --color-black: 0 0% 0%;
  --color-dema-grey1: 60.00 4.17% 9.41%;
  --color-dema-grey2: 60.00 5.00% 31.37%;
  --color-dema-grey3: 60.00 2.18% 44.90%;
  --color-dema-grey4: 60.00 2.13% 53.92%;
  --color-dema-grey5: 60.00 4.83% 71.57%;
  --color-dema-grey6: 60.00 11.54% 89.80%;
  --color-dema-grey7: 45 13% 94%;
  --color-dema-grey8: 60.00 12.50% 96.86%;
  --gray-950: 23 23 23;
  --gray-900: 32 32 32;
  --gray-800: 38 38 38;
  --gray-700: 64 64 64;
  --gray-600: 82 82 82;
  --gray-500: 115 115 115;
  --gray-400: 163 163 163;
  --gray-300: 212 212 212;
  --gray-200: 229 229 229;
  --gray-100: 243 243 243;
  --gray-50: 250 250 250;
  --color-dema-green-900: 72.19 100% 25.10%;
  --color-dema-green-800: 72.26 100% 26.86%;
  --color-dema-green-700: 72.44 100% 37.84%;
  --color-dema-green-600: 72.41 100% 46.47%;
  --color-dema-green-500: 72.45 100% 63.14%;
  --color-dema-green-100: 72.00 81.40% 91.57%;
  --color-dema-green: var(--color-dema-green-500);
  --color-dema-green-medium: var(--color-dema-green-700);
  --color-dema-green-dark: var(--color-dema-green-800);
  --color-dema-blue-900: 227 100% 20%;
  --color-dema-blue-800: 226 100% 28%;
  --color-dema-blue-700: 225 100% 37%;
  --color-dema-blue-600: 224 100% 46%;
  --color-dema-blue-500: 224 98% 55%;
  --color-dema-blue-100: 219 100% 91%;
  --color-dema-blue-50: 213 100% 96%;
  --color-dema-red: 7.42 81.58% 55.29%;
  --color-neutral-50: 0 0% 98%;
  --color-neutral-100: 0 0% 96.1%;
  --color-neutral-200: 0 0% 89.8%;
  --color-neutral-300: 0 0% 83.1%;
  --color-neutral-400: 0 0% 63.9%;
  --color-neutral-500: 0 0% 45.1%;
  --color-neutral-600: 0 0% 32.2%;
  --color-neutral-700: 0 0% 25.1%;
  --color-neutral-800: 0 0% 14.9%;
  --color-neutral-900: 0 0% 9%;
  --color-neutral-950: 0 0% 5.9%;
  --color-slate-50: 210 40% 98%;
  --color-slate-100: 210 40% 96.1%;
  --color-slate-200: 214.3 31.8% 91.4%;
  --color-slate-300: 212.7 26.8% 83.9%;
  --color-slate-400: 215 20.2% 65.1%;
  --color-slate-500: 215.4 16.3% 46.9%;
  --color-slate-600: 215.3 19.3% 34.5%;
  --color-slate-700: 215.3 25% 26.7%;
  --color-slate-800: 217.2 32.6% 17.5%;
  --color-slate-900: 222.2 47.4% 11.2%;
  --color-slate-950: 222.2 47.4% 7.2%;
  --color-zinc-50: 0 0% 98%;
  --color-zinc-100: 240 4.8% 95.9%;
  --color-zinc-200: 240 5.9% 90%;
  --color-zinc-300: 240 4.9% 83.9%;
  --color-zinc-400: 240 5% 64.9%;
  --color-zinc-500: 240 3.8% 46.1%;
  --color-zinc-600: 240 5.2% 33.9%;
  --color-zinc-700: 240 5.3% 26.1%;
  --color-zinc-800: 240 3.7% 15.9%;
  --color-zinc-900: 240 5.9% 10%;
  --color-zinc-950: 240 10% 4%;
  --color-blue-50: 213.8 100% 96.9%;
  --color-blue-100: 214.3 94.6% 92.7%;
  --color-blue-200: 213.3 96.9% 87.3%;
  --color-blue-300: 211.7 96.4% 78.4%;
  --color-blue-400: 213.1 93.9% 67.8%;
  --color-blue-500: 217.2 91.2% 59.8%;
  --color-blue-600: 221.2 83.2% 53.3%;
  --color-blue-700: 224.3 76.3% 48%;
  --color-blue-800: 225.9 70.7% 40.2%;
  --color-blue-900: 224.4 64.3% 32.9%;
  --color-blue-950: 223.8 62% 20.8%;
  --color-blue-1000: 226 60% 12%;
  --color-red-50: 0 86% 97%;
  --color-red-100: 0 93% 94%;
  --color-red-200: 0 96% 89%;
  --color-red-300: 0 94% 82%;
  --color-red-400: 0 91% 71%;
  --color-red-500: 0 84% 60%;
  --color-red-600: 0 72% 51%;
  --color-red-700: 0 74% 42%;
  --color-red-800: 0 70% 35%;
  --color-red-900: 0 63% 31%;
  --color-red-950: 0 75% 15%;
  --color-green-50: 138.5 76.5% 96.7%;
  --color-green-100: 140.6 84.2% 92.5%;
  --color-green-200: 141 78.9% 85.1%;
  --color-green-300: 141.7 76.6% 73.1%;
  --color-green-400: 141.9 69.2% 58%;
  --color-green-500: 142.1 70.6% 45.3%;
  --color-green-600: 142.1 76.2% 36.3%;
  --color-green-700: 142.4 71.8% 29.2%;
  --color-green-800: 142.8 64.2% 24.1%;
  --color-green-900: 143.8 61.2% 20.2%;
  --color-green-950: 143.8 61.2% 10.2%;
  --color-yellow-50: 54.5 91.7% 95.3%;
  --color-yellow-100: 54.9 96.7% 88%;
  --color-yellow-200: 52.8 98.3% 76.9%;
  --color-yellow-300: 50.4 97.8% 63.5%;
  --color-yellow-400: 47.9 95.8% 53.1%;
  --color-yellow-500: 45.4 93.4% 47.5%;
  --color-yellow-600: 40.6 96.1% 40.4%;
  --color-yellow-700: 35.5 91.7% 32.9%;
  --color-yellow-800: 31.8 81% 28.8%;
  --color-yellow-900: 28.4 72.5% 25.7%;
  --color-yellow-950: 28.4 72.5% 15.7%;
  --color-orange-50: 33.3 100% 96.5%;
  --color-orange-100: 34.3 100% 91.8%;
  --color-orange-200: 32.1 97.7% 83.1%;
  --color-orange-300: 30.7 97.2% 72.4%;
  --color-orange-400: 27 96% 61%;
  --color-orange-500: 24.6 95% 53.1%;
  --color-orange-600: 20.5 90.2% 48.2%;
  --color-orange-700: 17.5 88.3% 40.4%;
  --color-orange-800: 15 79.1% 33.7%;
  --color-orange-900: 15.3 74.6% 27.8%;
  --color-orange-950: 15.3 74.6% 17.8%;
  --color-text-gradient-from: 209 92% 69%;
  --color-text-gradient-to: 245 97% 63%;
  --bg-color: 250 250 250;
  --rounded-xl: 8px;
  --rounded-xl: 4px;
}

@font-face {
  font-family: '__Systemia_c7b488';
  src: url('/_next/static/media/12c5258216c43f07-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: '__Systemia_c7b488';
  src: url('/_next/static/media/3a98016ac090f838-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: '__Systemia_Fallback_c7b488';
  src: local('Arial');
  ascent-override: 96.30%;
  descent-override: 23.43%;
  line-gap-override: 0.00%;
  size-adjust: 96.05%;
}

@font-face {
  font-family: '__Beausite_8776d6';
  src: url('https://www.dema.ai/_next/static/media/d12323e07c679dd2-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: '__Beausite_8776d6';
  src: url('https://www.dema.ai/_next/static/media/6c0390c8b876feb4-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: '__Beausite_8776d6';
  src: url('https://www.dema.ai/_next/static/media/7104fae494794703-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: '__Beausite_8776d6';
  src: url('https://www.dema.ai/_next/static/media/d95b61254bc3d532-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: '__Beausite_8776d6';
  src: url('https://www.dema.ai/_next/static/media/81930aa2cc314934-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: '__Beausite_8776d6';
  src: url('https://www.dema.ai/_next/static/media/86d94a68279f5822-s.p.woff2') format('woff2');
  font-display: swap;
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: '__Beausite_Fallback_8776d6';
  src: local('Arial');
  ascent-override: 90.31%;
  descent-override: 23.77%;
  line-gap-override: 0.00%;
  size-adjust: 105.19%;
}

.__className_8776d6 {
  font-family: __Beausite_8776d6,__Beausite_Fallback_8776d6;
}

.__variable_8776d6 {
  --font-beausite: "__Beausite_8776d6","__Beausite_Fallback_8776d6";
}

.__className_c7b488 {
  font-family: __Systemia_c7b488,__Systemia_Fallback_c7b488;
}

.__variable_c7b488 {
  --font-systemia: "__Systemia_c7b488","__Systemia_Fallback_c7b488";
}

#home-header {
  font-family: __Systemia_c7b488,__Systemia_Fallback_c7b488, sans-serif;
  font-weight: 400 !important;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: black;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
}

.font-semibold {
  font-weight: 500;
}

.build-with {
  font-family: __Systemia_c7b488,__Systemia_Fallback_c7b488, sans-serif;
  white-space: nowrap;
  font-size: 50px;
  letter-spacing: -0.02em;
}

.dark #home-header {
  color: white;
}

.description-text {
  color: black;
}

.dark .description-text {
  color: white;
}

.dark {
  --bg-color: #2B2B2B;
}

#background-div {
  background-color: var(--bg-color);
  transition: background-color 0.3s ease;
}

body, input, #category-select, .dropdown-item, #table-of-contents {
  font-family: __Beausite_8776d6,__Beausite_Fallback_8776d6, sans-serif;
}

.eyebrow {
  font-family: __Beausite_8776d6,__Beausite_Fallback_8776d6, sans-serif;
  text-transform: uppercase;
  letter-spacing: .02rem;
}

#content-container {
  font-family: __Beausite_8776d6,__Beausite_Fallback_8776d6, sans-serif;
}

#content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5, #content-container h6 {
  font-family: __Beausite_8776d6,__Beausite_Fallback_8776d6, sans-serif;
}

.welcome-container {
  margin: 6rem auto 8rem;
  max-width: 50rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.welcome-container-first {
  height: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: __Beausite_8776d6,__Beausite_Fallback_8776d6, sans-serif;
  padding: 0 1.25rem;
}

#content-container p {
  font-size: 1rem;
  line-height: 1.65rem;
}

.font-extrabold {
  font-weight: 600 !important;
}

.container {
  position: relative;
  padding-bottom: calc(56.74603174603175% + 41px);
  height: 0;
  width: 100%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color-scheme: light;
}

.wide-table {
  width: 100%;
  overflow-x: auto;
}

.wide-table table {
  width: 175%;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .welcome-container {
    margin: 2rem 0;
    max-width: none;
    padding: 0 1rem;
  }

  .welcome-container-first {
    height: auto;
    padding: 2rem 0;
  }

  .build-with {
    font-size: 32px;
    white-space: normal;
  }

  .welcome-container [data-cols="2"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
}


Key Features:

1. Server-Side Event Tracking

2. Google Tag Manager (GTM) Integration

3. Shopify App Integration

Choosing the Right Method

Integrate with an analytics platform to track viewer events

Overview

Dema.ai documentation

Discover how Dema collects, processes, and enriches your ecommerce data—from real-time events and orders to marketing costs, shipping rules, and returns. See how each data point comes together to power near real-time profitability insights, including Gross Profit 2 (GP2) costs like toll, pick & pack, and transaction fees.

Our core data model

Discover the key performance metrics that Dema tracks and calculates to empower data-driven decisions. This section explains what each metric represents, how it’s calculated, and why it matters. You can use these metrics to uncover growth opportunities, optimize spend, and monitor profitability in near real-time.

Metrics

Learn about the dimensions in Dema that let you slice, segment, and analyze your data across different categories (channel, country, product, etc.). These dimensions are automatically populated from your tracking script, ecommerce platform, or marketing integrations, giving you granular insights into user behavior and performance.

Dimensions

Understand how Dema attributes conversions to specific channels or campaigns, helping you pinpoint which marketing efforts drive results. Learn about our supported models—last-click, linear, ML-based multi-touch, and ad platform-reported—and discover how to interpret attribution data.

Attribution

Learn how Dema’s tracking script collects and processes your ecommerce data in near real-time. Understand which events are captured by default, how sessions are created (similar to GA Universal), and how to install Dema on Shopify, GTM, or via a server-side integration.

Tracking

Quickly invite team members to Dema and assign roles to streamline collaboration across your organization.

1. Invite your team

Learn how to install the Dema tracking script on various platforms like Shopify, custom sites, and Google Tag Manager. Verify your events are coming in and troubleshoot common issues.

2. Add pixel (Tracking script)

Learn how to setup UTM parameters effectively for seamless integration with Dema.

3. Setup UTM parameters

Learn how to map UTM parameters to the correct channels and channel groups in Dema to ensure accurate attribution and cost mapping.

4. Create UTM mapping

Mix and match ecommerce platforms, sFTP, and data warehouses to sync orders, inventory, and returns seamlessly with Dema.

5. Integrate orders and inventory

Connect Meta, Google Ads, TikTok, and more to track your marketing spend seamlessly in Dema.

6. Integrate marketing spend

Learn how to configure rules-based fulfillment and return costs for shipping, toll, pick & pack, and transaction fees, along with return thresholds and fallback margins.

7. Set up hierarchical costs and returns

Learn how to apply filters to your reports in Dema, refine your data, and focus on what matters most using dimension and metric filtering.

How filters work in reports

Learn how to customize and apply attribution models in Dema reports to better analyze and distribute your revenue data.

Setting your attribution model

Learn how to invite manage members to Dema, assign roles, and manage access levels for seamless collaboration across your organization.

Manage users

Learn how to set up and manage teams in Dema to streamline navigation, restrict data access, and simplify reporting.

Creating and managing teams

Learn how to set up and use labels in Dema to organize, find, and filter reports with ease.

Using labels to organize reports

Reset password

Learn how to set up and use Google SSO for secure and streamlined access to Dema.

Single Sign-On (SSO) with Google

Learn how Dema’s Marketing Mix Modeling uses profitability-focused models to optimize your marketing spend and maximize profit.

How MMM works in Dema

Learn how to interpret Dema’s MMM overview view.

Overview view

Learn how to interpret Dema’s MMM weekly analysis view based on historical data—and when to consider a future scenario for upcoming seasonality.

Weekly analysis view

Learn how to interpret Dema’s MMM yearly overview.

Yearly overview view

Learn how to use Dema’s Future scenario tool to plan upcoming budgets, optimize for profit targets, and test different marketing strategies.

Creating a future scenario

Learn how to create product sets in Dema to segment your catalog and export custom labels for Google and Meta feeds.

Create product sets

Learn how to manually override product sets directly from reports in Dema, giving you precise control over your feed segmentations.

Override product sets from reports

Learn how Dema's incrementality testing isolates the true impact of your marketing campaigns on both sales and profit.

How incrementality testing works in Dema

Learn how incrementality testing isolates true marketing impact and enhances MMM.

What is incrementality

Learn how to design and structure incrementality experiments in Dema to measure true business impact.

Structuring tests

Learn how to interpret the suggested experiment table in Dema and what each metric represents.

Analyze a suggested experiment

Learn how to interpret key metrics, graphs, and insights from Dema's incrementality test results.

Understand test results

Learn how to run multiple 2-cell experiments concurrently in Dema and understand the risks and best practices.

Concurrent tests

Discover how Dema uses a post-treatment window to capture delayed marketing effects and provide a complete picture of your campaign's performance.

Post-treatment window

Learn how Dema adjusts for seasonality in incrementality testing to ensure accurate measurement of marketing impact.

Seasonality effects

Understand the differences between platform conversion lift studies and Dema's geo-based incrementality tests, and why Dema provides a more reliable, neutral measurement.

Platform lift studies vs Dema

Key terms and concepts used in Dema's incrementality testing documentation.

Terminology

Learn how to create dashboards in Dema to visualize your data and insights.

Create dashboards

Learn how to apply filters to your dashboards in Dema to refine your data and focus on what matters most.

How filters work in dashboards

Understand how historical data is transformed into actionable business insights.

Inventory forecasting

Transform historical order patterns into accurate time series predictions using advanced seasonal decomposition models.

Order forecasting

Understand how customer data is transformed into actionable profit-based lifetime value insights.

LTV forecasting

How to set up tracking with single page applications

Set up tracking with single page applications

How to do create custom metrics/dimensions

Custom metrics/dimensions

Upload old orders from CSV

Guide on integrating Shopify with our platform.

Shopify

Guide on integrating commercetools with our platform.

Commercetools

Guide on integrating Meta Ads data with our platform.

Meta Ads

Guide on integrating Google Ads data with our platform for enhanced advertising insights.

Integrations

Google Tag Manager

Shopify

​1. Server-Side Event Tracking

​Key Features:

​2. Google Tag Manager (GTM) Integration

​Key Features:

​3. Shopify App Integration

​Key Features:

​Choosing the Right Method

1. Server-Side Event Tracking

Key Features:

2. Google Tag Manager (GTM) Integration

Key Features:

3. Shopify App Integration

Key Features:

Choosing the Right Method