.grok-showcase-container{--grok-blue:245 39% 41%;--grok-red:356 68% 48%;--grok-green:97 36% 51%;--grok-orange:22 91% 48%;--grok-yellow:45 85% 50%;--grok-dark:60 3% 11%;--grok-white:0 0% 98%;--grok-gray:220 13% 91%;--grok-base-blue:hsl(var(--grok-blue));--grok-base-red:hsl(var(--grok-red));--grok-base-green:hsl(var(--grok-green));--grok-base-orange:hsl(var(--grok-orange));--grok-base-yellow:hsl(var(--grok-yellow));--grok-base-dark:hsl(var(--grok-dark));--grok-base-white:hsl(var(--grok-white));--grok-base-gray:hsl(var(--grok-gray));--grok-bg-blue-50:hsl(var(--grok-blue)/0.05);--grok-bg-blue-100:hsl(var(--grok-blue)/0.1);--grok-bg-blue-200:hsl(var(--grok-blue)/0.2);--grok-bg-blue-500:hsl(var(--grok-blue)/0.5);--grok-bg-blue-900:hsl(var(--grok-blue));--grok-bg-red-50:hsl(var(--grok-red)/0.05);--grok-bg-red-100:hsl(var(--grok-red)/0.1);--grok-bg-red-200:hsl(var(--grok-red)/0.2);--grok-bg-red-500:hsl(var(--grok-red)/0.5);--grok-bg-red-900:hsl(var(--grok-red));--grok-bg-green-50:hsl(var(--grok-green)/0.05);--grok-bg-green-100:hsl(var(--grok-green)/0.1);--grok-bg-green-200:hsl(var(--grok-green)/0.2);--grok-bg-green-500:hsl(var(--grok-green)/0.5);--grok-bg-green-900:hsl(var(--grok-green));--grok-bg-orange-50:hsl(var(--grok-orange)/0.05);--grok-bg-orange-100:hsl(var(--grok-orange)/0.1);--grok-bg-orange-200:hsl(var(--grok-orange)/0.2);--grok-bg-orange-500:hsl(var(--grok-orange)/0.5);--grok-bg-orange-900:hsl(var(--grok-orange));--grok-bg-yellow-50:hsl(var(--grok-yellow)/0.05);--grok-bg-yellow-100:hsl(var(--grok-yellow)/0.1);--grok-bg-yellow-200:hsl(var(--grok-yellow)/0.2);--grok-bg-yellow-500:hsl(var(--grok-yellow)/0.5);--grok-bg-yellow-900:hsl(var(--grok-yellow));--grok-bg-gray-50:hsl(var(--grok-gray));--grok-bg-gray-100:hsl(220 13% 88%);--grok-bg-gray-200:hsl(220 13% 85%);--grok-bg-gray-500:hsl(220 13% 60%);--grok-bg-gray-900:hsl(var(--grok-dark));--grok-text-blue-400:hsl(245 39% 65%);--grok-text-blue-600:hsl(var(--grok-blue));--grok-text-blue-800:hsl(245 39% 35%);--grok-text-red-400:hsl(356 68% 65%);--grok-text-red-600:hsl(var(--grok-red));--grok-text-red-800:hsl(356 68% 35%);--grok-text-green-400:hsl(97 36% 65%);--grok-text-green-600:hsl(var(--grok-green));--grok-text-green-800:hsl(97 36% 35%);--grok-text-orange-400:hsl(22 91% 65%);--grok-text-orange-600:hsl(var(--grok-orange));--grok-text-orange-800:hsl(22 91% 35%);--grok-text-yellow-400:hsl(45 85% 65%);--grok-text-yellow-600:hsl(var(--grok-yellow));--grok-text-yellow-800:hsl(45 85% 35%);--grok-text-gray-400:hsl(220 13% 65%);--grok-text-gray-600:hsl(220 13% 45%);--grok-text-gray-900:hsl(var(--grok-dark));--grok-border-blue:hsl(var(--grok-blue)/0.2);--grok-border-red:hsl(var(--grok-red)/0.2);--grok-border-green:hsl(var(--grok-green)/0.2);--grok-border-orange:hsl(var(--grok-orange)/0.2);--grok-border-yellow:hsl(var(--grok-yellow)/0.2);--grok-border-gray:hsl(220 13% 85%);--grok-gradient-blue-red:linear-gradient(to right,hsl(var(--grok-blue)),hsl(var(--grok-red)));--grok-gradient-blue-green:linear-gradient(to right,hsl(var(--grok-blue)),hsl(var(--grok-green)));--grok-gradient-blue-orange:linear-gradient(to right,hsl(var(--grok-blue)),hsl(var(--grok-orange)));--grok-gradient-green-blue:linear-gradient(to right,hsl(var(--grok-green)),hsl(var(--grok-blue)));--grok-gradient-red-orange:linear-gradient(to right,hsl(var(--grok-red)),hsl(var(--grok-orange)));--grok-gradient-hero:linear-gradient(to bottom right,hsl(var(--grok-blue)/0.05),hsl(var(--grok-white)),hsl(var(--grok-green)/0.05))}.bg-grok-blue-50{background-color:var(--grok-bg-blue-50)}.bg-grok-blue-100{background-color:var(--grok-bg-blue-100)}.bg-grok-green-100{background-color:var(--grok-bg-green-100)}.bg-grok-orange-100{background-color:var(--grok-bg-orange-100)}.bg-grok-gray-50{background-color:var(--grok-bg-gray-50)}.text-grok-blue-600{color:var(--grok-text-blue-600)}.text-grok-green-600{color:var(--grok-text-green-600)}.text-grok-orange-600{color:var(--grok-text-orange-600)}.text-grok-yellow-600{color:var(--grok-text-yellow-600)}.text-grok-gray-900{color:var(--grok-text-gray-900)}.border-grok-orange{border-color:var(--grok-border-orange)}.bg-grok-gradient-blue-red{background:var(--grok-gradient-blue-red)}.bg-grok-gradient-blue-green{background:var(--grok-gradient-blue-green)}.bg-grok-gradient-green-blue{background:var(--grok-gradient-green-blue)}.grok-cta-button{background:var(--grok-gradient-blue-red)!important;color:white!important;border:none!important}