PageSourceSearch

http://soul-identity.com/about-us.html

html soul-identity.com collected 2026-10-04 20:20:03 UTC 305,517 bytes, 3,413 lines download raw bytes

1<!DOCTYPE html>
2<html class="h-full scroll-smooth scroll-pt-40" lang="en-US">
3    
4<!-- Mirrored from www.thetradedesk.com/about-us by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 07 Jan 2026 10:46:30 GMT -->
5<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
6<head>
7        <meta charset="utf-8" />
8        <meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="icon" href="ico/favicon.ico" sizes="any">
9        <link rel="icon" type="image/png" sizes="192x192" href="png/icon-192.png">
10        <link rel="icon" type="image/png" sizes="512x512" href="png/icon-512.png">
11        <link rel="apple-touch-icon" href="png/apple-touch-icon.png">
12        <link rel="manifest" href="webmanifest/manifest.webmanifest">
13
14                        
15                    <!-- Google Tag Manager -->
16            
16<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
17            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
18            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
19            'gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f);
20            })(window,document,'script','dataLayer','GTM-MSC6S5R');</script>
20
21            <!-- End Google Tag Manager -->
22        
23                
24<link rel="home" href="index.html">
25    <link rel="canonical" href="about-us.html">
26    <meta property="og:url" content="https://www.thetradedesk.com/about-us">    <meta name="twitter:url" content="https://www.thetradedesk.com/about-us">    <meta property="og:locale" content="en-US">
27<title>Our Story | The Trade Desk</title>
28    <meta name="description" content="The Trade Desk is the fastest growing demand-side platform — offering agencies and advertisers best-in-class technology to manage digital campaigns.">
29    <meta name="image" content="https://assets.thetradedesk.com/cdn-cgi/image/format=baseline-jpeg,width=1200,height=675,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/seo/AboutUs_MetadataImage_1920x1080_v1.png">
30    <meta property="og:type" content="website">
31    <meta property="og:title" content="Our Story">
32    <meta property="og:description" content="The Trade Desk is the fastest growing demand-side platform — offering agencies and advertisers best-in-class technology to manage digital campaigns.">
33    <meta property="og:image" content="https://assets.thetradedesk.com/cdn-cgi/image/format=baseline-jpeg,width=1200,height=630,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/seo/AboutUs_MetadataImage_1920x1080_v1.png">
34    <meta name="twitter:title" content="Our Story">
35    <meta name="twitter:description" content="The Trade Desk is the fastest growing demand-side platform — offering agencies and advertisers best-in-class technology to manage digital campaigns.">
36    <meta name="twitter:image" content="https://assets.thetradedesk.com/cdn-cgi/image/format=baseline-jpeg,width=1200,height=600,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/seo/AboutUs_MetadataImage_1920x1080_v1.png">
37    <meta property="og:image:type" content="image/jpeg">
38    <meta property="og:image:width" content="1200">
39    <meta property="og:image:height" content="630">
40    
41    <link rel="alternate" href="about-us.html" hreflang="en-us">
42    <link rel="alternate" href="about-us-2.html" hreflang="zh-hant">
43    
43<script src="js/forms2.min.js" defer></script>
43
44                
44<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 44
44
45<script type="module" src="js/main-chjyqoju.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/main.js&#039;}});document.dispatchEvent(e);"></script>
45
46<link href="css/main-dlf583ah.css" rel="stylesheet">
47
48            
49<script type="text/javascript">var _rollbarConfig = {"accessToken":"d409d93d21764390919435284df88592","captureUncaught":true,"captureUnhandledRejections":true,"captureIp":false,"ignoredMessages":["(unknown)","(unknown): Script error.","","Script error."],"maxItems":10,"payload":{"environment":"production"}};!function(r){var e={};function o(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return r[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=r,o.c=e,o.d=function(r,e,n){o.o(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:n})},o.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var t in r)o.d(n,t,function(e){return r[e]}.bind(null,t));return n},o.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return o.d(e,"a",e),e},o.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},o.p="",o(o.s=0)}([function(r,e,o){"use strict";var n=o(1),t=o(4);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdn.rollbar.com/rollbarjs/refs/tags/v2.17.0/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";var n=o(2);function t(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}var a=0;function l(r,e){this.options=r,this._rollbarOldOnError=null;var o=a++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}var i=o(3),s=function(r,e){return new l(r,e)},d=function(r){return new i(s,r)};function c(r){return t((function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)}))}l.prototype.loadFull=function(r,e,o,n,a){var l=!1,i=e.createElement("script"),s=e.getElementsByTagName("script")[0],d=s.parentNode;i.crossOrigin="",i.src=n.rollbarJsUrl,o||(i.async=!0),i.onload=i.onreadystatechange=t((function(){if(!(l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){i.onload=i.onreadystatechange=null;try{d.removeChild(i)}catch(r){}l=!0,function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,t,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(t=n.args||[],i=0;i<t.length;++i)if("function"==typeof(l=t[i])){l(e);break}}"function"==typeof a&&a(e)}()}})),d.insertBefore(i,s)},l.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw e&&("string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e),e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var u="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),p=0;p<u.length;++p)l.prototype[u[p]]=c(u[p]);r.exports={setupShim:function(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var a=new d(e);return t((function(){e.captureUncaught&&(a._rollbarOldOnError=r.onerror,n.captureUncaughtExceptions(r,a,!0),e.wrapGlobalEventHandlers&&n.wrapGlobals(r,a,!0)),e.captureUnhandledRejections&&n.captureUnhandledRejections(r,a,!0);var t=e.autoInstrument;return!1!==e.enabled&&(void 0===t||!0===t||"object"==typeof t&&t.network)&&r.addEventListener&&(r.addEventListener("load",a.captureLoad.bind(a)),r.addEventListener("DOMContentLoaded",a.captureDomContentLoaded.bind(a))),r[o]=a,a}))()}},Rollbar:d}},function(r,e,o){"use strict";function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null);var t=e.handleUncaughtException.apply(e,n);o&&o.apply(r,n),"anonymous"===t&&(e.anonymousErrorsPending+=1)}
49function t(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports={captureUncaughtExceptions:function(r,e,o){if(r){var t;if("function"==typeof e._rollbarOldOnError)t=e._rollbarOldOnError;else if(r.onerror){for(t=r.onerror;t._rollbarOldOnError;)t=t._rollbarOldOnError;e._rollbarOldOnError=t}e.handleAnonymousErrors();var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};o&&(a._rollbarOldOnError=t),r.onerror=a}},captureUnhandledRejections:function(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){}o||(o="[unhandledrejection] error getting `reason` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}},wrapGlobals:function(r,e,o){if(r){var n,a,l="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(n=0;n<l.length;++n)r[a=l[n]]&&r[a].prototype&&t(e,r[a].prototype,o)}}}},function(r,e,o){"use strict";function n(r,e){this.impl=r(e,this),this.options=e,function(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}(n.prototype)}n.prototype._swapAndProcessMessages=function(r,e){var o,n,t;for(this.impl=r(this.options);o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=n},function(r,e,o){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){for(var o,n,t=(r=r||{}).globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);;</script>
49</head>
50
51    <body x-bot-detector x-data class="antialiased">
52                    <!-- Google Tag Manager (noscript) -->
vendor: 80 bytes, lines 52-53
52
53            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
53GTM-MSC6S5R
vendor: 107 bytes, lines 53-55
53"
54            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
55            
55<!-- End Google Tag Manager (noscript) -->
56                            
56<script id="formStylesMap" type="application/json">
57            [{"col1":"optInConfirmed","col2":"fullWidth","fieldName":"optInConfirmed","fieldStyle":"fullWidth"},{"col1":"optinWebinarsEvents","col2":"fullWidth","fieldName":"optinWebinarsEvents","fieldStyle":"fullWidth"},{"col1":"Lead_Comments__c","col2":"fullWidth","fieldName":"Lead_Comments__c","fieldStyle":"fullWidth"},{"col1":"Area_of_Interest__c","col2":"checkboxGroup","fieldName":"Area_of_Interest__c","fieldStyle":"checkboxGroup"},{"col1":"Solution_of_Interest__c_account","col2":"radioGroup","fieldName":"Solution_of_Interest__c_account","fieldStyle":"radioGroup"},{"col1":"Notes__c","col2":"fullWidth","fieldName":"Notes__c","fieldStyle":"fullWidth"},{"col1":"nominationReason","col2":"fullWidth","fieldName":"nominationReason","fieldStyle":"fullWidth"},{"col1":"Company_Size__c","col2":"fullWidth","fieldName":"Company_Size__c","fieldStyle":"fullWidth"}]
58        </script>
58
59        <div
60        x-data="{
61            navBackground: '',
62            headerTheme: 'white',
63            menuOpen: false,
64            active: null,
65            selectLanguageOpen: false,
66            siteMismatch: false,
67            currentSiteId: 1,
68            suggestedSite: null,
69            alertEnabled: '',
70            bannerActive: false,
71            bannerDismissed: window.sessionStorage != null ? $persist(false).using(sessionStorage) : false,
72            bannerElem: null,
73            bannerElemHeight: 80,
74            scrolled: false,
75            toggleMenu() {
76                if (this.menuOpen) {
77                    return this.closeMenu();
78                }
79                this.menuOpen = true;
80            },
81            closeMenu() {
82                if (!this.menuOpen) return;
83                this.menuOpen = false;
84                this.active = null;
85            },
86            dismissBanner() {
87                if (this.siteMismatch) {
88                    this.siteMismatch = false;
89                } else {
90                    this.alertEnabled = false;
91                }
92                if (!this.siteMismatch && !this.alertEnabled) {
93                    this.bannerDismissed = true;
94                    this.bannerElemHeight = 0;
95                }
96            },
97            async getSuggestion() {
98                if (!window.sessionStorage) return;
99                const storageKey = 'suggestedSite';
100                const storedData = sessionStorage.getItem(storageKey);
101
102                if (storedData !== null) {
103                    this.suggestedSite = JSON.parse(storedData);
104                } else {
105                    const data = await.html fetch('/actions/geosites/suggest');
106                    const site = await data.json();
107                    this.suggestedSite = site;
108                    sessionStorage.setItem(storageKey, JSON.stringify(site));
109                }
110
111                this.siteMismatch = this.suggestedSite && this.currentSiteId !== this.suggestedSite.id;
112            },
113            headroomOptions: {
114                offset: 100,
115                onTop: () => {
116                    $data.scrolled = false
117                },
118                onNotTop: () => {
119                    $data.scrolled = true
120                },
121            },
122        }"
123        x-init="
124            await getSuggestion();
125            if ((alertEnabled || siteMismatch) && !bannerDismissed) {
126                $nextTick(() => {
127                    if ($refs.banner) {
128                        bannerElem = $refs.banner;
129                        bannerElemHeight = bannerElem.getBoundingClientRect().height;
130                    }
131                });
132                bannerActive = true;
133            }
134            let header = $refs.header
135            if (header) {
136                let headroom = new Headroom(header, headroomOptions);
137                headroom.init();
138            }
139            $watch('menuOpen', (value) => { value ? document.body.classList.add('max-lg:overflow-hidden') : document.body.classList.remove('max-lg:overflow-hidden') });
140        "
141        @resize.throttle.25.window="() => {
142            if (bannerElem) {
143                bannerElemHeight = bannerElem.getBoundingClientRect().height;
144            }
145        }"
146        id="page-wrapper"
147        class="flex flex-col min-h-screen"
148        :style="{
149            '--banner-elem-top-bar-height': `calc(${bannerElemHeight}px + var(--navbar-height))`,
150            '--banner-elem-top-bar-nav-height': `calc(${bannerElemHeight}px + var(--navbar-height-full))`
151        }"
152    ><a href="#main-content" class="skip-to-content">
153            Skip to content
154        </a>
155<header
156    class="fixed w-full transition-transform z-[100]"
157    :class="[
158        navBackground ? navBackground : (headerTheme != 'white' ? 'bg-sea-salt' : ''),
159        scrolled && bannerActive
160            ? 'lg:-translate-y-banner-elem-top-bar-height'
161            : scrolled
162            ? 'lg:-translate-y-navbar'
163            : ''
164    ]"
165    x-ref="header"
166>
167
168        
169<div
170    role="alert"
171    class="w-full bg-lightest-misty "
172    x-show="bannerActive"
173    x-cloak
174    x-transition:enter="transition ease-out duration-300 transform"
175    x-transition:enter-start="translate-y-[-100%]"
176    x-transition:enter-end="translate-y-0"
177    x-transition:leave="transition ease-in duration-200 transform"
178    x-transition:leave-start="translate-y-0"
179    x-transition:leave-end="translate-y-[-100%]"
180    x-ref="banner"
181>
182    
183
184
185<div  class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto">
186	            <template x-if="siteMismatch">
187                <div
188                    x-data="{
189                        activeSelection: null, // User selectable option from the dropdown
190                        get activeLink() { // If there's no user selection, default to the suggested site
191                            return this.activeSelection ?? {
192                                text: this.suggestedSite?.languageLabel,
193                                url: this.suggestedSite?.baseUrl,
194                            }
195                        },
196                        open: false,
197                        toggle() {
198                            if (this.open) {
199                                return this.close()
200                            }
201                            this.open = true
202                        },
203                        close() {
204                            if (!this.open) return
205                            this.open = false
206                        },
207                        setActive(itemLink) {
208                            this.toggle()
209                            this.activeSelection = itemLink
210
211                            window.dataLayer = window.dataLayer || [];
212                            window.dataLayer.push({
213                                event: 'banner_interaction',
214                                element_name: this.activeLink.text,
215                                element_location: 'header',
216                                element_action: 'language toggle'
217                            });
218                        }
219                    }"
220                    x-init="
221                        if(bannerActive) {
222                            window.dataLayer = window.dataLayer || [];
223                            window.dataLayer.push({
224                                event: 'banner_view',
225                                element_name: `Select your preferred language`,
226                                element_location: 'header'
227                            });
228                        }
229                    "
230                    @keydown.escape="close($refs.button)"
231                    class="flex flex-col gap-1.5 py-3 pr-6 md:flex-row md:gap-8 md:items-center md:py-4 md:pr-0 md:min-h-[75px]"
232                >
233                                                                                <svg class="shrink-0 aspect-square size-10 md:size-[50px]" width="50" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="none">
234  <g id="Group 338064">
235    <rect id="cayehdguwt-icon_plus" x="50" y="50" width="50" height="50" rx="8" transform="rotate(-180 50 50)" fill="white"></rect>
236    <g id="cayehdguwt-Group">
237      <path id="cayehdguwt-Vector" d="M9 36.8937L19.6188 36.8667V40.4522H20.9619L25.5338 36.8607L29.6559 36.8817V18.8789H9V36.8907V36.8937ZM10.7988 20.6807H27.8542V35.0769L24.9132 35.0619L21.4146 37.8081V35.0649L10.7988 35.0919V20.6807Z" fill="#0372E2"></path>
238      <path id="cayehdguwt-Vector_2" d="M20.6719 9V17.0825H22.4707V10.7988H39.535V23.3722H34.8672V26.1184L31.4525 23.4351V25.7226L35.3229 28.7625H36.666V25.171H41.3338V9H20.6719Z" fill="#0372E2"></path>
239      <path id="cayehdguwt-Vector_3" d="M17.0987 24.472C16.8829 25.2185 16.751 26.0788 16.7 26.9692H18.5018C18.6097 25.3623 18.9904 24.337 19.2483 23.9653C19.5031 24.337 19.8838 25.3653 19.9918 26.9692H21.7935C21.7426 26.0908 21.6137 25.2424 21.4038 24.5019C22.2642 25.0625 22.8998 25.9409 23.1366 26.9692H24.9624C24.5307 24.2021 22.1443 22.0766 19.2633 22.0586C19.2573 22.0586 19.2513 22.0586 19.2453 22.0586C19.2453 22.0586 19.2423 22.0586 19.2393 22.0586C19.2363 22.0586 19.2303 22.0586 19.2273 22.0586C16.3283 22.0586 13.9269 24.1931 13.4922 26.9722H15.3179C15.5578 25.9229 16.2143 25.0326 17.0957 24.475L17.0987 24.472Z" fill="#0372E2"></path>
240      <path id="cayehdguwt-Vector_4" d="M24.9672 28.7695H23.1414C22.9046 29.8008 22.269 30.6792 21.4086 31.2368C21.6185 30.4964 21.7474 29.6479 21.7984 28.7695H19.9966C19.8887 30.3764 19.5079 31.4047 19.2531 31.7765C18.9983 31.4047 18.6175 30.3764 18.5066 28.7695H16.7048C16.7558 29.6599 16.8877 30.5204 17.1035 31.2669C16.2192 30.7092 15.5656 29.8188 15.3258 28.7695H13.5C13.9347 31.5486 16.3361 33.6832 19.2351 33.6832C19.2381 33.6832 19.2441 33.6832 19.2471 33.6832C19.2471 33.6832 19.2501 33.6832 19.2531 33.6832C19.2591 33.6832 19.2651 33.6832 19.2711 33.6832C22.1521 33.6652 24.5355 31.5366 24.9702 28.7695H24.9672Z" fill="#0372E2"></path>
241      <path id="cayehdguwt-Vector_5" d="M27.7547 15.9945C27.7547 15.251 27.1521 14.6484 26.4086 14.6484C25.6651 14.6484 25.0625 15.251 25.0625 15.9945C25.0625 16.738 25.6651 17.3406 26.4086 17.3406C27.1521 17.3406 27.7547 16.738 27.7547 15.9945Z" fill="#0372E2"></path>
242      <path id="cayehdguwt-Vector_6" d="M32.4031 15.9945C32.4031 15.251 31.8005 14.6484 31.057 14.6484C30.3135 14.6484 29.7109 15.251 29.7109 15.9945C29.7109 16.738 30.3135 17.3406 31.057 17.3406C31.8005 17.3406 32.4031 16.738 32.4031 15.9945Z" fill="#0372E2"></path>
243      <path id="cayehdguwt-Vector_7" d="M36.9344 15.9945C36.9344 15.251 36.3318 14.6484 35.5883 14.6484C34.8448 14.6484 34.2422 15.251 34.2422 15.9945C34.2422 16.738 34.8448 17.3406 35.5883 17.3406C36.3318 17.3406 36.9344 16.738 36.9344 15.9945Z" fill="#0372E2"></path>
244    </g>
245  </g>
246</svg>
247
248                            
249                                        <div class="space-y-1">
250                                                    <div class="type-theta" :lang="suggestedSite?.language" x-html="suggestedSite?.bannerText || `Select\u0020your\u0020preferred\u0020language`"></div>
251                                            </div>
252
253                    <div class="flex gap-x-4 items-center md:whitespace-nowrap grow">
254                        <div class="relative md:mr-auto">
255                            <button
256                                x-ref="button"
257                                @click="
258                                    toggle(),
259                                    window.dataLayer = window.dataLayer || [];
260                                    window.dataLayer.push({
261                                        event: 'banner_interaction',
262                                        element_name: activeLink.text,
263                                        element_location: 'header',
264                                        element_action: 'language dropdown'
265                                    });
266                                "
267                                :aria-expanded="open"
268                                aria-controls="banner-language"
269                                aria-label="click to change language: current language is English"
270                                class="text-left pr-10 border-b border-black-ink/30"
271                            >
272                                <span class="type-s-paragraph" x-text="activeLink.text"></span>
273                                <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewBox="0 0 14 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="open ? &#039;rotate-0&#039; : &#039;rotate-180&#039;">
274    <path d="M7 0L13.0622 6.75H0.937822L7 0Z" fill="currentColor" />
275</svg>
276
277                            </button>
278
279                            <div
280                                x-show="open"
281                                id="language"
282                                class="overflow-y-auto absolute left-0 bg-white border shadow-lg z-[1] w-[220px] top-[30px] text-black-ink max-h-[calc(100dvh-76px)]"
283                                style="display: none;"
284                                @click.outside="close($refs.button)"
285                            >
286                                <ul>
287                                                                            <li
288                                            x-data="{
289                                                itemLink: {
290                                                    text: `English`,
291                                                    url: 'https://www.thetradedesk.com/'
292                                                }
293                                            }"
294                                        >
295                                            <button
296                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
297                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
298                                                @click="setActive(itemLink)"
299                                            >
300                                                <span class="type-iota">English</span>
301                                            </button>
302                                        </li>
303                                                                            <li
304                                            x-data="{
305                                                itemLink: {
306                                                    text: `English (UK)`,
307                                                    url: 'https://www.thetradedesk.com/uk/'
308                                                }
309                                            }"
310                                        >
311                                            <button
312                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
313                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
314                                                @click="setActive(itemLink)"
315                                            >
316                                                <span class="type-iota">English (uk)</span>
317                                            </button>
318                                        </li>
319                                                                            <li
320                                            x-data="{
321                                                itemLink: {
322                                                    text: `中文(简体)`,
323                                                    url: 'https://www.thetradedesk.cn/'
324                                                }
325                                            }"
326                                        >
327                                            <button
328                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
329                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
330                                                @click="setActive(itemLink)"
331                                            >
332                                                <span class="type-iota">中文(简体)</span>
333                                            </button>
334                                        </li>
335                                                                            <li
336                                            x-data="{
337                                                itemLink: {
338                                                    text: `中文(繁體)`,
339                                                    url: 'https://www.thetradedesk.com/tw/'
340                                                }
341                                            }"
342                                        >
343                                            <button
344                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
345                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
346                                                @click="setActive(itemLink)"
347                                            >
348                                                <span class="type-iota">中文(繁體)</span>
349                                            </button>
350                                        </li>
351                                                                            <li
352                                            x-data="{
353                                                itemLink: {
354                                                    text: `日本語`,
355                                                    url: 'https://www.thetradedesk.com/jp/'
356                                                }
357                                            }"
358                                        >
359                                            <button
360                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
361                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
362                                                @click="setActive(itemLink)"
363                                            >
364                                                <span class="type-iota">日本語</span>
365                                            </button>
366                                        </li>
367                                                                            <li
368                                            x-data="{
369                                                itemLink: {
370                                                    text: `한국어`,
371                                                    url: 'https://www.thetradedesk.com/kr/'
372                                                }
373                                            }"
374                                        >
375                                            <button
376                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
377                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
378                                                @click="setActive(itemLink)"
379                                            >
380                                                <span class="type-iota">한국어</span>
381                                            </button>
382                                        </li>
383                                                                            <li
384                                            x-data="{
385                                                itemLink: {
386                                                    text: `Deutsch`,
387                                                    url: 'https://www.thetradedesk.com/de/'
388                                                }
389                                            }"
390                                        >
391                                            <button
392                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
393                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
394                                                @click="setActive(itemLink)"
395                                            >
396                                                <span class="type-iota">Deutsch</span>
397                                            </button>
398                                        </li>
399                                                                            <li
400                                            x-data="{
401                                                itemLink: {
402                                                    text: `Français`,
403                                                    url: 'https://www.thetradedesk.com/fr/'
404                                                }
405                                            }"
406                                        >
407                                            <button
408                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
409                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
410                                                @click="setActive(itemLink)"
411                                            >
412                                                <span class="type-iota">Français</span>
413                                            </button>
414                                        </li>
415                                                                            <li
416                                            x-data="{
417                                                itemLink: {
418                                                    text: `Español`,
419                                                    url: 'https://www.thetradedesk.com/es/'
420                                                }
421                                            }"
422                                        >
423                                            <button
424                                                class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt"
425                                                :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }"
426                                                @click="setActive(itemLink)"
427                                            >
428                                                <span class="type-iota">Español</span>
429                                            </button>
430                                        </li>
431                                                                    </ul>
432                            </div>
433                        </div>
434
435                        <a
436                            :href="activeLink.url"
437                            class="button-sm button-secondary-black"
438                            @click="
439                                window.dataLayer = window.dataLayer || [];
440                                window.dataLayer.push({
441                                    event: 'banner_interaction',
442                                    element_name: 'Continue',
443                                    element_location: 'header',
444                                    element_action: 'button click'
445                                });
446                            "
447                        >
448                            Continue
449                        </a>
450                                        <button
451                    @click="
452                        dismissBanner(),
453                        window.dataLayer = window.dataLayer || [];
454                        window.dataLayer.push({
455                            event: 'banner_interaction',
456                            element_name: 'Select your preferred language',
457                            element_location: 'header',
458                            element_action: 'dismiss'
459                        });
460                    "
461                    class="absolute top-2.5 right-2.5 md:static"
462                >
463                    <span class="sr-only">Click to close alert</span>
464                    <svg class="w-[31px] h-[31px] text-white hover:opacity-70" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
465    <circle opacity="0.75" cx="15.5" cy="15.5" r="15.5" fill="currentColor"/>
466    <path d="M9.92188 9.91992L21.0819 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/>
467    <path d="M21.0819 9.91992L9.92188 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/>
468</svg>
469
470                </button>
471            
472                    </div>
473                </div>
474            </template>
475
476            <template x-if="!siteMismatch && alertEnabled" >
477                <div
478                class="flex flex-col gap-1.5 py-3 pr-7 md:flex-row md:gap-4 md:items-center md:py-4 md:pr-0 md:min-h-[75px]"
479                x-data
480                x-init="
481                    if(bannerActive) {
482                        window.dataLayer = window.dataLayer || [];
483                        window.dataLayer.push({
484                            event: 'banner_view',
485                            element_name: 'Recruiting fraud is a growing issue for many companies.',
486                            element_location: 'header'
487                        });
488                    }
489                "
490                >
491                                            <div class="hidden md:block">
492                                                                <svg class="shrink-0 aspect-square size-10 md:size-[50px]" width="50" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="none">
493  <g id="Group 338064">
494    <rect id="gexxtrmhxx-icon_plus" x="50" y="50" width="50" height="50" rx="8" transform="rotate(-180 50 50)" fill="white"></rect>
495    <g id="gexxtrmhxx-Group">
496      <path id="gexxtrmhxx-Vector" d="M31.7997 29.4704L13.4922 25.8724V27.651L17.5356 28.4458V35.4468L21.32 40.7741H28.714L23.4683 33.5285V29.6102L31.7997 31.2491V35.1994H33.5464V9H31.7997V29.4704ZM25.2935 39.0303H22.2224L19.2823 34.8908V28.7893L21.7217 29.2696V34.0961L25.2935 39.0303Z" fill="#0372E2"></path>
497      <path id="gexxtrmhxx-Vector_2" d="M42.3269 20.2383H38.1641V21.9849H42.3269V20.2383Z" fill="#0372E2"></path>
498      <path id="gexxtrmhxx-Vector_3" d="M37.3608 24.32L36.2891 25.6992L39.5807 28.2571L40.6524 26.8779L37.3608 24.32Z" fill="#0372E2"></path>
499      <path id="gexxtrmhxx-Vector_4" d="M39.1438 13.8184L36.0234 16.5781L37.1806 17.8865L40.301 15.1268L39.1438 13.8184Z" fill="#0372E2"></path>
500      <path id="gexxtrmhxx-Vector_5" d="M30.0571 14.9105V13.1289L11.7466 16.7299V14.5029H10V29.7918H11.7466V18.5085L30.0571 14.9105Z" fill="#0372E2"></path>
501    </g>
502  </g>
503</svg>
504
505                            
506                        </div>
507                                        <div class="flex flex-col gap-1">
508                        <div class="flex gap-2 items-center">
509                                                            <div class="md:hidden">
510                                                                        <svg class="shrink-0 aspect-square size-10 md:size-[50px]" width="50" height="50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="none">
511  <g id="Group 338064">
512    <rect id="tlkydpehhj-icon_plus" x="50" y="50" width="50" height="50" rx="8" transform="rotate(-180 50 50)" fill="white"></rect>
513    <g id="tlkydpehhj-Group">
514      <path id="tlkydpehhj-Vector" d="M31.7997 29.4704L13.4922 25.8724V27.651L17.5356 28.4458V35.4468L21.32 40.7741H28.714L23.4683 33.5285V29.6102L31.7997 31.2491V35.1994H33.5464V9H31.7997V29.4704ZM25.2935 39.0303H22.2224L19.2823 34.8908V28.7893L21.7217 29.2696V34.0961L25.2935 39.0303Z" fill="#0372E2"></path>
515      <path id="tlkydpehhj-Vector_2" d="M42.3269 20.2383H38.1641V21.9849H42.3269V20.2383Z" fill="#0372E2"></path>
516      <path id="tlkydpehhj-Vector_3" d="M37.3608 24.32L36.2891 25.6992L39.5807 28.2571L40.6524 26.8779L37.3608 24.32Z" fill="#0372E2"></path>
517      <path id="tlkydpehhj-Vector_4" d="M39.1438 13.8184L36.0234 16.5781L37.1806 17.8865L40.301 15.1268L39.1438 13.8184Z" fill="#0372E2"></path>
518      <path id="tlkydpehhj-Vector_5" d="M30.0571 14.9105V13.1289L11.7466 16.7299V14.5029H10V29.7918H11.7466V18.5085L30.0571 14.9105Z" fill="#0372E2"></path>
519    </g>
520  </g>
521</svg>
522
523                            
524                                </div>
525                                                                                        <div class="type-theta"><p>Recruiting fraud is a growing issue for many companies.</p>
526</div>
527                                                    </div>
528                                                    <div class="type-s-paragraph"><p>The Trade Desk takes this issue seriously and is taking steps to address it.</p>
529</div>
530                                            </div>
531
532                    <div class="whitespace-nowrap md:flex md:gap-x-4 md:items-center md:ml-auto">
533                                                    
534
535
536    
537
538
539
540<a  class="button button-sm button-secondary-black" href="privacy.html" data-click-button="button" @click="window.dataLayer.push({
541                                        event: &#039;banner_interaction&#039;,
542                                        element_name: &#039;Learn More&#039;,
543                                        element_location: &#039;header&#039;,
544                                        element_action: &#039;button click&#039;
545                                    })" data-click-item="banner cta">                                        Learn More
546                
547                    </a>                                                                <button
548                    @click="
549                        dismissBanner(),
550                        window.dataLayer = window.dataLayer || [];
551                        window.dataLayer.push({
552                            event: 'banner_interaction',
553                            element_name: 'Recruiting fraud is a growing issue for many companies.',
554                            element_location: 'header',
555                            element_action: 'dismiss'
556                        });
557                    "
558                    class="absolute top-2.5 right-2.5 md:static"
559                >
560                    <span class="sr-only">Click to close alert</span>
561                    <svg class="w-[31px] h-[31px] text-white hover:opacity-70" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
562    <circle opacity="0.75" cx="15.5" cy="15.5" r="15.5" fill="currentColor"/>
563    <path d="M9.92188 9.91992L21.0819 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/>
564    <path d="M21.0819 9.91992L9.92188 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/>
565</svg>
566
567                </button>
568            
569                    </div>
570                </div>
571            </template>
572
573            
574                    </div>
575</div>
576
577        <div  class="relative bg-white after:content-[&#039;&#039;] after:absolute after:h-px after:w-full after:bottom-0 after:bg-gray-500">
578        
579
580
581<div  class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto">
582	                <div  class="flex gap-2 justify-between items-center py-3 lg:justify-center h-navbar">
583                                        <button
584                        @click="active = null"
585                        aria-label="panel_close"
586                        class="relative pl-6 text-left lg:hidden text-dark-blue-sky"
587                        x-show="active && active.includes('mobile-')"
588                        style="display: none;"
589                    >
590                        <svg class="rotate-180 stroke-current absolute rotate-90 left-0 top-1.5 w-[13px] h-3" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
591    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
592</svg>
593
594                        <span class="type-theta">Back</span>
595                    </button>
596
597                                                                                        
598
599
600
601<a  class="flex items-center size-full max-w-[168px] lg:max-w-[252px] " href="index.html" :class="[ active &amp;&amp; active.includes(&#039;mobile-&#039;) ? &#039;max-lg:hidden&#039; : &#039;&#039; ]">                                <span class="sr-only">Link to The Trade Desk Home Page</span>
602                                                                                                                                                <svg class="lg:mx-auto max-w-full max-h-full fill-current" height="27" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 27" fill="none">
603  <g id="yaphqjzghz-logo_brand" clip-path="url(#yaphqjzghz-clip0_1946_13763)">
604    <g id="yaphqjzghz-Group">
605      <path id="yaphqjzghz-Vector" d="M43.3407 26.7761C39.5527 26.7761 37.6771 24.5761 37.6771 20.9036V11.2036H34.25V7.42109H37.6771V2.57359L42.1868 1.43359V7.42109H46.9126V11.2086H42.1868V20.5011C42.1868 21.9736 42.8374 22.5961 44.2784 22.5961C45.2138 22.5961 45.9724 22.5586 47.2023 22.4111V26.2711C45.938 26.5961 44.6761 26.7786 43.3407 26.7786V26.7761Z" fill="currentColor"></path>
606      <path id="yaphqjzghz-Vector_2" d="M60.8914 26.5145V14.7245C60.8914 12.5195 60.1721 11.162 57.7908 11.162C55.0854 11.162 53.9316 14.0995 53.9316 16.4495V26.5145H49.4219V0.00195312H53.9316V9.43695C55.0167 7.82195 57.1034 6.93945 59.0526 6.93945C63.0566 6.93945 65.4011 9.83945 65.4011 13.772V26.5145H60.8914Z" fill="currentColor"></path>
607      <path id="yaphqjzghz-Vector_3" d="M84.9719 18.4056H72.4222C72.3854 19.8731 72.8911 21.2681 73.7921 22.1506C74.4377 22.7756 75.3411 23.3281 76.5711 23.3281C77.8673 23.3281 78.6602 23.0706 79.3132 22.4081C79.7036 22.0031 80.0325 21.4906 80.2142 20.7931H84.5423C84.4343 21.9331 83.6781 23.4431 82.9564 24.3231C81.3729 26.2331 79.026 27.0031 76.6472 27.0031C74.0842 27.0031 72.2062 26.0856 70.7308 24.6506C68.8552 22.8156 67.8438 20.1356 67.8438 17.0156C67.8438 13.8956 68.7447 11.2481 70.5466 9.37313C71.9533 7.90813 73.9713 6.95312 76.5342 6.95312C79.3157 6.95312 81.8345 8.09313 83.386 10.4781C84.7583 12.5731 85.0799 14.7381 85.0112 17.1281C85.0063 17.1206 84.9719 18.0031 84.9719 18.4081V18.4056ZM79.3452 11.7206C78.7314 11.0581 77.7961 10.6156 76.495 10.6156C75.1251 10.6156 74.0081 11.2056 73.3551 12.0831C72.7119 12.9256 72.4222 13.8081 72.3854 15.0556H80.499C80.4622 13.6281 80.0645 12.5231 79.3452 11.7181V11.7206Z" fill="currentColor"></path>
608      <path id="yaphqjzghz-Vector_4" d="M94.6932 4.88273V26.5177H89.8079V4.88273H82.2344V0.240234H102.262V4.88273H94.6908H94.6932Z" fill="currentColor"></path>
609      <path id="yaphqjzghz-Vector_5" d="M109.748 11.4941C106.579 11.4941 104.917 13.8091 104.917 16.8916V26.5141H100.375V7.41656H104.195L104.593 10.2841C105.457 8.07906 107.693 7.16406 109.893 7.16406C110.362 7.16406 110.833 7.20156 111.299 7.27406V11.6816C110.796 11.5666 110.256 11.4941 109.75 11.4941H109.748Z" fill="currentColor"></path>
610      <path id="yaphqjzghz-Vector_6" d="M127.781 26.812C125.834 26.812 124.751 25.5645 124.609 24.132C123.745 25.6745 121.579 26.9945 118.911 26.9945C114.438 26.9945 112.133 24.132 112.133 21.007C112.133 17.372 114.909 15.277 118.479 15.0245L124 14.617V13.442C124 11.6395 123.381 10.432 120.823 10.432C118.732 10.432 117.507 11.3845 117.396 13.147H113.034C113.287 8.84445 116.64 6.93945 120.826 6.93945C124.039 6.93945 126.7
61077 7.96695 127.857 10.832C128.326 12.047 128.402 13.4045 128.402 14.6895V21.777C128.402 22.6595 128.691 22.992 129.445 22.992C129.73 22.992 130.024 22.9195 130.024 22.9195V26.297C129.259 26.627 128.863 26.812 127.781 26.812ZM123.998 18.032L119.233 18.3995C117.863 18.5095 116.53 19.357 116.53 20.897C116.53 22.437 117.791 23.282 119.201 23.282C122.016 23.282 124 21.7395 124 18.9095V18.0295L123.998 18.032Z" fill="currentColor"></path>
611      <path id="yaphqjzghz-Vector_7" d="M144.711 26.5175L144.426 24.425C143.307 26.1875 141.213 26.96 139.16 26.96C137.285 26.96 135.736 26.2975 134.579 25.345C132.338 23.4725 131.258 20.605 131.258 17.0075C131.258 13.41 132.375 10.3575 134.611 8.4825C135.763 7.53 137.282 6.94 139.192 6.94C141.573 6.94 143.304 7.75 144.1 8.74V0H148.607V26.5175H144.711ZM140.061 10.8C138.655 10.8 137.675 11.4575 137.032 12.305C136.092 13.5525 135.844 15.2825 135.844 16.935C135.844 18.5875 136.097 20.35 137.032 21.5975C137.68 22.44 138.657 23.1025 140.061 23.1025C143.596 23.1025 144.318 19.6875 144.318 16.935C144.318 14.1825 143.596 10.8 140.061 10.8Z" fill="currentColor"></path>
612      <path id="yaphqjzghz-Vector_8" d="M167.852 18.4017H155.302C155.265 19.8692 155.771 21.2642 156.672 22.1467C157.32 22.7717 158.224 23.3242 159.449 23.3242C160.75 23.3242 161.54 23.0667 162.191 22.4042C162.588 21.9992 162.912 21.4867 163.092 20.7892H167.42C167.312 21.9292 166.553 23.4392 165.834 24.3192C164.248 26.2292 161.903 26.9992 159.522 26.9992C156.964 26.9992 155.086 26.0842 153.606 24.6467C151.73 22.8117 150.719 20.1317 150.719 17.0117C150.719 13.8917 151.62 11.2442 153.422 9.36922C154.828 7.90422 156.846 6.94922 159.409 6.94922C162.188 6.94922 164.709 8.08922 166.263 10.4742C167.633 12.5692 167.957 14.7342 167.886 17.1242C167.886 17.1167 167.854 17.9992 167.854 18.4042L167.852 18.4017ZM162.223 11.7142C161.609 11.0517 160.674 10.6092 159.372 10.6092C158.003 10.6092 156.886 11.1992 156.235 12.0767C155.584 12.9192 155.3 13.8017 155.26 15.0492H163.376C163.34 13.6217 162.947 12.5167 162.223 11.7117V11.7142Z" fill="currentColor"></path>
613      <path id="yaphqjzghz-Vector_9" d="M187.282 23.728C185.588 25.528 183.025 26.518 180.101 26.518H170.148V0.480469H180.101C183.025 0.480469 185.585 1.47047 187.282 3.27047C189.913 6.02547 190.277 9.88297 190.277 13.483C190.277 17.083 189.911 20.9755 187.282 23.7305V23.728ZM183.707 6.20797C182.843 5.32797 181.579 4.73547 180.101 4.73547H174.801V22.2555H180.101C181.579 22.2555 182.843 21.6705 183.707 20.788C185.509 18.953 185.546 15.868 185.546 13.4805C185.546 11.093 185.509 8.04047 183.707 6.20797Z" fill="currentColor"></path>
614      <path id="yaphqjzghz-Vector_10" d="M208.87 18.4056H196.315C196.278 19.8731 196.784 21.2681 197.688 22.1506C198.338 22.7756 199.234 23.3281 200.462 23.3281C201.758 23.3281 202.553 23.0706 203.204 22.4081C203.602 22.0031 203.923 21.4906 204.105 20.7931H208.43C208.322 21.9331 207.564 23.4431 206.845 24.3231C205.259 26.2331 202.914 27.0031 200.533 27.0031C197.97 27.0031 196.099 26.0856 194.619 24.6506C192.743 22.8131 191.734 20.1356 191.734 17.0156C191.734 13.8956 192.638 11.2481 194.437 9.37313C195.844 7.90813 197.867 6.95312 200.427 6.95312C203.206 6.95312 205.728 8.09313 207.282 10.4781C208.651 12.5731 208.975 14.7381 208.904 17.1281C208.904 17.1206 208.867 18.0031 208.867 18.4081L208.87 18.4056ZM203.243 11.7206C202.629 11.0581 201.689 10.6156 200.393 10.6156C199.023 10.6156 197.904 11.2056 197.253 12.0831C196.607 12.9256 196.313 13.8081 196.281 15.0556H204.395C204.363 13.6281 203.965 12.5231 203.246 11.7181L203.243 11.7206Z" fill="currentColor"></path>
615      <path id="yaphqjzghz-Vector_11" d="M228.104 0V26.5175H232.609V21.4875L235.604 18.1825L240.87 26.5175H246.099L238.668 14.8L245.375 7.4175H239.716L232.606 15.17V0H228.102H228.104Z" fill="currentColor"></path>
616      <path id="yaphqjzghz-Vector_12" d="M220.971 15.2045C219.127 14.9095 218.658 14.877 216.967 14.652C215.955 14.5045 214.807 14.0995 214.807 12.747C214.807 11.7495 215.457 11.0545 216.248 10.722C216.935 10.432 217.549 10.432 218.194 10.432C219.13 10.432 220.109 10.762 220.647 11.3145C221.081 11.7895 221.405 12.377 221.405 13.1145H225.699C225.699 11.7195 225.054 10.2845 224.04 9.17945C222.67 7.67445 220.396 6.93945 218.16 6.93945C215.924 6.93945 213.834 7.63945 212.462 8.84445C211.345 9.84195 210.555 11.1995 210.555 13.147C210.555 15.5695 212.283 17.702 214.848 18.252C216.503 18.6195 218.379 
61618.727 220.038 18.9845C221.194 19.172 221.916 19.9045 221.916 21.0045C221.916 23.0995 219.606 23.432 218.094 23.432C216.798 23.432 215.965 23.172 215.246 22.5845C214.762 22.187 214.397 21.4795 214.281 20.762H210.039C210.169 22.3845 210.999 23.8045 211.998 24.7845C213.55 26.2895 215.678 26.9895 218.057 26.9895C220.62 26.9895 222.959 26.3295 224.474 24.7845C225.449 23.7945 226.097 22.432 226.097 20.597C226.089 17.5895 223.929 15.6795 220.968 15.202L220.971 15.2045Z" fill="currentColor"></path>
617      <path id="yaphqjzghz-Vector_13" d="M249.588 7.35742C248.2 7.35742 247.172 6.25742 247.172 4.86242C247.172 3.46742 248.2 2.35742 249.588 2.35742C250.975 2.35742 251.998 3.46242 251.998 4.85242C252.003 6.24742 250.975 7.35742 249.588 7.35742ZM249.588 2.79742C248.404 2.79742 247.626 3.67742 247.626 4.86242C247.626 6.04742 248.409 6.92242 249.588 6.92242C250.766 6.92242 251.549 6.04742 251.549 4.85742C251.549 3.66742 250.768 2.79742 249.588 2.79742ZM250.13 6.11992L249.703 5.16492H249.207V6.11992H248.755V3.51242H249.696C250.182 3.51242 250.601 3.79992 250.601 4.32992C250.601 4.66742 250.459 4.93742 250.142 5.08242L250.614 6.11992H250.133H250.13ZM249.693 3.93742H249.192V4.73992H249.693C249.958 4.73992 250.135 4.61742 250.135 4.33492C250.135 4.05242 249.931 3.93492 249.693 3.93492V3.93742Z" fill="currentColor"></path>
618    </g>
619    <g id="yaphqjzghz-Group_2">
620      <path id="yaphqjzghz-Vector_14" d="M7.11443 19.5486V25.3811C2.88701 23.1486 0 18.6511 0 13.4661C0 11.5661 0.387881 9.75859 1.09 8.12109H6.47614C5.34196 9.59359 4.66439 11.4486 4.66439 13.4661C4.66439 15.8361 5.59973 17.9836 7.11443 19.5486Z" fill="currentColor"></path>
621      <path id="yaphqjzghz-Vector_15" d="M26.3418 13.4646C26.3418 20.8746 20.445 26.8796 13.171 26.8796C12.3781 26.8796 11.5999 26.8071 10.8438 26.6696V21.8021C11.5827 22.0146 12.3634 22.1296 13.171 22.1296C17.8673 22.1296 21.6774 18.2496 21.6774 13.4646C21.6774 11.0846 20.7347 8.92711 19.2077 7.36211V1.53711C23.445 3.76711 26.3418 8.27211 26.3418 13.4646Z" fill="currentColor"></path>
622      <path id="yaphqjzghz-Vector_16" d="M5.80469 0.125V4.87H10.8471V15.1275H15.5214V0.125H5.80469Z" fill="currentColor"></path>
623    </g>
624  </g>
625  <defs>
626    <clipPath id="yaphqjzghz-clip0_1946_13763">
627      <rect width="252" height="27" fill="white"></rect>
628    </clipPath>
629  </defs>
630</svg>
631
632                                                                                                </a>                    
633                                        <button
634                        type="button"
635                        class="flex flex-col gap-1.5 justify-center p-0.5 lg:hidden size-[26px] group"
636                        @click="toggleMenu()"
637                        :aria-expanded="menuOpen"
638                        aria-controls="menu"
639                        aria-label="menu-toggle"
640                    >
641                        <span
642                            class="w-full h-px bg-current transition"
643                            :class="{ 'rotate-45 translate-y-1.5': menuOpen }"
644                        ></span>
645                        <span
646                            class="w-full h-px bg-current transition"
647                            :class="{ 'opacity-0': menuOpen }"
648                        ></span>
649                        <span
650                            class="w-full h-px bg-current transition"
651                            :class="{ '-rotate-45 -translate-y-2': menuOpen }"
652                        ></span>
653                    </button>
654                </div>
655            </div>
656    </div>
657
658    <nav  class="hidden relative transition-colors duration-200 lg:block border-b bg-white" :class="[
659            scrolled &amp;&amp; !active ? &#039;shadow-lg !bg-white&#039; : &#039;&#039;,
660            scrolled &amp;&amp; active ? &#039;!bg-white&#039; : &#039;&#039;
661        ]" @click.outside="active = null">
662        
663
664
665<div  class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto">
666	                <div class="flex gap-2 justify-between items-center py-2 h-[76px]">
667                                            <ul class="flex flex-wrap gap-4 items-stretch xl:gap-5 2xl:gap-x-10">
668                                                                                                                                                                                                                                                                                                                                                                                                    <li
669                                        x-data="{
670                                            id: 'desktop-1',
671                                            get expanded() {
672                                                return this.active === this.id;
673                                            },
674                                            set expanded(value) {
675                                                this.active = value ? this.id : null;
676                                            },
677                                            isActive: '1',
678                                            parentTitle: 'Company',
679                                        }"
680                                        x-id="['desktop']"
681                                        @keydown.escape="expanded = null"
682                                    >
683                                        <button  class="relative pr-4 text-left group hover:text-dark-blue-sky" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id(&#039;desktop&#039;)" aria-label="click to open dropdown Company" :class="[
684                                                scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) ? &#039;!text-black-ink hover:!text-dark-blue-sky&#039; : &#039;&#039;,
685                                                (expanded &amp;&amp; scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))) || (expanded &amp;&amp; !([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))) ? &#039;!text-dark-blue-sky&#039; : &#039;&#039;,
686                                                isActive &amp;&amp; (!([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) || (scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)))) ? &#039;!text-dark-blue-sky&#039; : &#039;&#039;
687                                            ]" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element>
688                                            <span
689                                                class="type-iota link decoration-2 underline-offset-4 xl:type-l-paragraph xl:text-[17px]"
690                                                :class="[ expanded || isActive ? 'decoration-current' : '']"
691                                            >
692                                                Company
693                                            </span>
694                                            <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewB
694ox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &#039;rotate-180&#039; : &#039;rotate-0&#039;">
695    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
696</svg>
697
698                                        </button>
699                                        <div
700                                            x-show="expanded"
701                                            :id="$id('desktop')"
702                                            class="absolute inset-x-0 w-full bg-white shadow-lg transition top-[75px] z-[-1] text-black-ink"
703                                            style="display: none;"
704                                        >
705                                                                                        <div class="box-content grid grid-cols-3 gap-x-6 px-10 mx-auto max-w-[1570px]">
706                                                                                                    <div class="space-y-5 py-[50px] max-w-[28.9375rem]">
707                                                        <span class="block type-theta text-gray-650">About us</span>
708                                                                                                                    <span class="block type-epsilon">Relevant advertising powers the digital world. And we help power relevant advertising.</span>
709                                                                                                                                                                            
710
711
712    
713
714
715
716<a  class="button button-secondary-black" href="about-us.html" data-click-button="button" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element="Company">                                        Learn more
717                
718                    </a>                                                                                                            </div>
719                                                                                                                                                                                                            <div
720                                                            class="py-[50px] max-w-[28.9375rem] space-y-5 "
721                                                        >
722                                                            <span class="block type-theta text-gray-650">Corporate information</span>
723                                                                                                                            <ul class="space-y-3">
724                                                                                                                                            <li>
725                                                                                                                                                        
726                                                                            
727
728
729
730<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="press-room.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company">                                                                                    <span class="type-theta">Press releases &amp; media coverage</span>
731                                                                                                                                                                    </a>                                                                        </li>
732                                                                                                                                            <li>
733                                                                                                                                                        
734                                                                            
735
736
737
738<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="our-leadership.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company">                                                                                    <sp
738an class="type-theta">Our leadership</span>
739                                                                                                                                                                    </a>                                                                        </li>
740                                                                                                                                            <li>
741                                                                                                                                                        
742                                                                            
743
744
745
746<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://careers.thetradedesk.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company">                                                                                    <span class="type-theta">Careers</span>
747                                                                                                                                                                            <svg class="stroke-current w-4 h-auto" viewB
747ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
748    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
749    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
750</svg>
751                                                                                                                                                                    </a>                                                                        </li>
752                                                                                                                                            <li>
753                                                                                                                                                        
754                                                                            
755
756
757
758<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://investors.thetradedesk.com/overview/default.aspx" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company">                                                                                    <span class="type-theta">Investors</span>
759                                                                                                                                                                            <svg class="stroke-current w-4 h-auto" viewB
759ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
760    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
761    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
762</svg>
763                                                                                                                                                                    </a>                                                                        </li>
764                                                                                                                                            <li>
765                                                                                                                                                        
766                                                                            
767
768
769
770<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="office-locations.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company">                                                                                    <span class="type-theta">Office locations</span>
771                                                                                                                                                                    </a>                                                                        </li>
772                                                                                                                                    </ul>
773                                                                                                                    </div>
774                                                                                                                                                </div>
775                                        </div>
776                                    </li>
777                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li
778                                        x-data="{
779                                            id: 'desktop-2',
780                                            get expanded() {
781                                                return this.active === this.id;
782                                            },
783                                            set expanded(value) {
784                                                this.active = value ? this.id : null;
785                                            },
786                                            isActive: '',
787                                            parentTitle: 'Platform',
788                                        }"
789                                        x-id="['desktop']"
790                                        @keydown.escape="expanded = null"
791                                    >
792                                        <button  class="relative pr-4 text-left group hover:text-dark-blue-sky" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id(&#039;desktop&#039;)" aria-label="click to open dropdown Platform" :class="[
793                                                scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) ? &#039;!text-black-ink hover:!text-dark-blue-sky&#039; : &#039;&#039;,
794                                                (expanded &amp;&amp; scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))) || (expanded &amp;&amp; !([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))) ? &#039;!text-dark-blue-sky&#039; : &#039;&#039;,
795                                                isActive &amp;&amp; (!([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) || (scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)))) ? &#039;!text-dark-blue-sky&#039; : &#039;&#039;
796                                            ]" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element>
797                                            <span
798                                                class="type-iota link decoration-2 underline-offset-4 xl:type-l-paragraph xl:text-[17px]"
799                                                :class="[ expanded || isActive ? 'decoration-current' : '']"
800                                            >
801                                                Platform
802                                            </span>
803                                            <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewB
803ox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &#039;rotate-180&#039; : &#039;rotate-0&#039;">
804    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
805</svg>
806
807                                        </button>
808                                        <div
809                                            x-show="expanded"
810                                            :id="$id('desktop')"
811                                            class="absolute inset-x-0 w-full bg-white shadow-lg transition top-[75px] z-[-1] text-black-ink"
812                                            style="display: none;"
813                                        >
814                                                                                        <div class="box-content grid grid-cols-3 gap-x-6 px-10 mx-auto max-w-[1570px]">
815                                                                                                    <div class="space-y-5 py-[50px] max-w-[28.9375rem]">
816                                                        <span class="block type-theta text-gray-650">Our platform</span>
817                                                                                                                    <span class="block type-epsilon">The leading independent DSP built for data-driven marketers.</span>
818                                                                                                                                                                            
819
820
821    
822
823
824
825<a  class="button button-secondary-black" href="our-demand-side-platform.html" data-click-button="button" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element="Platform">                                        Learn more
826                
827                    </a>                                                                                                            </div>
828                                                                                                                                                                                                            <div
829                                                            class="py-[50px] max-w-[28.9375rem] space-y-5 "
830                                                        >
831                                                            <span class="block type-theta text-gray-650">Capabilities</span>
832                                                                                                                            <ul class="space-y-3">
833                                                                                                                                            <li>
834                                                                                                                                                        
835                                                                            
836
837
838
839<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="omnichannel-advertising.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Omnichannel advertising</span>
840                                                                                                                                                                    </a>                                                                        </li>
841                                                                                                                                            <li>
842                                                                                                                                                        
843                                                                            
844
845
846
847<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="identity-solutions.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <sp
847an class="type-theta">Identity solutions</span>
848                                                                                                                                                                    </a>                                                                        </li>
849                                                                                                                                            <li>
850                                                                                                                                                        
851                                                                            
852
853
854
855<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="audience-targeting.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Audience targeting</span>
856                                                                                                                                                                    </a>                                                                        </li>
857                                                                                                                                            <li>
858                                                                                                                                                        
859                                                                            
860
861
862
863<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="advertising-campaign-performance-measurement.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Measurement &amp; optimization</span>
864                                                                                                                                                                    </a>                                                                        </li>
865                                                                                                                                            <li>
866                                                                                                                                                        
867                                                                            
868
869
870
871<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="ai-artificial-intelligence.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Artificial intelligence</span>
872                                                                                                                                                                    </a>                                                                        </li>
873                                                                                                                                            <li>
874                                                                                                                                                        
875                                                                            
876
877
878
879<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="retail-media.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Retail data</span>
880                                                                                                                                                                    </a>                                                                        </li>
881                                                                                                                                            <li>
882                                                                                                                                                        
883                                                                            
884
885
886
887<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="enterprise-apis.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <sp
887an class="type-theta">APIs &amp; custom solutions</span>
888                                                                                                                                                                    </a>                                                                        </li>
889                                                                                                                                            <li>
890                                                                                                                                                        
891                                                                            
892
893
894
895<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="programmatic-buying-solutions.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Programmatic buying solutions</span>
896                                                                                                                                                                    </a>                                                                        </li>
897                                                                                                                                            <li>
898                                                                                                                                                        
899                                                                            
900
901
902
903<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="partner-directory.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Partner directory</span>
904                                                                                                                                                                    </a>                                                                        </li>
905                                                                                                                                            <li>
906                                                                                                                                                        
907                                                                            
908
909
910
911<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="openpath.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">OpenPath</span>
912                                                                                                                                                                    </a>                                                                        </li>
913                                                                                                                                            <li>
914                                                                                                                                                        
915                                                                            
916
917
918
919<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://unifiedid.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">UID2</span>
920                                                                                                                                                                            <svg class="stroke-current w-4 h-auto" viewB
920ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
921    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
922    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
923</svg>
924                                                                                                                                                                    </a>                                                                        </li>
925                                                                                                                                    </ul>
926                                                                                                                    </div>
927                                                                                                            <div
928                                                            class="py-[50px] max-w-[28.9375rem] space-y-5  pl-[88px] "
929                                                        >
930                                                            <span class="block type-theta text-gray-650">Channels</span>
931                                                                                                                            <ul class="space-y-3">
932                                                                                                                                            <li>
933                                                                                                                                                        
934                                                                            
935
936
937
938<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="audio.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Audio</span>
939                                                                                                                                                                    </a>                                                                        </li>
940                                                                                                                                            <li>
941                                                                                                                                                        
942                                                                            
943
944
945
946<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="connected-tv.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">CTV / OTT</span>
947                                                                                                                                                                    </a>                                                                        </li>
948                                                                                                                                            <li>
949                                                                                                                                                        
950                                                                            
951
952
953
954<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="digital-out-of-home.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Digital out-of-home</span>
955                                                                                                                                                                    </a>                                                                        </li>
956                                                                                                                                            <li>
957                                                                                                                                                        
958                                                                            
959
960
961
962<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="display.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <sp
962an class="type-theta">Display</span>
963                                                                                                                                                                    </a>                                                                        </li>
964                                                                                                                                            <li>
965                                                                                                                                                        
966                                                                            
967
968
969
970<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="mobile.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Mobile</span>
971                                                                                                                                                                    </a>                                                                        </li>
972                                                                                                                                            <li>
973                                                                                                                                                        
974                                                                            
975
976
977
978<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="native.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Native</span>
979                                                                                                                                                                    </a>                                                                        </li>
980                                                                                                                                            <li>
981                                                                                                                                                        
982                                                                            
983
984
985
986<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="video.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform">                                                                                    <span class="type-theta">Video</span>
987                                                                                                                                                                    </a>                                                                        </li>
988                                                                                                                                    </ul>
989                                                                                                                    </div>
990                                                                                                                                                </div>
991                                        </div>
992                                    </li>
993                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li
994                                        x-data="{
995                                            id: 'desktop-3',
996                                            get expanded() {
997                                                return this.active === this.id;
998                                            },
999                                            set expanded(value) {
1000                                                this.active = value ? this.id : null;
1001                                            },
1002                                            isActive: '',
1003                                            parentTitle: 'Resources &amp; Insights',
1004                                        }"
1005                                        x-id="['desktop']"
1006                                        @keydown.escape="expanded = null"
1007                                    >
1008                                        <button  class="relative pr-4 text-left group hover:text-dark-blue-sky" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id(&#039;desktop&#039;)" aria-label="click to open dropdown Resources &amp; Insights" :class="[
1009                                                scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) ? &#039;!text-black-ink hover:!text-dark-blue-sky&#039; : &#039;&#039;,
1010                                                (expanded &amp;&amp; scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))) || (expanded &amp;&amp; !([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))) ? &#039;!text-dark-blue-sky&#039; : &#039;&#039;,
1011                                                isActive &amp;&amp; (!([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) || (scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)))) ? &#039;!text-dark-blue-sky&#039; : &#039;&#039;
1012                                            ]" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element>
1013                                            <span
1014                                                class="type-iota link decoration-2 underline-offset-4 xl:type-l-paragraph xl:text-[17px]"
1015                                                :class="[ expanded || isActive ? 'decoration-current' : '']"
1016                                            >
1017                                                Resources &amp; Insights
1018                                            </span>
1019                                            <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewB
1019ox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &#039;rotate-180&#039; : &#039;rotate-0&#039;">
1020    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
1021</svg>
1022
1023                                        </button>
1024                                        <div
1025                                            x-show="expanded"
1026                                            :id="$id('desktop')"
1027                                            class="absolute inset-x-0 w-full bg-white shadow-lg transition top-[75px] z-[-1] text-black-ink"
1028                                            style="display: none;"
1029                                        >
1030                                                                                        <div class="box-content grid grid-cols-3 gap-x-6 px-10 mx-auto max-w-[1570px]">
1031                                                                                                    <div class="space-y-5 py-[50px] max-w-[28.9375rem]">
1032                                                        <span class="block type-theta text-gray-650">All resources</span>
1033                                                                                                                    <span class="block type-epsilon">Best practices, how-to guides, insights, and inspiration ad pros need to succeed.</span>
1034                                                                                                                                                                            
1035
1036
1037    
1038
1039
1040
1041<a  class="button button-secondary-black" href="resources.html" data-click-button="button" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element="Resources &amp; Insights">                                        Browse resources and insights
1042                
1043                    </a>                                                                                                            </div>
1044                                                                                                                                                                                                            <div
1045                                                            class="py-[50px] max-w-[28.9375rem] space-y-5 "
1046                                                        >
1047                                                            <span class="block type-theta text-gray-650">By type</span>
1048                                                                                                                            <ul class="space-y-3">
1049                                                                                                                                            <li>
1050                                                                                                                                                        
1051                                                                            
1052
1053
1054
1055<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="case-studies.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Case studies</span>
1056                                                                                                                                                                    </a>                                                                        </li>
1057                                                                                                                                            <li>
1058                                                                                                                                                        
1059                                                                            
1060
1061
1062
1063<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="insights.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <sp
1063an class="type-theta">Insights</span>
1064                                                                                                                                                                    </a>                                                                        </li>
1065                                                                                                                                            <li>
1066                                                                                                                                                        
1067                                                                            
1068
1069
1070
1071<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://edgeacademy.thetradedesk.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Edge Academy</span>
1072                                                                                                                                                                            <svg class="stroke-current w-4 h-auto" viewB
1072ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1073    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1074    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1075</svg>
1076                                                                                                                                                                    </a>                                                                        </li>
1077                                                                                                                                            <li>
1078                                                                                                                                                        
1079                                                                            
1080
1081
1082
1083<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thecurrent.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">The Current</span>
1084                                                                                                                                                                            <svg class="stroke-current w-4 h-auto" viewB
1084ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1085    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1086    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1087</svg>
1088                                                                                                                                                                    </a>                                                                        </li>
1089                                                                                                                                            <li>
1090                                                                                                                                                        
1091                                                                            
1092
1093
1094
1095<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://partner.thetradedesk.com/v3/portal" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Developer documentation</span>
1096                                                                                                                                                                            <svg class="stroke-current w-4 h-auto" viewB
1096ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1097    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1098    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1099</svg>
1100                                                                                                                                                                    </a>                                                                        </li>
1101                                                                                                                                            <li>
1102                                                                                                                                                        
1103                                                                            
1104
1105
1106
1107<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="glossary.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Glossary</span>
1108                                                                                                                                                                    </a>                                                                        </li>
1109                                                                                                                                    </ul>
1110                                                                                                                    </div>
1111                                                                                                            <div
1112                                                            class="py-[50px] max-w-[28.9375rem] space-y-5  pl-[88px] "
1113                                                        >
1114                                                            <span class="block type-theta text-gray-650">By topic</span>
1115                                                                                                                            <ul class="space-y-3">
1116                                                                                                                                            <li>
1117                                                                                                                                                        
1118                                                                            
1119
1120
1121
1122<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="our-platform-resource-desk.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Traders of Tomorrow</span>
1123                                                                                                                                                                    </a>                                                                        </li>
1124                                                                                                                                            <li>
1125                                                                                                                                                        
1126                                                                            
1127
1128
1129
1130<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="omnichannel.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Omnichannel advertising</span>
1131                                                                                                                                                                    </a>                                                                        </li>
1132                                                                                                                                            <li>
1133                                                                                                                                                        
1134                                                                            
1135
1136
1137
1138<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="connected-tv-resource-desk.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <sp
1138an class="type-theta">Connected TV</span>
1139                                                                                                                                                                    </a>                                                                        </li>
1140                                                                                                                                            <li>
1141                                                                                                                                                        
1142                                                                            
1143
1144
1145
1146<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="data-resource-desk.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Data and measurement</span>
1147                                                                                                                                                                    </a>                                                                        </li>
1148                                                                                                                                            <li>
1149                                                                                                                                                        
1150                                                                            
1151
1152
1153
1154<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="identity-resource-desk.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Identity</span>
1155                                                                                                                                                                    </a>                                                                        </li>
1156                                                                                                                                            <li>
1157                                                                                                                                                        
1158                                                                            
1159
1160
1161
1162<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="retail-resource-desk.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Retail media</span>
1163                                                                                                                                                                    </a>                                                                        </li>
1164                                                                                                                                            <li>
1165                                                                                                                                                        
1166                                                                            
1167
1168
1169
1170<a  class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="publishers.html" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources &amp; Insights">                                                                                    <span class="type-theta">Programmatic for publishers</span>
1171                                                                                                                                                                    </a>                                                                        </li>
1172                                                                                                                                    </ul>
1173                                                                                                                    </div>
1174                                                                                                                                                </div>
1175                                        </div>
1176                                    </li>
1177                                                                                                                    </ul>
1178                    
1179                                                                    
1180                        <div class="flex gap-x-3.5 items-center xl:gap-x-5">
1181                                                            <ul class="flex flex-wrap gap-x-3.5 items-center xl:gap-x-5">
1182                                                                            <li>
1183                                                                                                                                        
1184
1185
1186
1187<a  class="type-iota link decoration-2 underline-offset-4 hover:text-dark-blue-sky" href="https://careers.thetradedesk.com/" :class="[
1188                                                            scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) ? &#039;!text-black-ink hover:!text-dark-blue-sky&#039; : &#039;&#039;,
1189                                                        ]" data-nav-item data-nav-type="primary nav utility" data-click-item="nav link">Careers</a>                                                                                    </li>
1190                                                                            <li>
1191                                                                                                                                        
1192
1193
1194
1195<a  class="type-iota link decoration-2 underline-offset-4 hover:text-dark-blue-sky" href="https://investors.thetradedesk.com/overview/default.aspx" rel="noopener noreferrer" target="_blank" :class="[
1196                                                            scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)) ? &#039;!text-black-ink hover:!text-dark-blue-sky&#039; : &#039;&#039;,
1197                                                        ]" data-nav-item data-nav-type="primary nav utility" data-click-item="nav link">Investors</a>                                                                                    </li>
1198                                                                            <li>
1199                                                                                                                                    <div
1200                                                x-data="{
1201                                                    open: false,
1202                                                    toggle() {
1203                                                        if (this.open) {
1204                                                            return this.close()
1205                                                        }
1206                                                        this.open = true
1207                                                    },
1208                                                    close() {
1209                                                        if (!this.open) return
1210                                                        this.open = false
1211                                                    }
1212                                                }"
1213                                                class="relative"
1214                                                @keydown.escape="close($refs.button)"
1215                                            >
1216                                                <button  class="relative pr-4 text-left group hover:text-dark-blue-sky" x-ref="button" @click="toggle()" :aria-expanded="open" aria-controls="language" aria-label="click to change language: current language is English" :class="{
1217                                                        &#039;text-white&#039;: !scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))
1218                                                    }" data-nav-item data-nav-type="primary nav utility" data-click-item="nav link">
1219                                                    <span
1220                                                        class="type-iota link decoration-2 underline-offset-4"
1221                                                        :class="open ? 'decoration-current' : ''"
1222                                                    >
1223                                                        EN
1224                                                    </span>
1225                                                    <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5 rotate-180" viewBox="0 0 14 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="{
1226                                                            &#039;rotate-0&#039;: open,
1227                                                            &#039;rotate-180&#039;: !open
1228                                                        }">
1229    <path d="M7 0L13.0622 6.75H0.937822L7 0Z" fill="currentColor" />
1230</svg>
1231
1232                                                </button>
1233                                                <div
1234                                                    x-show="open"
1235                                                    id="language"
1236                                                    class="overflow-y-auto absolute p-2 bg-white border shadow-lg -left-[110px] w-[220px] top-[50px] text-black-ink max-h-[calc(100dvh-76px)]"
1237                                                    style="display: none;"
1238                                                    @click.outside="close($refs.button)"
1239                                                >
1240                                                    <ul class="space-y-2">
1241                                                                                                                    <li>
1242                                                                
1243
1244
1245
1246<a  class="type-iota link" href="index.html" data-click-button="button" data-nav-type="utility nav">English</a>                                                            </li>
1247                                                                                                                    <li>
1248                                                                
1249
1250
1251
1252<a  class="type-iota link" href="index-2.html" data-click-button="button" data-nav-type="utility nav">English (UK)</a>                                                            </li>
1253                                                                                                                    <li>
1254                                                                
1255
1256
1257
1258<a  class="type-iota link" href="https://www.thetradedesk.cn/" data-click-button="button" data-nav-type="utility nav">中文(简体)</a>                                                            </li>
1259                                                                                                                    <li>
1260                                                                
1261
1262
1263
1264<a  class="type-iota link" href="index-3.html" data-click-button="button" data-nav-type="utility nav">中文(繁體)</a>                                                            </li>
1265                                                                                                                    <li>
1266                                                                
1267
1268
1269
1270<a  class="type-iota link" href="index-4.html" data-click-button="button" data-nav-type="utility nav">日本語</a>                                                            </li>
1271                                                                                                                    <li>
1272                                                                
1273
1274
1275
1276<a  class="type-iota link" href="index-5.html" data-click-button="button" data-nav-type="utility nav">한국어</a>                                                            </li>
1277                                                                                                                    <li>
1278                                                                
1279
1280
1281
1282<a  class="type-iota link" href="index-6.html" data-click-button="button" data-nav-type="utility nav">
1282Deutsch</a>                                                            </li>
1283                                                                                                                    <li>
1284                                                                
1285
1286
1287
1288<a  class="type-iota link" href="index-7.html" data-click-button="button" data-nav-type="utility nav">Français</a>                                                            </li>
1289                                                                                                                    <li>
1290                                                                
1291
1292
1293
1294<a  class="type-iota link" href="index-8.html" data-click-button="button" data-nav-type="utility nav">Español</a>                                                            </li>
1295                                                                                                            </ul>
1296                                                </div>
1297                                            </div>
1298                                                                                    </li>
1299                                                                    </ul>
1300                            
1301
1302                                                            <ul class="flex flex-wrap gap-x-3.5 items-center">
1303                                                                            <li>
1304                                                                                            
1305
1306
1307    
1308
1309
1310
1311<a  class="button button-sm button-secondary-blue-sky" href="https://desk.thetradedesk.com/" data-click-button="button" :class="{
1312                                                            &#039;button-secondary-white&#039;: !scrolled &amp;&amp; ([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme)),
1313                                                            &#039;button-secondary-blue-sky&#039;: scrolled || !([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))
1314                                                        }" data-nav-type="primary nav utility" data-nav-item data-click-item="nav cta">                                        Login
1315                
1316                    </a>                                                                                    </li>
1317                                                                            <li>
1318                                                                                                                                                                                            
1319                                                
1320
1321
1322    
1323
1324
1325
1326<a  class="button button-sm button-blue-sky" href="contact-us.html" data-click-button="button" :class="{
1327                                                            &#039;button-misty&#039;: !scrolled &amp;&amp; headerTheme === &#039;dark&#039;,
1328                                                            &#039;button-secondary-misty&#039;: !scrolled &amp;&amp; headerTheme === &#039;dark-alt&#039;,
1329                                                            &#039;button-blue-sky&#039;: scrolled || !([&#039;dark&#039;, &#039;dark-alt&#039;].includes(headerTheme))
1330                                                        }" data-nav-type="primary nav utility" data-nav-item data-click-item="nav cta">                                        Contact us
1331                
1332                    </a>                                                                                    </li>
1333                                                                    </ul>
1334                            
1335                        </div>
1336                                    </div>
1337            </div>
1338    </nav>
1339
1340        <nav class="lg:hidden" x-trap="menuOpen">
1341                                <div
1342                x-show="menuOpen && !active"
1343                x-transition:enter="transition ease-out"
1344                x-transition:enter-start="-translate-y-full"
1345                x-transition:enter-end="translate-y-0"
1346                x-transition:leave="transition ease-in"
1347                x-transition:leave-start="translate-y-0"
1348                x-transition:leave-end="-translate-y-full opacity-100"
1349                id="menu"
1350                class="fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]"
1351                style="display: none;"
1352            >
1353                <div class="overflow-y-auto">
1354                    
1355
1356
1357<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
1358	                            <div
1359                                class="flex flex-col gap-10 pb-8 h-[95dvh] md:max-h-dvh"
1360                                :class="[
1361                                    bannerActive ? 'pt-banner-elem-top-bar-height' : 'pt-navbar'
1362                                ]"
1363                            >
1364                                <ul class="divide-y">
1365                                                                                                                                                                                                                                                                                            
1366                                                                                                                                <li
1367                                                x-data="{
1368                                                    id: 'mobile-1',
1369                                                    get expanded() {
1370                                                        return this.active === this.id;
1371                                                    },
1372                                                    set expanded(value) {
1373                                                        this.active = value ? this.id : null;
1374                                                    },
1375                                                    isActive: '1',
1376                                                }"
1377                                                x-id="['mobile']"
1378                                            >
1379                                                                                                    <button
1380                                                         class="relative pr-6 py-[18px] w-full text-left group" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id(&#039;mobile&#039;)" aria-label="panel_toggle" data-nav-item data-nav-type="mobile nav" data-click-item="sub categories cta" data-parent-element="Company"
1381                                                    >
1382                                                        <span
1383                                                            class="type-epsilon link decoration-2 underline-offset-4 group-hover:text-dark-blue-sky"
1384                                                            :class="[
1385                                                                isActive ? 'text-dark-blue-sky decoration-current' : '',
1386                                                            ]"
1387                                                        >
1388                                                            Company
1389                                                        </span>
1390                                                        <span class="flex absolute right-0 top-1/2 justify-end items-center w-6 h-10 -translate-y-1/2">
1391                                                            <svg class="text-dark-blue-sky stroke-current w-[13px] h-3 -rotate-90" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1392    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
1393</svg>
1394
1395                                                        </span>
1396                                                    </button>
1397                                                                                            </li>
1398                                                                                                                                                                                                                                                                                                                                    
1399                                                                                                                                <li
1400                                                x-data="{
1401                                                    id: 'mobile-2',
1402                                                    get expanded() {
1403                                                        return this.active === this.id;
1404                                                    },
1405                                                    set expanded(value) {
1406                                                        this.active = value ? this.id : null;
1407                                                    },
1408                                                    isActive: '',
1409                                                }"
1410                                                x-id="['mobile']"
1411                                            >
1412                                                                                                    <button
1413                                                         class="relative pr-6 py-[18px] w-full text-left group" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id(&#039;mobile&#039;)" aria-label="panel_toggle" data-nav-item data-nav-type="mobile nav" data-click-item="sub categories cta" data-parent-element="Platform"
1414                                                    >
1415                                                        <span
1416                                                            class="type-epsilon link decoration-2 underline-offset-4 group-hover:text-dark-blue-sky"
1417                                                            :class="[
1418                                                                isActive ? 'text-dark-blue-sky decoration-current' : '',
1419                                                            ]"
1420                                                        >
1421                                                            Platform
1422                                                        </span>
1423                                                        <span class="flex absolute right-0 top-1/2 justify-end items-center w-6 h-10 -translate-y-1/2">
1424                                                            <svg class="text-dark-blue-sky stroke-current w-[13px] h-3 -rotate-90" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1425    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
1426</svg>
1427
1428                                                        </span>
1429                                                    </button>
1430                                                                                            </li>
1431                                                                                                                                                                                                                                                                                                                                    
1432                                                                                                                                <li
1433                                                x-data="{
1434                                                    id: 'mobile-3',
1435                                                    get expanded() {
1436                                                        return this.active === this.id;
1437                                                    },
1438                                                    set expanded(value) {
1439                                                        this.active = value ? this.id : null;
1440                                                    },
1441                                                    isActive: '',
1442                                                }"
1443                                                x-id="['mobile']"
1444                                            >
1445                                                                                                    <button
1446                                                         class="relative pr-6 py-[18px] w-full text-left group" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id(&#039;mobile&#039;)" aria-label="panel_toggle" data-nav-item data-nav-type="mobile nav" data-click-item="sub categories cta" data-parent-element="Resources &amp; Insights"
1447                                                    >
1448                                                        <span
1449                                                            class="type-epsilon link decoration-2 underline-offset-4 group-hover:text-dark-blue-sky"
1450                                                            :class="[
1451                                                                isActive ? 'text-dark-blue-sky decoration-current' : '',
1452                                                            ]"
1453                                                        >
1454                                                            Resources &amp; Insights
1455                                                        </span>
1456                                                        <span class="flex absolute right-0 top-1/2 justify-end items-center w-6 h-10 -translate-y-1/2">
1457                                                            <svg class="text-dark-blue-sky stroke-current w-[13px] h-3 -rotate-90" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1458    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
1459</svg>
1460
1461                                                        </span>
1462                                                    </button>
1463                                                                                            </li>
1464                                                                                                            </ul>
1465                                                                    <div class="mt-auto border-t border-gray-500">
1466                                        <ul class="flex gap-x-6 items-center py-5">
1467                                                                                                                                                                                                        <li class="order-2">
1468                                                            
1469
1470
1471
1472<a  class="type-iota xl:type-l-paragraph xl:text-[17px] link decoration-2 underline-offset-4" href="https://careers.thetradedesk.com/" data-nav-item data-nav-type="mobile nav utility" data-click-item="nav link">Careers</a>                                                        </li>
1473                                                                                                                                                                                                                                                                                                            <li class="order-2">
1474                                                            
1475
1476
1477
1478<a  class="type-iota xl:type-l-paragraph xl:text-[17px] link decoration-2 underline-offset-4" href="https://investors.thetradedesk.com/overview/default.aspx" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav utility" data-click-item="nav link">Investors</a>                                                        </li>
1479                                                                                                                                                                                                                                                    <li class="order-1">
1480                                                                                                                <div
1481                                                            x-data="{
1482                                                                toggle() {
1483                                                                    if (this.selectLanguageOpen) {
1484                                                                        return this.close()
1485                                                                    }
1486                                                                    languageSelect.show()
1487                                                                },
1488                                                                close() {
1489                                                                    if (!this.selectLanguageOpen) return
1490                                                                    languageSelect.hide()
1491                                                                },
1492                                                                languageSelect: null,
1493                                                                init() {
1494                                                                    let languages = this.$refs.languages;
1495                                                                    if (languages) {
1496                                                                        languageSelect = new MobileSelect({
1497                                                                            trigger: languages,
1498                                                                            wheels: [
1499                                                                                { data: [{
1500                                                                                            id: 'https://www.thetradedesk.com/',
1501                                                                                            value: 'English (Selected)',
1502                                                                                        },{
1503                                                                                            id: 'https://www.thetradedesk.com/uk/',
1504                                                                                            value: 'English (UK)',
1505                                                                                        },{
1506                                                                                            id: 'https://www.thetradedesk.cn/',
1507                                                                                            value: '中文(简体)',
1508                                                                                        },{
1509                                                                                            id: 'https://www.thetradedesk.com/tw/',
1510                                                                                            value: '中文(繁體)',
1511                                                                                        },{
1512                                                                                            id: 'https://www.thetradedesk.com/jp/',
1513                                                                                            value: '日本語',
1514                                                                                        },{
1515                                                                                            id: 'https://www.thetradedesk.com/kr/',
1516                                                                                            value: '한국어',
1517                                                                                        },{
1518                                                                                            id: 'https://www.thetradedesk.com/de/',
1519                                                                                            value: 'Deutsch',
1520                                                                                        },{
1521                                                                                            id: 'https://www.thetradedesk.com/fr/',
1522                                                                                            value: 'Français',
1523                                                                                        },{
1524                                                                                            id: 'https://www.thetradedesk.com/es/',
1525                                                                                            value: 'Español',
1526                                                                                        },] },
1527                                                                            ],
1528                                                                            onChange: function (data, indexArr, msInstance) {
1529                                                                                if (data.length) {
1530                                                                                    window.location.href = data[0].id;
1531                                                                                }
1532                                                                            },
1533                                                                            title: 'Select a Language',
1534                                                                            ensureBtnText: 'Save',
1535                                                                            cancelBtnText: 'Cancel',
1536                                                                            ensureBtnColor: '#0372E2',
1537                                                                            cancelBtnColor: '#0372E2',
1538                                                                            titleColor: '#0C0C27',
1539                                                                            textColor: '#0C0C27',
1540                                                                            maskOpacity: 0.3,
1541                                                                        });
1542                                                                        languageSelect.setValue([{
1543                                                                            id: 'https://www.thetradedesk.com/',
1544                                                                            value: 'English',
1545                                                                        }]);
1546                                                                    }
1547                                                                }
1548                                                            }"
1549                                                            class="relative"
1550                                                            @keydown.escape="close($refs.button)"
1551                                                        >
1552                                                            <button  class="relative pr-4 text-left group hover:text-dark-blue-sky" x-ref="button" @click="toggle()" :aria-expanded="selectLanguageOpen" aria-controls="language" aria-label="click to change language: current language is English" :class="selectLanguageOpen ? &#039;text-dark-blue-sky&#039; : &#039;&#039;" data-nav-item data-nav-type="mobile nav utility" data-click-item="language button">
1553                                                                <sp
1553an
1554                                                                    class="type-iota link decoration-2 underline-offset-4"
1555                                                                    :class="selectLanguageOpen ? 'decoration-current' : ''"
1556                                                                >
1557                                                                    EN
1558                                                                </span>
1559                                                                <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewBox="0 0 14 7" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="selectLanguageOpen ? &#039;rotate-0&#039; : &#039;rotate-180&#039;">
1560    <path d="M7 0L13.0622 6.75H0.937822L7 0Z" fill="currentColor" />
1561</svg>
1562
1563                                                            </button>
1564                                                            <div x-ref="languages" class="hidden"></div>
1565                                                        </div>
1566                                                    </li>
1567                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
1568                                        <ul class="flex gap-3.5 items-center">
1569                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li>
1570                                                        
1571
1572
1573    
1574
1575
1576
1577<a  class="button button-sm button-secondary-black" href="https://desk.thetradedesk.com/" data-click-button="button" data-nav-item data-nav-type="mobile nav utility" data-click-item="nav link">                                        Login
1578                
1579                    </a>                                                    </li>
1580                                                                                                                                                                                                                                                                                                <li>
1581                                                        
1582
1583
1584    
1585
1586
1587
1588<a  class="button button-sm button-blue-sky" href="contact-us.html" data-click-button="button" data-nav-item data-nav-type="mobile nav utility" data-click-item="nav link">                                        Contact us
1589                
1590                    </a>                                                    </li>
1591                                                                                                                                    </ul>
1592                                    </div>
1593                                                            </div>
1594                        </div>
1595                </div>
1596            </div>
1597
1598                                                                                <div
1599                        x-data="{
1600                            id: 'mobile-1',
1601                            get expanded() {
1602                                return this.active === this.id;
1603                            },
1604                            set expanded(value) {
1605                                this.active = value ? this.id : null;
1606                            },
1607                        }"
1608                    >
1609                        <div
1610                            x-show="expanded"
1611                            x-transition:enter="transition ease-out"
1612                            x-transition:enter-start="-translate-y-full"
1613                            x-transition:enter-end="translate-y-0"
1614                            x-transition:leave="transition ease-in"
1615                            x-transition:leave-start="translate-y-0"
1616                            x-transition:leave-end="-translate-y-full opacity-100"
1617                            id="mobile-1"
1618                            class="overflow-auto fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]"
1619                            style="display: none;"
1620                                                    >
1621                            
1622
1623
1624<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
1625	                                    <div class="overflow-y-auto pb-8 pt-[84px] h-[95dvh] md:max-h-dvh">
1626                                        <div class="pt-1.5 pb-6 space-y-2.5">
1627                                                                                            <sp
1627an class="block type-epsilon">About us</span>
1628                                                                                                                                        <span class="block type-paragraph text-gray-650">Relevant advertising powers the digital world. And we help power relevant advertising.</span>
1629                                                                                                                                        <div>
1630                                                    
1631
1632
1633    
1634
1635
1636
1637<a  class="button button-sm button-secondary-black" href="about-us.html" data-click-button="button" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel cta">                                        Learn more
1638                
1639                    </a>                                                </div>
1640                                                                                    </div>
1641                                                                                    <div class="space-y-8">
1642                                                                                                    <div class="space-y-[15px]">
1643                                                        <span class="block type-theta leading-tighter text-gray-650">Corporate information</span>
1644                                                                                                                    <ul class="space-y-[15px]">
1645                                                                                                                                    <li>
1646                                                                                                                                                                                                                        
1647
1648
1649
1650<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="press-room.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company">                                                                                <span>Press releases &amp; media coverage</span>
1651                                                                                                                                                            </a>                                                                    </li>
1652                                                                                                                                    <li>
1653                                                                                                                                                                                                                        
1654
1655
1656
1657<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="our-leadership.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company">                                                                                <span>Our leadership</span>
1658                                                                                                                                                            </a>                                                                    </li>
1659                                                                                                                                    <li>
1660                                                                                                                                                                                                                        
1661
1662
1663
1664<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="https://careers.thetradedesk.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company">                                                                                <sp
1664an>Careers</span>
1665                                                                                                                                                                    <svg class="stroke-current w-3 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1666    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1667    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1668</svg>
1669                                                                                                                                                            </a>                                                                    </li>
1670                                                                                                                                    <li>
1671                                                                                                                                                                                                                        
1672
1673
1674
1675<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="https://investors.thetradedesk.com/overview/default.aspx" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company">                                                                                <span>Investors</span>
1676                                                                                                                                                                    <svg class="stroke-current w-3 h-auto" viewB
1676ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1677    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1678    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1679</svg>
1680                                                                                                                                                            </a>                                                                    </li>
1681                                                                                                                                    <li>
1682                                                                                                                                                                                                                        
1683
1684
1685
1686<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="office-locations.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company">                                                                                <span>Office locations</span>
1687                                                                                                                                                            </a>                                                                    </li>
1688                                                                                                                            </ul>
1689                                                                                                            </div>
1690                                                                                            </div>
1691                                                                            </div>
1692                                </div>
1693                        </div>
1694                    </div>
1695                                                                                    <div
1696                        x-data="{
1697                            id: 'mobile-2',
1698                            get expanded() {
1699                                return this.active === this.id;
1700                            },
1701                            set expanded(value) {
1702                                this.active = value ? this.id : null;
1703                            },
1704                        }"
1705                    >
1706                        <div
1707                            x-show="expanded"
1708                            x-transition:enter="transition ease-out"
1709                            x-transition:enter-start="-translate-y-full"
1710                            x-transition:enter-end="translate-y-0"
1711                            x-transition:leave="transition ease-in"
1712                            x-transition:leave-start="translate-y-0"
1713                            x-transition:leave-end="-translate-y-full opacity-100"
1714                            id="mobile-2"
1715                            class="overflow-auto fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]"
1716                            style="display: none;"
1717                                                    >
1718                            
1719
1720
1721<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
1722	                                    <div class="overflow-y-auto pb-8 pt-[84px] h-[95dvh] md:max-h-dvh">
1723                                        <div class="pt-1.5 pb-6 space-y-2.5">
1724                                                                                            <span class="block type-epsilon">Our platform</span>
1725                                                                                                                                        <span class="block type-paragraph text-gray-650">The leading independent DSP built for data-driven marketers.</span>
1726                                                                                                                                        <div>
1727                                                    
1728
1729
1730    
1731
1732
1733
1734<a  class="button button-sm button-secondary-black" href="our-demand-side-platform.html" data-click-button="button" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel cta">                                        Learn more
1735                
1736                    </a>                                                </div>
1737                                                                                    </div>
1738                                                                                    <div class="space-y-8">
1739                                                                                                    <div class="space-y-[15px]">
1740                                                        <span class="block type-theta leading-tighter text-gray-650">Capabilities</span>
1741                                                                                                                    <ul class="space-y-[15px]">
1742                                                                                                                                    <li>
1743                                                                                                                                                                                                                        
1744
1745
1746
1747<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="omnichannel-advertising.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Omnichannel advertising</span>
1748                                                                                                                                                            </a>                                                                    </li>
1749                                                                                                                                    <li>
1750                                                                                                                                                                                                                        
1751
1752
1753
1754<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="identity-solutions.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Identity solutions</span>
1755                                                                                                                                                            </a>                                                                    </li>
1756                                                                                                                                    <li>
1757                                                                                                                                                                                                                        
1758
1759
1760
1761<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="audience-targeting.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Audience targeting</span>
1762                                                                                                                                                            </a>                                                                    </li>
1763                                                                                                                                    <li>
1764                                                                                                                                                                                                                        
1765
1766
1767
1768<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="advertising-campaign-performance-measurement.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Measurement &amp; optimization</span>
1769                                                                                                                                                            </a>                                                                    </li>
1770                                                                                                                                    <li>
1771                                                                                                                                                                                                                        
1772
1773
1774
1775<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="ai-artificial-intelligence.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <sp
1775an>Artificial intelligence</span>
1776                                                                                                                                                            </a>                                                                    </li>
1777                                                                                                                                    <li>
1778                                                                                                                                                                                                                        
1779
1780
1781
1782<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="retail-media.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Retail data</span>
1783                                                                                                                                                            </a>                                                                    </li>
1784                                                                                                                                    <li>
1785                                                                                                                                                                                                                        
1786
1787
1788
1789<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="enterprise-apis.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>APIs &amp; custom solutions</span>
1790                                                                                                                                                            </a>                                                                    </li>
1791                                                                                                                                    <li>
1792                                                                                                                                                                                                                        
1793
1794
1795
1796<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="programmatic-buying-solutions.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Programmatic buying solutions</span>
1797                                                                                                                                                            </a>                                                                    </li>
1798                                                                                                                                    <li>
1799                                                                                                                                                                                                                        
1800
1801
1802
1803<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="partner-directory.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Partner directory</span>
1804                                                                                                                                                            </a>                                                                    </li>
1805                                                                                                                                    <li>
1806                                                                                                                                                                                                                        
1807
1808
1809
1810<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="openpath.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <sp
1810an>OpenPath</span>
1811                                                                                                                                                            </a>                                                                    </li>
1812                                                                                                                                    <li>
1813                                                                                                                                                                                                                        
1814
1815
1816
1817<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="https://unifiedid.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>UID2</span>
1818                                                                                                                                                                    <svg class="stroke-current w-3 h-auto" viewB
1818ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1819    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1820    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1821</svg>
1822                                                                                                                                                            </a>                                                                    </li>
1823                                                                                                                            </ul>
1824                                                                                                            </div>
1825                                                                                                    <div class="space-y-[15px]">
1826                                                        <span class="block type-theta leading-tighter text-gray-650">Channels</span>
1827                                                                                                                    <ul class="space-y-[15px]">
1828                                                                                                                                    <li>
1829                                                                                                                                                                                                                        
1830
1831
1832
1833<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="audio.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Audio</span>
1834                                                                                                                                                            </a>                                                                    </li>
1835                                                                                                                                    <li>
1836                                                                                                                                                                                                                        
1837
1838
1839
1840<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="connected-tv.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>CTV / OTT</span>
1841                                                                                                                                                            </a>                                                                    </li>
1842                                                                                                                                    <li>
1843                                                                                                                                                                                                                        
1844
1845
1846
1847<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="digital-out-of-home.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Digital out-of-home</span>
1848                                                                                                                                                            </a>                                                                    </li>
1849                                                                                                                                    <li>
1850                                                                                                                                                                                                                        
1851
1852
1853
1854<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="display.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <sp
1854an>Display</span>
1855                                                                                                                                                            </a>                                                                    </li>
1856                                                                                                                                    <li>
1857                                                                                                                                                                                                                        
1858
1859
1860
1861<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="mobile.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Mobile</span>
1862                                                                                                                                                            </a>                                                                    </li>
1863                                                                                                                                    <li>
1864                                                                                                                                                                                                                        
1865
1866
1867
1868<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="native.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Native</span>
1869                                                                                                                                                            </a>                                                                    </li>
1870                                                                                                                                    <li>
1871                                                                                                                                                                                                                        
1872
1873
1874
1875<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="video.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform">                                                                                <span>Video</span>
1876                                                                                                                                                            </a>                                                                    </li>
1877                                                                                                                            </ul>
1878                                                                                                            </div>
1879                                                                                            </div>
1880                                                                            </div>
1881                                </div>
1882                        </div>
1883                    </div>
1884                                                                                    <div
1885                        x-data="{
1886                            id: 'mobile-3',
1887                            get expanded() {
1888                                return this.active === this.id;
1889                            },
1890                            set expanded(value) {
1891                                this.active = value ? this.id : null;
1892                            },
1893                        }"
1894                    >
1895                        <div
1896                            x-show="expanded"
1897                            x-transition:enter="transition ease-out"
1898                            x-transition:enter-start="-translate-y-full"
1899                            x-transition:enter-end="translate-y-0"
1900                            x-transition:leave="transition ease-in"
1901                            x-transition:leave-start="translate-y-0"
1902                            x-transition:leave-end="-translate-y-full opacity-100"
1903                            id="mobile-3"
1904                            class="overflow-auto fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]"
1905                            style="display: none;"
1906                                                    >
1907                            
1908
1909
1910<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
1911	                                    <div class="overflow-y-auto pb-8 pt-[84px] h-[95dvh] md:max-h-dvh">
1912                                        <div class="pt-1.5 pb-6 space-y-2.5">
1913                                                                                            <sp
1913an class="block type-epsilon">All resources</span>
1914                                                                                                                                        <span class="block type-paragraph text-gray-650">Best practices, how-to guides, insights, and inspiration ad pros need to succeed.</span>
1915                                                                                                                                        <div>
1916                                                    
1917
1918
1919    
1920
1921
1922
1923<a  class="button button-sm button-secondary-black" href="resources.html" data-click-button="button" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel cta">                                        Browse resources and insights
1924                
1925                    </a>                                                </div>
1926                                                                                    </div>
1927                                                                                    <div class="space-y-8">
1928                                                                                                    <div class="space-y-[15px]">
1929                                                        <span class="block type-theta leading-tighter text-gray-650">By type</span>
1930                                                                                                                    <ul class="space-y-[15px]">
1931                                                                                                                                    <li>
1932                                                                                                                                                                                                                        
1933
1934
1935
1936<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="case-studies.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Case studies</span>
1937                                                                                                                                                            </a>                                                                    </li>
1938                                                                                                                                    <li>
1939                                                                                                                                                                                                                        
1940
1941
1942
1943<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="insights.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Insights</span>
1944                                                                                                                                                            </a>                                                                    </li>
1945                                                                                                                                    <li>
1946                                                                                                                                                                                                                        
1947
1948
1949
1950<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="https://edgeacademy.thetradedesk.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <sp
1950an>Edge Academy</span>
1951                                                                                                                                                                    <svg class="stroke-current w-3 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1952    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1953    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1954</svg>
1955                                                                                                                                                            </a>                                                                    </li>
1956                                                                                                                                    <li>
1957                                                                                                                                                                                                                        
1958
1959
1960
1961<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="https://www.thecurrent.com/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>The Current</span>
1962                                                                                                                                                                    <svg class="stroke-current w-3 h-auto" viewB
1962ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1963    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1964    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1965</svg>
1966                                                                                                                                                            </a>                                                                    </li>
1967                                                                                                                                    <li>
1968                                                                                                                                                                                                                        
1969
1970
1971
1972<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="https://partner.thetradedesk.com/v3/portal" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Developer documentation</span>
1973                                                                                                                                                                    <svg class="stroke-current w-3 h-auto" viewB
1973ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1974    <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" />
1975    <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" />
1976</svg>
1977                                                                                                                                                            </a>                                                                    </li>
1978                                                                                                                                    <li>
1979                                                                                                                                                                                                                        
1980
1981
1982
1983<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="glossary.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Glossary</span>
1984                                                                                                                                                            </a>                                                                    </li>
1985                                                                                                                            </ul>
1986                                                                                                            </div>
1987                                                                                                    <div class="space-y-[15px]">
1988                                                        <span class="block type-theta leading-tighter text-gray-650">By topic</span>
1989                                                                                                                    <ul class="space-y-[15px]">
1990                                                                                                                                    <li>
1991                                                                                                                                                                                                                        
1992
1993
1994
1995<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="our-platform-resource-desk.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Traders of Tomorrow</span>
1996                                                                                                                                                            </a>                                                                    </li>
1997                                                                                                                                    <li>
1998                                                                                                                                                                                                                        
1999
2000
2001
2002<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="omnichannel.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Omnichannel advertising</span>
2003                                                                                                                                                            </a>                                                                    </li>
2004                                                                                                                                    <li>
2005                                                                                                                                                                                                                        
2006
2007
2008
2009<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="connected-tv-resource-desk.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <sp
2009an>Connected TV</span>
2010                                                                                                                                                            </a>                                                                    </li>
2011                                                                                                                                    <li>
2012                                                                                                                                                                                                                        
2013
2014
2015
2016<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="data-resource-desk.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Data and measurement</span>
2017                                                                                                                                                            </a>                                                                    </li>
2018                                                                                                                                    <li>
2019                                                                                                                                                                                                                        
2020
2021
2022
2023<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="identity-resource-desk.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Identity</span>
2024                                                                                                                                                            </a>                                                                    </li>
2025                                                                                                                                    <li>
2026                                                                                                                                                                                                                        
2027
2028
2029
2030<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="retail-resource-desk.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Retail media</span>
2031                                                                                                                                                            </a>                                                                    </li>
2032                                                                                                                                    <li>
2033                                                                                                                                                                                                                        
2034
2035
2036
2037<a  class="type-s-paragraph font-semibold tracking-wider leading-tighter link flex items-center gap-x-1" href="publishers.html" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources &amp; Insights">                                                                                <span>Programmatic for publishers</span>
2038                                                                                                                                                            </a>                                                                    </li>
2039                                                                                                                            </ul>
2040                                                                                                            </div>
2041                                                                                            </div>
2042                                                                            </div>
2043                                </div>
2044                        </div>
2045                    </div>
2046                                        </nav>
2047</header>
2048
2049        <div  id="content-wrapper" class="grow pt-navbar lg:pt-navbar-full" :class="[
2050                headerTheme == &#039;white&#039; &amp;&amp; bannerActive ? &#039;!pt-banner-elem-top-bar-height lg:!pt-banner-elem-top-bar-nav-height&#039; : &#039;&#039;
2051            ]">
2052            <main id="main-content">            
2053    
2054        
2055
2056
2057                
2058    
2059<section  class="pt-4 lg:pt-10" data-block="heroFullWidth">
2060            
2061                                
2062
2063
2064<div  class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto">
2065	                                <div  class="overflow-hidden min-h-[395px] md:min-
2065h-0 flex rounded-lg md:rounded-3xl">
2066                <div  class="pt-5 lg:py-[70px] aspect-[1570/780] relative flex flex-col w-full justify-end pb-4">
2067                                                                        
2068                                                            
2069
2070
2071                        
2072                
2073            
2074    <figure >
2075                    <img  class="absolute inset-0 size-full object-cover" src="jpg/about-us.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=3140,height=1560,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/about-us.png 3140w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1570,height=780,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/about-us.png 1570w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=785,height=390,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/about-us.png 785w" width="3140" height="1560" alt="A group of friends gathers around a dinner table, sharing a moment as one person shows something on their phone, eliciting smiles and reactions." sizes="100vw" loading="lazy">
2076                    </figure>
2077        
2078                        
2079                        <div  class="pointer-events-none absolute inset-0 from-[rgba(0,0,0,1)] from-[1.41%] via-[rgba(0,0,0,0.17)] via-[59.62%] to-[rgba(0,0,0,0)] to-[79.22%] opacity-80 bg-gradient-to-tr" aria-hidden></div>
2080                    
2081                    <div  class="relative px-4 lg:px-11">
2082                        <div  class="max-w-6xl flex flex-col gap-4 lg:gap-8 items-start text-white [&amp;_.accent-text_em]:text-misty">
2083                            <div class="space-y-2">
2084                                                                                                    <h1  class="accent-text type-beta">Because <em>advertising matters</em></h1>
2085                                                            </div>
2086
2087                                                            <div class="font-normal type-paragraph max-w-[740px]">
2088                                    <p>Relevant advertising powers the digital world. And we help power relevant advertising.</p>
2089                                </div>
2090                            
2091                                                    </div>
2092                    </div>
2093                </div>
2094            </div>
2095        
2096                </div>
2097            </section>
2098    
2099                
2100<section  class="my-12 md:my-32" data-block="Text Block">
2101    
2102
2103
2104<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
2105	            
2106
2107
2108
2109<div x-data>
2110    <div x-cloak>
2111        <header  class="mx-auto text-center max-w-5xl" x-data="{ shown: false }" x-intersect.once="shown = true">
2112            <div  class="space-y-4 md:space-y-10" x-cloak>
2113                                    <div class="space-y-2 md:space-y-4">
2114                                                    <p class="type-eta">Why we do what we&nbsp;do</p>
2115                                                                            <h2  class="accent-text type-gamma" :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.300>
2116                                It’s about more than just clicks
2117                            </h2>
2118                                            </div>
2119                
2120                                    <div  class="mx-auto type-l-paragraph">
2121                        <p  :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.600>Premium streaming TV. One-click commerce. Trusted journalism. The world’s most popular audio and podcasts. All these amazing online experiences thrive on an open internet. And they’re all fueled by relevant advertising.</p>
2122                    </div>
2123                
2124                
2125                            </div>
2126
2127                    </header>
2128    </div>
2129</div>
2130        </div>
2131</section>
2132                    
2133<section  class="my-12 md:my-32" data-block="Media with Text">
2134    
2135
2136
2137<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
2138	            <div class="grid gap-10 md:grid-cols-12 md:grid-flow-col-dense">
2139                <div  class="md:col-span-6 xl:col-span-5 flex items-center order-1 md:order-none">
2140					<div  class="space-y-10 lg:space-y-16">
2141                        <div  class="space-y-4">
2142                                                                                        <h2  class="accent-text type-delta">
2143                                    That’s why we created an <em>independent media buying platform</em> designed for the open internet.
2144                                </h2>
2145                                                    </div>
2146                        <div class="space-y-6">
2147                                                            <div  class="space-y-6 [&amp;_.prose_a:not([class])]:!text-inherit prose-p:type-l-paragraph">
2148                                                                            
2149    <div  class="prose">
2150                                
2151                        <p>One that helps brands grow and thrive by giving them access to more: more customers engaging with more of the content they love across more channels and devices, and more transparency and precision at every&nbsp;stage.</p>
2152    </div>
2153                                                                    </div>
2154                                                                                </div>
2155					</div>
2156                </div>
2157
2158                <div  class="md:col-span-6 flex items-center xl:col-start-7" x-data="{ shown: false }" x-intersect.once="shown = true">
2159                    <div  class="w-full intersect-fadeup" :class="{&#039;intersected&#039;: shown}" x-cloak>
2160                                                                                                                    
2161
2162
2163                        
2164                
2165            
2166    <figure >
2167                    <img  class="w-full rounded-lg md:rounded-2xl" src="jpg/aboutus_mandevicessunglasses.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1172,height=1172,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/AboutUs_ManDevicesSunglasses.jpg 1172w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=586,height=586,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/AboutUs_ManDevicesSunglasses.jpg 586w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=293,height=293,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/AboutUs_ManDevicesSunglasses.jpg 293w" width="1172" height="1172" alt="A man sits in a sunlit room, smiling while looking at his phone, with digital elements overlaying the image, including product visuals and media icons." sizes="100vw" loading="lazy">
2168                    </figure>
2169                                                                        </div>
2170                </div>
2171            </div>
2172        </div>
2173</section>
2174                    
2175
2176
2177    <section  class="bg-lightest-misty py-12 md:py-32" data-block="Accordion">
2178
2179                            
2180
2181
2182<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
2183	                    <div class="space-y-10 md:space-y-20">
2184                                                    
2185
2186
2187
2188<div x-data>
2189    <div x-cloak>
2190        <header  class="mx-auto text-center max-w-5xl" x-data="{ shown: false }" x-intersect.once="shown = true">
2191            <div  class="space-y-4 md:space-y-10" x-cloak>
2192                                    <div class="space-y-2 md:space-y-4">
2193                                                    <p class="type-eta">OUR MISSION</p>
2194                                                                            <h2  class="accent-text type-beta" :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.300>
2195                                We’re here to help brands <em>drive growth</em>
2196                            </h2>
2197                                            </div>
2198                
2199                                    <div  class="mx-auto type-l-paragraph">
2200                        <p  :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.600>And we do that by unleashing the full potential of your data-driven advertising.</p>
2201                    </div>
2202                
2203                
2204                            </div>
2205
2206                    </header>
2207    </div>
2208</div>
2209                        
2210                                                    <div
2211                                x-data="{
2212                                    active: null,
2213                                    shown: false
2214                                }"
2215                                x-intersect.once="shown = true"
2216                                x-init="$watch('shown', (value) => { $dispatch('root-shown', value) })"
2217                                class="grid gap-10 md:grid-cols-12"
2218                                x-cloak
2219                            >
2220                                <div class="relative md:col-span-6">
2221                                    <div class="sticky top-[100px] aspect-[724/866]">
2222                                                                                                                                                                                                                        <div
2223                                                    class="absolute size-full"
2224                                                    x-show="visible"
2225                                                    style="display: none;"
2226                                                    x-transition:enter="transition duration-500 ease-in-out"
2227                                                    x-transition:enter-start="opacity-0 translate-y-5"
2228                                                    x-transition:enter-end="opacity-100 translate-y-0"
2229                                                    x-transition:leave="transition duration-500"
2230                                                    x-transition:leave-start="opacity-100"
2231                                                    x-transition:leave-end="opacity-0"
2232                                                    x-data="{
2233                                                        id: 1,
2234                                                        rootShown: false,
2235                                                        get visible() {
2236                                                            return this.active === this.id;
2237                                                        },
2238                                                        set visible(value) {
2239                                                            this.active = value ? this.id : null;
2240                                                        }
2241                                                    }"
2242                                                    @root-shown.window="rootShown = $event.detail"
2243                                                >
2244                                                                                                        
2245                                                                                                            <div class="flex justify-center items-center">
2246                                                            
2247
2248
2249                        
2250                
2251            
2252    <figure >
2253                    <img  class="size-full object-contain rounded-lg md:rounded-2xl" src="jpg/reach_manheadphonesstretching_1x1.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1448,height=1732,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Reach_ManHeadphonesStretching_1x1.jpg 1448w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=724,height=866,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Reach_ManHeadphonesStretching_1x1.jpg 724w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=362,height=433,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Reach_ManHeadphonesStretching_1x1.jpg 362w" width="1448" height="1732" alt="Man wearing headphones stretching his arms upwards" sizes="100vw" loading="lazy">
2254                    </figure>
2255                                                        </div>
2256                                                                                                    </div>
2257                                                                                            <div
2258                                                    class="absolute size-full"
2259                                                    x-show="visible"
2260                                                    style="display: none;"
2261                                                    x-transition:enter="transition duration-500 ease-in-out"
2262                                                    x-transition:enter-start="opacity-0 translate-y-5"
2263                                                    x-transition:enter-end="opacity-100 translate-y-0"
2264                                                    x-transition:leave="transition duration-500"
2265                                                    x-transition:leave-start="opacity-100"
2266                                                    x-transition:leave-end="opacity-0"
2267                                                    x-data="{
2268                                                        id: 2,
2269                                                        rootShown: false,
2270                                                        get visible() {
2271                                                            return this.active === this.id;
2272                                                        },
2273                                                        set visible(value) {
2274                                                            this.active = value ? this.id : null;
2275                                                        }
2276                                                    }"
2277                                                    @root-shown.window="rootShown = $event.detail"
2278                                                >
2279                                                                                                        
2280                                                                                                            <div class="flex justify-center items-center">
2281                                                            
2282
2283
2284                        
2285                
2286            
2287    <figure >
2288                    <img  class="size-full object-contain rounded-lg md:rounded-2xl" src="jpg/choice_coworkerstabletlaptop_1x1.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1448,height=1732,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Choice_CoworkersTabletLaptop_1x1.jpg 1448w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=724,height=866,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Choice_CoworkersTabletLaptop_1x1.jpg 724w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=362,height=433,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Choice_CoworkersTabletLaptop_1x1.jpg 362w" width="1448" height="1732" alt="Two colleagues sit at a desk in a modern office, smiling and discussing something while using a laptop and tablet." sizes="100vw" loading="lazy">
2289                    </figure>
2290                                                        </div>
2291                                                                                                    </div>
2292                                                                                            <div
2293                                                    class="absolute size-full"
2294                                                    x-show="visible"
2295                                                    style="display: none;"
2296                                                    x-transition:enter="transition duration-500 ease-in-out"
2297                             
2297                       x-transition:enter-start="opacity-0 translate-y-5"
2298                                                    x-transition:enter-end="opacity-100 translate-y-0"
2299                                                    x-transition:leave="transition duration-500"
2300                                                    x-transition:leave-start="opacity-100"
2301                                                    x-transition:leave-end="opacity-0"
2302                                                    x-data="{
2303                                                        id: 3,
2304                                                        rootShown: false,
2305                                                        get visible() {
2306                                                            return this.active === this.id;
2307                                                        },
2308                                                        set visible(value) {
2309                                                            this.active = value ? this.id : null;
2310                                                        }
2311                                                    }"
2312                                                    @root-shown.window="rootShown = $event.detail"
2313                                                >
2314                                                                                                        
2315                                                                                                            <div class="flex justify-center items-center">
2316                                                            
2317
2318
2319                        
2320                
2321            
2322    <figure >
2323                    <img  class="size-full object-contain rounded-lg md:rounded-2xl" src="jpg/roi_coworkerstabletmeeting_1x1.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1448,height=1732,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/ROI_CoworkersTabletMeeting_1x1.jpg 1448w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=724,height=866,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/ROI_CoworkersTabletMeeting_1x1.jpg 724w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=362,height=433,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/ROI_CoworkersTabletMeeting_1x1.jpg 362w" width="1448" height="1732" alt="Two women sit in a modern office with large windows, engaged in a discussion, with one holding a tablet and gesturing while speaking." sizes="100vw" loading="lazy">
2324                    </figure>
2325                                                        </div>
2326                                                                                                    </div>
2327                                                                                            <div
2328                                                    class="absolute size-full"
2329                                                    x-show="visible"
2330                                                    style="display: none;"
2331                                                    x-transition:enter="transition duration-500 ease-in-out"
2332                                                    x-transition:enter-start="opacity-0 translate-y-5"
2333                                                    x-transition:enter-end="opacity-100 translate-y-0"
2334                                                    x-transition:leave="transition duration-500"
2335                                                    x-transition:leave-start="opacity-100"
2336                                                    x-transition:leave-end="opacity-0"
2337                                                    x-data="{
2338                                                        id: 4,
2339                                                        rootShown: false,
2340                                                        get visible() {
2341                                                            return this.active === this.id;
2342                                                        },
2343                                                        set visible(value) {
2344                                                            this.active = value ? this.id : null;
2345                                                        }
2346                                                    }"
2347                                                    @root-shown.window="rootShown = $event.detail"
2348                                                >
2349                                                                                                        
2350                                                                                                            <div class="flex justify-center items-center">
2351                                                            
2352
2353
2354                        
2355                
2356            
2357    <figure >
2358                    <img  class="size-full object-contain rounded-lg md:rounded-2xl" src="jpg/growth_coffeephonebusstop_1x1.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1448,height=1732,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Growth_CoffeePhoneBusStop_1x1.jpg 1448w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=724,height=866,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Growth_CoffeePhoneBusStop_1x1.jpg 724w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=362,height=433,quality=80,fit=cover,gravity=0.5x0.5/https://assets.thetradedesk.com/assets/global/Growth_CoffeePhoneBusStop_1x1.jpg 362w" width="1448" height="1732" alt="A woman in business attire stands at a train station, holding a coffee and looking at her phone with earphones around her neck, while commuters move in the background." sizes="100vw" loading="lazy">
2359                    </figure>
2360                                                        </div>
2361                                                                                                    </div>
2362                                                                                                                        </div>
2363                                </div>
2364
2365                                <div class="md:col-span-6 lg:col-span-4 lg:col-start-8">
2366                                                                        <div class="divide-y xl:py-6 divide-black-ink/20">
2367                                                                                    
2368                                            <div
2369                                                x-data="{
2370                                                    id: 1,
2371                                                    rootShown: false,
2372                                                    get expanded() {
2373                                                        return this.active === this.id;
2374                                                    },
2375                                                    set expanded(value) {
2376                                                        this.active = value ? this.id : null;
2377                                                    }
2378                                                }"
2379                                                @root-shown.window="rootShown = $event.detail"
2380                                                role="region"
2381                                                class="py-3.5 first:pt-0 last:pb-0"
2382                                                x-init="
2383                                                    $watch('rootShown', (value) => {
2384                                                        if (value && id == 1) {
2385                                                            expanded = true
2386                                                        }
2387                                                    })"
2388                                            >
2389                                                <button
2390                                                    type="button"
2391                                                    @click="
2392                                                        if (!expanded) {
2393                                                            expanded = !expanded
2394                                                            window.dataLayer = window.dataLayer || []
2395                                                            window.dataLayer.push({
2396                                                                event: 'accordion_open',
2397                                                                click_text: `Because reach matters`
2398                                                            })
2399                                                        }
2400                                                    "
2401                                                    :aria-expanded="expanded"
2402                                                    class="flex justify-between items-center py-2.5 w-full text-left type-epsilon"
2403                                                >
2404                                                    <span class="flex gap-x-2 items-center">
2405                                                                                                                Because reach matters
2406                                                    </span>
2407                                                    <svg class="w-4 h-2.5 shrink-0 transition duration-300 stroke-blue-sky" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &quot;rotate-180&quot; : &quot;rotate-0&quot;">
2408    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
2409</svg>
2410
2411                                                </button>
2412
2413                                                <div
2414                                                    x-show="expanded"
2415                                                    x-collapse
2416                                                    style="display: none;"
2417                                                >
2418                                                    <div  class="space-y-4 pb-4">
2419                                                                                                                    <div class="prose prose-sm [&_a:not([class])]:!text-inherit">
2420                                                                <p>Reach your target audiences everywhere, with access to every digital channel and device — including display, video, audio, digital out-of-home, and hundreds of millions of Connected TV households.&nbsp;</p>
2421                                                            </div>
2422                                                                                                                                                                            
2423
2424
2425                                                                                                            </div>
2426                                                </div>
2427                                            </div>
2428                                                                                    
2429                                            <div
2430                                                x-data="{
2431                                                    id: 2,
2432                                                    rootShown: false,
2433                                                    get expanded() {
2434                                                        return this.active === this.id;
2435                                                    },
2436                                                    set expanded(value) {
2437                                                        this.active = value ? this.id : null;
2438                                                    }
2439                                                }"
2440                                                @root-shown.window="rootShown = $event.detail"
2441                                                role="region"
2442                                                class="py-3.5 first:pt-0 last:pb-0"
2443                                                x-init="
2444                                                    $watch('rootShown', (value) => {
2445                                                        if (value && id == 1) {
2446                                                            expanded = true
2447                                                        }
2448                                                    })"
2449                                            >
2450                                                <button
2451                                                    type="button"
2452                                                    @click="
2453                                                        if (!expanded) {
2454                                                            expanded = !expanded
2455                                                            window.dataLayer = window.dataLayer || []
2456                                                            window.dataLayer.push({
2457                                                                event: 'accordion_open',
2458                                                                click_text: `Because choice matters`
2459                                                            })
2460                                                        }
2461                                                    "
2462                                                    :aria-expanded="expanded"
2463                                                    class="flex justify-between items-center py-2.5 w-full text-left type-epsilon"
2464                                                >
2465                                                    <span class="flex gap-x-2 items-center">
2466                                                                                                                Because choice matters
2467                                                    </span>
2468                                                    <svg class="w-4 h-2.5 shrink-0 transition duration-300 stroke-blue-sky" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &quot;rotate-180&quot; : &quot;rotate-0&quot;">
2469    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
2470</svg>
2471
2472                                                </button>
2473
2474                                                <div
2475                                                    x-show="expanded"
2476                                                    x-collapse
2477                                                    style="display: none;"
2478                                                >
2479                                                    <div  class="space-y-4 pb-4">
2480                                                                                                                    <div class="prose prose-sm [&_a:not([class])]:!text-inherit">
2481                                                                <p>Run your campaigns on your terms. Tap into a&nbsp;marketplace of hundreds of data, inventory, and industry partners to make sure your ads are running exactly where they should.</p>
2482                                                            </div>
2483                                                                                                                                                                            
2484
2485
2486                                                                                                            </div>
2487                                                </div>
2488                                            </div>
2489                                                                                    
2490                                            <div
2491                                                x-data="{
2492                                                    id: 3,
2493                                                    rootShown: false,
2494                                                    get expanded() {
2495                                                        return this.active === this.id;
2496                                                    },
2497                                                    set expanded(value) {
2498                                                        this.active = value ? this.id : null;
2499                                                    }
2500                                                }"
2501                                                @root-shown.window="rootShown = $event.detail"
2502                                                role="region"
2503                                                class="py-3.5 first:pt-0 last:pb-0"
2504                                                x-init="
2505                                                    $watch('rootShown', (value) => {
2506                                                        if (value && id == 1) {
2507                                                            expanded = true
2508                                                        }
2509                                                    })"
2510                                            >
2511                                                <button
2512                                                    type="button"
2513                                                    @click="
2514                                                        if (!expanded) {
2515                                                            expanded = !expanded
2516                                                            window.dataLayer = window.dataLayer || []
2517                                                            window.dataLayer.push({
2518                                                                event: 'accordion_open',
2519                                                                click_text: `Because ROI matters`
2520                                                            })
2521                                                        }
2522                                                    "
2523                                                    :aria-expanded="expanded"
2524                                                    class="flex justify-between items-center py-2.5 w-full text-left type-epsilon"
2525                                                >
2526                                                    <span class="flex gap-x-2 items-center">
2527                                                                                                                Because ROI matters
2528                                                    </span>
2529                                                    <svg class="w-4 h-2.5 shrink-0 transition duration-300 stroke-blue-sky" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &quot;rotate-180&quot; : &quot;rotate-0&quot;">
2530    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
2531</svg>
2532
2533                                                </button>
2534
2535                                                <div
2536                                                    x-show="expanded"
2537                                                    x-collapse
2538                                                    style="display: none;"
2539                                                >
2540                                                    <div  class="space-y-4 pb-4">
2541                                                                                                                    <div class="prose prose-sm [&_a:not([class])]:!text-inherit">
2542                                                                <p>Get more value from your media investment. Prove the effectiveness of your advertising with an objective partner and a&nbsp;more transparent media buying platform.</p>
2543                                                            </div>
2544                                                                                                                                                                            
2545
2546
2547                                                                                                            </div>
2548                                                </div>
2549                                            </div>
2550                                                                                    
2551                                            <div
2552                                                x-data="{
2553                                                    id: 4,
2554                                                    rootShown: false,
2555                                                    get expanded() {
2556                                                        return this.active === this.id;
2557                                                    },
2558                                                    set expanded(value) {
2559                                                        this.active = value ? this.id : null;
2560                                                    }
2561                                                }"
2562                                                @root-shown.window="rootShown = $event.detail"
2563                                                role="region"
2564                                                class="py-3.5 first:pt-0 last:pb-0"
2565                                                x-init="
2566                                                    $watch('rootShown', (value) => {
2567                                                        if (value && id == 1) {
2568                                                            expanded = true
2569                                                        }
2570                                                    })"
2571                                            >
2572                                                <button
2573                                                    type="button"
2574                                                    @click="
2575                                                        if (!expanded) {
2576                                                            expanded = !expanded
2577                                                            window.dataLayer = window.dataLayer || []
2578                                                            window.dataLayer.push({
2579                                                                event: 'accordion_open',
2580                                                                click_text: `Because growth matters`
2581                                                            })
2582                                                        }
2583                                                    "
2584                                                    :aria-expanded="expanded"
2585                                                    class="flex justify-between items-center py-2.5 w-full text-left type-epsilon"
2586                                                >
2587                                                    <span class="flex gap-x-2 items-center">
2588                                                                                                                Because growth matters
2589                                                    </span>
2590                                                    <svg class="w-4 h-2.5 shrink-0 transition duration-300 stroke-blue-sky" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? &quot;rotate-180&quot; : &quot;rotate-0&quot;">
2591    <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" />
2592</svg>
2593
2594                                                </button>
2595
2596                                                <div
2597                                                    x-show="expanded"
2598                                                    x-collapse
2599                                                    style="display: none;"
2600                                                >
2601                                                    <div  class="space-y-4 pb-4">
2602                                                                                                                    <div class="prose prose-sm [&_a:not([class])]:!text-inherit">
2603                                                                <p>Put your data to work, using insights about your current customers to help uncover new ones. Plus, get access to more than 100,000 pre-vetted premium third-party data segments.</p>
2604                                                            </div>
2605                                                                                                                                                                            
2606
2607
2608                                                                                                            </div>
2609                                                </div>
2610                                            </div>
2611                                                                            </div>
2612                                </div>
2613                            </div>
2614                                            </div>
2615                </div>
2616        
2617                
2618                    </section>
2619                    
2620<section  class="my-12 md:my-32" data-block="Card Grid">
2621    
2622
2623
2624<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
2625	            <div class="space-y-10 md:space-y-20">
2626                                    <div  class="">
2627                        
2628
2629
2630
2631<div x-data>
2632    <div x-cloak>
2633        <header  class="mx-auto text-center max-w-5xl" x-data="{ shown: false }" x-intersect.once="shown = true">
2634            <div  class="space-y-4 md:space-y-10" x-cloak>
2635                                    <div class="space-y-2 md:space-y-4">
2636                                                    <p class="type-eta">INDUSTRY INITIATIVES</p>
2637                                                                            <h2  class="accent-text type-gamma" :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.300>
2638                                A rising tide lifts all&nbsp;boats
2639                            </h2>
2640                                            </div>
2641                
2642                                    <div  class="mx-auto type-l-paragraph">
2643                        <p  :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.600>For the digital advertising industry to thrive, it needs to evolve based on trust, transparency, and precision — principles that we always look to advance.</p>
2644                    </div>
2645                
2646                
2647                            </div>
2648
2649                    </header>
2650    </div>
2651</div>
2652                    </div>
2653                
2654                <div  class="">
2655                    
2656    <div  class="grid gap-6 md:gap-10 md:grid-cols-12">
2657                                
2658            <div  class="md:col-span-6 xl:col-span-4">
2659                
2660                                    
2661
2662
2663
2664<a  class="group" href="https://unifiedid.com/">                                                                                                                                                                        
2665                                                
2666                                                <article  class="h-full">
2667
2668                            
2669                            <div  class="flex flex-col gap-4 h-full">
2670
2671                                <div  class="flex flex-col gap-4">
2672                                    <div  class="flex gap-4 flex-col">
2673                                        
2674                                        <div class="flex gap-2">
2675                                                                                                                                            <div  class="shrink-0 [&amp;_rect]:!fill-sea-salt">
2676                                                    
2677
2678
2679            
2680
2681
2682                        
2683                
2684            
2685    <figure  class="shrink-0">
2686                    <img  class="object-contain size-[50px]" src="png/icon1.png" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=50,height=50,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/icons/icon1.png 50w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=25,height=25,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/icons/icon1.png 25w" width="50" height="50" alt="Blue laptop icon representing digital technology and online connectivity" sizes="100vw" loading="lazy" aria-hidden="true">
2687                    </figure>
2688                                                    </div>
2689                                            
2690                                                                                            <h3  class="accent-text type-epsilon">
2691                                                    An identity fabric for the open internet
2692                                                </h3>
2693                                                                                    </div>
2694                                    </div>
2695
2696                                                                            <div  class="type-s-paragraph md:max-w-[350px]">
2697                                            <p>Designed with the needs of modern marketers in mind, Unified ID 2.0 (UID2) provides holistic, privacy-centric targeting and measurement for today’s marketer.&nbsp;</p>
2698                                        </div>
2699                                                                    </div>
2700
2701                                                                    <div class="mt-auto">
2702                                                                                                                        <sp
2702an class="button-tertiary group-hover:text-dark-blue-sky">
2703                                            <svg class="w-[1em] h-[1em] flex-shrink-0" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2704    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2705    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2706</svg>
2707
2708                                            <span>Learn more</span>
2709                                        </span>
2710                                    </div>
2711                                                            </div>
2712                        </article>
2713                                    
2714                        </a>                            </div>
2715                                
2716            <div  class="md:col-span-6 xl:col-span-4">
2717                
2718                                    
2719
2720
2721
2722<a  class="group" href="openpath.html">                                                                                                                                                                        
2723                                                
2724                                                <article  class="h-full">
2725
2726                            
2727                            <div  class="flex flex-col gap-4 h-full">
2728
2729                                <div  class="flex flex-col gap-4">
2730                                    <div  class="flex gap-4 flex-col">
2731                                        
2732                                        <div class="flex gap-2">
2733                                                                                                                                            <div  class="shrink-0 [&amp;_rect]:!fill-sea-salt">
2734                                                    
2735
2736
2737            
2738
2739
2740                        
2741                
2742            
2743    <figure  class="shrink-0">
2744                    <img  class="object-contain size-[50px]" src="png/icon2.png" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=50,height=50,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/icons/icon2.png 50w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=25,height=25,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/icons/icon2.png 25w" width="50" height="50" alt="Blue upward bar chart icon symbolizing growth, progress, and business success" sizes="100vw" loading="lazy" aria-hidden="true">
2745                    </figure>
2746                                                    </div>
2747                                            
2748                                                                                            <h3  class="accent-text type-epsilon">
2749                                                    Simplifying the supply chain
2750                                                </h3>
2751                                                                                    </div>
2752                                    </div>
2753
2754                                                                            <div  class="type-s-paragraph md:max-w-[350px]">
2755                                            <p>With OpenPath, advertisers have access to inventory with fewer obstacles, and publishers can see what advertisers are willing to pay. By supporting an objective, transparent supply path, OpenPath helps maximize value for everyone involved.&nbsp;</p>
2756                                        </div>
2757                                                                    </div>
2758
2759                                                                    <div class="mt-auto">
2760                                                                                                                        <span class="button-tertiary group-hover:text-dark-blue-sky">
2761                                            <svg class="w-[1em] h-[1em] flex-shrink-0" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2762    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2763    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2764</svg>
2765
2766                                            <span>Learn More</span>
2767                                        </span>
2768                                    </div>
2769                                                            </div>
2770                        </article>
2771                                    
2772                        </a>                            </div>
2773                                
2774            <div  class="md:col-span-6 xl:col-span-4">
2775                
2776                                    
2777
2778
2779
2780<a  class="group" href="partner-directory.html">                                                                                                                                                                        
2781                                                
2782                                                <article  class="h-full">
2783
2784                            
2785                            <div  class="flex flex-col gap-4 h-full">
2786
2787                                <div  class="flex flex-col gap-4">
2788                                    <div  class="flex gap-4 flex-col">
2789                                        
2790                                        <div class="flex gap-2">
2791                                                                                                                                            <div  class="shrink-0 [&amp;_rect]:!fill-sea-salt">
2792                                                    
2793
2794
2795            
2796
2797
2798                        
2799                
2800            
2801    <figure  class="shrink-0">
2802                    <img  class="object-contain size-[50px]" src="png/icon3.png" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=50,height=50,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/icons/icon3.png 50w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=25,height=25,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/icons/icon3.png 25w" width="50" height="50" alt="Blue bar chart with upward arrow showing business growth and positive trend" sizes="100vw" loading="lazy" aria-hidden="true">
2803                    </figure>
2804                                                    </div>
2805                                            
2806                                                                                            <h3  class="accent-text type-epsilon">
2807                                                    Best-in-class brand safety
2808                                                </h3>
2809                                                                                    </div>
2810                                    </div>
2811
2812                                                                            <div  class="type-s-paragraph md:max-w-[350px]">
2813                                            <p>Make sure your ads show up in the right places, and in front of real audiences, with our fraud and safety partnerships and products. Plus, get direct access to a&nbsp;dedicated Marketplace-quality team.</p>
2814                                        </div>
2815                                                                    </div>
2816
2817                                                                    <div class="mt-auto">
2818                                                                                                                        <span class="button-tertiary group-hover:text-dark-blue-sky">
2819                                            <svg class="w-[1em] h-[1em] flex-shrink-0" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2820    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2821    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2822</svg>
2823
2824                                            <span>Learn more</span>
2825                                        </span>
2826                                    </div>
2827                                                            </div>
2828                        </article>
2829                                    
2830                        </a>                            </div>
2831            </div>
2832                </div>
2833            </div>
2834        </div>
2835</section>
2836                
2837        <section  class="my-12 md:my-32" data-block="CTA">
2838            
2839
2840
2841<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
2842	                    <div  class="bg-lightest-misty relative px-8 py-7 lg:px-16 lg:py-14 roun
2842ded-lg md:rounded-2xl ">
2843                        
2844    <div  class="relative z-[2] flex flex-col gap-6 md:gap-16 md:flex-row md:items-center md:justify-between">
2845        <div class="space-y-4 max-w-4xl">
2846                                        <h2  class="type-gamma">
2847                    Learn how we help marketers reach the right audiences, right when it matters most
2848                </h2>
2849                                </div>
2850                    <div class="whitespace-nowrap">
2851                
2852
2853
2854    
2855
2856
2857
2858<a  class="button button-black" href="our-demand-side-platform.html" data-click-button="button" data-click-item="cta block cta">                                        Our platform
2859                
2860                    </a>            </div>
2861            </div>
2862                    </div>
2863                </div>
2864        </section>
2865                        
2866<section  class="bg-green-pickles py-12 md:py-32" data-block="Card Grid">
2867    
2868
2869
2870<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
2871	            <div class="space-y-10 md:space-y-20">
2872                                    <div  class="text-white" style="--accent-color: #ADE3FF">
2873                        
2874
2875
2876
2877<div x-data>
2878    <div x-cloak>
2879        <header  class="mx-auto text-center max-w-5xl" x-data="{ shown: false }" x-intersect.once="shown = true">
2880            <div  class="space-y-4 md:space-y-10" x-cloak>
2881                                    <div class="space-y-2 md:space-y-4">
2882                                                    <p class="type-eta">EDUCATION AND INSIGHTS</p>
2883                                                                            <h2  class="accent-text type-gamma" :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.300>
2884                                From Marketing 101 to Advanced Programmatic
2885                            </h2>
2886                                            </div>
2887                
2888                                    <div  class="mx-auto type-l-paragraph">
2889                        <p  :class="{&#039;intersected&#039;: shown}" x-split-lines.delay.600>Whether you want to stay up to date with the latest trends, brush up your programmatic chops, or get up and running on our latest platform features, we’ve got you covered.</p>
2890                    </div>
2891                
2892                
2893                            </div>
2894
2895                    </header>
2896    </div>
2897</div>
2898                    </div>
2899                
2900                <div >
2901                    
2902    <div  class="grid gap-6 md:gap-10 md:grid-cols-12">
2903                                
2904            <div  class="md:col-span-6 xl:col-span-4">
2905                
2906                                    
2907
2908
2909
2910<a  class="group" href="https://www.thecurrent.com/">                                                                                                                                                                        
2911                                                
2912                                                <article  class="h-full bg-white border overflow-hidden rounded-lg md:rounded-2xl transition group-hover:bg-half-sea-salt lg:min-h-[300px] px-4 py-6 md:px-8 md:py-10">
2913
2914                            
2915                            <div  class="flex flex-col gap-4 h-full">
2916
2917                                <div  class="flex flex-col gap-4">
2918                                    <div  class="flex gap-4 flex-col">
2919                                                                                    <div class="space-y-4">
2920                                                                                                    <div class="aspect-[280/71] max-w-[280px] max-h-[60px]">
2921                                                                                                                    
2922
2923
2924                        
2925                
2926            
2927    <figure  class="h-full">
2928                    <img  class="size-full object-left object-contain" src="png/thecurrent_2023_logo_ttdblack.png" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=560,height=142,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/TheCurrent_2023_Logo_TTDBlack.png 504w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=280,height=71,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/TheCurrent_2023_Logo_TTDBlack.png 252w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=140,height=35.5,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/TheCurrent_2023_Logo_TTDBlack.png 124w" width="504" height="142" alt="The Current" sizes="100vw" loading="lazy">
2929                    </figure>
2930                                                                                                            </div>
2931                                                                                            </div>
2932                                        
2933                                        <div class="flex gap-2">
2934                                            
2935                                                                                    </div>
2936                                    </div>
2937
2938                                                                            <div  class="type-s-paragraph md:max-w-[350px]">
2939                                            <p>Read the latest news, trends, and insights shaping the future of digital marketing and programmatic advertising.</p>
2940                                        </div>
2941                                                                    </div>
2942
2943                                                                    <div class="mt-auto">
2944                                                                                                                        <sp
2944an class="button-tertiary group-hover:text-dark-blue-sky">
2945                                            <svg class="w-[1em] h-[1em] flex-shrink-0" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2946    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2947    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2948</svg>
2949
2950                                            <span>Learn more</span>
2951                                        </span>
2952                                    </div>
2953                                                            </div>
2954                        </article>
2955                                    
2956                        </a>                            </div>
2957                                
2958            <div  class="md:col-span-6 xl:col-span-4">
2959                
2960                                    
2961
2962
2963
2964<a  class="group" href="https://edgeacademy.thetradedesk.com/">                                                                                                                                                                        
2965                                                
2966                                                <article  class="h-full bg-white border overflow-hidden rounded-lg md:rounded-2xl transition group-hover:bg-half-sea-salt lg:min-h-[300px] px-4 py-6 md:px-8 md:py-10">
2967
2968                            
2969                            <div  class="flex flex-col gap-4 h-full">
2970
2971                                <div  class="flex flex-col gap-4">
2972                                    <div  class="flex gap-4 flex-col">
2973                                                                                    <div class="space-y-4">
2974                                                                                                    <div class="aspect-[280/71] max-w-[280px] max-h-[60px]">
2975                                                                                                                    
2976
2977
2978                        
2979                
2980            
2981    <figure  class="h-full">
2982                    <img  class="size-full object-left object-contain" src="png/logo_edge.png" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=560,height=142,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/Logo_EDGE.png 218w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=280,height=71,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/Logo_EDGE.png 109w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=140,height=35.5,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/Logo_EDGE.png 54w" width="218" height="142" alt="The Trade Desk - Edge Academy" sizes="100vw" loading="lazy">
2983                    </figure>
2984                                                                                                            </div>
2985                                                                                            </div>
2986                                        
2987                                        <div class="flex gap-2">
2988                                            
2989                                                                                    </div>
2990                                    </div>
2991
2992                                                                            <div  class="type-s-paragraph md:max-w-[350px]">
2993                                            <p>Get certified in programmatic with our online education platform — designed for every level of experience and skill&nbsp;level.</p>
2994                                        </div>
2995                                                                    </div>
2996
2997                                                                    <div class="mt-auto">
2998                                                                                                                        <span class="button-tertiary group-hover:text-dark-blue-sky">
2999                                            <svg class="w-[1em] h-[1em] flex-shrink-0" viewB
2999ox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3000    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3001    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3002</svg>
3003
3004                                            <span>Learn more</span>
3005                                        </span>
3006                                    </div>
3007                                                            </div>
3008                        </article>
3009                                    
3010                        </a>                            </div>
3011                                
3012            <div  class="md:col-span-6 xl:col-span-4">
3013                
3014                                    
3015
3016
3017
3018<a  class="group" href="resources.html">                                                                                                                                                                        
3019                                                
3020                                                <article  class="h-full bg-white border overflow-hidden rounded-lg md:rounded-2xl transition group-hover:bg-half-sea-salt lg:min-h-[300px] px-4 py-6 md:px-8 md:py-10">
3021
3022                            
3023                            <div  class="flex flex-col gap-4 h-full">
3024
3025                                <div  class="flex flex-col gap-4">
3026                                    <div  class="flex gap-4 flex-col">
3027                                                                                    <div class="space-y-4">
3028                                                                                                    <div class="aspect-[280/71] max-w-[280px] max-h-[60px]">
3029                                                                                                                    
3030
3031
3032                        
3033                
3034            
3035    <figure  class="h-full">
3036                    <img  class="size-full object-left object-contain" src="png/theresourcedesk_horizlogoblack_nottd_v1-1.png" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=560,height=142,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/TheResourceDesk_HorizLogoBlack_NoTTD_v1-1.png 560w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=280,height=71,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/TheResourceDesk_HorizLogoBlack_NoTTD_v1-1.png 280w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=140,height=35.5,quality=80,fit=contain/https://assets.thetradedesk.com/assets/global/TheResourceDesk_HorizLogoBlack_NoTTD_v1-1.png 140w" width="560" height="86" alt="The Resource Desk" sizes="100vw" loading="lazy">
3037                    </figure>
3038                                                                                                            </div>
3039                                                                                            </div>
3040                                        
3041                                        <div class="flex gap-2">
3042                                            
3043                                                                                    </div>
3044                                    </div>
3045
3046                                                                            <div  class="type-s-paragraph md:max-w-[350px]">
3047                                            <p>Discover product news, case studies, and best practices to help you become a&nbsp;power user on our platform.</p>
3048                                        </div>
3049                                                                    </div>
3050
3051                                                                    <div class="mt-auto">
3052                                                                                                                        <span class="button-tertiary group-hover:text-dark-blue-sky">
3053                                            <svg class="w-[1em] h-[1em] flex-shrink-0" viewB
3053ox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3054    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3055    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3056</svg>
3057
3058                                            <span>Learn More</span>
3059                                        </span>
3060                                    </div>
3061                                                            </div>
3062                        </article>
3063                                    
3064                        </a>                            </div>
3065            </div>
3066                </div>
3067            </div>
3068        </div>
3069</section>
3070                    
3071<section  class="bg-lightest-misty text-black-ink py-12 md:py-32" data-block="Media with Text">
3072    
3073
3074
3075<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
3076	            <div class="grid gap-10 md:grid-cols-12 md:grid-flow-col-dense">
3077                <div  class="md:col-span-6 xl:col-span-5 flex items-center order-1 md:order-none">
3078					<div  class="space-y-6">
3079                        <div  class="space-y-2">
3080                                                            <p class="type-eta">CAREERS</p>
3081                                                                                        <h2  class="accent-text type-delta">
3082                                    The future of the open internet starts with&nbsp;
3082you
3083                                </h2>
3084                                                    </div>
3085                        <div class="space-y-6">
3086                                                            <div  class="space-y-6 [&amp;_.prose_a:not([class])]:!text-inherit prose-p:type-s-paragraph">
3087                                                                            
3088    <div  class="prose">
3089                                
3090                        <p>And the next step in your career starts at The Trade Desk. Find out what kind of impact you can&nbsp;make.</p>
3091    </div>
3092                                                                    </div>
3093                                                                                        <div class="flex flex-wrap gap-6">
3094                                                                            
3095
3096
3097    
3098
3099
3100
3101<a  class="button-tertiary" href="https://careers.thetradedesk.com/" rel="noopener noreferrer" target="_blank" data-click-button="button" data-click-item="media with text cta">                                        <svg class="w-[1em] h-[1em] flex-shrink-0" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3102    <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3103    <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3104</svg>
3105
3106                <span>explore jobs</span>
3107                    </a>                                                                    </div>
3108                                                    </div>
3109					</div>
3110                </div>
3111
3112                <div  class="md:col-span-6 flex items-center xl:col-start-7" x-data="{ shown: false }" x-intersect.once="shown = true">
3113                    <div  class="w-full intersect-fadeup" :class="{&#039;intersected&#039;: shown}" x-cloak>
3114                                                                                                                    
3115
3116
3117                        
3118                
3119            
3120    <figure >
3121                    <img  class="w-full rounded-lg md:rounded-2xl" src="jpg/aboutus_smilingwomenoffice.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=1450,height=814,quality=80,fit=cover,gravity=0.9517x0.939/https://assets.thetradedesk.com/assets/global/AboutUs_SmilingWomenOffice.jpg 1450w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=725,height=407,quality=80,fit=cover,gravity=0.9517x0.939/https://assets.thetradedesk.com/assets/global/AboutUs_SmilingWomenOffice.jpg 725w, https://assets.thetradedesk.com/cdn-cgi/image/format=auto,width=362.5,height=203.5,quality=80,fit=cover,gravity=0.9517x0.939/https://assets.thetradedesk.com/assets/global/AboutUs_SmilingWomenOffice.jpg 362w" width="1450" height="814" alt="Team members collaborating and laughing during an office meeting" sizes="100vw" loading="lazy">
3122                    </figure>
3123                                                                        </div>
3124                </div>
3125            </div>
3126        </div>
3127</section>
3128                </main>
3129        </div>
3130<footer class="pb-4 text-white md:pb-10 pt-[38px] bg-black-ink md:pt-[60px]">
3131    
3132
3133
3134<div  class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto">
3135	            <div class="space-y-[30px]">
3136                                    <div class="flex flex-col gap-x-4 gap-y-10 sm:gap-x-8 lg:flex-row lg:gap-x-10 lg:justify-between">
3137                                                                            <div class="flex flex-row flex-wrap flex-1">
3138                                                                    <div class="pr-8 space-y-3.5 w-1/2 md:w-1/3 lg:pr-10 lg:pb-7 xl:w-1/4 md:space-y-[18px]">
3139                                                                                    <ul class="space-y-[9px] max-w-[30ch]">
3140                                                                                                                                                    <li>
3141                                                        
3142
3143
3144
3145<a  class="type-s-paragraph link" href="office-locations.html" data-nav-item data-nav-type="footer" data-click-item="nav link">Office locations</a>                                                    </li>
3146                                                                                                    <li>
3147                                                        
3148
3149
3150
3151<a  class="type-s-paragraph link" href="press-room.html" data-nav-item data-nav-type="footer" data-click-item="nav link">News</a>                                                    </li>
3152                                                                                                    <li>
3153                                                        
3154
3155
3156
3157<a  class="type-s-paragraph link" href="https://investors.thetradedesk.com/overview/default.aspx" data-nav-item data-nav-type="footer" data-click-item="nav link">Investors</a>                                                    </li>
3158                                                                                                    <li>
3159                                                        
3160
3161
3162
3163<a  class="type-s-paragraph link" href="trust.html" data-nav-item data-nav-type="footer" data-click-item="nav link">Trust center</a>                                                    </li>
3164                                                                                                    <li>
3165                                                        
3166
3167
3168
3169<a  class="type-s-paragraph link" href="https://careers.thetradedesk.com/" data-nav-item data-nav-type="footer" data-click-item="nav link">Careers</a>                                                    </li>
3170                                                                                                    <li>
3171                                                        
3172
3173
3174
3175<a  class="type-s-paragraph link" href="https://partner.thetradedesk.com/v3/homepage" data-nav-item data-nav-type="footer" data-click-item="nav link">Developers</a>                                                    </li>
3176                                                                                                    <li>
3177                                                        
3178
3179
3180
3181<a  class="type-s-paragraph link" href="https://edgeacademy.thetradedesk.com/" data-nav-item data-nav-type="footer" data-click-item="nav link">Edge Academy login</a>                                                    </li>
3182                                                                                                    <li>
3183                                                        
3184
3185
3186
3187<a  class="type-s-paragraph link" href="https://unifiedid.com/" data-nav-item data-nav-type="footer" data-click-item="nav link">UID2</a>                                                    </li>
3188                                                                                                    <li>
3189                                                        
3190
3191
3192
3193<a  class="type-s-paragraph link" href="https://openpass.thetradedesk.com/en" data-nav-item data-nav-type="footer" data-click-item="nav link">OpenPass</a>                                                    </li>
3194                                                                                            </ul>
3195                                                                            </div>
3196                                                            </div>
3197                                                <div class="flex flex-col lg:items-end space-y-[26px] lg:sp
3197ace-y-[38px]">
3198                                                        
3199                                                        
3200                                                            
3201
3202
3203
3204<a  class="flex w-full h-8 max-w-[168px] lg:max-w-[252px]" href="index.html">                                        <span class="sr-only">Link to The Trade Desk Home Page</span>
3205                                                                                                                                                                                <svg class="w-full fill-current" width="252" height="27" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 27" fill="none">
3206  <g id="pnuflwrvwu-logo_brand" clip-path="url(#pnuflwrvwu-clip0_1946_13763)">
3207    <g id="pnuflwrvwu-Group">
3208      <path id="pnuflwrvwu-Vector" d="M43.3407 26.7761C39.5527 26.7761 37.6771 24.5761 37.6771 20.9036V11.2036H34.25V7.42109H37.6771V2.57359L42.1868 1.43359V7.42109H46.9126V11.2086H42.1868V20.5011C42.1868 21.9736 42.8374 22.5961 44.2784 22.5961C45.2138 22.5961 45.9724 22.5586 47.2023 22.4111V26.2711C45.938 26.5961 44.6761 26.7786 43.3407 26.7786V26.7761Z" fill="currentColor"></path>
3209      <path id="pnuflwrvwu-Vector_2" d="M60.8914 26.5145V14.7245C60.8914 12.5195 60.1721 11.162 57.7908 11.162C55.0854 11.162 53.9316 14.0995 53.9316 16.4495V26.5145H49.4219V0.00195312H53.9316V9.43695C55.0167 7.82195 57.1034 6.93945 59.0526 6.93945C63.0566 6.93945 65.4011 9.83945 65.4011 13.772V26.5145H60.8914Z" fill="currentColor"></path>
3210      <path id="pnuflwrvwu-Vector_3" d="M84.9719 18.4056H72.4222C72.3854 19.8731 72.8911 21.2681 73.7921 22.1506C74.4377 22.7756 75.3411 23.3281 76.5711 23.3281C77.8673 23.3281 78.6602 23.0706 79.3132 22.4081C79.7036 22.0031 80.0325 21.4906 80.2142 20.7931H84.5423C84.4343 21.9331 83.6781 23.4431 82.9564 24.3231C81.3729 26.2331 79.026 27.0031 76.6472 27.0031C74.0842 27.0031 72.2062 26.0856 70.7308 24.6506C68.8552 22.8156 67.8438 20.1356 67.8438 17.0156C67.8438 13.8956 68.7447 11.2481 70.5466 9.37313C71.9533 7.90813 73.9713 6.95312 76.5342 6.95312C79.3157 6.95312 81.8345 8.09313 83.386 10.4781C84.7583 12.5731 85.0799 14.7381 85.0112 17.1281C85.0063 17.1206 84.9719 18.0031 84.9719 18.4081V18.4056ZM79.3452 11.7206C78.7314 11.0581 77.7961 10.6156 76.495 10.6156C75.1251 10.6156 74.0081 11.2056 73.3551 12.0831C72.7119 12.9256 72.4222 13.8081 72.3854 15.0556H80.499C80.4622 13.6281 80.0645 12.5231 79.3452 11.7181V11.7206Z" fill="currentColor"></path>
3211      <path id="pnuflwrvwu-Vector_4" d="M94.6932 4.88273V26.5177H89.8079V4.88273H82.2344V0.240234H102.262V4.88273H94.6908H94.6932Z" fill="currentColor"></path>
3212      <path id="pnuflwrvwu-Vector_5" d="M109.748 11.4941C106.579 11.4941 104.917 13.8091 104.917 16.8916V26.5141H100.375V7.41656H104.195L104.593 10.2841C105.457 8.07906 107.693 7.16406 109.893 7.16406C110.362 7.16406 110.833 7.20156 111.299 7.27406V11.6816C110.796 11.5666 110.256 11.4941 109.75 11.4941H109.748Z" fill="currentColor"></path>
3213      <path id="pnuflwrvwu-Vector_6" d="M127.781 26.812C125.834 26.812 124.751 25.5645 124.609 24.132C123.745 25.6745 121.579 26.9945 118.911 26.9945C114.438 26.9945 112.133 24.132 112.133 21.007C112.133 17.372 114.909 15.277 118.479 15.0245L124 14.617V13.442C124 11.6395 123.381 10.432 120.823 10.432C118.732 10.432 117.507 11.3845 117.396 13.147H113.034C113.287 8.84445 116.64 6.93945 120.826 6.93945C124.039 6.93945 126.777 7.96695 127.857 10.832C128.326 12.047 128.402 13.4045 128.402 14.6895V21.777C128.402 22.6595 128.691 22.992 129.445 22.992C129.73 22.992 130.024 22.9195 130.024 22.9195V26.297C129.259 26.627 128.863 26.812 127.781 26.812ZM123.998 18.032L119.233 18.3995C117.863 18.5095 116.53 19.357 116.53 20.897C116.53 22.437 117.791 23.282 119.201 23.282C122.016 23.282 124 21.7395 124 18.9095V18.0295L123.998 18.032Z" fill="currentColor"></path>
3214      <path id="pnuflwrvwu-Vector_7" d="M144.711 26.5175L144.426 24.425C143.307 26.1875 141.213 26.96 139.16 26.96C137.285 26.96 135.736 26.2975 134.579 25.345C132.338 23.4725 131.258 20.605 131.258 17.0075C131.258 13.41 132.375 10.3575 134.611 8.4825C135.763 7.53 137.282 6.94 139.192 6.94C141.573 6.94 143.304 7.75 144.1 8.74V0H148.607V26.5175H144.711ZM140.061 10.8C138.655 10.8 137.675 11.4575 137.032 12.305C136.092 13.5525 135.844 15.2825 135.844 16.935C135.844 18.5875 136.097 20.35 137.032 21.5975C137.68 22.44 138.657 23.1025 140.061 23.1025C143.596 23.1025 144.318 19.6875 144.318 16.935C144.318 14.1825 143.596 10.8 140.061 10.8Z" fill="currentColor"></path>
3215      <path id="pnuflwrvwu-Vector_8" d="M167.852 18.4017H155.302C155.265 19.8692 155.771 21.2642 156.672 22.1467C157.32 22.7717 158.224 23.3242 159.449 23.3242C160.75 23.3242 161.54 23.0667 162.191 22.4042C162.588 21.9992 162.912 21.4867 163.092 20.7892H167.42C167.312 21.9292 166.553 23.4392 165.834 24.3192C164.248 26.2292 161.903 26.9992 159.522 26.9992C156.964 26.9992 155.086 26.0842 153.606 24.6467C151.73 22.8117 150.719 20.1317 150.719 17.0117C1
321550.719 13.8917 151.62 11.2442 153.422 9.36922C154.828 7.90422 156.846 6.94922 159.409 6.94922C162.188 6.94922 164.709 8.08922 166.263 10.4742C167.633 12.5692 167.957 14.7342 167.886 17.1242C167.886 17.1167 167.854 17.9992 167.854 18.4042L167.852 18.4017ZM162.223 11.7142C161.609 11.0517 160.674 10.6092 159.372 10.6092C158.003 10.6092 156.886 11.1992 156.235 12.0767C155.584 12.9192 155.3 13.8017 155.26 15.0492H163.376C163.34 13.6217 162.947 12.5167 162.223 11.7117V11.7142Z" fill="currentColor"></path>
3216      <path id="pnuflwrvwu-Vector_9" d="M187.282 23.728C185.588 25.528 183.025 26.518 180.101 26.518H170.148V0.480469H180.101C183.025 0.480469 185.585 1.47047 187.282 3.27047C189.913 6.02547 190.277 9.88297 190.277 13.483C190.277 17.083 189.911 20.9755 187.282 23.7305V23.728ZM183.707 6.20797C182.843 5.32797 181.579 4.73547 180.101 4.73547H174.801V22.2555H180.101C181.579 22.2555 182.843 21.6705 183.707 20.788C185.509 18.953 185.546 15.868 185.546 13.4805C185.546 11.093 185.509 8.04047 183.707 6.20797Z" fill="currentColor"></path>
3217      <path id="pnuflwrvwu-Vector_10" d="M208.87 18.4056H196.315C196.278 19.8731 196.784 21.2681 197.688 22.1506C198.338 22.7756 199.234 23.3281 200.462 23.3281C201.758 23.3281 202.553 23.0706 203.204 22.4081C203.602 22.0031 203.923 21.4906 204.105 20.7931H208.43C208.322 21.9331 207.564 23.4431 206.845 24.3231C205.259 26.2331 202.914 27.0031 200.533 27.0031C197.97 27.0031 196.099 26.0856 194.619 24.6506C192.743 22.8131 191.734 20.1356 191.734 17.0156C191.734 13.8956 192.638 11.2481 194.437 9.37313C195.844 7.90813 197.867 6.95312 200.427 6.95312C203.206 6.95312 205.728 8.09313 207.282 10.4781C208.651 12.5731 208.975 14.7381 208.904 17.1281C208.904 17.1206 208.867 18.0031 208.867 18.4081L208.87 18.4056ZM203.243 11.7206C202.629 11.0581 201.689 10.6156 200.393 10.6156C199.023 10.6156 197.904 11.2056 197.253 12.0831C196.607 12.9256 196.313 13.8081 196.281 15.0556H204.395C204.363 13.6281 203.965 12.5231 203.246 11.7181L203.243 11.7206Z" fill="currentColor"></path>
3218      <path id="pnuflwrvwu-Vector_11" d="M228.104 0V26.5175H232.609V21.4875L235.604 18.1825L240.87 26.5175H246.099L238.668 14.8L245.375 7.4175H239.716L232.606 15.17V0H228.102H228.104Z" fill="currentColor"></path>
3219      <path id="pnuflwrvwu-Vector_12" d="M220.971 15.2045C219.127 14.9095 218.658 14.877 216.967 14.652C215.955 14.5045 214.807 14.0995 214.807 12.747C214.807 11.7495 215.457 11.0545 216.248 10.722C216.935 10.432 217.549 10.432 218.194 10.432C219.13 10.432 220.109 10.762 220.647 11.3145C221.081 11.7895 221.405 12.377 221.405 13.1145H225.699C225.699 11.7195 225.054 10.2845 224.04 9.17945C222.67 7.67445 220.396 6.93945 218.16 6.93945C215.924 6.93945 213.834 7.63945 212.462 8.84445C211.345 9.84195 210.555 11.1995 210.555 13.147C210.555 15.5695 212.283 17.702 214.848 18.252C216.503 18.6195 218.379 18.727 220.038 18.9845C221.194 19.172 221.916 19.9045 221.916 21.0045C221.916 23.0995 219.606 23.432 218.094 23.432C216.798 23.432 215.965 23.172 215.246 22.5845C214.762 22.187 214.397 21.4795 214.281 20.762H210.039C210.169 22.3845 210.999 23.8045 211.998 24.7845C213.55 26.2895 215.678 26.9895 218.057 26.9895C220.62 26.9895 222.959 26.3295 224.474 24.7845C225.449 23.7945 226.097 22.432 226.097 20.597C226.089 17.5895 223.929 15.6795 220.968 15.202L220.971 15.2045Z" fill="currentColor"></path>
3220      <path id="pnuflwrvwu-Vector_13" d="M249.588 7.35742C248.2 7.35742 247.172 6.25742 247.172 4.86242C247.172 3.46742 248.2 2.35742 249.588 2.35742C250.975 2.35742 251.998 3.46242 251.998 4.85242C252.003 6.24742 250.975 7.35742 249.588 7.35742ZM249.588 2.79742C248.404 2.79742 247.626 3.67742 247.626 4.86242C247.626 6.04742 248.409 6.92242 249.588 6.92242C250.766 6.92242 251.549 6.04742 251.549 4.85742C251.549 3.66742 250.768 2.79742 249.588 2.79742ZM250.13 6.11992L249.703 5.16492H249.207V6.11992H248.755V3.51242H249.696C250.182 3.51242 250.601 3.79992 250.601 4.32992C250.601 4.66742 250.459 4.93742 250.142 5.08242L250.614 6.11992H250.133H250.13ZM249.693 3.93742H249.192V4.73992H249.693C249.958 4.73992 250.135 4.61742 250.135 4.33492C250.135 4.05242 249.931 3.93492 249.693 3.93492V3.93742Z" fill="currentColor"></path>
3221    </g>
3222    <g id="pnuflwrvwu-Group_2">
3223      <path id="pnuflwrvwu-Vector_14" d="M7.11443 19.5486V25.3811C2.88701 23.1486 0 18.6511 0 13.4661C0 11.5661 0.387881 9.75859 1.09 8.12109H6.47614C5.34196 9.59359 4.66439 11.4486 4.66439 13.4661C4.66439 15.8361 5.59973 17.9836 7.11443 19.5486Z" fill="currentColor"></path>
3224      <path id="pnuflwrvwu-Vector_15" d="M26.3418 13.4646C26.3418 20.8746 20.445 26.8796 13.171 26.8796C12.3781 26.8796 11.5999 26.8071 10.8438 26.6696V21.8021C11.5827 22.0146 12.3634 22.1296 13.171 22.1296C17.8673 22.1296 21.6774 18.2496 21.6774 13.4646C21.6774 11.0846 20.7347 8.92711 19.2077 7.36211V1.53711C23.445 3.76711 26.3418 8.27211 26.3418 13.4646Z" fill="currentColor"></path>
3225      <path id="pnuflwrvwu-Vector_16" d="M5.80469 0.125V4.87H10.8471V15.1275H15.5214V0.125H5.80469Z" fill="currentColor"></path>
3226    </g>
3227  </g>
3228  <defs>
3229    <clipPath id="pnuflwrvwu-clip0_1946_13763">
3230      <rect width="252" height="27" fill="white"></rect>
3231    </clipPath>
3232  </defs>
3233</svg>
3234
3235                                                                                                                        </a>                            
3236                                                            <div class="flex flex-wrap gap-3 lg:justify-end">
3237                                                                            
3238
3239
3240    
3241
3242
3243
3244<a  class="button button-secondary-white" href="https://auth.thetradedesk.com/Account/Login" data-click-button="button" data-nav-item data-nav-type="footer" data-click-item="cta">                                        Login
3245                
3246                    </a>                                                                            
3247
3248
3249    
3250
3251
3252
3253<a  class="button button-white" href="contact-us.html" data-click-button="button" data-nav-item data-nav-type="footer" data-click-item="cta">                                        Contact us
3254                
3255                    </a>                                                                    </div>
3256                                                                                        
3257<ul class="social-networks-list flex flex-wrap gap-[19px] xl:!mt-auto xl:!pt-10">
3258                                <li>
3259                                    
3260
3261
3262
3263<a  class="size-6 flex items-center justify-center transition hover:text-misty" href="https://www.facebook.com/TheTradeDesk" aria-label="Follow The Trade Desk on Facebook">                            <svg class="size-full" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3264    <path d="M24.7273 12.4392C24.7273 5.56902 19.1916 0 12.3636 0C5.53566 0 0 5.56902 0 12.4392C0 18.6478 4.52142 23.7942 10.4318 24.7273V16.0351H7.29242V12.4392H10.4318V9.6989C10.4318 6.58112 12.2778 4.85927 15.1015 4.85927C16.4543 4.85927 17.8691 5.10469 17.8691 5.10469V8.16553H16.3104C14.7741 8.16553 14.2955 9.12463 14.2955 10.1083V12.4417H17.7242L17.1763 16.0375H14.2941V24.7273C20.2059 23.7942 24.7273 18.6478 24.7273 12.4392Z" fill="currentColor" />
3265</svg>
3266                        </a>                            </li>
3267                                        <li>
3268                                    
3269
3270
3271
3272<a  class="size-6 flex items-center justify-center transition hover:text-misty" href="https://www.linkedin.com/company/the-trade-desk" aria-label="Follow The Trade Desk on LinkedIn">                            <svg class="size-full" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3273    <g clip-path="url(#clip0_1956_2197)">
3274        <path d="M1.27182 7.80286H5.66441V21.9604H1.27182V7.80286ZM3.46921 0.765625C4.87335 0.765625 6.01435 1.9086 6.01435 3.31627C6.01435 4.72393 4.87335 5.868 3.46921 5.868C2.06506 5.868 0.921875 4.72448 0.921875 3.31627C0.921875 1.90805 2.06124 0.765625 3.46921 0.765625Z" fill="currentColor" />
3275        <path d="M8.42188 7.80531H12.6349V9.73962H12.6938C13.2801 8.62673 14.7132 7.45312 16.85 7.45312C21.2977 7.45312 22.1194 10.3855 22.1194 14.1972V21.9629H17.7301V15.0783C17.7301 13.4365 17.7 11.3245 15.4475 11.3245C13.195 11.3245 12.8112 13.1128 12.8112 14.9596V21.9635H8.42242V7.80531H8.42188Z"  fill="currentColor" />
3276    </g>
3277    <defs>
3278    <clipPath id="clip0_1956_2197">
3279        <rect width="21.1948" height="21.1948" transform="translate(0.921875 0.765625)"/>
3280    </clipPath>
3281    </defs>
3282</svg>
3283                        </a>                            </li>
3284                                        <li>
3285                                    
3286
3287
3288
3289<a  class="size-6 flex items-center justify-center transition hover:text-misty" href="https://www.instagram.com/thetradedesk/?hl=en" aria-label="Follow The Trade Desk on Instagram">                            <svg class="size-full" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3290    <path d="M6.19995 0.765625C2.9489 0.765625 0.3125 3.40203 0.3125 6.65308V16.073C0.3125 19.324 2.9489 21.9604 6.19995 21.9604H15.6199C18.8709 21.9604 21.5073 
329019.324 21.5073 16.073V6.65308C21.5073 3.40203 18.8709 0.765625 15.6199 0.765625H6.19995ZM17.9748 3.1206C18.6248 3.1206 19.1523 3.64812 19.1523 4.29809C19.1523 4.94807 18.6248 5.47558 17.9748 5.47558C17.3249 5.47558 16.7974 4.94807 16.7974 4.29809C16.7974 3.64812 17.3249 3.1206 17.9748 3.1206ZM10.9099 5.47558C14.161 5.47558 16.7974 8.11199 16.7974 11.363C16.7974 14.6141 14.161 17.2505 10.9099 17.2505C7.65886 17.2505 5.02246 14.6141 5.02246 11.363C5.02246 8.11199 7.65886 5.47558 10.9099 5.47558ZM10.9099 7.83056C9.97304 7.83056 9.07454 8.20273 8.41208 8.8652C7.74961 9.52767 7.37744 10.4262 7.37744 11.363C7.37744 12.2999 7.74961 13.1984 8.41208 13.8609C9.07454 14.5233 9.97304 14.8955 10.9099 14.8955C11.8468 14.8955 12.7453 14.5233 13.4077 13.8609C14.0702 13.1984 14.4424 12.2999 14.4424 11.363C14.4424 10.4262 14.0702 9.52767 13.4077 8.8652C12.7453 8.20273 11.8468 7.83056 10.9099 7.83056Z" fill="currentColor" />
3291</svg>
3292                        </a>                            </li>
3293                                        <li>
3294                                    
3295
3296
3297
3298<a  class="size-6 flex items-center justify-center transition hover:text-misty" href="https://x.com/TheTradeDesk" aria-label="Follow The Trade Desk on X">                            <svg class="size-full" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
3299    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.48893 0.765625H17.1121C19.7553 0.765625 21.8979 2.91823 21.8979 5.57359V17.1525C21.8979 19.8078 19.7553 21.9604 17.1121 21.9604H5.48893C2.8458 21.9604 0.703125 19.8078 0.703125 17.1525V5.57359C0.703125 2.91823 2.8458 0.765625 5.48893 0.765625ZM15.5662 6.65309H14.1037L11.6934 9.53146L9.60982 6.65309H6.59215L10.1977 11.5798L6.78042 15.6609H8.24371L10.8816 12.5122L13.1866 15.6609H16.1298L12.3712 10.4689L15.5662 6.65309ZM14.4009 14.7463H13.5903L8.29999 7.5199H9.1697L14.4009 
329914.7463Z" fill="currentColor" />
3300</svg>
3301                        </a>                            </li>
3302                                        <li>
3303                            </li>
3304            </ul>
3305                            
3306                        </div>
3307                    </div>
3308                                                    <div class="flex flex-col gap-4 justify-start items-center pt-4 border-t md:pt-10 lg:flex-row lg:justify-between border-white/35">
3309                                                    <ul class="flex flex-wrap gap-x-3 justify-center mr-4 md:justify-start flex-shrink-1">
3310                                                                                                        <li>
3311                                        
3312
3313
3314
3315<a  class="type-s-paragraph link" href="website-privacy-policy.html" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="footer" data-click-item="legal nav item">                                                <span class="flex items-center space-x-1">
3316                                                                                                                <span>
3317                                                            Website privacy policy
3318                                                        </span>
3319                                                    </span>
3320                                            </a>                                    </li>
3321                                                                                                        <li>
3322                                        
3323
3324
3325
3326<a  class="type-s-paragraph link" href="privacy.html" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="footer" data-click-item="legal nav item">                                                <span class="flex items-center space-x-1">
3327                                                                                                                <span>
3328                                                            Services privacy policy 
3329                                                        </span>
3330                                                    </span>
3331                                            </a>                                    </li>
3332                                                                                                        <li>
3333                                        
3334
3335
3336
3337<a  class="type-s-paragraph link" href="#ot-sdk-show-settings" data-nav-item data-nav-type="footer" data-click-item="legal nav item">                                                <span class="flex items-center space-x-1">
3338                                                                                                                <span>
3339                                                            Cookie Settings
3340                                                        </span>
3341                                                    </span>
3342                                            </a>                                    </li>
3343                                                                                                        <li>
3344                                        
3345
3346
3347
3348<a  class="type-s-paragraph link" href="https://adsrvr.org/" rel="noopener noreferrer" target="_blank" data-nav-item data-nav-type="footer" data-click-item="legal nav item">                                                <span class="flex items-center space-x-1">
3349                                                                                                                                                                                    <svg id="wokuztboxp-Layer_1" class="h-auto w-[30px] fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 30 14" style="enable-background: new 0 0 30 14;" xml:space="preserve" aria-hidden="true">
3350<style type="text/css">
3351	.wokuztboxp-st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
3352	.wokuztboxp-st1{fill-rule:evenodd;clip-rule:evenodd;fill:#0066FF;}
3353	.wokuztboxp-st2{fill:#FFFFFF;}
3354	.wokuztboxp-st3{fill:#0066FF;}
3355</style>
3356<g>
3357	<g id="wokuztboxp-final---dec.11-2020_1_">
3358		<g id="wokuztboxp-_x30_208-our-toggle_2_" transform="translate(-1275.000000, -200.000000)">
3359			<g id="wokuztboxp-Final-Copy-2_2_" transform="translate(1275.000000, 200.000000)">
3360				<path class="wokuztboxp-st0" d="M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z"></path>
3361			</g>
3362		</g>
3363	</g>
3364	<g id="wokuztboxp-final---dec.11-2020">
3365		<g id="wokuztboxp-_x30_208-our-toggle" transform="translate(-1275.000000, -200.000000)">
3366			<g id="wokuztboxp-Final-Copy-2" transform="translate(1275.000000, 200.000000)">
3367				<path class="wokuztboxp-st1" d="M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8      h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z"></path>
3368				<path id="wokuztboxp-x" class="wokuztboxp-st2" d="M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0      l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8      c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z"></path>
3369				<path id="wokuztboxp-y" class="wokuztboxp-st3" d="M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0      L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z"></path>
3370			</g>
3371		</g>
3372	</g>
3373</g>
3374</svg>
3375
3376                                                                                                                                                                            <sp
3376an>
3377                                                            Your privacy settings 
3378                                                        </span>
3379                                                    </span>
3380                                            </a>                                    </li>
3381                                                            </ul>
3382                                                <p class="whitespace-nowrap type-xs-paragraph">©2026 The Trade Desk. All rights reserved.</p>
3383                    </div>
3384                            </div>
3385        </div>
3386</footer>
3387
3388        
3389            </div>
3390
3391            
3392            
3393
3394                                                        
3395    
3396                
3397        <a href="guide.html"
3398           style="position:absolute; left:-9999px; top: -9999px; z-index:-1;"
3399           tabindex="-1"
3400           aria-hidden="true"
3401           x-data
3402           @click.prevent="$dispatch('bot-trap-sprung')">
3403            Additional Resources
3404        </a>
3405    
3405<script>window.dataLayer = window.dataLayer || [];
3406        window.dataLayer.push({
3407            event: 'Initialize_dataLayer',
3408            ...{"page_seo_title":"Our Story | The Trade Desk","resource_title":undefined,"resource_contributor":undefined,"resource_type":undefined,"resource_product":undefined,"resource_publish_date":undefined,"resource_topic":undefined,"resource_industry_vertical":undefined,"resource_channel":undefined,"resouce_video_tag":undefined,"resouce_region":undefined,"resource_section":undefined,"resource_country":undefined}
3409        });</script>
3409<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9ba2d9c3095d850b","version":"2025.9.1","serverTiming":{"name":{"cfExtPri":true,"cfEdge":true,"cfOrigin":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"28a5291401254c0d819fd5e73b508002","b":1}' crossorigin="anonymous"></script>
3409
3410</body>
3411
3412<!-- Mirrored from www.thetradedesk.com/about-us by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 07 Jan 2026 10:46:39 GMT -->
3413</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.