
:root{
  --ink:#181a1d;
  --muted:#686d72;
  --rule:#d9dce0;
  --link-blue:#0b66ff;
  --link-blue-hover:#004fd6;
  --page-max:1170px;
  --hv-black:#1d2129;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif}
.page-shell{width:min(calc(100% - 56px),var(--page-max));margin:0 auto}
.directory-layout{display:block;padding:46px 0 78px}
.directory-content{min-width:0}
.directory-intro{padding:0 0 42px;border-bottom:1px solid #bfc3c7;margin-bottom:48px}
.directory-intro h1{margin:0;font:700 40px/1.02 "Inter Tight",Inter,Arial,sans-serif;letter-spacing:-.035em}
.directory-section{position:relative;padding:0 0 62px;background:#fff;--section-accent:#2bb8c7}
.directory-section+.directory-section{padding-top:56px;border-top:1px solid #e4e6e8}
#data{--section-accent:#2bb8c7}
#identity{--section-accent:#ca3c7d}
#analytics{--section-accent:#67bf47}
#activation{--section-accent:#0b66ff}
#technology{--section-accent:#f0d72f}
.section-heading{position:relative;display:block;padding:0 0 22px 18px;margin:0 0 30px}
.section-heading::before{content:"";position:absolute;left:0;top:1px;bottom:22px;width:5px;background:var(--section-accent)}
.section-heading h2{margin:0 0 5px;font:700 20px/1.08 "Inter Tight",Inter,Arial,sans-serif;letter-spacing:-.018em}
.section-heading p{margin:0;max-width:760px;color:var(--muted);font:400 14px/1.22 "Inter Tight",Inter,Arial,sans-serif}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:58px;row-gap:0}
.directory-card{min-width:0;padding:0 0 30px}
.directory-card h3{margin:0 0 4px;font:700 16px/1.1 "Inter Tight",Inter,Arial,sans-serif;letter-spacing:-.012em}
.directory-card p{margin:0 0 5px;max-width:330px;color:var(--muted);font:400 13.5px/1.24 "Inter Tight",Inter,Arial,sans-serif}
.directory-links{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.directory-link{display:inline-flex;align-items:center;gap:5px;color:var(--link-blue);font:400 13.5px/1.12 "Inter Tight",Inter,Arial,sans-serif;text-decoration:none;transition:color .18s ease,transform .18s ease}
.directory-link img{width:9px;height:auto;display:block;transition:transform .18s ease}
.directory-link:hover{color:var(--link-blue-hover);transform:translateX(2px)}
.directory-link:hover img{transform:translateX(2px)}
.directory-footer{background:var(--hv-black);color:#fff;padding:34px 0 38px}
.directory-footer .page-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}
.directory-footer strong{font:300 22px/1.2 Inter,Arial,sans-serif;letter-spacing:-.02em}
.directory-footer a{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:10px 16px;color:#fff;font:400 13.5px/1 "Inter Tight",Inter,Arial,sans-serif;text-decoration:none}
.directory-footer img{width:9px;filter:brightness(0) invert(1)}
@media(max-width:980px){
  .directory-layout{padding-top:40px}
  .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
}
@media(max-width:700px){
  .page-shell{width:min(calc(100% - 36px),var(--page-max))}
  .directory-layout{padding:30px 0 52px}
  .directory-intro{padding-bottom:28px;margin-bottom:34px}
  .directory-intro h1{font-size:33px}
  .directory-section{padding-top:0;padding-bottom:44px}
  .directory-section+.directory-section{padding-top:42px}
  .section-heading{display:block;padding:0 0 16px 15px;margin-bottom:22px}
  .section-heading::before{bottom:16px;width:4px}
  .section-heading h2{margin-bottom:7px;font-size:18px}
  .section-heading p{font-size:13.5px}
  .directory-grid{grid-template-columns:1fr}
  .directory-card{padding-bottom:24px}
  .directory-card p{max-width:520px}
  .directory-footer .page-shell{align-items:flex-start;flex-direction:column}
}
