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