.reference-pages{--font-sans:Gellix, sans-serif;--font-heading:UlmGrotesk, Gellix, sans-serif;--font-lato-google:Lato, sans-serif;background:var(--mk-beige);color:var(--mk-ink);font-family:Gellix,sans-serif;overflow:clip}.reference-pages img{max-width:100%}.reference-pages section{scroll-margin-top:100px}.reference-pages [inert]{pointer-events:none}.reference-pages .reference-tab-active{color:#fff}.reference-pages .reference-column{max-width:1440px;margin:auto;padding:112px 80px}.reference-pages .reference-column h2{letter-spacing:-.06em;margin:16px 0 48px;font:700 48px/1.1 UlmGrotesk,sans-serif}.reference-pages .reference-eyebrow{color:var(--violet-500);font-size:14px}.reference-pages .reference-example-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;display:flex;overflow-x:auto}.reference-pages .reference-example-card{scroll-snap-align:start;background:#fff;border-radius:32px;flex-direction:column;flex:0 0 390px;gap:24px;min-height:350px;padding:32px;display:flex}.reference-pages .reference-example-card h3{letter-spacing:-.04em;font:700 28px/1.15 UlmGrotesk,sans-serif}.reference-pages .reference-example-card p{font-size:20px;line-height:1.4}.reference-pages .reference-example-card footer{color:var(--mk-secondary);margin-top:auto;font-size:14px}.reference-pages .reference-example-number{color:var(--violet-500);font-size:32px}.reference-pages .reference-carousel-buttons{justify-content:end;gap:12px;margin-top:32px;display:flex}.reference-pages .reference-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.reference-pages .reference-demo-notice{padding:8px;font:400 12px/1.5 Lato,sans-serif}.reference-pages .reference-cta{background:var(--gradient-dark4);text-align:center;color:#fff;border-radius:100px 100px 0 0}.reference-pages .reference-cta h2{max-width:800px;margin:0 auto 24px;font-size:64px}.reference-pages .reference-cta p{max-width:640px;margin:0 auto 32px;font-size:20px;line-height:1.4}.reference-pages .reference-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (min-width:1280px){.reference-pages section[id$=-workflows] li>button[aria-current=false]{opacity:.2}.reference-pages section[id$=-workflows] li>button.reference-workflow-active{opacity:1}}.site-marketing:has(>main>.reference-pages) :is(.hanging-header,.site-footer){font-family:Gellix,sans-serif}.site-marketing:has(>main>.reference-pages) :is(h1,h2,h3,h4,.font-mk-display){font-family:UlmGrotesk,Gellix,sans-serif}@media (max-width:1023px){.reference-pages .reference-column{padding:80px 48px}.reference-pages .reference-results{gap:16px}.reference-pages .reference-cta{border-radius:64px 64px 0 0}}@media (max-width:639px){.reference-pages .reference-column{padding:56px 20px}.reference-pages .reference-column h2{margin-bottom:32px;font-size:40px}.reference-pages .reference-example-card{flex-basis:85%;min-height:310px;padding:24px}.reference-pages .reference-results{grid-template-columns:1fr}.reference-pages .reference-cta{border-radius:40px 40px 0 0}.reference-pages .reference-cta h2{font-size:48px}.reference-pages .reference-cta-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.reference-pages *,.reference-pages :before,.reference-pages :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}