.compact-adoption-phases{display:grid;grid-template-columns:repeat(var(--adoption-phase-count, 4),minmax(0,1fr));gap:8px;list-style:none;margin:20px 0;padding:0}.compact-adoption-phases>li{min-width:0;margin:0;padding:20px 26px 20px 18px;background:var(--color-bw-navy);color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.compact-adoption-phases .compact-phase-number{margin-bottom:10px;color:var(--color-bw-mid);font:500 12px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}#site-content[data-products-design] .compact-adoption-phases h4{margin:0 0 10px;color:#fff;font:600 16px/1.5 var(--font-sans)}#site-content[data-products-design] .compact-adoption-phases p{margin:0;color:#fffc;font:400 16px/1.5 var(--font-sans)}@media(max-width:1023px){.compact-adoption-phases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.compact-adoption-phases{grid-template-columns:1fr}.compact-adoption-phases>li{padding:20px 20px 30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),50% 100%,0 calc(100% - 12px))}}