:root{--bg:#090c0d;--panel:#131718;--line:#2b3031;--white:#f5f2ec;--muted:#a5abad;--pink:#ff008f;--section-space:64px;--content-gap:32px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--white);margin:0;font:16px/1.6 Arial,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}button{cursor:pointer}header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090c0df2;position:sticky;top:0}nav{align-items:center;gap:32px;max-width:1380px;margin:auto;padding:20px 36px;display:flex}.logo{letter-spacing:-1.5px;font-size:30px;font-weight:800}.dot{color:var(--pink)}.links{align-items:center;gap:30px;margin-left:auto;font-size:14px;display:flex}.button{border:1px solid var(--line);color:var(--white);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:30px;padding:12px 20px;font-size:14px;display:inline-flex}.primary{background:var(--pink);border-color:var(--pink);color:#fff}.wrap{max-width:1308px;margin:auto;padding:0 36px}.eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:11px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-3px;font-family:Georgia,serif;font-weight:400;line-height:1.05}h1{margin-bottom:28px;font-size:clamp(58px,6.8vw,98px)}h2{margin-bottom:24px;font-size:clamp(38px,4.5vw,64px)}h3{font-size:22px;font-weight:500;line-height:1.25}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:64px 0 48px;display:grid}.hero p.copy{max-width:480px;color:var(--muted);font-size:18px}.actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:30px;padding:20px 0;font-size:13px;display:flex}.strip .fa-icon{color:var(--pink);margin-right:12px}section{padding:var(--section-space) 0}.wrap>section+section{padding-top:0}.sectionhead{justify-content:space-between;gap:var(--content-gap);margin-bottom:var(--content-gap);align-items:end;display:flex}.sectionhead p{max-width:380px;color:var(--muted)}.screen{border:1px solid var(--line);background:#121617;border-radius:16px;padding:12px;box-shadow:0 30px 90px #0008}.screen img{border-radius:8px;width:100%;display:block}.caption{color:var(--muted);justify-content:space-between;gap:20px;margin-top:16px;font-size:12px;display:flex}.modules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:340px 1fr;display:grid}.tabs{padding:15px 35px 15px 0}.tabs button{text-align:left;width:100%;color:var(--muted);border:0;border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;padding:19px 0;font-size:19px;display:flex}.tabs button[aria-selected=true]{color:var(--white)}.module{border-left:1px solid var(--line);flex-direction:column;justify-content:center;padding:32px 0 32px 40px;display:flex}.module h3{font:40px Georgia,serif}.module p{color:var(--muted);max-width:580px}.tags{flex-wrap:wrap;gap:10px;display:flex}.tags span{border:1px solid var(--line);border-radius:30px;padding:6px 12px;font-size:12px}.steps{gap:var(--content-gap);margin-top:var(--content-gap);grid-template-columns:repeat(3,1fr);display:grid}.step{border-top:1px solid var(--line);padding-top:24px}.step p{color:var(--muted)}.band{color:#121416;padding:var(--section-space) 0;background:#f1ede6}.band .eyebrow,.band p{color:#55585a}.bandinner{grid-template-columns:1fr 1fr;gap:48px;display:grid}.band h3{font:30px Georgia,serif}.band .button{color:#121416;border-color:#aaa}.audience{gap:var(--content-gap);grid-template-columns:1fr 1fr;display:grid}.audience article{border-top:1px solid var(--line);padding:24px 0 0}.audience p{color:var(--muted)}details{border-top:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:18px}details p{color:var(--muted);max-width:760px;margin:20px 0 0}.demo{grid-template-columns:1fr 1fr;gap:48px;display:grid}.demo p{color:var(--muted)}form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:30px}label{margin-bottom:17px;font-size:13px;display:block}input,select{color:#fff;background:#0b0f10;border:1px solid #3b4244;border-radius:6px;width:100%;margin-top:7px;padding:12px;display:block}form .button{width:100%}.note{margin-top:17px;margin-bottom:0;font-size:12px}footer{border-top:1px solid var(--line);padding:30px 0}.foot{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.menu{display:none}#result{color:#d6e9d0;margin-top:15px;font-size:13px}@media (max-width:800px){:root{--section-space:48px;--content-gap:24px}nav{padding:14px 20px}.links{gap:15px}.links a:not(.primary):not(.login-link){display:none}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:clamp(44px,8vw,64px)}.strip{flex-wrap:wrap;gap:12px}.sectionhead,.caption{display:block}.modules{grid-template-columns:1fr}.tabs{flex-wrap:wrap;gap:0 20px;padding:0;display:flex}.tabs button{white-space:nowrap;gap:10px;width:auto;font-size:15px}.module{border:0;padding:30px 0}.steps,.bandinner,.audience,.demo{grid-template-columns:1fr;gap:25px}section{padding:var(--section-space) 0}.foot{flex-direction:column;align-items:start}h1,h2{letter-spacing:-2px}.band{padding:var(--section-space) 0}.demo{gap:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.logo{flex-shrink:0;align-items:center;display:inline-flex}.logo img{width:140px;height:auto;display:block}.fa-icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}summary{justify-content:space-between;align-items:center;gap:20px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .fa-icon{transition:transform .25s}details[open] summary .fa-icon{transform:rotate(180deg)}@media (max-width:800px){.logo img{width:120px}}select{appearance:none;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23aaaaaa%22%20fill%3D%22currentColor%22%20d%3D%22M201.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20338.7%2054.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%2F%3E%3C%2Fsvg%3E);background-position:right 14px center;background-repeat:no-repeat;background-size:12px;padding-right:38px}.hero>*,.demo>*,.bandinner>*,.sectionhead>*{min-width:0}h3,p{margin-bottom:16px}.sectionhead h2,.sectionhead p,.step p,.bandinner h2{margin-bottom:0}.audience article{flex-direction:column;align-items:flex-start;display:flex}.audience article>a{margin-top:auto}.audience p{margin-bottom:24px}.button{min-height:48px;transition:transform .28s var(--ease), background-color .28s ease, border-color .28s ease, box-shadow .28s ease, color .28s ease}.button .fa-icon,.audience a .fa-icon{transition:transform .28s var(--ease)}.tabs button,summary,.links>a:not(.button),.audience a{transition:color .25s,background-color .25s,border-color .25s}.tabs button{min-height:48px;position:relative}.tabs button[aria-selected=true]{color:var(--pink);border-bottom-color:var(--pink)}input,select{transition:border-color .25s,box-shadow .25s}input:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff008f18}:where(a,button,summary):focus-visible{outline:2px solid var(--pink);outline-offset:5px}@media (hover:hover){.button:hover{border-color:var(--pink);background:#21131c;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.primary:hover{background:#d60078;border-color:#d60078}.band .button:hover{color:#fff;background:#121416;border-color:#121416}.button:hover .fa-icon,.audience a:hover .fa-icon{transform:translate(3px)}.tabs button:hover{color:var(--white);border-bottom-color:var(--pink)}summary:hover,.links>a:not(.button):hover,.audience a:hover{color:var(--pink)}}.button:active{box-shadow:none;transform:translateY(0)}@media (max-width:800px){.hero{gap:24px;padding-bottom:32px}.sectionhead{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.sectionhead p{max-width:100%}.module{padding:24px 0}.module h3{font-size:32px}.caption{flex-direction:column;gap:4px;display:flex}.foot{flex-direction:row;align-items:center}.bandinner,.demo{gap:24px}form{padding:24px}.tabs button{padding:14px 0}}@media (max-width:420px){nav{gap:12px}.links .button{gap:12px;padding:10px 12px;font-size:12px}.logo img{width:108px}.actions{gap:12px}.actions .button{width:100%}.strip{flex-direction:column}form{padding:20px}}@media (prefers-reduced-motion:reduce){.button:hover,.button:active,.button:hover .fa-icon,.audience a:hover .fa-icon{transform:none}}@media (max-width:420px){nav{padding:14px 16px}.links{gap:8px}.links .button{gap:8px;padding:10px}.links .primary .fa-icon{display:none}.links .login-link{font-size:12px}.logo img{width:92px}}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;color:#fff;background:#e6007e;padding:12px 18px;position:fixed;top:8px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.module{min-width:0}.menu-toggle,.mobile-navigation{display:none}.request-result{color:#d6e9d0;margin-top:15px;font-size:13px}.request-result.has-error{color:#ffb6c8}noscript p{max-width:1236px;margin:0 auto;padding:20px}@media (max-width:800px){nav{gap:12px}nav .links{margin-left:auto}nav .links .primary{display:none}.menu-toggle{gap:8px;padding:10px 13px;font-size:12px;display:inline-flex}.menu-toggle[aria-expanded=true] .fa-icon{transform:rotate(180deg)}.mobile-navigation{border-top:1px solid var(--line);gap:0;padding:0 22px 20px;display:grid}.mobile-navigation a{border-bottom:1px solid var(--line);padding:14px 0;font-size:15px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.hero-brand{place-items:center;height:460px;display:grid;overflow:visible}.hero-brand img{width:min(68%,340px);height:auto;animation:12s ease-in-out infinite brand-float;display:block}@keyframes brand-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.dashboard-screen{border-radius:12px;padding:10px;box-shadow:0 24px 60px #0004}.dashboard-preview{color:#f4f1eb;background:#090c0d;border:1px solid #303638;border-radius:6px;transition:border-color .25s;display:block;overflow:hidden;container-type:inline-size}.dp-window{padding:0 2.3cqw 2.3cqw}.dp-topbar{border-bottom:1px solid #303638;align-items:center;gap:2cqw;min-height:5.8cqw;display:flex}.screen .dp-logo{border-radius:0;flex-shrink:0;width:10.5cqw;min-width:80px;height:auto}.dp-agency{color:#c6c9c9;border-left:1px solid #303638;padding-left:2cqw;font-size:1cqw}.dp-nav{border-bottom:2px solid #e6007e;margin-left:auto;padding:1cqw 0;font-size:1.1cqw}.dp-search{color:#9da4a8;background:#171b1d;border:1px solid #303638;border-radius:30px;align-items:center;gap:.7cqw;width:15cqw;padding:.8cqw 1cqw;font-size:1cqw;display:flex}.dp-avatar{aspect-ratio:1;background:#282c30;border-radius:50%;place-items:center;width:2.8cqw;font-size:1cqw;display:grid}.dp-brands{color:#cbd0d0;justify-content:space-between;align-items:center;gap:2cqw;padding:1.5cqw 0;font-size:1.5cqw;font-weight:600;display:flex}.dp-brands>span:first-child{text-transform:uppercase;letter-spacing:.15em;color:#9da4a8;font-size:.8cqw;font-weight:400}.dp-intro{grid-template-columns:1fr 1fr;align-items:center;gap:4cqw;padding:.8cqw 0 2.2cqw;display:grid}.dp-intro p{text-transform:uppercase;letter-spacing:.18em;color:#9da4a8;margin:0 0 .8cqw;font-size:.8cqw}.dp-intro h3{letter-spacing:-.04em;margin:0;font:400 5.1cqw/1.02 Georgia,serif}.dp-intro h3 em{font-weight:400}.dp-intro h3 span,.dp-card-bottom h4 span{color:#ff008b}.dp-prompt{background:#131718;border:1px solid #303638;border-radius:10px;justify-content:space-between;align-items:center;gap:2cqw;padding:2.2cqw;display:flex}.dp-prompt strong{margin-bottom:.8cqw;font:400 2.3cqw/1.2 Georgia,serif;display:block}.dp-prompt div>span{color:#9da4a8;font-size:1cqw}.dp-prompt-icon{aspect-ratio:1;background:#e6007e;border-radius:50%;flex-shrink:0;place-items:center;width:3.8cqw;font-size:1.5cqw;display:grid}.dp-filters{align-items:center;gap:1.5cqw;margin:0 0 1.2cqw;font-size:1.1cqw;display:flex}.dp-select{background:#151a1c;border:1px solid #414749;border-radius:6px;align-items:center;gap:2.3cqw;padding:1cqw 1.1cqw;font-size:1cqw;display:flex}.dp-select svg{font-size:.8em}.dp-new{background:#e6007e;border-radius:6px;align-items:center;gap:.8cqw;margin-left:auto;padding:1.1cqw 1.4cqw;font-size:1cqw;display:flex}.dp-cases{aspect-ratio:2.5;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.5fr 1fr 1fr;gap:1cqw;display:grid}.dp-case{isolation:isolate;background:#171f21;border:1px solid #303638;border-radius:7px;min-width:0;position:relative;overflow:hidden}.dp-featured{background:#e60000;grid-row:span 2}.screen .dp-case>.dp-card-photo{object-fit:cover;object-position:center;z-index:-2;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.dp-case:after{content:"";z-index:-1;background:#04070850;position:absolute;inset:0}.screen .dp-featured>.dp-card-photo{object-position:50% 38%}.dp-featured:after{background:#21000024}.screen .dp-strategy>.dp-card-photo{object-position:50% 58%}.screen .dp-visual>.dp-card-photo{object-position:56% 38%}.dp-media:after{background:#0002}.screen .dp-brand-logo{object-fit:contain;object-position:right top;border-radius:0;flex-shrink:0;width:9cqw;max-width:48%;height:auto;display:block}.screen .dp-brand-vodafone{width:15cqw}.screen .dp-brand-hp{width:3.6cqw}.screen .dp-brand-schuurman{width:8.8cqw}.screen .dp-brand-landstede{width:8.3cqw}.screen .dp-brand-nvidia{width:7.3cqw}.dp-card-top,.dp-card-bottom{justify-content:space-between;gap:1cqw;display:flex;position:absolute;left:1.5cqw;right:1.5cqw}.dp-card-top{align-items:flex-start;font-size:.9cqw;top:1.3cqw}.dp-chapter{white-space:nowrap;text-shadow:0 1px 6px #000c;padding-top:.3cqw}.dp-card-bottom{text-shadow:0 2px 12px #000c,0 1px 3px #0008;align-items:flex-end;bottom:1.5cqw}.dp-card-bottom h4{letter-spacing:-.02em;text-wrap:balance;margin:0;font:400 2.4cqw/1.05 Georgia,serif}.dp-featured h4{font-size:4.8cqw}.dp-card-bottom p{color:#fff;margin:.8cqw 0 0;font-size:.85cqw}.dp-card-actions{flex-direction:column;align-items:flex-end;gap:.8cqw;display:flex}.dp-formats{gap:.3cqw;display:flex}.dp-formats span{background:#0005;border:1px solid #ffffff50;border-radius:.65cqw;padding:.45cqw .4cqw;font-size:.65cqw;line-height:1}.dp-case-arrow{aspect-ratio:1;background:#080c0d50;border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;place-items:center;width:2.5cqw;font-size:1.05cqw;display:grid}.dashboard-caption{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}.dashboard-caption p{color:var(--muted);max-width:520px;margin:0;font-size:13px}.dashboard-caption .button{white-space:nowrap;gap:18px;font-size:13px}@media (hover:hover){.dashboard-preview:hover{border-color:#e6007e}}@container (width<=700px){.dp-window{padding:0 18px 18px}.dp-topbar{gap:14px;min-height:56px}.screen .dp-logo{width:100px}.dp-agency{display:none}.dp-nav{padding:12px 0;font-size:11px}.dp-search{display:none}.dp-avatar{width:28px;font-size:10px}.dp-brands{flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:18px 0;font-size:12px}.dp-brands>span:first-child{margin-right:auto;font-size:9px}.dp-intro{gap:20px;padding:8px 0 22px}.dp-intro p{margin-bottom:8px;font-size:8px}.dp-intro h3{font-size:40px}.dp-prompt{gap:10px;padding:16px}.dp-prompt strong{margin-bottom:8px;font-size:21px}.dp-prompt div>span{font-size:10px;line-height:1.5;display:block}.dp-prompt-icon{width:32px;font-size:13px}.dp-filters{gap:12px;margin-bottom:12px;font-size:11px}.dp-select{gap:15px;padding:9px;font-size:10px}.dp-new{gap:8px;padding:10px;font-size:10px}.dp-cases{aspect-ratio:1.65;gap:10px}.dp-card-top,.dp-card-bottom{gap:8px;left:12px;right:12px}.dp-card-top{flex-direction:column;gap:8px;font-size:8px;top:12px}.dp-featured .dp-card-top{flex-direction:row}.screen .dp-brand-logo{object-position:left top;width:72px;max-width:100%}.screen .dp-brand-vodafone{width:min(115px,53%)}.screen .dp-brand-hp{width:29px}.screen .dp-brand-schuurman{width:82px}.screen .dp-brand-landstede{width:74px}.screen .dp-brand-nvidia{width:68px}.dp-formats{display:none}.dp-card-bottom{bottom:12px}.dp-card-bottom h4{font-size:19px}.dp-featured h4{font-size:36px}.dp-card-bottom p{margin-top:8px;font-size:8px}.dp-case-arrow{width:23px;font-size:10px}}@container (width<=480px){.dp-window{padding:0 12px 12px}.dp-topbar{gap:12px;min-height:54px}.dp-brands{padding:16px 0;font-size:11px}.dp-intro{grid-template-columns:1fr;gap:18px;padding:6px 0 18px}.dp-intro p{display:none}.dp-intro h3{font-size:38px}.dp-prompt{border-radius:6px;padding:13px}.dp-prompt strong{margin:0 0 5px;font-size:20px}.dp-prompt div>span{font-size:10px}.dp-prompt-icon{width:32px}.dp-filters>span:first-child{display:none}.dp-select{gap:10px;padding:9px 8px;font-size:10px}.dp-new{gap:6px;padding:10px 8px;font-size:9px}.dp-cases{aspect-ratio:auto;grid-template-rows:310px 195px 195px;grid-template-columns:1fr 1fr;gap:8px}.dp-featured{grid-area:auto/1/auto/-1}.dp-featured h4{font-size:43px}.dp-card-bottom h4{letter-spacing:-.03em}.dp-case-arrow{display:none}.dp-featured .dp-case-arrow{width:28px;font-size:12px;display:grid}.dp-card-top{font-size:8px}.dp-card-bottom{bottom:12px}.dp-card-top,.dp-card-bottom{left:10px;right:10px}.dp-card-bottom p{font-size:8px;line-height:1.4}.dp-featured .dp-card-top{align-items:flex-start}.screen .dp-featured>.dp-card-photo{object-position:50% 26%}}@media (max-width:800px){.hero-brand{height:300px}.hero-brand img{width:min(65%,240px)}.dashboard-caption{align-items:flex-start;gap:16px}.dashboard-caption p{max-width:340px;font-size:12px}.dashboard-caption .button{padding:12px 16px;font-size:12px}}@media (max-width:520px){.hero-brand{height:240px}.hero-brand img{width:200px}.dashboard-screen{border-radius:10px;padding:7px}.dashboard-caption{flex-direction:column}.dashboard-caption .button{justify-content:space-between;width:100%}.dashboard-caption p{max-width:none;font-size:12px}}@media (prefers-reduced-motion:reduce){.hero-brand img{animation:none}.dashboard-preview{transition:none}}
