@import url('/engage/fonts.css');
:root{color-scheme:dark;font:15px/1.8 Inter,Arial,sans-serif;color:#eee9f5;background:#0b0b11}*{box-sizing:border-box}body{margin:0}a{color:#c6afff;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #c6afff;outline-offset:5px}img{display:block;max-width:100%;height:auto}.shell{width:min(1180px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0;border-bottom:1px solid #ffffff18}header img{width:145px;height:auto}header nav{display:flex;gap:28px;font-size:11px}header nav a{color:#d0c8dd}.skip{position:absolute;top:-100px;background:#eee9f5;color:#0b0b11;padding:12px}.skip:focus{top:10px;left:10px;z-index:5}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font:9px/1.8 monospace;letter-spacing:.05em;color:#9d94ac;margin:30px 0 55px}.breadcrumbs a{color:#a99bbd}.eyebrow{font:9px/1.8 monospace;letter-spacing:.14em;color:#c6afff;margin:0 0 25px}h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0}h1{font-size:clamp(45px,6.2vw,80px);max-width:1000px}h2{font-size:36px}h3{font-size:25px}em{font-style:normal;color:#bca4ff}p{color:#aea5bd;margin:20px 0;line-height:1.9}.reference-hero{padding-bottom:55px}.reference-hero>p:not(.eyebrow){font-size:17px;max-width:730px;margin:30px 0 24px}.updated{font:9px monospace;color:#81768f}.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.reference-card{position:relative;padding:35px;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(130deg,#a58aff0c,#13111b);transition:border-color .2s,transform .2s;color:#eee9f5}.reference-card:hover{border-color:#a58aff88;transform:translateY(-3px);text-decoration:none}.reference-card>span{font:9px monospace;letter-spacing:.09em;color:#bca4ff}.reference-card h3{margin-top:26px;max-width:430px;font-size:30px}.reference-card p{font-size:12px;max-width:430px;margin:17px 0 30px}.reference-card>b{position:absolute;right:28px;bottom:23px;color:#c6afff;font-size:23px;font-weight:400}.scope-note{border:1px solid #c6afff22;border-left:3px solid #a58aff;padding:28px 30px;border-radius:0 12px 12px 0;background:#a58aff06;margin:50px 0;font-size:12px}.scope-note p{margin:15px 0}.scope-note h2{font-size:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#c6afff;color:#15101e;padding:14px 22px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.5;margin-top:15px}.button:hover{background:#d5c3ff;text-decoration:none}.article-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:70px;margin-top:60px}.article-layout aside{align-self:start;position:sticky;top:35px;padding:20px 0}.article-layout aside>span{font:9px monospace;letter-spacing:.12em;color:#8f819f}.article-layout aside nav{display:flex;flex-direction:column;gap:17px;margin-top:25px}.article-layout aside a{font-size:11px;color:#b3a8c2;line-height:1.7}article section{padding:20px 0 35px;border-bottom:1px solid #ffffff13;scroll-margin-top:30px}article section+section{padding-top:40px}article h2{font-size:32px}article p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.steps>div{padding:20px 16px;border:1px solid #ffffff18;border-radius:9px;background:#13111b}.steps b{font:10px monospace;color:#c6afff}.steps strong{display:block;font-size:13px;line-height:1.5;margin-top:20px}.steps p{font-size:11px;margin:12px 0 0}.definitions{margin:25px 0}.definitions>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:25px;padding:20px 0;border-bottom:1px solid #ffffff14}.definitions dt{font-size:13px;color:#d7c8f1}.definitions dd{margin:0;color:#a99fb8;font-size:12px;line-height:1.9}.definitions dt code{font-size:11px;overflow-wrap:anywhere}.callout{padding:22px 25px;background:#c6afff0a;border-radius:10px;border:1px solid #c6afff28;margin:30px 0}.callout strong{font-size:13px;color:#d9c8fa}.callout p{font-size:12px;margin:10px 0 0}.product-image{border:1px solid #ffffff20;border-radius:12px;margin-top:30px}.caption{font-size:9px!important;color:#8c819e!important}pre{overflow-x:auto;padding:25px;border:1px solid #ffffff20;border-radius:10px;background:#13111b;font:11px/2.2 monospace;color:#c6afff}code{overflow-wrap:anywhere}.formula{padding:30px;background:#15121e;border:1px solid #c6afff30;border-radius:12px;text-align:center;margin:30px 0}.formula span{display:block;font:8px monospace;letter-spacing:.1em;color:#a596bb}.formula strong{display:block;font-family:'DM Sans',Arial;font-size:26px;line-height:1.3;letter-spacing:-.03em;margin:24px 0 15px}.formula p{font-size:11px;margin:0}.pilot-list{padding-left:23px;color:#ada1bc;font-size:13px}.pilot-list li{padding:10px 0 10px 8px}.pilot-list strong{color:#ddd1ef}
.reference-visual{min-height:280px;display:flex;align-items:center;justify-content:center;gap:50px;padding:45px;border:1px solid #c6afff26;border-radius:16px;background:radial-gradient(ellipse at 60% 40%,#a58aff18,transparent 70%),#13111b;overflow:hidden}.reference-visual span{font:8px/1.8 monospace;letter-spacing:.12em;color:#a694bf}.reference-visual strong{display:block;font-family:'DM Sans',Arial;font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-.04em;color:#e6ddf2;margin-top:18px}.reference-visual>i{font-size:30px;color:#a58aff;font-style:normal}.audience-visual>div:first-child{display:flex;flex-direction:column;gap:12px;min-width:190px}.audience-visual b{font-weight:400;font-size:12px;display:block;padding:9px 20px;border:1px solid #ffffff20;border-radius:7px;color:#c3b5d8;background:#a58aff08}.visual-story{padding-left:20px;border-left:2px solid #a58aff}.visual-story a{display:inline-block;font-size:10px;margin-top:20px}.layer-stack{position:relative;width:280px;height:200px;flex-shrink:0}.layer-stack i{position:absolute;inset:35px 10px;display:grid;place-items:center;border:1px solid #a58aff66;border-radius:10px;background:#282037;font:10px monospace;letter-spacing:.1em;transform:rotate(-12deg) skewY(6deg);box-shadow:0 12px 30px #0005}.layer-stack i:first-child{transform:translate(-20px,-32px) rotate(-12deg) skewY(6deg);background:#20192d;color:#9f89bf}.layer-stack i:nth-child(2){background:#30223f;color:#c6afff}.layer-stack i:last-child{transform:translate(20px,32px) rotate(-12deg) skewY(6deg);background:linear-gradient(130deg,#c6afff,#7b5ba5);color:#16111e}.render-visual p{font:10px monospace;margin:20px 0 0}.workflow-visual{flex-wrap:wrap;gap:30px}.workflow-visual>span{font:18px 'DM Sans',Arial;letter-spacing:-.02em;color:#eee9f5;border:1px solid #c6afff44;border-radius:12px;padding:23px}.workflow-visual>div{width:100%;text-align:center;font:11px monospace;letter-spacing:.08em;color:#c6afff}.workflow-visual b{font-weight:400;margin:0 18px;color:#675475}.evidence-visual{gap:35px}.evidence-visual strong{font-size:26px}.related{margin:70px 0}.related>.reference-grid{margin-top:30px}.related .reference-card h3{font-size:24px}.reference-cta{text-align:center;padding:70px 30px;border:1px solid #c6afff22;border-radius:17px;background:radial-gradient(ellipse at center,#a58aff12,transparent 75%);margin:70px 0}.reference-cta h2{font-size:52px}.reference-cta .button{margin-top:30px}footer{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #ffffff18;padding:30px 0;font-size:10px;color:#8d819f}footer span{margin-right:auto}footer a{color:#a89bb9}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:15px}.article-layout aside{position:static;border-bottom:1px solid #ffffff20;padding-bottom:25px}.article-layout aside nav{display:grid;grid-template-columns:1fr 1fr}.reference-visual{gap:25px;padding:30px}.evidence-visual strong{font-size:22px}.reference-visual strong{font-size:28px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}header{padding:20px 0;gap:15px;align-items:flex-start}header img{width:100px}header nav{gap:8px 15px;justify-content:flex-end;flex-wrap:wrap;font-size:9px;max-width:170px}.breadcrumbs{font-size:8px;margin:25px 0 35px;gap:8px}.reference-hero{padding-bottom:35px}h1{font-size:43px;line-height:1.12}.reference-hero>p:not(.eyebrow){font-size:14px;margin:23px 0}.eyebrow{font-size:8px;letter-spacing:.09em}.reference-grid{grid-template-columns:1fr}.reference-card{padding:25px}.reference-card h3{font-size:27px}.reference-card p{font-size:12px}.reference-card>span{font-size:8px}.reference-visual{padding:28px 22px;flex-direction:column;gap:22px}.reference-visual>i{transform:rotate(90deg)}.audience-visual>div:first-child{width:100%;min-width:0}.visual-story{width:100%}.layer-stack{width:220px;height:180px}.render-visual>div:last-child{width:100%}.workflow-visual>span{width:100%;text-align:center;font-size:16px;padding:18px}.workflow-visual>div{font-size:10px;letter-spacing:0}.workflow-visual b{margin:0 8px}.evidence-visual>div{width:100%;text-align:center}.evidence-visual strong{font-size:28px}.article-layout{margin-top:30px}.article-layout aside nav{grid-template-columns:1fr;gap:12px}.article-layout aside a{font-size:12px}article h2{font-size:29px}article p{font-size:13px}.steps{grid-template-columns:1fr;gap:12px}.steps>div{padding:22px}.steps strong{margin-top:12px}.steps p{font-size:12px}.definitions>div{grid-template-columns:1fr;gap:8px}.definitions dd{font-size:12px}.callout,.scope-note{padding:22px}.scope-note h2{font-size:28px}.formula{padding:25px 18px}.formula strong{font-size:24px}.reference-cta{padding:50px 18px;margin:50px 0}.reference-cta h2{font-size:37px}.button{font-size:11px;gap:20px}.reference-hero h1{overflow-wrap:anywhere}footer{gap:15px;font-size:9px}footer span{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reference-card:hover{transform:none}}

/* Topic library and native FAQ disclosures. All answers are in the initial HTML. */
.topic-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff18;border:1px solid #ffffff18;border-radius:12px;overflow:hidden;margin-bottom:70px}.topic-map a{display:grid;grid-template-columns:1fr auto;gap:15px;padding:23px;background:#13111b;color:#eee9f5}.topic-map a:hover{background:#20192c;text-decoration:none}.topic-map span{grid-column:1/-1;font:8px monospace;letter-spacing:.12em;color:#bca4ff}.topic-map strong{font-family:'DM Sans',Arial;font-weight:500;font-size:18px;letter-spacing:-.025em;line-height:1.4}.topic-map b{color:#bca4ff;font-weight:400}.topic-section{scroll-margin-top:30px;margin:65px 0}.topic-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:25px}.topic-heading p{font-size:12px;max-width:370px;margin:0}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid .reference-card{padding:25px}.related-grid .reference-card h3{font-size:24px}.all-guides{display:inline-block;margin-top:25px;font-size:12px}.toc-faq-label{font:9px monospace;color:#c6afff;border-top:1px solid #ffffff18;padding-top:20px;margin-top:5px}.faq-collection{margin:70px 0 35px}.faq-intro{margin-bottom:36px}.faq-intro .eyebrow{margin-bottom:16px}.faq-intro h2{font-size:36px}.faq-intro>p:last-child{font-size:13px}.faq-group{padding:30px 0!important;border:0!important;border-top:1px solid #ffffff18!important;scroll-margin-top:30px}.faq-group-heading h2{font-size:25px;letter-spacing:-.025em}.faq-group-heading p{font-size:12px;margin:12px 0 24px;max-width:550px}.faq-item{border:1px solid #ffffff1c;border-radius:10px;background:#13111b;margin:10px 0;scroll-margin-top:25px;overflow:hidden}.faq-item[open]{border-color:#c6afff50;background:linear-gradient(125deg,#a58aff0c,#13111b)}.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 52px 20px 23px;font-size:14px;line-height:1.65;color:#eee9f5;min-height:60px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:23px;top:18px;color:#c6afff;font-size:20px;font-weight:400}.faq-item[open] summary::after{content:'−'}.faq-item summary:hover{color:#d7c7fa}.faq-item summary:focus-visible{outline:2px solid #c6afff;outline-offset:-4px;border-radius:8px}.faq-answer{padding:0 23px}.faq-answer p{font-size:13px;line-height:1.95;margin:0 0 16px}.faq-permalink{display:inline-block;font:9px/1.8 monospace;margin:0 23px 22px;color:#bca4ff}.faq-answer a{text-decoration:underline;text-underline-offset:3px}.faq-collection>.faq-group{display:block}.shell>.faq-collection .faq-group{display:grid;grid-template-columns:1fr 1.7fr;gap:55px}.reference-visual.creative-visual,.reference-visual.interface-visual,.reference-visual.signal-visual,.reference-visual.brand-visual{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center}.creative-visual>div>span,.interface-visual>div>span,.signal-visual>div>span,.brand-visual>div>span{font:9px monospace;letter-spacing:.1em;color:#bca4ff}.creative-visual strong,.interface-visual strong,.signal-visual strong,.brand-visual strong{display:block;font:500 35px/1.15 'DM Sans',Arial;letter-spacing:-.04em;margin-top:22px}.creative-visual p,.interface-visual p,.brand-visual p{font-size:12px}.creative-visual a{font-size:11px}.creative-tracks{padding:30px;border:1px solid #c6afff33;border-radius:12px;background:#0b0b11;position:relative;overflow:hidden}.creative-tracks:after{content:'';position:absolute;top:25px;bottom:45px;left:61%;width:1px;background:#f0b9d7}.creative-tracks>span{display:flex;align-items:center;gap:7px;font:8px monospace;color:#bca4ff;margin-bottom:14px;height:32px}.creative-tracks i{display:block;flex:1;height:25px;background:linear-gradient(135deg,#bca4ff65,#bca4ff20);border:1px solid #bca4ff40;border-radius:4px}.creative-tracks>span:nth-child(2) i{background:#b8ead725;border-color:#b8ead744}.creative-tracks>span:nth-child(3) i{height:17px;background:repeating-linear-gradient(90deg,#bca4ff70 0 2px,transparent 2px 5px);border:0}.creative-tracks small{font:8px monospace;color:#92859f}.endpoint-card,.brand-specimen{padding:30px;border:1px solid #c6afff30;border-radius:12px;background:#0b0b11;min-width:0}.endpoint-card>span,.brand-specimen>span{font:8px monospace!important;letter-spacing:.08em}.endpoint-card code{display:block;font:14px/1.8 monospace;margin:24px 0;color:#d4c1fa}.endpoint-card small{font:9px monospace;color:#90859d}.endpoint-card blockquote{margin:24px 0;font:500 24px/1.35 'DM Sans',Arial;letter-spacing:-.02em}.signal-visual ol{list-style:none;margin:0;padding:0 0 0 25px;border-left:1px solid #c6afff45}.signal-visual li{position:relative;padding:18px 0}.signal-visual li:before{content:'';position:absolute;left:-30px;top:25px;width:9px;height:9px;background:#c6afff;border:2px solid #13111b;border-radius:50%}.signal-visual li b{font:13px/1.6 monospace;color:#e1d4f8;overflow-wrap:anywhere}.signal-visual li small{display:block;font-size:11px;color:#a99bb8;margin-top:6px}.brand-specimen>b{display:block;font:64px/1.3 'DM Sans',Arial;color:#eee9f5;margin:20px 0}.brand-swatches{display:flex;gap:8px}.brand-swatches i{width:36px;height:36px;background:#c6afff;border-radius:50%;border:1px solid #ffffff22}.brand-swatches i:nth-child(2){background:#b8ead7}.brand-swatches i:nth-child(3){background:#eee9f5}.brand-swatches i:nth-child(4){background:#13111b}.reference-visual.journey-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.journey-visual>div{border-left:2px solid #c6afff50;padding-left:20px}.journey-visual span{font:8px monospace;letter-spacing:.1em;color:#bca4ff}.journey-visual strong{display:block;font:500 25px/1.2 'DM Sans',Arial;letter-spacing:-.03em;margin-top:20px}.journey-visual>p{grid-column:1/-1;font:9px monospace;margin:10px 0 0;color:#93849f}
@media(max-width:1000px){.topic-map{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr}.related-grid .reference-card h3{max-width:100%;margin-top:15px}.related-grid .reference-card p{max-width:90%;margin-bottom:10px}.shell>.faq-collection .faq-group{grid-template-columns:1fr;gap:0}.reference-visual.creative-visual,.reference-visual.interface-visual,.reference-visual.signal-visual,.reference-visual.brand-visual{grid-template-columns:1fr 1fr;gap:25px}.reference-visual.journey-visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topic-map{margin-bottom:40px}.topic-map a{padding:18px 15px;gap:12px}.topic-map strong{font-size:17px}.topic-map span{font-size:7px;line-height:1.6}.topic-section{margin:45px 0}.topic-heading{display:block}.topic-heading h2{font-size:30px}.topic-heading p{margin-top:16px}.faq-collection{margin-top:45px}.faq-intro h2{font-size:30px}.faq-group-heading h2{font-size:24px}.faq-item summary{font-size:13px;padding:18px 43px 18px 18px}.faq-item summary::after{right:18px;top:15px}.faq-answer{padding:0 18px}.faq-answer p{font-size:12px}.faq-permalink{margin-left:18px}.reference-visual.creative-visual,.reference-visual.interface-visual,.reference-visual.signal-visual,.reference-visual.brand-visual{grid-template-columns:minmax(0,1fr);gap:28px}.creative-visual strong,.interface-visual strong,.signal-visual strong,.brand-visual strong{font-size:31px}.creative-tracks,.endpoint-card,.brand-specimen{padding:20px}.endpoint-card code{font-size:12px}.reference-visual.journey-visual{gap:28px 18px}.journey-visual>div{padding-left:12px}.journey-visual strong{font-size:21px}.journey-visual span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.topic-map a,.faq-item{transition:none}}

/* Readable long-form product and industry content. */
:root{font-size:16px}h1,h2,h3{text-wrap:balance}header nav{font-size:12px}header nav a{min-height:44px;display:flex;align-items:center}.eyebrow{font-size:10px}.breadcrumbs{font-size:11px}.updated{font-size:11px}article p{font-size:16px;line-height:1.85}.article-layout aside a{font-size:12px}.reference-card p{font-size:14px}.caption{font-size:11px!important;color:#b0a1c1!important}.reference-card>span{font-size:10px}.callout p,.scope-note{font-size:14px}.definitions dd{font-size:14px}.steps p{font-size:12px}.faq-answer p,.faq-answer{font-size:14px}details summary{min-height:44px;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid #c6afff;outline-offset:4px}button,a,summary{touch-action:manipulation}footer{font-size:12px}footer a{min-height:40px;display:flex;align-items:center}@media(max-width:700px){article p{font-size:15px}.reference-card p{font-size:13px}.breadcrumbs{font-size:10px}header nav{font-size:11px}}