.tealium27--platform{background:var(--t27-bg)}.tealium27--platform .t27-platform-section{padding-top:112px}@media(max-width:767px){.tealium27--platform .t27-platform-section{padding-top:70px}}.tealium27--platform .t27-platform-section{padding-bottom:0}.tealium27--platform .t27-section-head{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}.tealium27--platform .t27-platform-blurb{max-width:470px;color:var(--t27-muted);font-size:16px}.tealium27--platform .t27-platform-heading-light{font-weight:300}.tealium27--platform .t27-platform-heading-bold{font-weight:700}.tealium27--platform .t27-platform{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;margin-top:54px}.tealium27--platform .t27-platform-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-width:0}.tealium27--platform button.t27-tab{display:flex;align-items:center;width:100%;gap:18px;padding:22px 0;border-bottom:1px solid color-mix(in srgb,var(--t27-line) 40%,transparent);text-align:left;cursor:pointer}.tealium27--platform .t27-tab-number{flex-shrink:0;font-size:11px;color:var(--t27-muted);width:24px}.tealium27--platform .t27-tab-number img{display:none;width:11px;height:19px;object-fit:contain;transform:translate(1px)}.tealium27--platform .t27-tab[aria-selected=true] .t27-tab-number{color:var(--t27-fg);background:var(--t27-teal);width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.tealium27--platform .t27-tab[aria-selected=true] .t27-tab-digit{display:none}.tealium27--platform .t27-tab[aria-selected=true] .t27-tab-number img{display:block}.tealium27--platform .t27-tab[aria-selected=true] .t27-tab-truman{background:transparent;border-radius:0}.tealium27--platform .t27-tab-truman img{width:25px;height:25px;transform:none;image-rendering:pixelated}.tealium27--platform .t27-tab-title{position:relative;flex:0 1 auto;font-size:21px;letter-spacing:-.7px;transition:font-weight .4s ease}.tealium27--platform .t27-tab>svg{width:17px;height:auto;margin-left:auto;opacity:.4}.tealium27--platform .t27-tab[aria-selected=true] .t27-tab-title{font-weight:500}.tealium27--platform .t27-tab[aria-selected=true]>svg{opacity:1}.tealium27--platform .t27-tab-title:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:999px;background:#68d8d5;opacity:0;filter:blur(4px);transform:scaleX(0);transform-origin:center;pointer-events:none;transition:opacity .2s ease,filter .2s ease,transform .2s ease}.tealium27--platform .t27-tab:is(:hover,:focus-visible) .t27-tab-title{font-weight:600;transition-duration:.2s}.tealium27--platform .t27-tab:is(:hover,:focus-visible) .t27-tab-title:after{opacity:1;filter:blur(0);transform:scaleX(1)}.tealium27--platform .t27-platform-panels{display:grid;min-width:0;background:var(--t27-surface);border-radius:12px}.tealium27--platform .t27-platform-view{grid-area:1/1;min-width:0;border-radius:12px;padding:35px 38px;display:flex;flex-direction:column;min-height:425px}.tealium27--platform .t27-platform-view[data-active=false]{visibility:hidden;pointer-events:none}.tealium27--platform .t27-platform-view:focus-visible{outline:2px solid var(--t27-fg);outline-offset:5px}.tealium27--platform .t27-platform-view h3{font-size:26px;line-height:1.6;letter-spacing:-1px;font-weight:500}.tealium27--platform .t27-platform-view>p{font-size:15px;color:var(--t27-muted);max-width:400px;margin-top:15px}.tealium27--platform .t27-ai-clients{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 20px;margin:0 0 24px;color:var(--t27-fg)}.tealium27--platform .t27-ai-clients-label{font-size:13px;line-height:24px;color:var(--t27-muted)}.tealium27--platform .t27-ai-clients-icons{display:flex;align-items:flex-start;gap:18px;list-style:none;padding:0;margin:0}.tealium27--platform .t27-ai-clients-icons li{display:flex;flex-direction:column;align-items:center;gap:6px}.tealium27--platform .t27-ai-soon{font-size:9px;line-height:14px;padding:0 5px;border-radius:999px;color:var(--t27-muted);border:1px solid var(--t27-line)}.tealium27--platform .t27-ai-clients-icons img{display:block;width:24px;height:24px;filter:brightness(0) invert(1)}.tealium27--platform[data-theme=light] .t27-ai-clients-icons img{filter:brightness(0)}.tealium27--platform .t27-code{position:relative;overflow:hidden;background:var(--t27-card);padding:23px;border-radius:8px;margin:26px 0 22px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.9}.tealium27--platform .t27-code-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--t27-line) 30%,transparent);padding-bottom:12px;margin-bottom:12px;font-family:Tealium27 Inter,sans-serif;font-size:10px}.tealium27--platform .t27-code-head span{display:flex;gap:6px;align-items:center}.tealium27--platform .t27-code-head i{height:5px;width:5px;border-radius:50%;background:var(--t27-teal)}.tealium27--platform .t27-code .key{color:var(--t27-muted)}.tealium27--platform .t27-platform-view .t27-textcta{margin-top:auto;align-self:flex-start;cursor:default}.tealium27--platform .t27-products-label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--t27-muted);margin-top:16px}.tealium27--platform .t27-product-link{position:relative;color:var(--t27-fg);text-decoration:none;padding:4px 0}.tealium27--platform .t27-product-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:#68d8d5}.tealium27--platform .t27-product-link .t27-product-name{display:inline-block;transition:transform .4s ease}.tealium27--platform .t27-product-link:is(:hover,:focus-visible) .t27-product-name{transform:translateY(-3px);transition-duration:.2s}.tealium27--platform .t27-product-link:focus-visible{outline:2px solid var(--t27-fg);outline-offset:5px}.tealium27--platform .t27-product-link[aria-disabled=true]{cursor:default}.tealium27--platform[data-theme=light] .t27-product-link:after{background:#2997a3}@media(prefers-reduced-motion:reduce){.tealium27--platform .t27-product-link .t27-product-name,.tealium27--platform .t27-product-link:is(:hover,:focus-visible) .t27-product-name{transition:none;transform:none}}.tealium27--platform .t27-truman{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.tealium27--platform button.t27-truman-wanderer{position:absolute;top:0;left:0;display:block;width:56px;height:56px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;pointer-events:auto}.tealium27--platform button.t27-truman-wanderer:focus-visible{outline:2px solid #2997A3;outline-offset:5px}.tealium27--platform .t27-truman-sprite{display:block;width:100%;height:100%;background-size:600% 100%;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;transition:scale .15s ease}.tealium27--platform .t27-truman-wanderer[data-held=true]{cursor:grabbing;z-index:2}.tealium27--platform .t27-truman-wanderer[data-held=true] .t27-truman-sprite{scale:1.15;rotate:-7deg}@media(max-width:1000px){.tealium27--platform .t27-platform{gap:40px}.tealium27--platform .t27-platform-view{padding:28px}}@media(max-width:767px){.tealium27--platform .t27-section-head{grid-template-columns:1fr;gap:22px;margin-top:20px}.tealium27--platform .t27-platform-blurb{font-size:15px}.tealium27--platform .t27-platform{grid-template-columns:1fr;gap:25px;margin-top:25px}.tealium27--platform .t27-tabs{display:flex;gap:6px;overflow:auto;padding:7px 0}.tealium27--platform button.t27-tab{width:auto;flex-shrink:0;min-height:47px;padding:10px 12px;gap:8px;border-radius:8px;background:transparent;border:1px solid #6D7784;color:var(--t27-fg)}.tealium27--platform button.t27-tab[aria-selected=true]{background:transparent;border-color:#68d8d5;color:var(--t27-fg)}.tealium27--platform[data-theme=light] button.t27-tab[aria-selected=true]{border-color:#2997a3}.tealium27--platform .t27-tab-title{font-size:12px;letter-spacing:0}.tealium27--platform .t27-tab-number,.tealium27--platform .t27-tab>svg{display:none}.tealium27--platform .t27-tab[aria-selected=true] .t27-tab-number{display:none}.tealium27--platform .t27-platform-view{min-height:410px;padding:28px}.tealium27--platform .t27-platform-view h3{font-size:25px}.tealium27--platform .t27-code{padding:18px;font-size:10px}}@media(max-width:639px){.tealium27--platform .t27-truman-wanderer .t27-truman-sprite{width:32px;height:32px;margin:12px}}@media(prefers-reduced-motion:reduce){.tealium27--platform .t27-truman-sprite{transition:none}}.tealium27--platform .t27-section-head h2{font-weight:300}
