.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)/.05);--grok-bg-blue-100:hsl(var(--grok-blue)/.1);--grok-bg-blue-200:hsl(var(--grok-blue)/.2);--grok-bg-blue-500:hsl(var(--grok-blue)/.5);--grok-bg-blue-900:hsl(var(--grok-blue));--grok-bg-red-50:hsl(var(--grok-red)/.05);--grok-bg-red-100:hsl(var(--grok-red)/.1);--grok-bg-red-200:hsl(var(--grok-red)/.2);--grok-bg-red-500:hsl(var(--grok-red)/.5);--grok-bg-red-900:hsl(var(--grok-red));--grok-bg-green-50:hsl(var(--grok-green)/.05);--grok-bg-green-100:hsl(var(--grok-green)/.1);--grok-bg-green-200:hsl(var(--grok-green)/.2);--grok-bg-green-500:hsl(var(--grok-green)/.5);--grok-bg-green-900:hsl(var(--grok-green));--grok-bg-orange-50:hsl(var(--grok-orange)/.05);--grok-bg-orange-100:hsl(var(--grok-orange)/.1);--grok-bg-orange-200:hsl(var(--grok-orange)/.2);--grok-bg-orange-500:hsl(var(--grok-orange)/.5);--grok-bg-orange-900:hsl(var(--grok-orange));--grok-bg-yellow-50:hsl(var(--grok-yellow)/.05);--grok-bg-yellow-100:hsl(var(--grok-yellow)/.1);--grok-bg-yellow-200:hsl(var(--grok-yellow)/.2);--grok-bg-yellow-500:hsl(var(--grok-yellow)/.5);--grok-bg-yellow-900:hsl(var(--grok-yellow));--grok-bg-gray-50:hsl(var(--grok-gray));--grok-bg-gray-100:#dcdfe4;--grok-bg-gray-200:#d4d7de;--grok-bg-gray-500:#8c95a6;--grok-bg-gray-900:hsl(var(--grok-dark));--grok-text-blue-400:#8983c9;--grok-text-blue-600:hsl(var(--grok-blue));--grok-text-blue-800:#3c367c;--grok-text-red-400:#e26971;--grok-text-red-600:hsl(var(--grok-red));--grok-text-red-800:#961d25;--grok-text-green-400:#9ec686;--grok-text-green-600:hsl(var(--grok-green));--grok-text-green-800:#527939;--grok-text-orange-400:#f79055;--grok-text-orange-600:hsl(var(--grok-orange));--grok-text-orange-800:#aa4408;--grok-text-yellow-400:#f2cc5a;--grok-text-yellow-600:hsl(var(--grok-yellow));--grok-text-yellow-800:#a57f0d;--grok-text-gray-400:#9aa2b1;--grok-text-gray-600:#646e82;--grok-text-gray-900:hsl(var(--grok-dark));--grok-border-blue:hsl(var(--grok-blue)/.2);--grok-border-red:hsl(var(--grok-red)/.2);--grok-border-green:hsl(var(--grok-green)/.2);--grok-border-orange:hsl(var(--grok-orange)/.2);--grok-border-yellow:hsl(var(--grok-yellow)/.2);--grok-border-gray:#d4d7de;--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)/.05),hsl(var(--grok-white)),hsl(var(--grok-green)/.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:#fff!important;border:none!important}