:root{--gradient-primary:linear-gradient(135deg,#6b26d9,#8a2eb8);--gradient-hero:linear-gradient(135deg,#09090b,#200b41 50%,#09090b);--gradient-card:linear-gradient(135deg,#242428,#2a2a32);--shadow-glow:0 0 30px hsl(var(--primary)/0.3);--shadow-card:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-hover:0 10px 15px -3px hsl(var(--primary)/0.1),0 4px 6px -4px hsl(var(--primary)/0.1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--da-primary:hsl(var(--primary));--da-primary-light:rgba(77,57,116,.4);--da-primary-dark:#3e2a6f;--da-primary-darkest:#2a1d4f;--da-grey2:#6b7280;--da-grey3:#4b5563;--da-gradient-primary:linear-gradient(135deg,#7c3aed,#4f46e5);--da-gradient-card:linear-gradient(135deg,rgba(77,57,116,.08),rgba(77,57,116,.16));--da-shadow-card:0 4px 12px rgba(0,0,0,.08);--da-shadow-hover:0 12px 24px rgba(0,0,0,.16)}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow{box-shadow:var(--shadow-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.usecase-container{max-width:1200px;margin:0 auto;padding:2rem}.usecase-hero{text-align:center;margin-bottom:3rem;padding:3rem 0;background:var(--da-gradient-primary);border-radius:20px;color:#fff}.categories-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.category-tile{background:var(--da-gradient-card);border:1px solid rgba(77,57,116,.1);border-radius:16px;padding:2rem;transition:var(--transition-smooth);box-shadow:var(--da-shadow-card);cursor:pointer;position:relative;overflow:hidden}.category-tile:hover{transform:translateY(-8px);box-shadow:var(--da-shadow-hover);border-color:var(--da-primary-light)}.usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:2rem 0;align-items:stretch}.usecase-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--da-shadow-card);transition:all .3s ease;border:1px solid rgba(77,57,116,.08);padding:1.5rem;display:flex;flex-direction:column;height:100%}.usecase-card .image-container{display:flex;justify-content:center;align-items:center;background:#f9f9f9}.usecase-card .image-container img{max-height:100%;max-width:100%;object-fit:contain}.scroll-smooth{scroll-behavior:smooth}.usecase-card:hover{transform:translateY(-5px);box-shadow:var(--da-shadow-hover)}.btn-primary{background:var(--da-gradient-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-outline{background:transparent}.btn-outline:hover{background:hsl(var(--primary))}.btn-tech{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500;transition:all .2s}.btn-tech:hover{background-color:color-mix(in srgb,hsl(var(--primary)) 90%,transparent)}.btn-tech:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--primary)/.5)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;border:1px solid hsl(var(--primary));color:hsl(var(--primary));background-color:transparent;font-weight:500;transition:all .2s}.btn-outline:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-outline:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--primary)/.5)}.nav-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;border-radius:.375rem;color:hsl(var(--muted-foreground));border-left:2px solid transparent;transition:all .2s}.nav-item:hover{color:hsl(var(--foreground));background-color:hsl(var(--secondary)/.5);border-left-color:hsl(var(--primary)/.3)}.nav-item.active{color:hsl(var(--primary));background-color:hsl(var(--secondary)/.8);border-left-color:hsl(var(--primary));font-weight:500}