Built for What Matters | The Trade Desk

<!DOCTYPE html> <html class="h-full scroll-smooth scroll-pt-40" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.webmanifest">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MSC6S5R');</script>  <link rel="home" href="https://www.thetradedesk.com/"> <link rel="canonical" href="https://www.thetradedesk.com/"> <meta property="og:url" content="https://www.thetradedesk.com/"><meta name="twitter:url" content="https://www.thetradedesk.com/"><meta property="og:locale" content="en-US"> <title>Built for What Matters | The Trade Desk</title> <meta name="description" content="Powering the open internet with an independent media buying platform that helps marketers reach more customers through a more relevant ad experience."> <meta name="image" content="https://assets.thetradedesk.com/cdn-cgi/image/width=1200,height=675,format=baseline-jpeg,fit=cover/assets/global/seo/Homepage_MetadataImage_v1.png"> <meta property="og:type" content="website"> <meta property="og:title" content="Built for What Matters"> <meta property="og:description" content="Powering the open internet with an independent media buying platform that helps marketers reach more customers through a more relevant ad experience."> <meta property="og:image" content="https://assets.thetradedesk.com/cdn-cgi/image/width=1200,height=630,format=baseline-jpeg,fit=cover/assets/global/seo/Homepage_MetadataImage_v1.png"> <meta name="twitter:title" content="Built for What Matters"> <meta name="twitter:description" content="Powering the open internet with an independent media buying platform that helps marketers reach more customers through a more relevant ad experience."> <meta name="twitter:image" content="https://assets.thetradedesk.com/cdn-cgi/image/width=1200,height=600,format=baseline-jpeg,fit=cover/assets/global/seo/Homepage_MetadataImage_v1.png"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <link rel="alternate" href="https://www.thetradedesk.com/" hreflang="en-us"> <link rel="alternate" href="https://www.thetradedesk.com/fr/" hreflang="fr-fr"> <link rel="alternate" href="https://www.thetradedesk.com/de/" hreflang="de-de"> <link rel="alternate" href="https://www.thetradedesk.cn/" hreflang="zh-hans"> <link rel="alternate" href="https://www.thetradedesk.com/es/" hreflang="es-es"> <link rel="alternate" href="https://www.thetradedesk.com/tw/" hreflang="zh-hant"> <link rel="alternate" href="https://www.thetradedesk.com/kr/" hreflang="ko-kr"> <link rel="alternate" href="https://www.thetradedesk.com/uk/" hreflang="en-gb"> <link rel="alternate" href="https://www.thetradedesk.com/jp/" hreflang="ja-jp"> <link rel="alternate" href="https://careers.thetradedesk.com/" hreflang="en-us"> <script src="https://pages.thetradedesk.com/js/forms2/js/forms2.js"></script> <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> <script type="module" src="https://www.thetradedesk.com/dist/main-sOukyhw9.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/main.js'}});document.dispatchEvent(e);"></script> <link href="https://www.thetradedesk.com/dist/main-CIIb-SgG.css" rel="stylesheet"> <script type="text/javascript">var _rollbarConfig = {"accessToken":"d409d93d21764390919435284df88592","captureUncaught":true,"captureUnhandledRejections":true,"captureIp":false,"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)}function 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></head> <body class="antialiased">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MSC6S5R" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div x-data="{ themeColor: '', headerTheme: 'white', menuOpen: false, active: null, siteMismatch: false, currentSiteId: 1, suggestedSite: null, alertEnabled: '', bannerActive: false, bannerDismissed: $persist(false).using(sessionStorage), bannerElem: null, bannerElemHeight: 80, scrolled: false, toggleMenu() { if (this.menuOpen) { return this.closeMenu(); } this.menuOpen = true; }, closeMenu() { if (!this.menuOpen) return; this.menuOpen = false; this.active = null; }, dismissBanner() { if (this.siteMismatch) { this.siteMismatch = false; } else { this.alertEnabled = false; } if (!this.siteMismatch && !this.alertEnabled) { this.bannerDismissed = true; this.bannerElemHeight = 0; } }, async getSuggestion() { await fetch('/actions/geosites/suggest') .then(r => r.ok ? r.json() : null) .then(site => { if (!site?.id) return this.suggestedSite = site this.siteMismatch = this.currentSiteId !== site.id }) }, headroomOptions: { offset: 100, onTop: () => { $data.scrolled = false }, onNotTop: () => { $data.scrolled = true }, }, }" x-init=" if ((alertEnabled || siteMismatch) && !bannerDismissed) { $nextTick(() => { if ($refs.banner) { bannerElem = $refs.banner; bannerElemHeight = bannerElem.getBoundingClientRect().height; } }); bannerActive = true; } let header = $refs.header if (header) { let headroom = new Headroom(header, headroomOptions); headroom.init(); } " @resize.throttle.25.window="() => { if (bannerElem) { bannerElemHeight = bannerElem.getBoundingClientRect().height; } }" id="page-wrapper" class="flex flex-col min-h-screen" :style="{ '--theme-color': themeColor, '--banner-elem-top-bar-height': `${bannerElemHeight+72}px`, '--banner-elem-top-bar-nav-height': `${bannerElemHeight+148}px` }" ><a href="#main-content" class="skip-to-content"> Skip to content </a> <header class="fixed w-full transition-transform z-[100]" :class="[ headerTheme != 'white' ? 'bg-sea-salt' : '', scrolled && bannerActive ? 'lg:-translate-y-banner-elem-top-bar-height' : scrolled ? 'lg:-translate-y-[72px]' : '' ]" :style="{ backgroundColor: themeColor }" x-ref="header" > <div role="alert" class="w-full bg-lightest-misty " x-show="bannerActive" x-cloak x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="translate-y-[-100%]" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="translate-y-0" x-transition:leave-end="translate-y-[-100%]" x-ref="banner" > <div class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto"> <template x-if="siteMismatch"> <div x-data="{ get activeLink() { return { text: this.suggestedSite?.languageLabel, url: this.suggestedSite?.baseUrl, } }, open: false, toggle() { if (this.open) { return this.close() } this.open = true }, close() { if (!this.open) return this.open = false } }" x-init=" if(bannerActive) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_view', element_name: `Select your country or region to see content tailored to your country.`, element_location: 'header' }); } " @keydown.escape="close($refs.button)" 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]" > <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"> <g id="Group 338064"> <rect id="hktkqjkpka-icon_plus" x="50" y="50" width="50" height="50" rx="8" transform="rotate(-180 50 50)" fill="white"></rect> <g id="hktkqjkpka-Group"> <path id="hktkqjkpka-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> <path id="hktkqjkpka-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> <path id="hktkqjkpka-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> <path id="hktkqjkpka-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> <path id="hktkqjkpka-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> <path id="hktkqjkpka-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> <path id="hktkqjkpka-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> </g> </g> </svg> <div class="space-y-1"> <div class="type-theta"><p>Select your country or region to see content tailored to your country.</p> </div> </div> <div class="flex gap-x-4 items-center md:whitespace-nowrap grow"> <div class="relative md:mr-auto"> <button x-ref="button" @click=" toggle(), window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language dropdown' }); " :aria-expanded="open" aria-controls="banner-language" aria-label="click to change language: current language is English" class="text-left pr-10 border-b border-black-ink/30" > <span class="type-s-paragraph" x-text="activeLink.text"></span> <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 ? 'rotate-0' : 'rotate-180'"> <path d="M7 0L13.0622 6.75H0.937822L7 0Z" fill="currentColor" /> </svg> </button> <div x-show="open" id="language" 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)]" style="display: none;" @click.outside="close($refs.button)" > <ul> <li x-data="{ itemLink: { text: `English`, url: 'https://www.thetradedesk.com/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">English</span> </button> </li> <li x-data="{ itemLink: { text: `English (UK)`, url: 'https://www.thetradedesk.com/uk/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">English (uk)</span> </button> </li> <li x-data="{ itemLink: { text: `中文（简体）`, url: 'https://www.thetradedesk.cn/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">中文（简体）</span> </button> </li> <li x-data="{ itemLink: { text: `中文（繁體）`, url: 'https://www.thetradedesk.com/tw/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">中文（繁體）</span> </button> </li> <li x-data="{ itemLink: { text: `日本語`, url: 'https://www.thetradedesk.com/jp/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">日本語</span> </button> </li> <li x-data="{ itemLink: { text: `한국어`, url: 'https://www.thetradedesk.com/kr/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">한국어</span> </button> </li> <li x-data="{ itemLink: { text: `Deutsch`, url: 'https://www.thetradedesk.com/de/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">Deutsch</span> </button> </li> <li x-data="{ itemLink: { text: `Français`, url: 'https://www.thetradedesk.com/fr/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">Français</span> </button> </li> <li x-data="{ itemLink: { text: `Español`, url: 'https://www.thetradedesk.com/es/' }, setActive() { this.toggle() this.activeLink = this.itemLink window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: activeLink.text, element_location: 'header', element_action: 'language toggle' }); } }" > <button class="py-1 px-2 w-full text-left transition hover:bg-half-sea-salt" :class="{ 'bg-half-sea-salt' : activeLink.url == itemLink.url }" @click="setActive()" > <span class="type-iota">Español</span> </button> </li> </ul> </div> </div> <a :href="activeLink.url" class="button-sm button-secondary-black" @click=" window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: 'Continue', element_location: 'header', element_action: 'button click' }); " > Continue </a> <button @click=" dismissBanner(), window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: 'Select your country or region to see content tailored to your country.', element_location: 'header', element_action: 'dismiss' }); " class="absolute top-2.5 right-2.5 md:static" > <span class="sr-only">Click to close alert</span> <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"> <circle opacity="0.75" cx="15.5" cy="15.5" r="15.5" fill="currentColor"/> <path d="M9.92188 9.91992L21.0819 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M21.0819 9.91992L9.92188 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </button> </div> </div> </template> <template x-if="!siteMismatch && alertEnabled" > <div 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]" x-data x-init=" if(bannerActive) { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_view', element_name: 'Recruiting fraud is a growing issue for many companies.', element_location: 'header' }); } " > <div class="hidden md:block"> <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"> <g id="Group 338064"> <rect id="iefmhqsyjr-icon_plus" x="50" y="50" width="50" height="50" rx="8" transform="rotate(-180 50 50)" fill="white"></rect> <g id="iefmhqsyjr-Group"> <path id="iefmhqsyjr-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> <path id="iefmhqsyjr-Vector_2" d="M42.3269 20.2383H38.1641V21.9849H42.3269V20.2383Z" fill="#0372E2"></path> <path id="iefmhqsyjr-Vector_3" d="M37.3608 24.32L36.2891 25.6992L39.5807 28.2571L40.6524 26.8779L37.3608 24.32Z" fill="#0372E2"></path> <path id="iefmhqsyjr-Vector_4" d="M39.1438 13.8184L36.0234 16.5781L37.1806 17.8865L40.301 15.1268L39.1438 13.8184Z" fill="#0372E2"></path> <path id="iefmhqsyjr-Vector_5" d="M30.0571 14.9105V13.1289L11.7466 16.7299V14.5029H10V29.7918H11.7466V18.5085L30.0571 14.9105Z" fill="#0372E2"></path> </g> </g> </svg> </div> <div class="flex flex-col gap-1"> <div class="flex gap-2 items-center"> <div class="md:hidden"> <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"> <g id="Group 338064"> <rect id="zpniibzojr-icon_plus" x="50" y="50" width="50" height="50" rx="8" transform="rotate(-180 50 50)" fill="white"></rect> <g id="zpniibzojr-Group"> <path id="zpniibzojr-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> <path id="zpniibzojr-Vector_2" d="M42.3269 20.2383H38.1641V21.9849H42.3269V20.2383Z" fill="#0372E2"></path> <path id="zpniibzojr-Vector_3" d="M37.3608 24.32L36.2891 25.6992L39.5807 28.2571L40.6524 26.8779L37.3608 24.32Z" fill="#0372E2"></path> <path id="zpniibzojr-Vector_4" d="M39.1438 13.8184L36.0234 16.5781L37.1806 17.8865L40.301 15.1268L39.1438 13.8184Z" fill="#0372E2"></path> <path id="zpniibzojr-Vector_5" d="M30.0571 14.9105V13.1289L11.7466 16.7299V14.5029H10V29.7918H11.7466V18.5085L30.0571 14.9105Z" fill="#0372E2"></path> </g> </g> </svg> </div> <div class="type-theta"><p>Recruiting fraud is a growing issue for many companies.</p> </div> </div> <div class="type-s-paragraph"><p>The Trade Desk takes this issue seriously and is taking steps to address it.</p> </div> </div> <div class="whitespace-nowrap md:flex md:gap-x-4 md:items-center md:ml-auto"> <a class="button button-sm button-secondary-black" href="https://www.thetradedesk.com/legal/privacy" data-click-button="button" @click="window.dataLayer.push({ event: 'banner_interaction', element_name: 'Learn More', element_location: 'header', element_action: 'button click' })" data-click-item="banner cta"> Learn More </a> <button @click=" dismissBanner(), window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'banner_interaction', element_name: 'Recruiting fraud is a growing issue for many companies.', element_location: 'header', element_action: 'dismiss' }); " class="absolute top-2.5 right-2.5 md:static" > <span class="sr-only">Click to close alert</span> <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"> <circle opacity="0.75" cx="15.5" cy="15.5" r="15.5" fill="currentColor"/> <path d="M9.92188 9.91992L21.0819 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/> <path d="M21.0819 9.91992L9.92188 21.0799" stroke="black" stroke-width="2" stroke-linecap="round"/> </svg> </button> </div> </div> </template> </div> </div> <div class="relative bg-white after:content-[''] after:absolute after:h-px after:w-full after:bottom-0 after:bg-gray-500"> <div class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto"> <div class="flex gap-2 justify-between items-center py-2 lg:justify-center h-[72px]"> <a class="flex items-center w-full h-8 max-w-[168px] lg:max-w-[252px]" href="https://www.thetradedesk.com/"> <span class="sr-only">Link to The Trade Desk Home Page</span> <svg class="w-full fill-current" width="252" height="27" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 27" fill="none"> <g id="qamtihanxh-logo_brand" clip-path="url(#qamtihanxh-clip0_1946_13763)"> <g id="qamtihanxh-Group"> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-Vector_4" d="M94.6932 4.88273V26.5177H89.8079V4.88273H82.2344V0.240234H102.262V4.88273H94.6908H94.6932Z" fill="currentColor"></path> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-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> </g> <g id="qamtihanxh-Group_2"> <path id="qamtihanxh-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> <path id="qamtihanxh-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> <path id="qamtihanxh-Vector_16" d="M5.80469 0.125V4.87H10.8471V15.1275H15.5214V0.125H5.80469Z" fill="currentColor"></path> </g> </g> <defs> <clipPath id="qamtihanxh-clip0_1946_13763"> <rect width="252" height="27" fill="white"></rect> </clipPath> </defs> </svg> </a> <button type="button" class="flex flex-col gap-1.5 justify-center p-0.5 lg:hidden size-[26px] group" @click="toggleMenu()" :aria-expanded="menuOpen" aria-controls="menu" aria-label="menu-toggle" > <span class="w-full h-px bg-current transition" :class="{ 'rotate-45 translate-y-1.5': menuOpen }" ></span> <span class="w-full h-px bg-current transition" :class="{ 'opacity-0': menuOpen }" ></span> <span class="w-full h-px bg-current transition" :class="{ '-rotate-45 -translate-y-2': menuOpen }" ></span> </button> </div> </div> </div> <nav class="hidden relative transition-colors duration-200 lg:block border-b bg-white" :class="[ scrolled && !active ? 'shadow-lg !bg-white' : '', scrolled && active ? '!bg-white' : '' ]" @click.outside="active = null"> <div class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto"> <div class="flex gap-2 justify-between items-center py-2 h-[76px]"> <ul class="flex flex-wrap gap-4 items-stretch xl:gap-5 2xl:gap-x-10"> <li x-data="{ id: 'desktop-1', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, isActive: '', parentTitle: 'Company', }" x-id="['desktop']" @keydown.escape="expanded = null" x-cloak > <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('desktop')" aria-label="click to open dropdown Company" :class="[ scrolled && headerTheme == 'dark' ? '!text-black-ink hover:!text-dark-blue-sky' : '', (expanded && scrolled && headerTheme == 'dark') || (expanded && headerTheme != 'dark') ? '!text-dark-blue-sky' : '', isActive && (headerTheme != 'dark' || scrolled && headerTheme == 'dark') ? '!text-dark-blue-sky' : '' ]" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element> <span class="type-iota link decoration-2 underline-offset-4 xl:type-l-paragraph xl:text-[17px]" :class="[ expanded || isActive ? 'decoration-current' : '']" > Company </span> <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? 'rotate-180' : 'rotate-0'"> <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" /> </svg> </button> <div x-show="expanded" :id="$id('desktop')" class="absolute inset-x-0 w-full bg-white shadow-lg transition top-[75px] z-[-1] text-black-ink" style="display: none;" > <div class="box-content grid grid-cols-3 gap-x-6 px-10 mx-auto max-w-[1570px]"> <div class="space-y-5 py-[50px] max-w-[28.9375rem]"> <span class="block type-theta text-gray-650">About us</span> <span class="block type-epsilon">Relevant advertising powers the digital world. And we help power relevant advertising.</span> <a class="button button-secondary-black" href="https://www.thetradedesk.com/about-us" data-click-button="button" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element="Company"> Learn more </a> </div> <div class="py-[50px] max-w-[28.9375rem] space-y-5 " > <span class="block type-theta text-gray-650">Corporate information</span> <ul class="space-y-3"> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/press-room" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company"> <span class="type-theta">Press releases & media coverage</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/about-us/our-leadership" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Company"> <span class="type-theta">Our leadership</span> </a> </li> <li> <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> <svg class="stroke-current w-4 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <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> <svg class="stroke-current w-4 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/office-locations" 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> </a> </li> </ul> </div> </div> </div> </li> <li x-data="{ id: 'desktop-2', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, isActive: '', parentTitle: 'Platform', }" x-id="['desktop']" @keydown.escape="expanded = null" x-cloak > <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('desktop')" aria-label="click to open dropdown Platform" :class="[ scrolled && headerTheme == 'dark' ? '!text-black-ink hover:!text-dark-blue-sky' : '', (expanded && scrolled && headerTheme == 'dark') || (expanded && headerTheme != 'dark') ? '!text-dark-blue-sky' : '', isActive && (headerTheme != 'dark' || scrolled && headerTheme == 'dark') ? '!text-dark-blue-sky' : '' ]" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element> <span class="type-iota link decoration-2 underline-offset-4 xl:type-l-paragraph xl:text-[17px]" :class="[ expanded || isActive ? 'decoration-current' : '']" > Platform </span> <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? 'rotate-180' : 'rotate-0'"> <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" /> </svg> </button> <div x-show="expanded" :id="$id('desktop')" class="absolute inset-x-0 w-full bg-white shadow-lg transition top-[75px] z-[-1] text-black-ink" style="display: none;" > <div class="box-content grid grid-cols-3 gap-x-6 px-10 mx-auto max-w-[1570px]"> <div class="space-y-5 py-[50px] max-w-[28.9375rem]"> <span class="block type-theta text-gray-650">Our platform</span> <span class="block type-epsilon">The leading independent DSP built for data-driven marketers.</span> <a class="button button-secondary-black" href="https://www.thetradedesk.com/our-demand-side-platform" data-click-button="button" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element="Platform"> Learn more </a> </div> <div class="py-[50px] max-w-[28.9375rem] space-y-5 " > <span class="block type-theta text-gray-650">Capabilities</span> <ul class="space-y-3"> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/identity-solutions" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Identity solutions</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/audience-targeting" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/advertising-campaign-performance-measurement" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Measurement & optimization</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/ai-artificial-intelligence" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/retail-media" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/enterprise-apis" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">APIs & custom solutions</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/programmatic-buying-solutions" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-partners/partner-directory" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/openpath" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">OpenPath</span> </a> </li> <li> <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> <svg class="stroke-current w-4 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> </ul> </div> <div class="py-[50px] max-w-[28.9375rem] space-y-5 pl-[88px] " > <span class="block type-theta text-gray-650">Channels</span> <ul class="space-y-3"> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/audio" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Audio</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/connected-tv" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/digital-out-of-home" 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> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/display" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Display</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/mobile" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Mobile</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/native" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Native</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/video" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Platform"> <span class="type-theta">Video</span> </a> </li> </ul> </div> </div> </div> </li> <li x-data="{ id: 'desktop-3', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, isActive: '', parentTitle: 'Resources & Insights', }" x-id="['desktop']" @keydown.escape="expanded = null" x-cloak > <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('desktop')" aria-label="click to open dropdown Resources & Insights" :class="[ scrolled && headerTheme == 'dark' ? '!text-black-ink hover:!text-dark-blue-sky' : '', (expanded && scrolled && headerTheme == 'dark') || (expanded && headerTheme != 'dark') ? '!text-dark-blue-sky' : '', isActive && (headerTheme != 'dark' || scrolled && headerTheme == 'dark') ? '!text-dark-blue-sky' : '' ]" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element> <span class="type-iota link decoration-2 underline-offset-4 xl:type-l-paragraph xl:text-[17px]" :class="[ expanded || isActive ? 'decoration-current' : '']" > Resources & Insights </span> <svg class="absolute right-0 top-[9px] transition fill-current w-2.5 h-1.5" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" :class="expanded ? 'rotate-180' : 'rotate-0'"> <path d="M1.00391 1.5L8.00391 8.5L15.0039 1.5" stroke-width="2" stroke="currentColor" /> </svg> </button> <div x-show="expanded" :id="$id('desktop')" class="absolute inset-x-0 w-full bg-white shadow-lg transition top-[75px] z-[-1] text-black-ink" style="display: none;" > <div class="box-content grid grid-cols-3 gap-x-6 px-10 mx-auto max-w-[1570px]"> <div class="space-y-5 py-[50px] max-w-[28.9375rem]"> <span class="block type-theta text-gray-650">All resources</span> <span class="block type-epsilon">Best practices, how-to guides, insights, and inspiration ad pros need to succeed.</span> <a class="button button-secondary-black" href="https://www.thetradedesk.com/resources" data-click-button="button" data-nav-item data-nav-type="primary nav" data-click-item="dropdown button" data-parent-element="Resources & Insights"> Browse resources and insights </a> </div> <div class="py-[50px] max-w-[28.9375rem] space-y-5 " > <span class="block type-theta text-gray-650">By type</span> <ul class="space-y-3"> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/case-studies" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Case studies</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/insights" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Insights</span> </a> </li> <li> <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 & Insights"> <span class="type-theta">Edge Academy</span> <svg class="stroke-current w-4 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <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 & Insights"> <span class="type-theta">The Current</span> <svg class="stroke-current w-4 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <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 & Insights"> <span class="type-theta">Developer documentation</span> <svg class="stroke-current w-4 h-auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/glossary" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Glossary</span> </a> </li> </ul> </div> <div class="py-[50px] max-w-[28.9375rem] space-y-5 pl-[88px] " > <span class="block type-theta text-gray-650">By topic</span> <ul class="space-y-3"> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/resources/our-platform-resource-desk" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Kokai platform update</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/resources/omnichannel" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Omnichannel advertising</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/resources/connected-tv-resource-desk" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Connected TV</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/resources/data-resource-desk" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Data and measurement</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/resources/identity-resource-desk" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Identity</span> </a> </li> <li> <a class="group hover:text-dark-blue-sky flex items-center gap-x-1 type-theta link" href="https://www.thetradedesk.com/resources/retail-resource-desk" data-nav-item data-nav-type="primary nav dropdown" data-click-item="nav link" data-parent-element="Resources & Insights"> <span class="type-theta">Retail media</span> </a> </li> </ul> </div> </div> </div> </li> </ul> <div class="flex gap-x-3.5 items-center xl:gap-x-5" x-cloak> <ul class="flex flex-wrap gap-x-3.5 items-center xl:gap-x-5"> <li> <a class="type-iota link decoration-2 underline-offset-4 hover:text-dark-blue-sky" href="https://careers.thetradedesk.com/" :class="[ scrolled && headerTheme == 'dark' ? '!text-black-ink hover:!text-dark-blue-sky' : '', ]" data-nav-item data-nav-type="primary nav utility" data-click-item="nav link"> Careers </a> </li> <li> <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="[ scrolled && headerTheme == 'dark' ? '!text-black-ink hover:!text-dark-blue-sky' : '', ]" data-nav-item data-nav-type="primary nav utility" data-click-item="nav link"> Investors </a> </li> <li> <div x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.open = true }, close() { if (!this.open) return this.open = false } }" class="relative" @keydown.escape="close($refs.button)" > <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" data-nav-item data-nav-type="primary nav utility" data-click-item="nav link"> <span class="type-iota link decoration-2 underline-offset-4" :class="open ? 'decoration-current' : ''" > EN </span> <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 ? 'rotate-0' : 'rotate-180'"> <path d="M7 0L13.0622 6.75H0.937822L7 0Z" fill="currentColor" /> </svg> </button> <div x-show="open" id="language" 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)]" style="display: none;" @click.outside="close($refs.button)" > <ul class="space-y-2"> <li> <a class="type-iota link" href="https://www.thetradedesk.com/" data-click-button="button" data-nav-type="utility nav"> English </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/uk/" data-click-button="button" data-nav-type="utility nav"> English (UK) </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.cn/" data-click-button="button" data-nav-type="utility nav"> 中文（简体） </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/tw/" data-click-button="button" data-nav-type="utility nav"> 中文（繁體） </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/jp/" data-click-button="button" data-nav-type="utility nav"> 日本語 </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/kr/" data-click-button="button" data-nav-type="utility nav"> 한국어 </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/de/" data-click-button="button" data-nav-type="utility nav"> Deutsch </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/fr/" data-click-button="button" data-nav-type="utility nav"> Français </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/es/" data-click-button="button" data-nav-type="utility nav"> Español </a> </li> </ul> </div> </div> </li> </ul> <ul class="flex flex-wrap gap-x-3.5 items-center"> <li> <a class="button button-sm" href="https://desk.thetradedesk.com" data-click-button="button" :class="[ !scrolled ? headerTheme == 'dark' ? 'button-secondary-white' : 'button-secondary-blue-sky' : 'button-secondary-blue-sky', ]" data-nav-type="primary nav utility" data-nav-item data-click-item="nav cta"> Login </a> </li> <li> <a class="button button-sm" href="https://www.thetradedesk.com/contact-us" data-click-button="button" :class="[ !scrolled ? headerTheme == 'dark' ? 'button-misty' : 'button-blue-sky' : 'button-blue-sky', ]" data-nav-type="primary nav utility" data-nav-item data-click-item="nav cta"> Contact us </a> </li> </ul> </div> </div> </div> </nav> <nav class="lg:hidden" x-trap="menuOpen"> <div x-show="menuOpen && !active" x-transition:enter="transition ease-out" x-transition:enter-start="-translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in" x-transition:leave-start="translate-y-0" x-transition:leave-end="-translate-y-full opacity-100" id="menu" class="fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]" :class="selectLanguageOpen ? 'pb-8' : ''" style="display: none;" @click.outside="closeMenu()" x-data="{ selectLanguageOpen: false, }" > <div class="overflow-y-auto max-h-[90dvh] md:max-h-dvh"> <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="pb-8 space-y-10" :class="[ bannerActive ? 'pt-banner-elem-top-bar-height' : 'pt-[72px]' ]" > <ul class="pt-2.5 space-y-8"> <li x-data="{ id: 'mobile-1', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, }" x-id="['mobile']" class="space-y-2.5" > <a class="type-epsilon text-left relative pr-6 group hover:text-dark-blue-sky" href="https://www.thetradedesk.com/about-us" data-nav-item data-nav-type="mobile nav" data-click-item="primary cta"> <span class="type-epsilon link decoration-2 underline-offset-4">Company</span> <svg class="text-dark-blue-sky stroke-current absolute right-0 top-1/2 -translate-y-1/2 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <span class="block type-paragraph text-gray-650">Relevant advertising powers the digital world. And we help power relevant advertising.</span> <button class="flex gap-x-1 items-center text-left group hover:text-dark-blue-sky" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id('mobile')" aria-label="panel_toggle" data-nav-item data-nav-type="mobile nav" data-click-item="sub categories cta" data-parent-element="Company" > <span class="text-gray-800 type-theta link decoration-2 underline-offset-4 group-hover:text-dark-blue-sky"> Company menu </span> <svg class="stroke-current w-[8px] h-auto" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </li> <li x-data="{ id: 'mobile-2', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, }" x-id="['mobile']" class="space-y-2.5" > <a class="type-epsilon text-left relative pr-6 group hover:text-dark-blue-sky" href="https://www.thetradedesk.com/our-demand-side-platform" data-nav-item data-nav-type="mobile nav" data-click-item="primary cta"> <span class="type-epsilon link decoration-2 underline-offset-4">Platform</span> <svg class="text-dark-blue-sky stroke-current absolute right-0 top-1/2 -translate-y-1/2 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <span class="block type-paragraph text-gray-650">The leading independent DSP built for data-driven marketers.</span> <button class="flex gap-x-1 items-center text-left group hover:text-dark-blue-sky" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id('mobile')" aria-label="panel_toggle" data-nav-item data-nav-type="mobile nav" data-click-item="sub categories cta" data-parent-element="Platform" > <span class="text-gray-800 type-theta link decoration-2 underline-offset-4 group-hover:text-dark-blue-sky"> Platform menu </span> <svg class="stroke-current w-[8px] h-auto" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </li> <li x-data="{ id: 'mobile-3', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, }" x-id="['mobile']" class="space-y-2.5" > <a class="type-epsilon text-left relative pr-6 group hover:text-dark-blue-sky" href="https://www.thetradedesk.com/resources" data-nav-item data-nav-type="mobile nav" data-click-item="primary cta"> <span class="type-epsilon link decoration-2 underline-offset-4">Resources & Insights</span> <svg class="text-dark-blue-sky stroke-current absolute right-0 top-1/2 -translate-y-1/2 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <span class="block type-paragraph text-gray-650">Best practices, how-to guides, insights, and inspiration ad pros need to succeed.</span> <button class="flex gap-x-1 items-center text-left group hover:text-dark-blue-sky" x-ref="button" @click="expanded = !expanded" :aria-expanded="expanded" :aria-controls="$id('mobile')" aria-label="panel_toggle" data-nav-item data-nav-type="mobile nav" data-click-item="sub categories cta" data-parent-element="Resources & Insights" > <span class="text-gray-800 type-theta link decoration-2 underline-offset-4 group-hover:text-dark-blue-sky"> Resources & Insights menu </span> <svg class="stroke-current w-[8px] h-auto" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </li> </ul> <div class="border-t border-gray-500 mt"> <ul class="flex gap-x-6 items-center py-5"> <li class="order-2"> <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> <li class="order-2"> <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> <li class="order-1"> <div x-data="{ toggle() { if (this.selectLanguageOpen) { return this.close() } this.selectLanguageOpen = true }, close() { if (!this.selectLanguageOpen) return this.selectLanguageOpen = false } }" class="relative" @keydown.escape="close($refs.button)" > <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 ? 'text-dark-blue-sky' : ''" data-nav-item data-nav-type="mobile nav utility" data-click-item="language button"> <span class="type-iota link decoration-2 underline-offset-4" :class="selectLanguageOpen ? 'decoration-current' : ''" > ID </span> <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 ? 'rotate-0' : 'rotate-180'"> <path d="M7 0L13.0622 6.75H0.937822L7 0Z" fill="currentColor" /> </svg> </button> <div x-show="selectLanguageOpen" id="language" class="absolute left-0 bg-white border w-[calc(100dvw-2rem)] top-[30px] text-black-ink" style="display: none;" @click.outside="close($refs.button)" > <ul class="p-4 space-y-4"> <li> <a class="type-iota link" href="https://www.thetradedesk.com/" data-click-button="button" data-nav-type="utility nav"> English </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/uk/" data-click-button="button" data-nav-type="utility nav"> English (UK) </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.cn/" data-click-button="button" data-nav-type="utility nav"> 中文（简体） </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/tw/" data-click-button="button" data-nav-type="utility nav"> 中文（繁體） </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/jp/" data-click-button="button" data-nav-type="utility nav"> 日本語 </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/kr/" data-click-button="button" data-nav-type="utility nav"> 한국어 </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/de/" data-click-button="button" data-nav-type="utility nav"> Deutsch </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/fr/" data-click-button="button" data-nav-type="utility nav"> Français </a> </li> <li> <a class="type-iota link" href="https://www.thetradedesk.com/es/" data-click-button="button" data-nav-type="utility nav"> Español </a> </li> </ul> </div> </div> </li> </ul> <ul class="flex items-center"> <a class="button button-sm button-secondary-blue-sky order-2" href="https://desk.thetradedesk.com" data-click-button="button" data-nav-item data-nav-type="mobile nav utility" data-click-item="nav link"> Login </a> <a class="button button-sm button-blue-sky order-1 mr-3.5" href="https://www.thetradedesk.com/contact-us" data-click-button="button" data-nav-item data-nav-type="mobile nav utility" data-click-item="nav link"> Contact us </a> <ul> </div> </div> </div> </div> </div> <div x-data="{ id: 'mobile-1', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, }" > <div x-show="expanded" x-transition:enter="transition ease-out" x-transition:enter-start="-translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in" x-transition:leave-start="translate-y-0" x-transition:leave-end="-translate-y-full opacity-100" id="mobile-1" class="overflow-auto fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]" style="display: none;" @click.outside="closeMenu()" > <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="overflow-y-auto pb-8 pt-[84px] max-h-dvh"> <button @click="expanded = null" :aria-expanded="expanded" aria-controls="mobile-1" aria-label="panel_toggle" class="relative pl-6 text-left text-dark-blue-sky" > <svg class="rotate-180 stroke-current absolute left-0 top-1.5 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="type-theta">Menu</span> </button> <div class="pt-6 pb-8 space-y-2.5"> <a class="type-epsilon text-left relative pr-6 group hover:text-dark-blue-sky" href="https://www.thetradedesk.com/about-us" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel cta"> <span class="type-epsilon link decoration-2 underline-offset-4">Company</span> <svg class="text-dark-blue-sky stroke-current absolute right-0 top-1/2 -translate-y-1/2 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <span class="block type-paragraph text-gray-650">Relevant advertising powers the digital world. And we help power relevant advertising.</span> </div> <div class="space-y-8"> <div class="space-y-3.5"> <span class="block type-theta text-gray-650">Corporate information</span> <ul class="space-y-3.5"> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/press-room" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company"> <span>Press releases & media coverage</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/about-us/our-leadership" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company"> <span>Our leadership</span> </a> </li> <li> <a class="type-l-paragraph 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"> <span>Careers</span> <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"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="type-l-paragraph 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> <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"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/office-locations" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Company"> <span>Office locations</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div x-data="{ id: 'mobile-2', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, }" > <div x-show="expanded" x-transition:enter="transition ease-out" x-transition:enter-start="-translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in" x-transition:leave-start="translate-y-0" x-transition:leave-end="-translate-y-full opacity-100" id="mobile-2" class="overflow-auto fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]" style="display: none;" @click.outside="closeMenu()" > <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="overflow-y-auto pb-8 pt-[84px] max-h-dvh"> <button @click="expanded = null" :aria-expanded="expanded" aria-controls="mobile-2" aria-label="panel_toggle" class="relative pl-6 text-left text-dark-blue-sky" > <svg class="rotate-180 stroke-current absolute left-0 top-1.5 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="type-theta">Menu</span> </button> <div class="pt-6 pb-8 space-y-2.5"> <a class="type-epsilon text-left relative pr-6 group hover:text-dark-blue-sky" href="https://www.thetradedesk.com/our-demand-side-platform" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel cta"> <span class="type-epsilon link decoration-2 underline-offset-4">Platform</span> <svg class="text-dark-blue-sky stroke-current absolute right-0 top-1/2 -translate-y-1/2 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <span class="block type-paragraph text-gray-650">The leading independent DSP built for data-driven marketers.</span> </div> <div class="space-y-8"> <div class="space-y-3.5"> <span class="block type-theta text-gray-650">Capabilities</span> <ul class="space-y-3.5"> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Omnichannel advertising</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/identity-solutions" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Identity solutions</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/audience-targeting" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Audience targeting</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/advertising-campaign-performance-measurement" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Measurement & optimization</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/ai-artificial-intelligence" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Artificial intelligence</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/retail-media" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Retail data</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/enterprise-apis" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>APIs & custom solutions</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/programmatic-buying-solutions" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Programmatic buying solutions</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-partners/partner-directory" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Partner directory</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/openpath" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>OpenPath</span> </a> </li> <li> <a class="type-l-paragraph 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> <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"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> </ul> </div> <div class="space-y-3.5"> <span class="block type-theta text-gray-650">Channels</span> <ul class="space-y-3.5"> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/audio" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Audio</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/connected-tv" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>CTV / OTT</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/digital-out-of-home" 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> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/display" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Display</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/mobile" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Mobile</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/native" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Native</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/our-demand-side-platform/omnichannel-advertising/video" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Platform"> <span>Video</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div x-data="{ id: 'mobile-3', get expanded() { return this.active === this.id; }, set expanded(value) { this.active = value ? this.id : null; }, }" > <div x-show="expanded" x-transition:enter="transition ease-out" x-transition:enter-start="-translate-y-full" x-transition:enter-end="translate-y-0" x-transition:leave="transition ease-in" x-transition:leave-start="translate-y-0" x-transition:leave-end="-translate-y-full opacity-100" id="mobile-3" class="overflow-auto fixed top-0 left-0 w-full bg-white shadow-lg -z-[1]" style="display: none;" @click.outside="closeMenu()" > <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="overflow-y-auto pb-8 pt-[84px] max-h-dvh"> <button @click="expanded = null" :aria-expanded="expanded" aria-controls="mobile-3" aria-label="panel_toggle" class="relative pl-6 text-left text-dark-blue-sky" > <svg class="rotate-180 stroke-current absolute left-0 top-1.5 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="type-theta">Menu</span> </button> <div class="pt-6 pb-8 space-y-2.5"> <a class="type-epsilon text-left relative pr-6 group hover:text-dark-blue-sky" href="https://www.thetradedesk.com/resources" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel cta"> <span class="type-epsilon link decoration-2 underline-offset-4">Resources & Insights</span> <svg class="text-dark-blue-sky stroke-current absolute right-0 top-1/2 -translate-y-1/2 w-[13px] h-3" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <span class="block type-paragraph text-gray-650">Best practices, how-to guides, insights, and inspiration ad pros need to succeed.</span> </div> <div class="space-y-8"> <div class="space-y-3.5"> <span class="block type-theta text-gray-650">By type</span> <ul class="space-y-3.5"> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/case-studies" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Case studies</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/insights" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Insights</span> </a> </li> <li> <a class="type-l-paragraph 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 & Insights"> <span>Edge Academy</span> <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"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="type-l-paragraph 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 & Insights"> <span>The Current</span> <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"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="type-l-paragraph 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 & Insights"> <span>Developer documentation</span> <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"> <path d="M5.75781 4.79492H12.3822V11.4193" stroke-width="1.28939" stroke="currentColor" /> <line x1="4.60663" y1="12.5734" x2="12.3564" y2="4.82366" stroke-width="1.28939" stroke="currentColor" /> </svg> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/glossary" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Glossary</span> </a> </li> </ul> </div> <div class="space-y-3.5"> <span class="block type-theta text-gray-650">By topic</span> <ul class="space-y-3.5"> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/resources/our-platform-resource-desk" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Kokai platform update</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/resources/omnichannel" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Omnichannel advertising</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/resources/connected-tv-resource-desk" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Connected TV</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/resources/data-resource-desk" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Data and measurement</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/resources/identity-resource-desk" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Identity</span> </a> </li> <li> <a class="type-l-paragraph link flex items-center gap-x-1" href="https://www.thetradedesk.com/resources/retail-resource-desk" data-nav-item data-nav-type="mobile nav panel" data-click-item="panel nav link" data-parent-element="Resources & Insights"> <span>Retail media</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </nav> </header> <div id="content-wrapper" class="grow pt-[72px] lg:pt-[148px]" :class="[ headerTheme == 'white' && bannerActive ? '!pt-banner-elem-top-bar-height lg:!pt-banner-elem-top-bar-nav-height' : '' ]"> <main id="main-content"> <section class="pt-4 lg:pt-10"> <div class="max-w-[1570px] px-4 lg:px-10 box-content mx-auto"> <div class="overflow-hidden min-h-[395px] md:min-h-0 flex rounded-lg md:rounded-3xl"> <div class="pt-5 pb-4 lg:py-[70px] aspect-[1570/780] relative flex flex-col w-full justify-end"> <figure > <img class="absolute inset-0 size-full object-cover" src="https://assets.thetradedesk.com/cdn-cgi/image/width=3140,height=1560,fit=cover/assets/global/Homepage_Hero_Static.jpg" srcset="https://assets.thetradedesk.com/cdn-cgi/image/width=3140,height=1560,fit=cover/assets/global/Homepage_Hero_Static.jpg 3140w, https://assets.thetradedesk.com/cdn-cgi/image/width=1570,height=780,fit=cover/assets/global/Homepage_Hero_Static.jpg 1570w, https://assets.thetradedesk.com/cdn-cgi/image/width=785,height=390,fit=cover/assets/global/Homepage_Hero_Static.jpg 785w" width="3140" height="1560" alt="Two women sit at a wooden desk, engaged in a discussion with a partially open laptop, notebooks, and office supplies scattered around." sizes="100vw" loading="lazy"> </figure> <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-50 bg-gradient-to-t" aria-hidden> </div> <div class="relative px-4 lg:px-11"> <div class="max-w-6xl flex flex-col gap-4 lg:gap-8 mx-auto text-center items-center text-white [&_.accent-text_em]:text-misty"> <div class="space-y-2"> <h1 class="type-alpha accent-text">Advertising that moves<br> business forward</h1> </div> <div class="font-normal type-paragraph max-w-[740px]"> <p>Our omnichannel platform helps advertisers find new audiences and grow their brands with cutting-edge technology and access to the world’s best content.</p> </div> <a class="button button-misty" href="https://www.thetradedesk.com/contact-us" data-click-button="button" data-click-item="home hero cta"> Get started </a> </div> </div> </div> </div> </div> </section> <section class="relative my-12 md:my-[70px] !mb-2.5" data-block="Scrolling Video"> <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div> <div class="md:hidden"> <div x-data="{ src: 'https://assets.thetradedesk.com/assets/videos/250320_Mobile_HomepageAnimation_KokaiCampaign_V9.mp4', scrollyVideo: null, isIntersecting: false, init() { // Use Intersection Observer to only initialize video when in viewport const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { this.isIntersecting = entry.isIntersecting; if (entry.isIntersecting && !this.scrollyVideo) { this.initVideo(); } }); }, { rootMargin: '200px 0px', threshold: 0.01 }); observer.observe($el); // Cleanup on component removal this.$cleanup = () => { if (this.scrollyVideo) { this.scrollyVideo.destroy && this.scrollyVideo.destroy(); this.scrollyVideo = null; } observer.disconnect(); }; }, initVideo() { const video = $refs.video; if (this.src && video) { // Determine if on slow connection const isSlowConnection = navigator.connection && (navigator.connection.saveData || (navigator.connection.effectiveType || '').includes('2g')); // Add loading options based on connection const options = { scrollyVideoContainer: video, src: this.src, preload: 'metadata', quality: isSlowConnection ? 'low' : 'high' }; try { this.scrollyVideo = new ScrollyVideo(options); } catch (error) { console.error('Failed to initialize ScrollyVideo:', error); } } } }" class="relative" > <div class="aspect-[500/700] !h-auto !top-[72px] md:aspect-[1920/1080] [&>canvas]:!size-full [&>canvas]:!object-contain max-w-6xl mx-auto lg:!top-[148px]" x-ref="video"></div> <div class="relative mb-[400vh]"></div> <div class="relative h-px"></div> </div> </div> <div class="hidden md:block"> <div x-data="{ src: 'https://assets.thetradedesk.com/assets/videos/250320_Desktop_HomepageAnimation_KokaiCampaign_V9.mp4', scrollyVideo: null, isIntersecting: false, init() { // Use Intersection Observer to only initialize video when in viewport const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { this.isIntersecting = entry.isIntersecting; if (entry.isIntersecting && !this.scrollyVideo) { this.initVideo(); } }); }, { rootMargin: '200px 0px', threshold: 0.01 }); observer.observe($el); // Cleanup on component removal this.$cleanup = () => { if (this.scrollyVideo) { this.scrollyVideo.destroy && this.scrollyVideo.destroy(); this.scrollyVideo = null; } observer.disconnect(); }; }, initVideo() { const video = $refs.video; if (this.src && video) { // Determine if on slow connection const isSlowConnection = navigator.connection && (navigator.connection.saveData || (navigator.connection.effectiveType || '').includes('2g')); // Add loading options based on connection const options = { scrollyVideoContainer: video, src: this.src, preload: 'metadata', quality: isSlowConnection ? 'low' : 'high' }; try { this.scrollyVideo = new ScrollyVideo(options); } catch (error) { console.error('Failed to initialize ScrollyVideo:', error); } } } }" class="relative" > <div class="aspect-[500/700] !h-auto !top-[72px] md:aspect-[1920/1080] [&>canvas]:!size-full [&>canvas]:!object-contain max-w-6xl mx-auto lg:!top-[148px]" x-ref="video"></div> <div class="relative mb-[400vh]"></div> <div class="relative h-px"></div> </div> </div> </div> </div> </section> <section class="relative -z-[1] md:-mt-[8vh]" data-block="Scrolling Video"> <div> <div class="md:hidden"> <div x-data="{ src: 'https://assets.thetradedesk.com/assets/videos/HomePageAnimation_Devices_Mobile_2x_v6.mp4', scrollyVideo: null, isIntersecting: false, init() { // Use Intersection Observer to only initialize video when in viewport const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { this.isIntersecting = entry.isIntersecting; if (entry.isIntersecting && !this.scrollyVideo) { this.initVideo(); } }); }, { rootMargin: '200px 0px', threshold: 0.01 }); observer.observe($el); // Cleanup on component removal this.$cleanup = () => { if (this.scrollyVideo) { this.scrollyVideo.destroy && this.scrollyVideo.destroy(); this.scrollyVideo = null; } observer.disconnect(); }; }, initVideo() { const video = $refs.video; if (this.src && video) { // Determine if on slow connection const isSlowConnection = navigator.connection && (navigator.connection.saveData || (navigator.connection.effectiveType || '').includes('2g')); // Add loading options based on connection const options = { scrollyVideoContainer: video, src: this.src, preload: 'metadata', quality: isSlowConnection ? 'low' : 'high' }; try { this.scrollyVideo = new ScrollyVideo(options); } catch (error) { console.error('Failed to initialize ScrollyVideo:', error); } } } }" class="relative" > <div class="aspect-[500/700] !h-auto !top-[72px] md:aspect-[1920/1080] [&>canvas]:!size-full [&>canvas]:!object-contain" x-ref="video"></div> <div class="relative mb-[400vh]"></div> <div class="relative h-px"></div> </div> </div> <div class="hidden md:block"> <div x-data="{ src: 'https://assets.thetradedesk.com/assets/videos/HomePageAnimation_Devices_Desktop_2x_v6sm.mp4', scrollyVideo: null, isIntersecting: false, init() { // Use Intersection Observer to only initialize video when in viewport const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { this.isIntersecting = entry.isIntersecting; if (entry.isIntersecting && !this.scrollyVideo) { this.initVideo(); } }); }, { rootMargin: '200px 0px', threshold: 0.01 }); observer.observe($el); // Cleanup on component removal this.$cleanup = () => { if (this.scrollyVideo) { this.scrollyVideo.destroy && this.scrollyVideo.destroy(); this.scrollyVideo = null; } observer.disconnect(); }; }, initVideo() { const video = $refs.video; if (this.src && video) { // Determine if on slow connection const isSlowConnection = navigator.connection && (navigator.connection.saveData || (navigator.connection.effectiveType || '').includes('2g')); // Add loading options based on connection const options = { scrollyVideoContainer: video, src: this.src, preload: 'metadata', quality: isSlowConnection ? 'low' : 'high' }; try { this.scrollyVideo = new ScrollyVideo(options); } catch (error) { console.error('Failed to initialize ScrollyVideo:', error); } } } }" class="relative" > <div class="aspect-[500/700] !h-auto !top-[72px] md:aspect-[1920/1080] [&>canvas]:!size-full [&>canvas]:!object-contain" x-ref="video"></div> <div class="relative mb-[400vh]"></div> <div class="relative h-px"></div> </div> </div> </div> </section> <section data-block="Testimonials"> <div class="bg-sea-salt pt-8 py-16 md:py-20"> <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div x-data="{ init() { new Splide(this.$refs.splide, { type: 'loop', perPage: 1, gap: '0.5rem', pagination: false, arrows: true, drag: true, classes: { arrow : 'splide--custom__arrow' }, autoplay: true, }).mount() }, }"> <section x-ref="splide" class="splide" aria-label="Carousel of employee testimonials at The Trade Desk"> <div class="splide__track"> <ul class="splide__list"> <li class="flex flex-col justify-center items-center splide__slide"> <div class="max-w-[76rem] bp-carousel:px-0 md:px-[6.25rem]"> <div class="flex flex-row justify-center items-center mb-4"> </div> <div class="flex flex-col text-center items-center justify-center gap-6 md:gap-8"> <div class="flex flex-col gap-6 md:gap-8"> <blockquote class="accent-text type-epsilon text-gray-800"> <p>“Working with The Trade Desk enabled us to try something we had never done before — merge our brand and retail sales campaigns seamlessly into a full-funnel, omnichannel campaign. … Overall, we achieved a significant boost in performance and efficiency.”</p> </blockquote> <cite class="block not-italic text-gray-700 type-s-paragraph text-gray-700"> <p><i>Tatsuya Sakai, Senior Director, Shopper Marketing, PepsiCo, United States</i> <br> </p> </cite> </div> </div> </div> </li> <li class="flex flex-col justify-center items-center splide__slide"> <div class="max-w-[76rem] bp-carousel:px-0 md:px-[6.25rem]"> <div class="flex flex-row justify-center items-center mb-4"> </div> <div class="flex flex-col text-center items-center justify-center gap-6 md:gap-8"> <div class="flex flex-col gap-6 md:gap-8"> <blockquote class="accent-text type-epsilon text-gray-800"> <p>“Running an omnichannel campaign on The Trade Desk enabled us to expand our horizons beyond social media advertising and reach relevant consumers across several channels.”</p> </blockquote> <cite class="block not-italic text-gray-700 type-s-paragraph text-gray-700"> <p><i>Elle Gaoat, Brand Manager, Pepsi, PepsiCo, Philippines</i> </p> </cite> </div> </div> </div> </li> <li class="flex flex-col justify-center items-center splide__slide"> <div class="max-w-[76rem] bp-carousel:px-0 md:px-[6.25rem]"> <div class="flex flex-row justify-center items-center mb-4"> </div> <div class="flex flex-col text-center items-center justify-center gap-6 md:gap-8"> <div class="flex flex-col gap-6 md:gap-8"> <blockquote class="accent-text type-epsilon text-gray-800"> <p>“Unilever’s partnership with The Trade Desk has been transformative. … The success of our campaigns using the cutting-edge Unified ID 2.0 solution showcases our adaptability in the post-cookie landscape.”</p> </blockquote> <cite class="block not-italic text-gray-700 type-s-paragraph text-gray-700"> <p><i>Nidarat Noi Urailertprasert, Digital Marketing, Media, dCommerce and Data Lead, Unilever Homecare Southeast Asia, Thailand</i></p> </cite> </div> </div> </div> </li> </ul> </div> </section> </div> </div> </div> </section> <section class="my-12 md:my-20" data-block="Related News"> <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="space-y-10 md:space-y-[60px]"> <div x-data> <div x-cloak> <header class="flex flex-col lg:flex-row lg:justify-between lg:items-end gap-6"> <div class="max-w-5xl space-y-2" x-cloak> <div class="space-y-2 md:space-y-4"> <h2 class="accent-text type-gamma"> Read all about it </h2> </div> <div class="max-w-3xl type-s-paragraph "> <p >Innovation never stops. Check out our latest news to learn how our technology and premium partnerships are shaping the industry — and the future of digital advertising.</p> </div> </div> <div class="flex flex-shrink-0 md:-translate-y-[5px]"> <a class="button-tertiary" href="https://www.thetradedesk.com/press-room" data-click-button="button"> <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"> <path d="M10.7969 1.23438L18.0625 8.5L10.7969 15.7656" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 8.5L18 8.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>All News</span> </a> </div> </header> </div> </div> <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 lg:gap-10"> <article id="42002" class="flex flex-col" data-layout="relatedNewsCard"> <a href="https://www.thetradedesk.com/press-room/vivek-kundra-to-join-the-trade-desk-as-chief-operating-officer" class="flex flex-col justify-between px-7 h-full bg-white rounded-2xl transition-shadow pt-[1.125rem] pb-[1.375rem] hover:shadow-card"> <header class="pb-6"> <h3 class="type-l-paragraph line-clamp-3"> Vivek Kundra to Join The Trade Desk as Chief Operating Officer </h3> </header> <footer class="border-t"> <p class="pt-6 type-eta"> <span class="opacity-80 after:content-['|'] after:text-gray-600 after:ml-2 after:mr-1">Press Release</span> <time class="font-bold normal-case opacity-80 tracking-[0.02em]" datetime="2025-12-03">March 12, 2025</time> </p> </footer> </a> </article> <article id="41989" class="flex flex-col" data-layout="relatedNewsCard"> <a href="https://www.thetradedesk.com/press-room/the-guardian-partners-with-the-trade-desk-to-enhance-its-digital-advertising-experience-through-openpath" class="flex flex-col justify-between px-7 h-full bg-white rounded-2xl transition-shadow pt-[1.125rem] pb-[1.375rem] hover:shadow-card"> <header class="pb-6"> <h3 class="type-l-paragraph line-clamp-3"> The Guardian partners with The Trade Desk to enhance its digital advertising experience through OpenPath </h3> </header> <footer class="border-t"> <p class="pt-6 type-eta"> <span class="opacity-80 after:content-['|'] after:text-gray-600 after:ml-2 after:mr-1">Press Release</span> <time class="font-bold normal-case opacity-80 tracking-[0.02em]" datetime="2025-11-03">March 11, 2025</time> </p> </footer> </a> </article> <article id="29658" class="flex flex-col" data-layout="relatedNewsCard"> <a href="https://www.thetradedesk.com/press-room/the-trade-desk-appoints-alex-kayyal-to-board-of-directors" class="flex flex-col justify-between px-7 h-full bg-white rounded-2xl transition-shadow pt-[1.125rem] pb-[1.375rem] hover:shadow-card"> <header class="pb-6"> <h3 class="type-l-paragraph line-clamp-3"> The Trade Desk Appoints Alex Kayyal to Board of Directors </h3> </header> <footer class="border-t"> <p class="pt-6 type-eta"> <span class="opacity-80 after:content-['|'] after:text-gray-600 after:ml-2 after:mr-1">Press Release</span> <time class="font-bold normal-case opacity-80 tracking-[0.02em]" datetime="2025-13-02">February 13, 2025</time> </p> </footer> </a> </article> </div> </div> </div> </section> <section class="my-12 md:my-20" data-block="Form"> <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="bg-lightest-misty px-4 pt-8 pb-11 rounded-lg md:rounded-2xl md:px-10 md:pt-16 md:pb-12"> <div class="grid gap-10 lg:grid-cols-12 lg:gap-0"> <div class="space-y-10 lg:col-span-5 lg:space-y-[136px]"> <h2 class="type-gamma">Ready to take your digital advertising approach further? We are.</h2> <div class="max-w-md text-gray-800 type-l-paragraph"> <p>Reach out to us to find the right solution to start using <a href="/our-demand-side-platform">our platform</a>.</p> </div> </div> <div class="lg:col-span-6 lg:col-start-7"> <div class="flex justify-center items-center"> <form class="contact-form flex flex-wrap flex-col gap-y-4 w-full xl:flex-row xl:gap-x-8 2xl:gap-x-10" data-formid=1712 id="mktoForm_1712"></form> <script> MktoForms2.loadForm("//pages.thetradedesk.com", "527-INM-364", 1712); </script> </div> </div> </div> </div> </div> </section> <div x-data="{ init() { document.querySelector('html').classList.remove('scroll-smooth') window.onbeforeunload = function () { window.scrollTo(0, 0); }; } }" > </div> </main> </div> <footer class="pb-4 text-white md:pb-10 pt-[38px] bg-black-ink md:pt-[60px]"> <div class="max-w-[1490px] px-4 lg:px-10 box-content mx-auto"> <div class="space-y-[30px]"> <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"> <div class="flex flex-row flex-wrap flex-1"> <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]"> <ul class="space-y-[9px] max-w-[30ch]"> <li> <a class="type-s-paragraph link" href="https://www.thetradedesk.com/office-locations" data-nav-item data-nav-type="footer" data-click-item="nav link"> Office locations </a> </li> <li> <a class="type-s-paragraph link" href="https://www.thetradedesk.com/press-room" data-nav-item data-nav-type="footer" data-click-item="nav link"> News </a> </li> <li> <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> <li> <a class="type-s-paragraph link" href="https://www.thetradedesk.com/trust" data-nav-item data-nav-type="footer" data-click-item="nav link"> Trust center </a> </li> <li> <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> <li> <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> <li> <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> <li> <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> <li> <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> </ul> </div> </div> <div class="flex flex-col lg:items-end space-y-[26px] lg:space-y-[38px]"> <a class="flex w-full h-8 max-w-[168px] lg:max-w-[252px]" href="https://www.thetradedesk.com/"> <span class="sr-only">Link to The Trade Desk Home Page</span> <svg class="w-full fill-current" width="252" height="27" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 27" fill="none"> <g id="nkxlxsrupm-logo_brand" clip-path="url(#nkxlxsrupm-clip0_1946_13763)"> <g id="nkxlxsrupm-Group"> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-Vector_4" d="M94.6932 4.88273V26.5177H89.8079V4.88273H82.2344V0.240234H102.262V4.88273H94.6908H94.6932Z" fill="currentColor"></path> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> </g> <g id="nkxlxsrupm-Group_2"> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-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> <path id="nkxlxsrupm-Vector_16" d="M5.80469 0.125V4.87H10.8471V15.1275H15.5214V0.125H5.80469Z" fill="currentColor"></path> </g> </g> <defs> <clipPath id="nkxlxsrupm-clip0_1946_13763"> <rect width="252" height="27" fill="white"></rect> </clipPath> </defs> </svg> </a> <div class="flex flex-wrap gap-3 lg:justify-end"> <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 </a> <a class="button button-white" href="https://www.thetradedesk.com/contact-us" data-click-button="button" data-nav-item data-nav-type="footer" data-click-item="cta"> Contact us </a> </div> <ul class="social-networks-list flex flex-wrap gap-[19px] xl:!mt-auto xl:!pt-10"> <li> <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"> <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" /> </svg> </a> </li> <li> <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"> <g clip-path="url(#clip0_1956_2197)"> <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" /> <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" /> </g> <defs> <clipPath id="clip0_1956_2197"> <rect width="21.1948" height="21.1948" transform="translate(0.921875 0.765625)"/> </clipPath> </defs> </svg> </a> </li> <li> <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"> <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 19.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" /> </svg> </a> </li> <li> <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"> <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 14.7463Z" fill="currentColor" /> </svg> </a> </li> <li> </li> </ul> </div> </div> <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"> <ul class="flex flex-wrap gap-x-3 justify-center mr-4 md:justify-start flex-shrink-1"> <li> <a class="type-s-paragraph link" href="https://www.thetradedesk.com/legal/website-privacy-policy" 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"> <span> Website privacy policy </span> </span> </a> </li> <li> <a class="type-s-paragraph link" href="https://www.thetradedesk.com/legal/privacy" 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"> <span> Services privacy policy </span> </span> </a> </li> <li> <a class="type-s-paragraph link ot-sdk-show-settings" 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"> <span> Cookie settings </span> </span> </a> </li> <li> <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"> <svg id="qrjobogvak-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"> <style type="text/css"> .qrjobogvak-st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;} .qrjobogvak-st1{fill-rule:evenodd;clip-rule:evenodd;fill:#0066FF;} .qrjobogvak-st2{fill:#FFFFFF;} .qrjobogvak-st3{fill:#0066FF;} </style> <g> <g id="qrjobogvak-final---dec.11-2020_1_"> <g id="qrjobogvak-_x30_208-our-toggle_2_" transform="translate(-1275.000000, -200.000000)"> <g id="qrjobogvak-Final-Copy-2_2_" transform="translate(1275.000000, 200.000000)"> <path class="qrjobogvak-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> </g> </g> </g> <g id="qrjobogvak-final---dec.11-2020"> <g id="qrjobogvak-_x30_208-our-toggle" transform="translate(-1275.000000, -200.000000)"> <g id="qrjobogvak-Final-Copy-2" transform="translate(1275.000000, 200.000000)"> <path class="qrjobogvak-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> <path id="qrjobogvak-x" class="qrjobogvak-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> <path id="qrjobogvak-y" class="qrjobogvak-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> </g> </g> </g> </g> </svg> <span> Your privacy settings </span> </span> </a> </li> </ul> <p class="whitespace-nowrap type-xs-paragraph">©2025 The Trade Desk. All rights reserved.</p> </div> </div> </div> </footer> </div> <script src="https://www.thetradedesk.com/cpresources/4a747871/access.js?v=1743718185" defer></script> <script>function getCookie(e){for(var r=e+"=",t=document.cookie.split(";"),o=0;o<t.length;o++){for(var n=t[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(r))return n.substring(r.length,n.length)}return""}function checkCookie(){""!=getCookie("markerEnabled")&&(function(e,r,t){if(!e.__Marker){e.__Marker={};var o=[],n={__cs:o};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","setCustomData","on","off"].forEach((function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),o.push(r)}})),e.Marker=n;var i=r.createElement("script");i.async=1,i.src="https://edge.marker.io/latest/shim.js";var a=r.getElementsByTagName("script")[0];a.parentNode.insertBefore(i,a)}}(window,document),window.markerConfig={destination:"678a767f942617c8547ecf88",source:"snippet",silent:!0,...getCookie("markerEmail")&&{reporter:{email:decodeURIComponent(getCookie("markerEmail")),fullName:decodeURIComponent(getCookie("markerUser"))}}})}checkCookie(); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'Initialize_dataLayer', ...{"page_seo_title":"Homepage","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} });</script></body> </html>

CINXE.COM

Built for What Matters | The Trade Desk